Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
@@ -38,33 +38,37 @@ export default function HomePage() {
             { name: "Insights", id: "insights" },
           ]}
           button={{
-            text: "Access Premium Data",
-            href: "#watchlist",
-          }}
+            text: "Access Premium Data",            href: "#watchlist"}}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroOverlay
+        <HeroBillboardCarousel
           title="The Analog Era is Ending. The Investment Cycle is Beginning."
           description="We identify investment-grade modern classics (1990–2010) before the broader market realizes their true value. While ICE mandates compress the timeline and millennials reach peak earning power, analog vehicles appreciate at structured intervals. This is not nostalgia—it's capital deployment."
           tag="Alternative Asset Intelligence"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/extreme-close-up-of-a-vintage-analog-mec-1773295453810-846e1eea.png"
-          imageAlt="Close-up of analog mechanical components"
-          showDimOverlay={true}
-          showBlur={true}
+          background={{
+            variant: "plain"}}
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/extreme-close-up-of-a-vintage-analog-mec-1773295453810-846e1eea.png",              imageAlt: "Close-up of analog mechanical components"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/studio-photograph-of-a-1996-toyota-supra-1773295456151-09153356.png",              imageAlt: "1996 Toyota Supra MK4 front three-quarter view"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-studio-photograph-of-1991-a-1773295456056-b81e9294.png",              imageAlt: "1991 Acura NSX-T convertible top detail"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-automotive-studio-photograp-1773295456013-34ca8054.png",              imageAlt: "2002 Porsche 996 GT2 performance stance"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/clean-financial-chart-showing-three-phas-1773295454779-0485e6d9.png?_wi=1",              imageAlt: "Depreciation lifecycle chart showing three phases"},
+          ]}
           buttons={[
             {
-              text: "Explore the Thesis",
-              href: "#thesis",
-            },
+              text: "Explore the Thesis",              href: "#thesis"},
             {
-              text: "View MC50 Watchlist",
-              href: "#watchlist",
-            },
+              text: "View MC50 Watchlist",              href: "#watchlist"},
           ]}
           buttonAnimation="slide-up"
           ariaLabel="ModiFi Classics hero section"
@@ -80,7 +84,7 @@ export default function HomePage() {
           description="Why 2020s vehicles destroy wealth. Why 1996–2008 vehicles preserve it."
           subdescription="A structural analysis of depreciation cycles and value preservation"
           icon={BarChart3}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/clean-financial-chart-showing-three-phas-1773295454779-0485e6d9.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/clean-financial-chart-showing-three-phas-1773295454779-0485e6d9.png?_wi=2"
           imageAlt="Depreciation lifecycle chart showing three phases"
           mediaAnimation="blur-reveal"
           useInvertedBackground={false}
@@ -97,15 +101,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={true}
           names={[
-            "1996 Toyota Supra MK4: $201,500",
-            "1991 Acura NSX-T: $322,000",
-            "1992 Mazda RX-7: $64,300",
-            "1998 BMW M5 E39: $87,400",
-            "2002 Porsche 996 GT2: $445,200",
-            "1995 Honda Integra Type-R: $43,800",
-            "1999 Nissan Skyline R34: $156,700",
-            "2005 Ford GT: $378,900",
-          ]}
+            "1996 Toyota Supra MK4: $201,500",            "1991 Acura NSX-T: $322,000",            "1992 Mazda RX-7: $64,300",            "1998 BMW M5 E39: $87,400",            "2002 Porsche 996 GT2: $445,200",            "1995 Honda Integra Type-R: $43,800",            "1999 Nissan Skyline R34: $156,700",            "2005 Ford GT: $378,900"]}
           speed={35}
           showCard={false}
         />
