Merge branch 'xp/2023-08-17-blog-cta' into xp/2023-08-17-blog-cta-v2

amplication · Aug 18, 2023 · 00dba0f · 00dba0f
2 parents 804fe52 + b5af4b6
commit 00dba0f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/components/Common/CtaBanner/index.jsx b/components/Common/CtaBanner/index.jsx
@@ -18,7 +18,11 @@ const CtaBanner = ({bgVersion, title, subTitle, buttonText, buttonUrl}) => {
     });
   });
 
-  const bgStyle = bgVersion === 'version1' ? 'bg-cta-1' : 'bg-cta-2';
+  const bgStyle =
+    bgVersion === 'version1'
+      ? 'bg-cta-1-small tablet:bg-cta-1'
+      : 'bg-cta-2-small tablet:bg-cta-2';
+
   const defaultTitle = (
     <>
       Instantly generate <br /> production-ready backend
@@ -30,9 +34,9 @@ const CtaBanner = ({bgVersion, title, subTitle, buttonText, buttonUrl}) => {
 
   return (
     <div
-      className={`w-full px-12 py-16 my-10 rounded-2xl bg-no-repeat bg-cover bg-left-bottom relative laptop:min-h-[300px] border-3 border-white ${bgStyle}`}
+      className={`w-full px-4 py-4 tablet:px-12 tablet:py-16 my-10 rounded-2xl bg-no-repeat bg-cover bg-right-top relative min-h-[450px] tablet:min-h-[300px] border-3 border-white  ${bgStyle} `}
     >
-      <div className="">
+      <div className="max-w-[320px] tablet:max-w-[500px]">
         <div className="font-bold text-white text-[24px] leading-[32px]">
           {title || defaultTitle}
         </div>

diff --git a/public/images/bg/cta-bg-1-small.png b/public/images/bg/cta-bg-1-small.png
diff --git a/public/images/bg/cta-bg-2-small.png b/public/images/bg/cta-bg-2-small.png
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -146,6 +146,8 @@ module.exports = {
         'form-pattern-2-desktop': "url('/images/decor_2_desktop.svg')",
         'cta-1': "url('/images/bg/cta-bg-1.png')",
         'cta-2': "url('/images/bg/cta-bg-2.png')",
+        'cta-1-small': "url('/images/bg/cta-bg-1-small.png')",
+        'cta-2-small': "url('/images/bg/cta-bg-2-small.png')",
         noise: "url('/images/noise.png')",
         quote: "url('/images/bg/quotes.svg')",
       },