diff --git a/assets/images/cta/first-cta-2400w.webp b/assets/images/cta/first-cta-2400w.webp
new file mode 100644
index 00000000..bb35f5a0
Binary files /dev/null and b/assets/images/cta/first-cta-2400w.webp differ
diff --git a/assets/images/cta/first-cta-400w.webp b/assets/images/cta/first-cta-400w.webp
new file mode 100644
index 00000000..79632754
Binary files /dev/null and b/assets/images/cta/first-cta-400w.webp differ
diff --git a/assets/images/cta/first-cta-800w.webp b/assets/images/cta/first-cta-800w.webp
deleted file mode 100644
index 5b3d8a23..00000000
Binary files a/assets/images/cta/first-cta-800w.webp and /dev/null differ
diff --git a/assets/images/cta/first-cta-bg400w.webp b/assets/images/cta/first-cta-bg400w.webp
deleted file mode 100644
index 66ec4954..00000000
Binary files a/assets/images/cta/first-cta-bg400w.webp and /dev/null differ
diff --git a/components/cta/CTA1.js b/components/cta/CTA1.js
index 7a19949f..31807191 100644
--- a/components/cta/CTA1.js
+++ b/components/cta/CTA1.js
@@ -1,132 +1,67 @@
-"use client";
-
-import React, { useState } from "react";
-import { Swiper, SwiperSlide } from "swiper/react";
-import { Autoplay } from "swiper/modules";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faStar } from "@fortawesome/free-solid-svg-icons";
 import Image from "next/image";
-import ctabg400w from "../../assets/images/cta/first-cta-bg400w.webp";
-import cta800w from "../../assets/images/cta/first-cta-800w.webp";
+import background400w from "../../assets/images/cta/first-cta-400w.webp";
+import desktop_background2400w from "../../assets/images/cta/first-cta-2400w.webp";
 import Link from "next/link";
 import config from "../../config";
