Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Cpu, Rocket, Zap, Target } from "lucide-react";
+import { Cpu, Rocket, Zap, Target, Star, Globe, Atom, Binary } from "lucide-react";
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 
@@ -20,9 +20,9 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="mediumLargeSizeMediumTitles"
         background="noise"
-        cardStyle="gradient-radial"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="flat"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="bold"
     >
       <ReactLenis root>
@@ -42,7 +42,7 @@ export default function LandingPage() {
       <HeroBillboardDashboard
       title="Engineering Tomorrow, Reshaping Humanity Today"
       description="A visual journey through the first-principles engineering and transformative ventures defining our future."
-      background={{ variant: "plain" }}
+      background={{ variant: "sparkles-gradient" }}
       dashboard={{
         title: "Ventures Performance Dashboard",        
         stats: [
@@ -66,46 +66,49 @@ export default function LandingPage() {
         { title: "Disruptive Ventures", value: "6+" },
         { title: "Global Impact", value: "1M+" }
       ]}
+      mediaAnimation="blur-reveal"
+      metricsAnimation="slide-up"
       useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBorderGlow
+      <FeatureCardTwentyNine
       title="Core Foundations"
       description="Technological pillars driving innovation and planetary transition."
-      useInvertedBackground={true}
       animationType="blur-reveal"
-      textboxLayout="split"
+      textboxLayout="inline-image"
+      gridVariant="bento-grid"
+      useInvertedBackground={true}
       features={[
-        { icon: Zap, title: "Electric Mobility", description: "Redefining the automotive industry through sustainable scale." },
+        { title: "Electric Mobility", description: "Redefining the automotive industry through sustainable scale.", imageSrc: "https://img.b2bpic.net/free-photo/futuristic-electric-car-charging-station-concept_123456-789.jpg?_wi=1", titleImageSrc: "", buttonText: "Learn More" },
-        { icon: Rocket, title: "Aerospace Engineering", description: "Making life multi-planetary with reusable launch vehicles." },
+        { title: "Aerospace Engineering", description: "Making life multi-planetary with reusable launch vehicles.", imageSrc: "https://img.b2bpic.net/free-photo/rocket-launch-starship-concept_123456-789.jpg?_wi=1", titleImageSrc: "", buttonText: "Explore" },
-        { icon: Cpu, title: "Neural Interfaces", description: "Advancing human capability through symbiotic integration." }
+        { title: "Neural Interfaces", description: "Advancing human capability through symbiotic integration.", imageSrc: "https://img.b2bpic.net/free-photo/brain-computer-interface-concept_123456-789.jpg?_wi=1", titleImageSrc: "", buttonText: "Discover" }
       ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
+      <MetricCardSeven
       title="Global Impact Metrics"
-      animationType="blur-reveal"
+      animationType="depth-3d"
-      textboxLayout="split"
+      textboxLayout="split-description"
       useInvertedBackground={false}
       description="Quantifiable milestones in our journey towards a sustainable and multi-planetary future."
       metrics={[
-        { id: "m1", icon: Zap, title: "EVs Delivered", value: "2M+" },
+        { id: "m1", title: "EVs Delivered", value: "2M+", items: ["Sustainable energy production", "Carbon footprint reduction"] },
-        { id: "m2", icon: Rocket, title: "Successful Launches", value: "300+" },
+        { id: "m2", title: "Successful Launches", value: "300+", items: ["Orbital payload delivery", "Reusable rocket milestones"] },
-        { id: "m3", icon: Target, title: "Gigawatt Scale", value: "100+" }
+        { id: "m3", title: "Gigawatt Scale", value: "100+", items: ["Solar grid storage", "Energy infrastructure support"] }
       ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqDouble
       title="Strategic Vision"
       description="Common inquiries on the trajectory of the ventures."
-      faqsAnimation="blur-reveal"
+      faqsAnimation="slide-up"
-      textboxLayout="split"
+      textboxLayout="split-description"
       useInvertedBackground={false}
       faqs={[
         { id: "q1", title: "What is the ultimate mission?", content: "Accelerating the transition to sustainable energy and establishing a multi-planetary presence." },
@@ -116,10 +119,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="ELON MUSK"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
+      columns={[
-      rightLink={{ text: "Terms of Service", href: "#" }}
+          { title: "Ventures", items: [{ label: "Tesla", href: "#" }, { label: "SpaceX", href: "#" }] },
+          { title: "Company", items: [{ label: "About", href: "#" }, { label: "Vision", href: "#" }] }
+      ]}
+      copyrightText="© 2025 | Elon Musk Ventures"
     />
   </div>
       </ReactLenis>