Update src/app/about/page.tsx

Merge version_24 into main

src/app/about/page.tsx

@@ -0,0 +1,99 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Sparkles, Quote, Users } 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="about" data-section="about">
+        <TestimonialCardSixteen
+          title="What Our Clients Say"
+          description="Real results from businesses that trusted Convrsn to transform their customer acquisition online."
+          tag="Client Testimonials"
+          tagIcon={Quote}
+          testimonials={[
+            {
+              id: "1",              name: "Mark Johnson ",              role: "Founder & CEO",              company: "Johnson Construction",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-vector/grid-point-connecting-background_1409-894.jpg?id=6233509"
+            },
+            {
+              id: "2",              name: "Sarah Johnson ",              role: "Owner",              company: "Digital Marketing Agency",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/premium-photo/security-cyber-digital-concept-abstract-technology-background_42421-211.jpg?id=3303135"
+            },
+            {
+              id: "3",              name: "Emily Rodriguez",              role: "E-Commerce Director",              company: "Fashion & Retail Co",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/premium-photo/digital-cyberspace-with-particles-digital-data-network-connections-future-technology-digital-abstract_24070-1007.jpg?id=8507176"
+            },
+            {
+              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?_wi=1"
+            }
+          ]}
+          kpiItems={[
+            { value: "3.2x", label: "Average ROI Improvement" },
+            { value: "47%", label: "Lead Generation Increase" },
+            { value: "2.1x", label: "Customer Acquisition Growth" }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </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

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
@@ -26,20 +26,27 @@ 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" }
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="See What's Possible for Your Business"
+        <ContactSplit
+          tag="Get In Touch"
+          title="Let's Talk About Your Project"
+          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}
-          buttons={[
-            { text: "Get In Touch", onClick: () => console.log('Contact clicked') }
-          ]}
+          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"
+          inputPlaceholder="Enter your email"
+          buttonText="Send Message"
+          termsText="By contacting us, you agree to our Terms and Conditions."
+          onSubmit={(email) => console.log('Contact form submitted:', email)}
         />
       </div>
 
@@ -60,7 +67,7 @@ export default function ContactPage() {
               ]
             }
           ]}
-          copyrightText="© 2024 Convrsn. All rights reserved."
+          copyrightText="© 2026 Convrsn. All rights reserved."
         />
       </div>
     </ThemeProvider>

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={[
@@ -198,20 +198,20 @@ export default function LandingPage() {
           tagIcon={Quote}
           testimonials={[
             {
-              id: "1",              name: "Sarah 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"
+              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?_wi=2"
             },
             {
-              id: "2",              name: "Michael Chen",              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"
+              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?_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: "David 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"
+              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?_wi=2"
             }
           ]}
           kpiItems={[
@@ -263,4 +263,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}