@@ -124,34 +120,22 @@ export default function HomePage() {
           features={[
             {
               icon: Clock,
-              title: "The Analog End-of-Era",
-              description: "2035 ICE bans create a finite supply of legally-driveable analog vehicles. No new production. Scarcity compounds appreciation.",
-            },
+              title: "The Analog End-of-Era",              description: "2035 ICE bans create a finite supply of legally-driveable analog vehicles. No new production. Scarcity compounds appreciation."},
             {
               icon: Zap,
-              title: "Generational Peak Earnings",
-              description: "Millennials (born 1981–1996) reach peak earning years 2025–2035. Disposable capital seeks tangible, emotionally-resonant assets. Delayed identity completion meets structural investing.",
-            },
+              title: "Generational Peak Earnings",              description: "Millennials (born 1981–1996) reach peak earning years 2025–2035. Disposable capital seeks tangible, emotionally-resonant assets. Delayed identity completion meets structural investing."},
             {
               icon: DollarSign,
-              title: "The Depreciation Floor",
-              description: "1996–2008 vehicles have already shed 70–85% of original MSRP. Purchase price ≈ residual value. No further downside. Entry point unlocked.",
-            },
+              title: "The Depreciation Floor",              description: "1996–2008 vehicles have already shed 70–85% of original MSRP. Purchase price ≈ residual value. No further downside. Entry point unlocked."},
             {
               icon: Lock,
-              title: "Analog Privacy & Control",
-              description: "No software subscriptions. No remote disabling. No telemetry. Mechanical simplicity = true ownership. Modern vehicles are financial liabilities disguised as transportation.",
-            },
+              title: "Analog Privacy & Control",              description: "No software subscriptions. No remote disabling. No telemetry. Mechanical simplicity = true ownership. Modern vehicles are financial liabilities disguised as transportation."},
             {
               icon: TrendingUp,
-              title: "Precedent Appreciation",
-              description: "Supra MK4: $32k (2010) → $201k (2024). NSX-T: $89k (2015) → $322k (2024). Historical data validates the thesis. Early entrants capture 5–10x returns.",
-            },
+              title: "Precedent Appreciation",              description: "Supra MK4: $32k (2010) → $201k (2024). NSX-T: $89k (2015) → $322k (2024). Historical data validates the thesis. Early entrants capture 5–10x returns."},
             {
               icon: Shield,
-              title: "Institutional Tailwinds",
-              description: "Investment banks now offer classic car financing. Collectors report strong insurance markets. Secondary market deepens. Liquidity improves. Assets mature.",
-            },
+              title: "Institutional Tailwinds",              description: "Investment banks now offer classic car financing. Collectors report strong insurance markets. Secondary market deepens. Liquidity improves. Assets mature."},
           ]}
         />
       </div>
@@ -168,60 +152,23 @@ export default function HomePage() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",
-              title: "Mechanical Novelty",
-              subtitle: "Technological innovation and engineering significance",
-              category: "Technical",
-              value: "20% Weight",
-              buttons: [
+              id: "1",              title: "Mechanical Novelty",              subtitle: "Technological innovation and engineering significance",              category: "Technical",              value: "20% Weight",              buttons: [
                 {
-                  text: "Learn More",
-                  href: "#",
-                },
+                  text: "Learn More",                  href: "#"},
               ],
             },
             {
-              id: "2",
-              title: "Design Identity",
-              subtitle: "Aesthetic timelessness and cultural relevance",
-              category: "Visual",
-              value: "15% Weight",
-            },
+              id: "2",              title: "Design Identity",              subtitle: "Aesthetic timelessness and cultural relevance",              category: "Visual",              value: "15% Weight"},
             {
-              id: "3",
-              title: "Scarcity",
-              subtitle: "Production numbers and model discontinuation",
-              category: "Rarity",
-              value: "15% Weight",
-            },
+              id: "3",              title: "Scarcity",              subtitle: "Production numbers and model discontinuation",              category: "Rarity",              value: "15% Weight"},
             {
-              id: "4",
-              title: "Cultural Significance",
-              subtitle: "Media presence, motorsport legacy, brand equity",
-              category: "Cultural",
-              value: "15% Weight",
-            },
+              id: "4",              title: "Cultural Significance",              subtitle: "Media presence, motorsport legacy, brand equity",              category: "Cultural",              value: "15% Weight"},
             {
-              id: "5",
-              title: "Market Timing",
-              subtitle: "Depreciation phase and entry-point valuation",
-              category: "Valuation",
-              value: "15% Weight",
-            },
+              id: "5",              title: "Market Timing",              subtitle: "Depreciation phase and entry-point valuation",              category: "Valuation",              value: "15% Weight"},
             {
-              id: "6",
-              title: "Enthusiast Demand",
-              subtitle: "Community size, collector interest, forum activity",
-              category: "Demand",
-              value: "10% Weight",
-            },
+              id: "6",              title: "Enthusiast Demand",              subtitle: "Community size, collector interest, forum activity",              category: "Demand",              value: "10% Weight"},
             {
-              id: "7",
-              title: "Analog Purity",
-              subtitle: "Mechanical integrity, lack of electronic bloat",
-              category: "Mechanical",
-              value: "10% Weight",
-            },
+              id: "7",              title: "Analog Purity",              subtitle: "Mechanical integrity, lack of electronic bloat",              category: "Mechanical",              value: "10% Weight"},
           ]}
         />
       </div>
