Update src/app/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        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: "Home", id: "/" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Team", id: "/team" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Vantage Social"
+        />
+        </div>
+        <ContactCenter 
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            tag="Inquiries"
+            title="Let's work together"
+            description="Reach out to discuss your project requirements."
+        />
+        <FooterBase 
+            columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+            logoText="Vantage Social"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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: "#"},
           ],
         },
       ]}

src/app/portfolio/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        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: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#services" },
+              { name: "Portfolio", id: "/portfolio" }
+            ]}
+            brandName="Vantage Social"
+          />
+        </div>
+
+        <div className="pt-32 pb-20">
+          <FeatureCardMedia
+            title="Case Studies"
+            description="Deep dives into the transformative work we do for our partners."
+            features={[
+              { id: "cs1", title: "Luxury Brand Launch", description: "Scale from zero to millions in reach for a new fashion house.", tag: "Fashion" },
+              { id: "cs2", title: "Tech Scaling", description: "High-performance growth strategy for SaaS startups.", tag: "Tech" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <FooterBase
+          columns={[]}
+          logoText="VANTAGE SOCIAL"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/pricing/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        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: "Home", id: "/" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Team", id: "/team" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Vantage Social"
+          />
+        </div>
+        <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Pricing Plans"
+            description="Clear, transparent pricing for your brand's growth."
+            plans={[
+                { id: "p1", title: "Starter", price: "$999", period: "/mo", features: ["Content Strategy", "Community Growth"], button: { text: "Choose Plan" } },
+                { id: "p2", title: "Pro", price: "$2999", period: "/mo", features: ["Everything in Starter", "Performance Ads", "Analytics"], button: { text: "Choose Plan" } }
+            ]}
+        />
+        <FooterBase 
+            columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+            logoText="Vantage Social"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/team/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        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: "Home", id: "/" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Team", id: "/team" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Vantage Social"
+          />
+        </div>
+        <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Meet Our Team"
+            description="The creative experts behind your brand's success."
+            groups={[
+                {
+                    id: "g1", 
+                    groupTitle: "Leadership", 
+                    members: [
+                        { id: "m1", title: "Alex Smith", subtitle: "Founder", detail: "10+ years experience in social marketing." }
+                    ]
+                }
+            ]}
+        />
+        <FooterBase 
+            columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+            logoText="Vantage Social"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}