Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -28,18 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",
+        { name: "Pricing", id: "pricing" },
-          id: "features",
+        { name: "Success Stories", id: "testimonials" },
-        },
+        { name: "Analytics", id: "metric" },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
       ]}
       brandName="LUXE VANTAGE"
     />
@@ -48,101 +40,17 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Master the Art of Elite Wealth"
       description="Unlock curated business ideas, high-ticket strategies, and the blueprint to financial freedom. Your journey to the top 1% starts here."
       testimonials={[
-        {
+        { name: "Alexander V.", handle: "@alex_v", testimonial: "This app provided the specific high-ticket strategy I needed to double my revenue.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg?_wi=1" },
-          name: "Alexander V.",
+        { name: "Sophia L.", handle: "@sophial", testimonial: "Truly exclusive content. Every idea here feels like a masterclass in business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-looking-away_23-2148452654.jpg?_wi=1" },
-          handle: "@alex_v",
-          testimonial: "This app provided the specific high-ticket strategy I needed to double my revenue.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg?_wi=1",
-        },
-        {
-          name: "Sophia L.",
-          handle: "@sophial",
-          testimonial: "Truly exclusive content. Every idea here feels like a masterclass in business.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-looking-away_23-2148452654.jpg?_wi=1",
-        },
-        {
-          name: "Marcus D.",
-          handle: "@marcusd",
-          testimonial: "The insights on scaling luxury services were absolute game changers for me.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg?_wi=1",
-        },
-        {
-          name: "Elena R.",
-          handle: "@elena_r",
-          testimonial: "Finally, a platform that doesn't waste time and gets straight to actionable, high-net-worth ideas.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg?_wi=1",
-        },
-        {
-          name: "Julian S.",
-          handle: "@julian_s",
-          testimonial: "The network I gained here has opened doors that were previously closed to me.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5356.jpg?_wi=1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Free Trial",
-          href: "#pricing",
-        },
       ]}
+      buttons={[{ text: "Start Free Trial", href: "#pricing" }]}
       imageSrc="http://img.b2bpic.net/free-vector/realistic-black-friday-instagram-stories-collection_23-2149119089.jpg"
       imageAlt="Luxury Wealth App Dashboard"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
-          alt: "Alexander V.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-businesswoman-looking-away_23-2148452654.jpg",
-          alt: "Sophia L.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg",
-          alt: "Marcus D.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg",
-          alt: "Elena R.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5356.jpg",
-          alt: "Julian S.",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Global Syndicate Access",
-        },
-        {
-          type: "text",
-          text: "Curated Wealth Intel",
-        },
-        {
-          type: "text",
-          text: "Luxury Branding Blueprints",
-        },
-        {
-          type: "text",
-          text: "Financial Freedom Strategy",
-        },
-        {
-          type: "text",
-          text: "Exclusive Network Growth",
-        },
-      ]}
     />
   </div>
 
@@ -152,24 +60,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Curated Biz Intel", description: "Hand-picked high-growth business ideas refreshed daily for exclusive members.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ojz4wu" },
-          title: "Curated Biz Intel",
+        { title: "Scalable Wealth Models", description: "Proven blueprints for building luxury service brands and digital assets.", imageSrc: "http://img.b2bpic.net/free-photo/falling-still-life-grey-deserted-convention_1134-893.jpg" },
-          description: "Hand-picked high-growth business ideas refreshed daily for exclusive members.",
+        { title: "Elite Networking", description: "Access to a global syndicate of high-performers and industry pioneers.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ojz4wu",
-          imageAlt: "Biz Intel Icon",
-        },
-        {
-          title: "Scalable Wealth Models",
-          description: "Proven blueprints for building luxury service brands and digital assets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/falling-still-life-grey-deserted-convention_1134-893.jpg",
-          imageAlt: "Wealth Model Icon",
-        },
-        {
-          title: "Elite Networking",
-          description: "Access to a global syndicate of high-performers and industry pioneers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg",
-          imageAlt: "Networking Icon",
-        },
       ]}
       title="Designed for the Visionary"
       description="Advanced tools to bridge the gap between initial concepts and scalable empires."