@@ -239,26 +186,11 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",
-              name: "1996 Toyota Supra MK4",
-              price: "MC50 Rank #1",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/studio-photograph-of-a-1996-toyota-supra-1773295456151-09153356.png?_wi=1",
-              imageAlt: "Toyota Supra MK4 front three-quarter view",
-            },
+              id: "1",              name: "1996 Toyota Supra MK4",              price: "MC50 Rank #1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/studio-photograph-of-a-1996-toyota-supra-1773295456151-09153356.png?_wi=1",              imageAlt: "Toyota Supra MK4 front three-quarter view"},
             {
-              id: "2",
-              name: "1991 Acura NSX-T",
-              price: "MC50 Rank #2",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-studio-photograph-of-1991-a-1773295456056-b81e9294.png?_wi=1",
-              imageAlt: "Acura NSX-T convertible top detail",
-            },
+              id: "2",              name: "1991 Acura NSX-T",              price: "MC50 Rank #2",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-studio-photograph-of-1991-a-1773295456056-b81e9294.png?_wi=1",              imageAlt: "Acura NSX-T convertible top detail"},
             {
-              id: "3",
-              name: "2002 Porsche 996 GT2",
-              price: "MC50 Rank #3",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-automotive-studio-photograp-1773295456013-34ca8054.png?_wi=1",
-              imageAlt: "Porsche 996 GT2 performance stance",
-            },
+              id: "3",              name: "2002 Porsche 996 GT2",              price: "MC50 Rank #3",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-automotive-studio-photograp-1773295456013-34ca8054.png?_wi=1",              imageAlt: "Porsche 996 GT2 performance stance"},
           ]}
         />
       </div>
