Update src/app/team/page.tsx

Merge version_1 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,24 @@ 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: "Results",
-          id: "metrics",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+        { name: "About", id: "about" },
+        { name: "Results", id: "metrics" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Team", id: "/team" },
+        { name: "Contact", id: "/contact" }
       ]}
       brandName="Vantage Social"
     />
@@ -48,36 +45,12 @@ export default function LandingPage() {
       logoText="VANTAGE SOCIAL"
       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=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=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=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=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=3", imageAlt: "Hero slide 3" }
       ]}
     />
   </div>
@@ -87,12 +60,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       tag="OUR PHILOSOPHY"
       title="We turn followers into fans and browsers into buyers."
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#services",
-        },
-      ]}
+      buttons={[{ text: "Learn More", href: "/about" }]}
       tagIcon={Lightbulb}
     />
   </div>
@@ -104,26 +72,10 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "500M+",
-          description: "Combined Social Reach",
-        },
-        {
-          id: "m2",
-          value: "2.4x",
-          description: "Avg Conversion Lift",
-        },
-        {
-          id: "m3",
-          value: "120+",
-          description: "Projects Delivered",
-        },
-        {
-          id: "m4",
-          value: "98%",
-          description: "Client Retention",
-        },
+        { id: "m1", value: "500M+", description: "Combined Social Reach" },
+        { id: "m2", value: "2.4x", description: "Avg Conversion Lift" },
+        { id: "m3", value: "120+", description: "Projects Delivered" },
+        { id: "m4", value: "98%", description: "Client Retention" }
       ]}
       title="Proven Impact"
       description="Numbers that define our success in the digital space."
@@ -136,37 +88,12 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "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: "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: "f1", title: "Brand Strategy", description: "Defining your digital identity.", tag: "Strategy" },
+        { id: "f2", title: "Content Creation", description: "High-converting design.", tag: "Creative" },
+        { id: "f3", title: "Community Growth", description: "Real human connection.", tag: "Growth" }
       ]}
       title="Our Expertise"
-      description="Full-cycle social media management and creative direction."
+      description="Full-cycle social media management."
     />
   </div>
 
@@ -177,46 +104,7 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       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: "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: "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: "t1", name: "Sarah Miller", role: "CEO", company: "TechStream", rating: 5 }
       ]}
       title="Success Stories"
       description="Trusted by visionary brands around the globe."
@@ -226,45 +114,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Results",
-              href: "#metrics",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Content",
-              href: "#services",
-            },
-            {
-              label: "Strategy",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Team", href: "/team" }] },
+        { title: "Services", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
       logoText="VANTAGE SOCIAL"
     />
@@ -272,4 +124,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}