Update src/app/page.tsx

src/app/page.tsx

@@ -17,27 +17,26 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Results",
-          id: "metrics",
-        },
+          name: "Results",          id: "metrics"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
       ]}
       brandName="Vantage Social"
     />
@@ -49,35 +48,21 @@ export default function LandingPage() {
       description="Elevating brands through strategic social media storytelling and performance-driven content."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=1",
-          imageAlt: "Hero slide 1",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=1",          imageAlt: "Hero slide 1"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=2",
-          imageAlt: "Hero slide 2",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=2",          imageAlt: "Hero slide 2"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=3",
-          imageAlt: "Hero slide 3",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=3",          imageAlt: "Hero slide 3"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=4",
-          imageAlt: "Hero slide 4",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=4",          imageAlt: "Hero slide 4"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=5",
-          imageAlt: "Hero slide 5",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=5",          imageAlt: "Hero slide 5"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=6",
-          imageAlt: "Hero slide 6",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=6",          imageAlt: "Hero slide 6"},
       ]}
     />
   </div>
@@ -89,9 +74,7 @@ export default function LandingPage() {
       title="We turn followers into fans and browsers into buyers."
       buttons={[
         {
-          text: "Learn More",
-          href: "#services",
-        },
+          text: "Learn More",          href: "#services"},
       ]}
       tagIcon={Lightbulb}
     />
@@ -105,25 +88,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "500M+",
-          description: "Combined Social Reach",
-        },
+          id: "m1",          value: "500M+",          description: "Combined Social Reach"},
         {
-          id: "m2",
-          value: "2.4x",
-          description: "Avg Conversion Lift",
-        },
+          id: "m2",          value: "2.4x",          description: "Avg Conversion Lift"},
         {
-          id: "m3",
-          value: "120+",
-          description: "Projects Delivered",
-        },
+          id: "m3",          value: "120+",          description: "Projects Delivered"},
         {
-          id: "m4",
-          value: "98%",
-          description: "Client Retention",
-        },
+          id: "m4",          value: "98%",          description: "Client Retention"},
       ]}
       title="Proven Impact"
       description="Numbers that define our success in the digital space."
@@ -137,33 +108,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Brand Strategy",
-          description: "Defining your digital identity and long-term vision.",
-          tag: "Strategy",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=1",
-        },
+          id: "f1",          title: "Brand Strategy",          description: "Defining your digital identity and long-term vision.",          tag: "Strategy",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=1"},
         {
-          id: "f2",
-          title: "Content Creation",
-          description: "High-converting video and design for every channel.",
-          tag: "Creative",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=2",
-        },
+          id: "f2",          title: "Content Creation",          description: "High-converting video and design for every channel.",          tag: "Creative",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=2"},
         {
-          id: "f3",
-          title: "Community Growth",
-          description: "Real engagement built on authentic human connection.",
-          tag: "Growth",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=3",
-        },
+          id: "f3",          title: "Community Growth",          description: "Real engagement built on authentic human connection.",          tag: "Growth",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=3"},
         {
-          id: "f4",
-          title: "Performance Ads",
-          description: "Data-driven targeting for maximum ROI.",
-          tag: "Ads",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=4",
-        },
+          id: "f4",          title: "Performance Ads",          description: "Data-driven targeting for maximum ROI.",          tag: "Ads",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=4"},
       ]}
       title="Our Expertise"
       description="Full-cycle social media management and creative direction."
@@ -178,45 +129,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "CEO",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=1",
-        },
+          id: "t1",          name: "Sarah Miller",          role: "CEO",          company: "TechStream",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=1"},
         {
-          id: "t2",
-          name: "David Chen",
-          role: "Founder",
-          company: "EcoVibe",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-creative-dire-1774684599937-f1079e0f.png",
-        },
+          id: "t2",          name: "David Chen",          role: "Founder",          company: "EcoVibe",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-creative-dire-1774684599937-f1079e0f.png"},
         {
-          id: "t3",
-          name: "Jessica Ross",
-          role: "Marketing",
-          company: "LuxBrand",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-marketing-man-1774684601456-1664cf7c.png",
-        },
+          id: "t3",          name: "Jessica Ross",          role: "Marketing",          company: "LuxBrand",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-marketing-man-1774684601456-1664cf7c.png"},
         {
-          id: "t4",
-          name: "Mark Wilson",
-          role: "Director",
-          company: "GrowFast",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-tech-startup--1774684600379-579595a5.png",
-        },
+          id: "t4",          name: "Mark Wilson",          role: "Director",          company: "GrowFast",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-tech-startup--1774684600379-579595a5.png"},
         {
-          id: "t5",
-          name: "Elena Rodriguez",
-          role: "CMO",
-          company: "VelvetFlow",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=2",
-        },
+          id: "t5",          name: "Elena Rodriguez",          role: "CMO",          company: "VelvetFlow",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=2"},
       ]}
       title="Success Stories"
       description="Trusted by visionary brands around the globe."
@@ -227,42 +153,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Results",
-              href: "#metrics",
-            },
+              label: "Results",              href: "#metrics"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Content",
-              href: "#services",
-            },
+              label: "Content",              href: "#services"},
             {
-              label: "Strategy",
-              href: "#services",
-            },
+              label: "Strategy",              href: "#services"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}