@@ -276,49 +208,13 @@ export default function HomePage() {
           uniformGridCustomHeightClasses="min-h-[500px]"
           blogs={[
             {
-              id: "1",
-              category: "Financial Strategy",
-              title: "Why Modern Cars are Structured Financial Traps",
-              excerpt: "A data-driven breakdown of depreciation, software licensing, and the true cost of ownership for 2020s vehicles.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/complex-financial-analysis-dashboard-wit-1773295455497-2f0510c9.png?_wi=1",
-              imageAlt: "Financial analysis charts and graphs",
-              authorName: "ModiFi Research",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",
-              date: "Jan 2025",
-            },
+              id: "1",              category: "Financial Strategy",              title: "Why Modern Cars are Structured Financial Traps",              excerpt: "A data-driven breakdown of depreciation, software licensing, and the true cost of ownership for 2020s vehicles.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/complex-financial-analysis-dashboard-wit-1773295455497-2f0510c9.png?_wi=1",              imageAlt: "Financial analysis charts and graphs",              authorName: "ModiFi Research",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",              date: "Jan 2025"},
             {
-              id: "2",
-              category: "Cultural Preservation",
-              title: "Analog Purity as Resistance: Why Mechanical Integrity Matters",
-              excerpt: "The philosophy behind preserving vehicles untouched by electronic intervention. A manifesto for mechanical authenticity.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/extreme-close-up-of-vintage-analog-mecha-1773295453710-6a20669c.png?_wi=1",
-              imageAlt: "Close-up of analog mechanical components",
-              authorName: "ModiFi Research",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",
-              date: "Dec 2024",
-            },
+              id: "2",              category: "Cultural Preservation",              title: "Analog Purity as Resistance: Why Mechanical Integrity Matters",              excerpt: "The philosophy behind preserving vehicles untouched by electronic intervention. A manifesto for mechanical authenticity.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/extreme-close-up-of-vintage-analog-mecha-1773295453710-6a20669c.png?_wi=1",              imageAlt: "Close-up of analog mechanical components",              authorName: "ModiFi Research",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",              date: "Dec 2024"},
             {
-              id: "3",
-              category: "Personal Freedom",
-              title: "The Right to Repair: Automotive Autonomy in 2025",
-              excerpt: "How classic car ownership reclaims control from proprietary ecosystems. Ownership restored.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-workshop-scene-with-hands-w-1773295455217-fff483a1.png?_wi=1",
-              imageAlt: "Hands-on mechanical repair workshop",
-              authorName: "ModiFi Research",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",
-              date: "Nov 2024",
-            },
+              id: "3",              category: "Personal Freedom",              title: "The Right to Repair: Automotive Autonomy in 2025",              excerpt: "How classic car ownership reclaims control from proprietary ecosystems. Ownership restored.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/professional-workshop-scene-with-hands-w-1773295455217-fff483a1.png?_wi=1",              imageAlt: "Hands-on mechanical repair workshop",              authorName: "ModiFi Research",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",              date: "Nov 2024"},
             {
-              id: "4",
-              category: "Financial Strategy",
-              title: "The Depreciation Floor: When to Enter the Market",
-              excerpt: "Quarterly analysis of pricing cycles, market saturation, and optimal entry points for six trending model lines.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/market-pricing-cycle-visualization-showi-1773295455110-9e9aaa9e.png?_wi=1",
-              imageAlt: "Market pricing cycle visualization",
-              authorName: "ModiFi Research",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",
-              date: "Oct 2024",
-            },
+              id: "4",              category: "Financial Strategy",              title: "The Depreciation Floor: When to Enter the Market",              excerpt: "Quarterly analysis of pricing cycles, market saturation, and optimal entry points for six trending model lines.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/market-pricing-cycle-visualization-showi-1773295455110-9e9aaa9e.png?_wi=1",              imageAlt: "Market pricing cycle visualization",              authorName: "ModiFi Research",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmwQVXtVxwHGXAirass9MNraMS/minimalist-avatar-icon-for-modifi-resear-1773295454245-05a1a7af.png",              date: "Oct 2024"},
           ]}
         />
       </div>
@@ -329,17 +225,12 @@ export default function HomePage() {
           animationType="entrance-slide"
           buttons={[
             {
-              text: "Unlock MC50 Watchlist",
-              href: "#watchlist",
-            },
+              text: "Unlock MC50 Watchlist",              href: "#watchlist"},
             {
-              text: "Schedule Strategy Call",
-              href: "#contact",
-            },
+              text: "Schedule Strategy Call",              href: "#contact"},
           ]}
           background={{
-            variant: "plain",
-          }}
+            variant: "plain"}}
           useInvertedBackground={true}
         />
       </div>
@@ -351,19 +242,13 @@ export default function HomePage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/modificlassics",
-              ariaLabel: "ModiFi Classics on Twitter",
-            },
+              href: "https://twitter.com/modificlassics",              ariaLabel: "ModiFi Classics on Twitter"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/modifi-classics",
-              ariaLabel: "ModiFi Classics on LinkedIn",
-            },
+              href: "https://linkedin.com/company/modifi-classics",              ariaLabel: "ModiFi Classics on LinkedIn"},
             {
               icon: Instagram,
-              href: "https://instagram.com/modificlassics",
-              ariaLabel: "ModiFi Classics on Instagram",
-            },
+              href: "https://instagram.com/modificlassics",              ariaLabel: "ModiFi Classics on Instagram"},
           ]}
         />
       </div>