Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -30,47 +30,26 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Results",
-          id: "#metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+        { name: "About", id: "/#about" },
+        { name: "Services", id: "/#features" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Team", id: "/team" },
       ]}
       brandName="Vantage Media"
       button={{
-        text: "Get Proposal",
-        href: "#contact",
-      }}
+        text: "Get Proposal",        href: "/#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       logoText="Vantage Media"
       description="We scale high-growth brands through hyper-targeted social media strategies and cinematic content creation."
       buttons={[
-        {
-          text: "Book Strategy Call",
-          href: "#contact",
-        },
-        {
-          text: "Our Portfolio",
-          href: "#features",
-        },
+        { text: "Book Strategy Call", href: "/#contact" },
+        { text: "Our Portfolio", href: "/#features" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/internet-social-technology-digital-connection-device_53876-133750.jpg"
       mediaAnimation="slide-up"
@@ -93,21 +72,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Performance Analytics",
-          description: "Real-time tracking and optimization of all campaigns.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
-        },
-        {
-          title: "Content Production",
-          description: "Cinematic visual assets that resonate with your audience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg",
-        },
-        {
-          title: "Strategic Growth",
-          description: "Personalized growth roadmaps for every stage of your brand.",
-          imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg",
-        },
+        { title: "Performance Analytics", description: "Real-time tracking and optimization of all campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg" },
+        { title: "Content Production", description: "Cinematic visual assets that resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg" },
+        { title: "Strategic Growth", description: "Personalized growth roadmaps for every stage of your brand.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg" },
       ]}
       title="Core Services"
       description="Everything you need to dominate the social landscape."
@@ -121,27 +88,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "15M+",
-          title: "Total Reach",
-          description: "Average monthly impressions generated.",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "450%",
-          title: "Growth Rate",
-          description: "Average ROI across client accounts.",
-          icon: TrendingUp,
-        },
-        {
-          id: "m3",
-          value: "120+",
-          title: "Campaigns",
-          description: "Successfully launched and scaled.",
-          icon: Zap,
-        },
+        { id: "m1", value: "15M+", title: "Total Reach", description: "Average monthly impressions generated.", icon: Users },
+        { id: "m2", value: "450%", title: "Growth Rate", description: "Average ROI across client accounts.", icon: TrendingUp },
+        { id: "m3", value: "120+", title: "Campaigns", description: "Successfully launched and scaled.", icon: Zap },
       ]}
       title="Agency Milestones"
       description="Proven results for ambitious brands."