-import "swiper/css";
-import "swiper/css/autoplay";
 
 export default function CTA() {
-  const [swiper, setSwiper] = useState(null);
-
-  const slides = [
-    {
-      title: "50+",
-      content: "Projects",
-      hasStar: false,
-    },
-    {
-      title: "5.0",
-      content: "Clutch Reviews",
-      hasStar: true,
-    },
-  ];
-
-  const playSwiper = (play) => {
-    if (swiper) {
-      play ? swiper.autoplay.start() : swiper.autoplay.stop();
-    }
-  };
-
   return (
-    <section className="container relative mt-32 xl:mt-44 mb-20 xl:mb-0 font-inter-medium 3xl:px-12">
-      <div className="xl:hidden">
+    <section className="relative bg-[#FDE0E2] bg-gradient-background md:mt-0 md:bg-none">
+      <div className="md:hidden mb-[-15px] sm:mb-0">
         <Image
-          src={ctabg400w}
+          src={background400w}
+          alt="background-image"
+          className="absolute h-full w-full"
           loading="lazy"
-          alt="cta-bg-image"
-          className="absolute top-[-6.5rem] sm:left-[4.5rem] md:left-[6.5rem] w-[100%] sm:w-[80%] object-content"
         />
-      </div>
-      <div className="xl:container xl:flex xl:flex-row">
-        <div className="flex flex-col items-center xl:items-start xl:mb-20 xl:w-[60%] 2xl:w-[50%]">
-          <p className="text-center xl:text-left text-[1.875rem] md:text-[2.813rem] lg:text-[3.438rem] leading-[2.5rem] md:leading-[3.75rem] lg:leading-[5.156rem] font-inter-bold text-black-core/[0.87]">
-            Want to build a new version of your existing app or add new
-            features?
+        <div className="container sticky flex flex-col items-center justify-center py-20">
+          <p className="gradient-text flex text-center font-inter-medium text-[1rem] leading-[1.21rem]">
+            Get started today
+          </p>
+          <p className="mt-6 text-center font-inter-bold text-[2.25rem] leading-[2.723rem] text-black-core/[0.85]">
+            Let&apos;s build the next big thing!
           </p>
-          <p className="mt-4 text-[1rem] md:text-[1.25rem] leading-[1.5rem] md:leading-[1.875rem] font-inter-medium text-center xl:text-left text-black-core/[0.87] lg:text-black-core/[0.60]">
-            Not sure where to start? We also offer code and architecture
-            reviews, strategic planning, and more.
+          <p className="mt-4 text-center font-inter-regular text-[0.875rem] leading-[1.313rem] text-black-core/[0.75]">
+            Let&apos;s improve your business&apos;s digital strategy and
+            implement robust mobile apps to achieve your business objectives.
+            Schedule Your Free Consultation Now.
           </p>
-          <Link
-            href={`${config.WEBSITE_URL}/contact`}
-            className="relative justify-self-center mt-6 rounded-full border-[1px] border-solid border-transparent bg-gradient-to-r from-[#f2709c] to-[#ff9472] hover:shadow-[inset_2px_1000px_1px_#fff] font-inter-semibold text-white"
-          >
-            <div className="py-[0.8rem] px-[1.5rem] text-[1.188rem] leading-[1.425rem] md:text-[1.09375rem] md:leading-[1.3125rem] lg:text-[1.1875rem] lg:leading-[1.4375rem] tracking-normal hoverable-text inline-block">
-              Talk to our experts
+          <Link href={`${config.WEBSITE_URL}/contact`} className="">
+            <div className="flex items-center mt-10 mx-auto md:mx-0 w-max rounded-full border-[1px] border-solid border-transparent bg-gradient-to-r from-[#f2709c] to-[#ff9472] hover:shadow-[inset_2px_1000px_1px_#fff] text-center font-normal text-[1rem] leading-[1.1875rem] md:text-[1.09375rem] md:leading-[1.3125rem] xl:text-[1.1875rem] xl:leading-[1.4375rem] font-inter-semibold !tracking-[0] text-white active:scale-[0.98]">
+              <span className="py-[1rem] px-[1.2rem] hoverable-text inline-block">
+                Get Free Consultation
+              </span>
             </div>
           </Link>
         </div>
-        <div className="hidden xl:block relative w-[53%] xl:w-[40%] 2xl:w-[50%]">
-          <Image
-            src={cta800w}
-            loading="lazy"
-            className="absolute right-0 h-full object-contain z-[2] mr-[-50px]"
-            alt="cta-image"
-          />
+      </div>
 
-          <div className="swiper-content flex xl:items-center w-full h-full pl-4 md:pl-0">
-            <Swiper
-              slidesPerView={1}
-              spaceBetween={20}
-              speed={5000}
-              centeredSlides={false}
-              loop={true}
-              autoplay={{
-                delay: 3000,
-                disableOnInteraction: false,
-              }}
-              modules={[Autoplay]}
-              onSwiper={(swiper) => {
-                setSwiper(swiper);
-              }}
-            >
-              {slides.map((slide, index) => {
-                return (
-                  <SwiperSlide
-                    key={index}
-                    onMouseOver={() => playSwiper(false)}
-                    onMouseLeave={() => playSwiper(true)}
-                    onTouchStart={() => playSwiper(false)}
-                    onTouchMove={() => playSwiper(true)}
-                    onTouchEnd={() => playSwiper(true)}
-                    className="cursor-pointer"
-                  >
-                    <div
-                      className={`flex flex-col items-center rounded-[16px] bg-gradient-to-r from-[#FF835B]/[0.3] to-[#F2709C]/[0.3] w-[50%] p-[20px] h-[140px] ${
-                        slide.hasStar ? "justify-between" : "justify-center"
-                      }`}
-                    >
-                      <span className="font-inter-bold text-[1.5rem] leading-[2.25rem]">
-                        {slide.title}
-                      </span>
-                      <span className="font-inter-medium text-[1.1875rem] leading-[1.78125rem] text-black-core/[0.6]">
-                        {slide.content}
-                      </span>
-                      {slide.hasStar && (
-                        <div className="flex justify-between mt-[3px]">
-                          {[...Array(5)].map((_, i) => (
-                            <FontAwesomeIcon
-                              key={i}
-                              className="fa w-[15px] h-[15px] mr-[5px] text-[#F2709C]"
-                              icon={faStar}
-                            />
-                          ))}
-                        </div>
-                      )}
-                    </div>
-                  </SwiperSlide>
-                );
-              })}
-            </Swiper>
-          </div>
+      <div className="hidden md:block">
+        <Image
+          src={desktop_background2400w}
+          alt="background-image"
+          className="absolute h-full w-full"
+          loading="lazy"
+        />
+        <div className="container sticky z-[1] flex flex-col items-center justify-center py-20 4xl:py-32">
+          <p className="gradient-text text-center font-inter-medium text-[1.125rem] leading-[1.375rem] xl:text-[1.25rem] xl:leading-[1.513rem]">
+            Get started today
+          </p>
+          <p className="mt-4 4xl:mt-6 text-center font-inter-bold text-[2.813rem] leading-[3.438rem] text-black-core/[0.85] xl:text-[3.438rem] xl:leading-[4.16rem]">
+            Let&apos;s build the next big thing!
+          </p>
+          <p className="mt-4 4xl:mt-6 w-[75%] text-center font-inter-regular text-[1.063rem] leading-[1.625rem] text-black-core/[0.75] xl:text-[1.25rem] xl:leading-[1.875rem]">
+            Let&apos;s improve your business&apos;s digital strategy and
+            implement robust mobile apps to achieve your business objectives.
+            Schedule Your Free Consultation Now.
+          </p>
+          <Link href={`${config.WEBSITE_URL}/contact`} className="">
+            <div className="flex items-center mt-10 mx-auto md:mx-0 w-max rounded-full border-[1px] border-solid border-transparent bg-gradient-to-r from-[#f2709c] to-[#ff9472] hover:shadow-[inset_2px_1000px_1px_#fff] text-center font-normal text-[1rem] leading-[1.1875rem] md:text-[1.09375rem] md:leading-[1.3125rem] xl:text-[1.1875rem] xl:leading-[1.4375rem] font-inter-semibold !tracking-[0] text-white active:scale-[0.98]">
+              <span className="py-[1rem] px-[1.2rem] hoverable-text inline-block">
+                Get Free Consultation
+              </span>
+            </div>
+          </Link>
         </div>
       </div>
     </section>
diff --git a/pages/[slug].js b/pages/[slug].js
index a037464f..5e03f57e 100644
--- a/pages/[slug].js
+++ b/pages/[slug].js
@@ -550,7 +550,7 @@ export default function Post({ postData, status, posts, mixpanel }) {
               )}
             </div>
             <div className="cta-section">
-              {CTAData
+              {/* {CTAData
                 ? (() => {
                     let CTAComponent = null;
                     try {
@@ -579,7 +579,8 @@ export default function Post({ postData, status, posts, mixpanel }) {
 
                     return CTAComponent;
                   })()
-                : ""}
+                : ""} */}
+              <CTA1 />
             </div>
           </>
         )}
diff --git a/tailwind.config.js b/tailwind.config.js
index d1d7e7c1..b55dde8b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,6 +14,7 @@ module.exports = {
         xl: "1200px",
         "2xl": "1400px",
         "3xl": "1600px",
+        "4xl": "2440px",
       },
       fontFamily: {
         "product-black": ["Product Sans Black"],
@@ -52,6 +53,8 @@ module.exports = {
         "gradient-L": "linear-gradient(178deg, #FFFFFF  68%, #f77783 40%);",
         "gradient-W": "linear-gradient(257deg, #FFFFFF  65%, #f77783 68%);",
         "gradient-T": "linear-gradient(540deg, #FFFFFF  30.5%, #f77783 10%);",
+        "gradient-background":
+          "linear-gradient(to bottom, #FFFFFF , #FDE0E2 23%, #FDE0E2 88%, #FFFFFF 100%);",
       },
     },
   },