Update src/app/about/page.tsx

Merge version_25 into main

src/app/about/page.tsx

@@ -0,0 +1,63 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Sparkles } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Convrsn"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Process", id: "process" },
+            { name: "For", id: "for" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="demo-website" data-section="demo-website">
+        <MetricSplitMediaAbout
+          tag="Low-Friction Path to Results"
+          tagIcon={Sparkles}
+          title="See a Free Demo Website for Your Business"
+          description="We'll create a quick demo website concept tailored to your business to show you what's possible. No commitment needed. Just give us your business name and city, we'll build a sample website in our style, and walk you through it. See your potential before deciding to move forward."
+          metrics={[
+            { value: "24-48 hrs", title: "Turnaround Time" },
+            { value: "Free", title: "Demo Website" }
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png?_wi=1"
+          imageAlt="Demo website preview mockup"
+          useInvertedBackground={true}
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Convrsn"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -26,7 +26,7 @@ export default function ContactPage() {
             { name: "Services", id: "services" },
             { name: "Process", id: "process" },
             { name: "For", id: "for" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" }
           ]}
         />
@@ -39,7 +39,7 @@ export default function ContactPage() {
           description="We'd love to hear from you. Reach out to us directly with any questions or to discuss how we can help grow your business."
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png?_wi=2"
           imageAlt="Contact form illustration"
           mediaAnimation="slide-up"
           mediaPosition="right"

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Process", id: "process" },
             { name: "For", id: "for" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" }
           ]}
         />
@@ -51,7 +51,7 @@ export default function LandingPage() {
             { text: "Get Your Free Demo Website", href: "/contact" },
             { text: "Schedule a meeting", href: "/contact" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png?_wi=1"
           imageAlt="High-converting website design mockup"
           mediaAnimation="slide-up"
           marqueeItems={[
@@ -199,19 +199,19 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Mark Johnson ",              role: "Founder & CEO",              company: "Johnson Construction",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-confident-ent-1773240173131-9be7d8c7.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-confident-ent-1773240173131-9be7d8c7.png?_wi=2"
             },
             {
               id: "2",              name: "Sarah Johnson ",              role: "Owner",              company: "Digital Marketing Agency",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-business-prof-1773240172753-c1cf042a.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-business-prof-1773240172753-c1cf042a.png?_wi=2"
             },
             {
               id: "3",              name: "Emily Rodriguez",              role: "E-Commerce Director",              company: "Fashion & Retail Co",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-female-busine-1773240171458-9b3db851.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-female-busine-1773240171458-9b3db851.png?_wi=2"
             },
             {
               id: "4",              name: "Michaela Williams",              role: "Service Business Owner",              company: "Premium Home Services",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-creative-prof-1773240172454-7572c59b.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-headshot-of-a-creative-prof-1773240172454-7572c59b.png?_wi=2"
             }
           ]}
           kpiItems={[
@@ -263,4 +263,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}