@@ -154,61 +103,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "CEO",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
-        },
-        {
-          id: "2",
-          name: "Marcus Thorne",
-          role: "CTO",
-          company: "GrowthLoop",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149005455.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "CMO",
-          company: "VividDigital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
-        },
-        {
-          id: "4",
-          name: "David Wu",
-          role: "Founder",
-          company: "StartupX",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Lane",
-          role: "Head of Marketing",
-          company: "Zenith",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "400%",
-          label: "Avg. Engagement",
-        },
-        {
-          value: "12x",
-          label: "Scaling Speed",
-        },
-        {
-          value: "98%",
-          label: "Retention Rate",
-        },
+        { id: "1", name: "Sarah Jenkins", role: "CEO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
+        { id: "2", name: "Marcus Thorne", role: "CTO", company: "GrowthLoop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149005455.jpg" },
+        { id: "3", name: "Elena Rodriguez", role: "CMO", company: "VividDigital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
+        { id: "4", name: "David Wu", role: "Founder", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
+        { id: "5", name: "Jessica Lane", role: "Head of Marketing", company: "Zenith", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg" },
       ]}
+      kpiItems={[{ value: "400%", label: "Avg. Engagement" }, { value: "12x", label: "Scaling Speed" }, { value: "98%", label: "Retention Rate" }]}
       title="Client Success"
       description="Trusted by industry leaders worldwide."
     />
@@ -218,8 +119,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Let's Connect"
       title="Ready to scale your presence?"
       description="Book a discovery call and see how we can transform your digital strategy."
@@ -231,36 +131,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"
       logoText="Vantage Media"
       columns={[
-        {
-          title: "Agency",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Work",
-              href: "#features",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       copyrightText="© 2025 | Vantage Media"
     />
@@ -268,4 +140,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+                { name: "About", id: "/#about" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Services", id: "/#features" },
+                { name: "Results", id: "/#metrics" },
+            ]}
+            brandName="Vantage Media"
+            button={{ text: "Get Proposal", href: "/#contact" }}
+            />
+        </div>
+
+        <div id="projects" data-section="features">
+            <FeatureCardThree
+                title="Selected Portfolio"
+                description="Showcasing our impact through data-driven campaigns and creative excellence."
+                textboxLayout="default"
+                gridVariant="one-large-left-three-stacked-right"
+                animationType="slide-up"
+                useInvertedBackground={false}
+                features={[
+                    { title: "Brand Launch", description: "Scale from 0 to 1M monthly impressions within 3 months.", imageSrc: "http://img.b2bpic.net/free-photo/internet-social-technology-digital-connection-device_53876-133750.jpg" },
+                    { title: "Conversion Optimization", description: "4x increase in lead conversion for e-commerce.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg" },
+                    { title: "Cinematic Campaign", description: "High-retention video assets for premium fashion brand.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg" },
+                    { title: "Community Growth", description: "Organic social expansion for tech pioneers.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=1" }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+                logoText="Vantage Media"
+                imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=2"
+                columns={[
+                    { title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/portfolio" }, { label: "Careers", href: "#" }] },
+                    { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+                ]}
+                copyrightText="© 2025 | Vantage Media"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/pricing/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ReactLenis from "lenis/react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Team", id: "/team" },
+          ]}
+          brandName="Vantage Media"
+          button={{ text: "Get Proposal", href: "/#contact" }}
+        />
+        <PricingCardOne 
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Choose Your Growth Path"
+            description="Flexible tiers designed for every stage of your digital journey."
+            plans={[
+                { id: "starter", badge: "Essential", price: "$2,999", subtitle: "For early-stage brands", features: ["Social Audit", "2x Posts/Week", "Monthly Report"] },
+                { id: "growth", badge: "Scale", price: "$5,999", subtitle: "For growing companies", features: ["Full Strategy", "5x Posts/Week", "Performance Ads", "Priority Support"] },
+                { id: "enterprise", badge: "Dominance", price: "Custom", subtitle: "For industry leaders", features: ["Everything in Scale", "Daily Content", "Full Team Access", "Dedicated Account Manager"] }
+            ]}
+        />
+        <FooterMedia
+          logoText="Vantage Media"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=3"
+          columns={[
+            { title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Services", id: "/services" },
+            { name: "Results", id: "/#metrics" },
+          ]}
+          brandName="Vantage Media"
+          button={{ text: "Contact", href: "/#contact" }}
+        />
+        <div className="pt-32 pb-20">
+          <FeatureCardTwentyEight
+            title="Our Professional Services"
+            description="Comprehensive solutions designed to elevate your brand's digital footprint."
+            textboxLayout="split"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "s1", category: "Strategy", title: "Social Media Strategy", subtitle: "Tailored roadmaps for brand growth.", value: "High-Impact"},
+              {
+                id: "s2", category: "Creative", title: "Content Creation", subtitle: "Cinematic production for social platforms.", value: "Premium"},
+              {
+                id: "s3", category: "Growth", title: "Advertising Campaigns", subtitle: "Hyper-targeted performance marketing.", value: "Data-Driven"},
+              {
+                id: "s4", category: "Management", title: "Community Management", subtitle: "Building lasting engagement with your audience.", value: "Consistent"}
+            ]}
+          />
+        </div>
+        <FooterMedia
+          logoText="Vantage Media"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=4"
+          columns={[
+            { title: "Agency", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }] }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/team/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ReactLenis from "lenis/react";
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Team", id: "/team" },
+          ]}
+          brandName="Vantage Media"
+          button={{ text: "Get Proposal", href: "/#contact" }}
+        />
+        <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            title="Our Experts"
+            description="Meet the creative minds behind our success."
+            useInvertedBackground={false}
+            groups={[
+                {
+                    id: "leadership", groupTitle: "Management", members: [
+                        { id: "m1", title: "Alex Rivers", subtitle: "CEO & Founder", detail: "10+ years in digital growth." },
+                        { id: "m2", title: "Jordan Smith", subtitle: "COO", detail: "Expert in scaling operations." }
+                    ]
+                },
+                {
+                    id: "creative", groupTitle: "Creative", members: [
+                        { id: "c1", title: "Sam Lee", subtitle: "Creative Director", detail: "Visual storytelling maestro." },
+                        { id: "c2", title: "Casey West", subtitle: "Lead Strategist", detail: "Data-driven audience growth." }
+                    ]
+                }
+            ]}
+        />
+        <FooterMedia
+          logoText="Vantage Media"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=5"
+          columns={[
+            { title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}