Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -38,6 +38,7 @@ export default function AboutPage() {
         <TextAbout
           title="About Us"
           tag="Our Story"
+          useInvertedBackground={false}
           className="pt-32"
         />
         <MetricCardOne
@@ -45,6 +46,8 @@ export default function AboutPage() {
           description="We focus on results and long-term partnerships."
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           metrics={[
             { id: "projects", value: "100+", title: "Projects", description: "Successfully delivered across all industries", icon: Award },
             { id: "satisfaction", value: "99%", title: "Satisfaction", description: "Client satisfaction rate and counting", icon: Users },
@@ -66,6 +69,8 @@ export default function AboutPage() {
         <ContactCTA
           title="Join Our Journey"
           description="Let's build something extraordinary together."
+          tag="Contact"
+          useInvertedBackground={false}
           background={{ variant: "rotated-rays-animated" }}
           buttons={[{ text: "Contact Us", href: "/contact" }]}
         />

src/app/contact/page.tsx

@@ -37,6 +37,7 @@ export default function ContactPage() {
               title="Let's Start Your Next Project"
               description="Have a vision you want to bring to life? We're here to help. Reach out and let's create something extraordinary together."
               background={{ variant: "canvas-reveal" }}
+              useInvertedBackground={false}
               mediaPosition="right"
             />
         </div>

src/app/services/page.tsx

@@ -49,6 +49,7 @@ export default function ServicesPage() {
               title: "Web Development",              description: "Custom high-performance web solutions.",              bentoComponent: "media-stack",              items: [
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Dev 1" },
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Dev 2" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Dev 3" },
               ],
             },
           ]}
@@ -56,6 +57,9 @@ export default function ServicesPage() {
         <ContactCTA
           title="Ready to Start?"
           description="Let's discuss how we can help your brand."
+          tag="Contact"
+          useInvertedBackground={false}
+          background={{ variant: "rotated-rays-animated" }}
           buttons={[{ text: "Get Started", href: "/contact" }]}
         />
         <FooterBase