@@ -182,38 +75,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "pro", tag: "Essential", price: "$199", period: "/mo", description: "Access to high-growth daily insights.", button: { text: "Upgrade to Pro" }, featuresTitle: "Everything you need:", features: ["Daily Business Intel", "Community Access", "Growth Tracking"] },
-          id: "pro",
+        { id: "elite", tag: "Elite", price: "$499", period: "/mo", description: "Full access, consulting, and private networking.", button: { text: "Go Elite" }, featuresTitle: "Everything in Pro plus:", features: ["Private Syndicate Access", "1-on-1 Mentor Calls", "Priority Lead Gen"] },
-          tag: "Essential",
-          price: "$199",
-          period: "/mo",
-          description: "Access to high-growth daily insights.",
-          button: {
-            text: "Upgrade to Pro",
-          },
-          featuresTitle: "Everything you need:",
-          features: [
-            "Daily Business Intel",
-            "Community Access",
-            "Growth Tracking",
-          ],
-        },
-        {
-          id: "elite",
-          tag: "Elite",
-          price: "$499",
-          period: "/mo",
-          description: "Full access, consulting, and private networking.",
-          button: {
-            text: "Go Elite",
-          },
-          featuresTitle: "Everything in Pro plus:",
-          features: [
-            "Private Syndicate Access",
-            "1-on-1 Mentor Calls",
-            "Priority Lead Gen",
-          ],
-        },
       ]}
       title="Select Your Wealth Tier"
       description="Choose the level of access that aligns with your ambition."
@@ -221,148 +84,44 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+      <TestimonialCardFive
-      animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="Testimonials from the Elite"
+      description="Hear from visionaries who have scaled their ventures to global heights."
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", date: "Oct 2024", title: "Founder at LuxCorp", quote: "The strategies here are unparalleled in depth.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg?_wi=2" },
-          id: "1",
+        { id: "2", name: "Michael Chen", date: "Nov 2024", title: "CEO at Innovate", quote: "A masterclass in luxury business scaling.", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-looking-away_23-2148452654.jpg?_wi=2" },
-          name: "Sarah J.",
-          role: "Founder",
-          company: "LuxCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CEO",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-looking-away_23-2148452654.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Product",
-          company: "Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Chloe T.",
-          role: "Investor",
-          company: "Ventures",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5356.jpg?_wi=2",
-        },
       ]}
-      kpiItems={[
-        {
-          value: "$50M+",
-          label: "Revenue Generated",
-        },
-        {
-          value: "12k",
-          label: "Elite Members",
-        },
-        {
-          value: "98%",
-          label: "Success Rate",
-        },
-      ]}
-      title="Results of the Elite"
-      description="Join thousands who have transformed their ventures with Luxe Vantage."
     />
   </div>
 
   <div id="metric" data-section="metric">
-      <MetricCardTwo
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      title="Proven Performance Metrics"
+      title="Performance Metrics"
-      description="Evidence-backed results from our global community of high-performers."
+      description="Data-backed excellence for your business scaling journey."
       metrics={[
-        {
+        { id: "v1", value: "12k+", title: "Active Members", items: ["Global network", "Vetted experts"] },
-          id: "m1",
+        { id: "v2", value: "$50M+", title: "Revenue", items: ["Annual growth", "Proven returns"] },
-          value: "12k",
+        { id: "v3", value: "98%", title: "Success Rate", items: ["High satisfaction", "Retention-first"] },
-          description: "Active Elite Members",
-        },
-        {
-          id: "m2",
-          value: "$50M+",
-          description: "Combined Revenue Generated",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Member Satisfaction Rate",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoEmphasis
-      imageSrc="http://img.b2bpic.net/free-photo/gold-wave-black-background_1123-430.jpg"
       logoText="LUXE VANTAGE"
       columns={[
-        {
+        { items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-          title: "Platform",
+        { items: [{ label: "Success Stories", href: "#testimonials" }, { label: "Analytics", href: "#metric" }] },
-          items: [
+        { items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }] },
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2025 | Luxe Vantage All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}