Merge version_2 into main

Merge version_2 into main

src/app/contact/page.tsx

@@ -38,6 +38,7 @@ export default function ContactPage() {
           description="Tell us about your project or simply say hello. We're excited to hear from you!"
           tag="Get in Touch"
           tagIcon={MessageCircle}
+          useInvertedBackground={false}
           inputPlaceholder="Your email address"
           buttonText="Send Message"
           termsText="By sending a message, you're confirming that you agree with our Privacy Policy."

src/app/services/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplit from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
 import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
@@ -37,18 +37,16 @@ export default function ServicesPage() {
           button={{ text: "Get Started", href: "/contact" }}
         />
 
-        <HeroSplit
+        <HeroOverlay
           title="Our Services"
           description="We offer a comprehensive suite of digital services designed to elevate your brand and achieve your business goals."
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-hero-1.webp"
           imageAlt="Modern web design interface on a screen"
-          background={{ variant: "plain" }}
           buttons={[
             { text: "Get a Quote", href: "/contact" },
-            { text: "View Our Work", href: "/work" },
+            { text: "View Our Work", href: "/work" }
           ]}
           buttonAnimation="slide-up"
-          mediaAnimation="slide-up"
         />
         <FeatureHoverPattern
           title="How We Help"

src/app/work/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplit from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
@@ -35,18 +35,16 @@ export default function WorkPage() {
           button={{ text: "Get Started", href: "/contact" }}
         />
 
-        <HeroSplit
+        <HeroOverlay
           title="Our Latest Work"
           description="Explore our diverse portfolio of projects, showcasing innovative design and powerful development solutions."
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/work-hero-1.webp"
           imageAlt="Digital portfolio showcasing various web design projects"
-          background={{ variant: "plain" }}
           buttons={[
             { text: "Get a Quote", href: "/contact" },
-            { text: "Learn More", href: "/about" },
+            { text: "Learn More", href: "/about" }
           ]}
           buttonAnimation="slide-up"
-          mediaAnimation="slide-up"
         />
         <ProductCardFour
           title="Featured Projects"