Update src/app/cars/[slug]/page.tsx

Update src/app/brands/[slug]/page.tsx
2026-03-06 19:08:06 +00:00 · 2026-03-06 19:08:06 +00:00 · 2026-03-06 19:06:55 +00:00 · 2026-03-06 19:06:54 +00:00 · 2026-03-06 19:03:21 +00:00 · 2026-03-06 19:03:20 +00:00
5 changed files with 663 additions and 661 deletions
--- a/src/app/brands/[slug]/page.tsx
+++ b/src/app/brands/[slug]/page.tsx
@@ -3,53 +3,34 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
 import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Car, Award, Zap } from "lucide-react";
+import Link from "next/link";
 import {
  Car,
  Zap,
  Award,
  Sparkles,
  Building2,
  History,
  Globe,
  Mail,
 } from "lucide-react";
-export default function BrandDetailPage() {
+export default function BrandPage({ params }: { params: { slug: string } }) {
  const navItems = [
-    { name: "Search", id: "search" },
+    { name: "Search", id: "/search" },
-    { name: "Browse", id: "browse" },
+    { name: "Browse", id: "/browse" },
-    { name: "Compare", id: "compare" },
+    { name: "Compare", id: "/compare" },
-    { name: "Timeline", id: "timeline" },
+    { name: "Timeline", id: "/timeline" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
  ];
  const footerColumns = [
    {
      items: [
        { label: "Search Database", href: "/search" },
        { label: "Browse Vehicles", href: "/browse" },
        { label: "Compare Cars", href: "/compare" },
        { label: "Timeline Explorer", href: "/timeline" },
      ],
    },
    {
      items: [
        { label: "Brand Directory", href: "/brands" },
        { label: "Model Guide", href: "/models" },
        { label: "Specifications", href: "/specs" },
        { label: "Production Data", href: "/production" },
      ],
    },
    {
      items: [
        { label: "About Us", href: "/about" },
        { label: "Help & Support", href: "/help" },
        { label: "Contact", href: "/contact" },
        { label: "Contribute Data", href: "/contribute" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/privacy" },
        { label: "Terms of Service", href: "/terms" },
        { label: "Data Attribution", href: "/attribution" },
        { label: "Sitemap", href: "/sitemap" },
      ],
    },
  ];
  return (
@@ -59,7 +40,7 @@ export default function BrandDetailPage() {
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
@@ -67,152 +48,262 @@ export default function BrandDetailPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
-          navItems={navItems}
+          navItems={[
            { name: "Search", id: "/search" },
            { name: "Browse", id: "/browse" },
            { name: "Compare", id: "/compare" },
            { name: "Timeline", id: "/timeline" },
            { name: "About", id: "/about" },
          ]}
          brandName="AutoArchive"
          bottomLeftText="Explore Automotive History"
          bottomRightText="1886 to Present"
        />
      </div>
-      <div id="brand-hero" data-section="brand-hero">
+      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
-          title="Ferrari: The Prancing Horse Legacy"
+          title="Explore Every Car Ever Made"
-          description="Discover the complete history of Ferrari, from Enzo's vision in 1947 to today's hybrid hypercars. Explore every model, generation, and legendary achievement."
+          description="The world's most complete automotive database. Search, compare, and discover vehicles from 1886 to today across every brand, model, generation, and variant."
-          tag="Brand Heritage"
+          tag="Automotive Encyclopedia"
          tagIcon={Car}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=3"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-modern-sleek-automotive-database-inter-1772823292340-23f02fb5.png?_wi=1"
-          imageAlt="Ferrari 250 GTO Classic"
+          imageAlt="AutoArchive Database Interface"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
          imagePosition="right"
          testimonials={[
            {
-              name: "Racing Historian",
+              name: "Racing Historian",              handle: "Classic Car Enthusiast",              testimonial:
-              handle: "Classic Car Enthusiast",
+                "The most comprehensive car database I've ever seen. Finally, one place for all automotive history.",              rating: 5,
-              testimonial: "Ferrari's design language has remained unmistakable for over 75 years. A true automotive icon.",
+              imageSrc:
-              rating: 5,
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-knowledgeable-automotive-h-1772823290619-648d0b48.png?_wi=1"},
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",
            },
            {
-              name: "Automotive Designer",
+              name: "Automotive Designer",              handle: "Classic Car Enthusiast",              testimonial:
-              handle: "Design Expert",
+                "Perfect for researching design evolution and model lineages across decades.",              rating: 5,
-              testimonial: "Every Ferrari represents the pinnacle of automotive design and engineering excellence.",
+              imageSrc:
-              rating: 5,
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-creative-automotive-design-1772823292200-f0afd2ae.png?_wi=1"},
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png?_wi=1",
            },
            {
-              name: "Collector",
+              name: "Car Collector",              handle: "Vintage Vehicle Curator",              testimonial:
-              handle: "Vintage Vehicle Curator",
+                "An invaluable resource for understanding specifications and production years.",              rating: 5,
-              testimonial: "Ferrari's heritage and performance records make it the world's most coveted brand.",
+              imageSrc:
-              rating: 5,
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-passionate-car-collector-r-1772823290895-3d866aea.png?_wi=1"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-a-tech-1772823290751-a93bf9d8.png",
+            {
-            },
+              name: "Automotive Journalist",              handle: "Car Magazine Editor",              testimonial:
                "Research has never been easier. Every fact, spec, and timeline at my fingertips.",              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-an-automotive-journalist-con-1772823290598-44ed854b.png?_wi=1"},
          ]}
          testimonialRotationInterval={5000}
          buttons={[
-            { text: "View All Models", href: "/browse" },
+            { text: "Start Searching", href: "/search" },
-            { text: "Compare Ferraris", href: "/compare" },
+            { text: "Browse Database", href: "/browse" },
          ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>
-      <div id="brand-about" data-section="brand-about">
+      <div id="popular-brands" data-section="popular-brands">
-        <TextSplitAbout
+        <SocialProofOne
-          title="The Ferrari Story"
+          title="Trusted by Automotive Enthusiasts Worldwide"
-          description={[
+          description="Access the largest collection of verified automotive data featuring every major manufacturer and brand"
-            "Founded in 1947 by Enzo Ferrari, the company began as a race team before producing street-legal vehicles. Enzo's philosophy—'Competition is necessary for the creation of efficient vehicles'—still guides Ferrari today.",
+          tag="Featured Brands"
-            "From the legendary 125 S to the groundbreaking SF90 Stradale, Ferrari has consistently pushed the boundaries of automotive engineering and design. Every model represents years of racing experience translated into production vehicles.",
+          tagAnimation="blur-reveal"
            "With over 13,000 vehicles built across 75 years, Ferrari remains the most exclusive and sought-after supercar manufacturer in the world. The prancing horse emblem symbolizes speed, performance, and uncompromising excellence.",
          ]}
          showBorder={true}
          useInvertedBackground={false}
          buttons={[
            { text: "Browse All Models", href: "/browse" },
            { text: "View Timeline", href: "/timeline" },
          ]}
          buttonAnimation="entrance-slide"
        />
      </div>
      <div id="brand-models" data-section="brand-models">
        <FeatureCardTwentyFive
          features={[
            {
              title: "Classic Era (1947-1970)",
              description: "The foundation of Ferrari excellence with hand-built race cars and early road vehicles.",
              icon: Award,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=4",
                  imageAlt: "Ferrari 250 GTO",
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png?_wi=3",
                  imageAlt: "Classic Ferrari Models",
                },
              ],
            },
            {
              title: "Golden Age (1970-1990)",
              description: "Revolutionary designs like the Daytona and Testarossa defined an era of automotive excellence.",
              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png?_wi=3",
                  imageAlt: "1980s Ferrari Models",
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/blog-ferrari-250-gto-1772823292116-a7e77200.png",
                  imageAlt: "Ferrari Heritage",
                },
              ],
            },
            {
              title: "Modern Era (1990-2010)",
              description: "V12 masterpieces and modern engineering merged traditional values with cutting-edge technology.",
              icon: Car,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png?_wi=3",
                  imageAlt: "1990s Ferrari Models",
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=3",
                  imageAlt: "Modern Performance Era",
                },
              ],
            },
            {
              title: "Hybrid Revolution (2010-Present)",
              description: "Advanced hybrid systems combine electric power with twin-turbo engines for unprecedented performance.",
              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png?_wi=3",
                  imageAlt: "Modern Ferrari Hybrid",
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/blog-tesla-revolution-1772823291685-64082b06.png",
                  imageAlt: "Future of Ferrari",
                },
              ],
            },
          ]}
          animationType="depth-3d"
          title="Ferrari Model Evolution"
          description="Explore the iconic lineages and generations that shaped Ferrari's legendary heritage"
          tag="Heritage Collection"
          tagAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Ferrari",            "Porsche",            "BMW",            "Mercedes-Benz",            "Lamborghini",            "Bugatti",            "Rolls-Royce",            "Aston Martin",            "McLaren",            "Tesla"]}
          speed={40}
          showCard={true}
        />
      </div>
-      <div id="brand-footer" data-section="brand-footer">
+      <div id="featured-vehicles" data-section="featured-vehicles">
-        <FooterLogoEmphasis columns={footerColumns} logoText="AutoArchive" />
+        <ProductCardTwo
          title="Featured Legendary Vehicles"
          description="Iconic cars that shaped automotive history"
          tag="Heritage Collection"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",              brand: "Ferrari",              name: "Ferrari 250 GTO",              price: "1962-1964",              rating: 5,
              reviewCount: "Legendary",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=1",              imageAlt: "Ferrari 250 GTO 1962"},
            {
              id: "2",              brand: "Porsche",              name: "Porsche 911",              price: "1963-Present",              rating: 5,
              reviewCount: "Iconic",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=1",              imageAlt: "Porsche 911 Classic"},
            {
              id: "3",              brand: "Jaguar",              name: "Jaguar E-Type",              price: "1961-1974",              rating: 5,
              reviewCount: "Historic",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png?_wi=1",              imageAlt: "Jaguar E-Type"},
            {
              id: "4",              brand: "BMW",              name: "BMW 2002",              price: "1968-1976",              rating: 5,
              reviewCount: "Classic",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png?_wi=1",              imageAlt: "BMW 2002"},
          ]}
        />
      </div>
      <div id="browse-decade" data-section="browse-decade">
        <FeatureCardTwentyFive
          title="Browse by Era"
          description="Explore vehicles organized by historical decade with complete production timelines"
          tag="Timeline Explorer"
          tagAnimation="blur-reveal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "The Golden Age (1900-1920s)",              description:
                "Early automobiles, pioneering manufacturers, and the birth of motoring",              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png?_wi=1",                  imageAlt: "Early 1900s vehicles"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png?_wi=1",                  imageAlt: "Classic automobiles vintage"},
              ],
            },
            {
              title: "The Classics Era (1930-1950s)",              description:
                "Art deco styling, post-war innovation, and the golden age of design",              icon: Award,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png?_wi=1",                  imageAlt: "1930s-1950s classic cars"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png?_wi=1",                  imageAlt: "Post-war automobile design"},
              ],
            },
            {
              title: "The Modern Era (1960-1980s)",              description:
                "Performance revolution, muscle cars, and engineering breakthroughs",              icon: Sparkles,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png?_wi=1",                  imageAlt: "1960s muscle cars"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png?_wi=1",                  imageAlt: "1980s performance vehicles"},
              ],
            },
            {
              title: "Contemporary (1990-2024)",              description:
                "Digital age, electric vehicles, autonomous technology, and modern innovation",              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png?_wi=1",                  imageAlt: "1990s modern cars"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png?_wi=1",                  imageAlt: "Electric and autonomous vehicles"},
              ],
            },
          ]}
        />
      </div>
      <div id="legendary-cars" data-section="legendary-cars">
        <BlogCardThree
          title="Legendary Automotive Stories"
          description="Discover the history, engineering, and cultural impact of the world's most iconic vehicles"
          tag="Automotive Heritage"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
              id: "1",              category: "Performance History",              title: "The Ferrari 250 GTO: The Car That Won Le Mans",              excerpt: "Explore how this race car became the most valuable car in the world",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png?_wi=1",              imageAlt: "Ferrari 250 GTO",              authorName: "Automotive Historian",              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",              date: "Featured Article"},
            {
              id: "2",              category: "Design Evolution",              title: "The Porsche 911: 60 Years of Iconic Design",              excerpt: "How one sports car shaped the future of automotive design",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png?_wi=1",              imageAlt: "Porsche 911 Through Decades",              authorName: "Design Expert",              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",              date: "Featured Article"},
            {
              id: "3",              category: "Innovation",              title: "The Jaguar E-Type: Beauty and Performance",              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png?_wi=1",              imageAlt: "Jaguar E-Type Design",              authorName: "Automotive Journalist",              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",              date: "Featured Article"},
          ]}
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="AutoArchive by the Numbers"
          description="The world's most comprehensive automotive database at your fingertips"
          tag="Database Statistics"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              icon: Building2,
              title: "Manufacturers",              value: "2,000+"},
            {
              id: "2",              icon: Car,
              title: "Vehicle Models",              value: "50,000+"},
            {
              id: "3",              icon: History,
              title: "Years Covered",              value: "138 Years"},
            {
              id: "4",              icon: Globe,
              title: "Countries",              value: "195"},
          ]}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="AutoArchive"
          columns={[
            {
              items: [
                { label: "Search Database", href: "/search" },
                { label: "Browse Vehicles", href: "/browse" },
                { label: "Compare Cars", href: "/compare" },
                { label: "Timeline Explorer", href: "/timeline" },
              ],
            },
            {
              items: [
                { label: "Brand Directory", href: "/brands" },
                { label: "Model Guide", href: "/models" },
                { label: "Specifications", href: "/specs" },
                { label: "Production Data", href: "/production" },
              ],
            },
            {
              items: [
                { label: "About Us", href: "/" },
                { label: "Help & Support", href: "/help" },
                { label: "Contact", href: "/contact" },
                { label: "Contribute Data", href: "/contribute" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Data Attribution", href: "/attribution" },
                { label: "Sitemap", href: "/sitemap" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
--- a/src/app/browse/page.tsx
+++ b/src/app/browse/page.tsx
@@ -79,69 +79,45 @@ export default function BrowsePage() {
          title="Browse by Era"
          description="Explore vehicles organized by historical decade with complete production timelines"
          tag="Timeline Explorer"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
-              title: "The Golden Age (1900-1920s)",
+              title: "The Golden Age (1900-1920s)",              description: "Early automobiles, pioneering manufacturers, and the birth of motoring",              icon: Zap,
              description: "Early automobiles, pioneering manufacturers, and the birth of motoring",
              icon: Zap,
              mediaItems: [
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png",                  imageAlt: "Early 1900s vehicles"},
                  imageAlt: "Early 1900s vehicles",
                },
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png",                  imageAlt: "Classic automobiles vintage"},
                  imageAlt: "Classic automobiles vintage",
                },
              ],
            },
            {
-              title: "The Classics Era (1930-1950s)",
+              title: "The Classics Era (1930-1950s)",              description: "Art deco styling, post-war innovation, and the golden age of design",              icon: Award,
              description: "Art deco styling, post-war innovation, and the golden age of design",
              icon: Award,
              mediaItems: [
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png",                  imageAlt: "1930s-1950s classic cars"},
                  imageAlt: "1930s-1950s classic cars",
                },
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png",                  imageAlt: "Post-war automobile design"},
                  imageAlt: "Post-war automobile design",
                },
              ],
            },
            {
-              title: "The Modern Era (1960-1980s)",
+              title: "The Modern Era (1960-1980s)",              description: "Performance revolution, muscle cars, and engineering breakthroughs",              icon: Sparkles,
              description: "Performance revolution, muscle cars, and engineering breakthroughs",
              icon: Sparkles,
              mediaItems: [
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png",                  imageAlt: "1960s muscle cars"},
                  imageAlt: "1960s muscle cars",
                },
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png",                  imageAlt: "1980s performance vehicles"},
                  imageAlt: "1980s performance vehicles",
                },
              ],
            },
            {
-              title: "Contemporary (1990-2024)",
+              title: "Contemporary (1990-2024)",              description: "Digital age, electric vehicles, autonomous technology, and modern innovation",              icon: Zap,
              description: "Digital age, electric vehicles, autonomous technology, and modern innovation",
              icon: Zap,
              mediaItems: [
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png",                  imageAlt: "1990s modern cars"},
                  imageAlt: "1990s modern cars",
                },
                {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png?_wi=2",
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png",                  imageAlt: "Electric and autonomous vehicles"},
                  imageAlt: "Electric and autonomous vehicles",
                },
              ],
            },
          ]}
@@ -153,52 +129,24 @@ export default function BrowsePage() {
          title="Featured Legendary Vehicles"
          description="Iconic cars that shaped automotive history"
          tag="Heritage Collection"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
-              id: "1",
+              id: "1",              brand: "Ferrari",              name: "Ferrari 250 GTO",              price: "1962-1964",              rating: 5,
-              brand: "Ferrari",
+              reviewCount: "Legendary",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png",              imageAlt: "Ferrari 250 GTO 1962"},
              name: "Ferrari 250 GTO",
              price: "1962-1964",
              rating: 5,
              reviewCount: "Legendary",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=2",
              imageAlt: "Ferrari 250 GTO 1962",
            },
            {
-              id: "2",
+              id: "2",              brand: "Porsche",              name: "Porsche 911",              price: "1963-Present",              rating: 5,
-              brand: "Porsche",
+              reviewCount: "Iconic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png",              imageAlt: "Porsche 911 Classic"},
              name: "Porsche 911",
              price: "1963-Present",
              rating: 5,
              reviewCount: "Iconic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=2",
              imageAlt: "Porsche 911 Classic",
            },
            {
-              id: "3",
+              id: "3",              brand: "Jaguar",              name: "Jaguar E-Type",              price: "1961-1974",              rating: 5,
-              brand: "Jaguar",
+              reviewCount: "Historic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png",              imageAlt: "Jaguar E-Type"},
              name: "Jaguar E-Type",
              price: "1961-1974",
              rating: 5,
              reviewCount: "Historic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png?_wi=2",
              imageAlt: "Jaguar E-Type",
            },
            {
-              id: "4",
+              id: "4",              brand: "BMW",              name: "BMW 2002",              price: "1968-1976",              rating: 5,
-              brand: "BMW",
+              reviewCount: "Classic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png",              imageAlt: "BMW 2002"},
              name: "BMW 2002",
              price: "1968-1976",
              rating: 5,
              reviewCount: "Classic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png?_wi=2",
              imageAlt: "BMW 2002",
            },
          ]}
        />
      </div>
--- a/src/app/cars/[slug]/page.tsx
+++ b/src/app/cars/[slug]/page.tsx
@@ -3,53 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
 import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Car, Zap, Gauge, Award } from "lucide-react";
+import Link from "next/link";
 import {
  Car,
  Zap,
  Award,
  Sparkles,
  Building2,
  History,
  Globe,
  Mail,
 } from "lucide-react";
-export default function CarDetailPage() {
+export default function CarPage({ params }: { params: { slug: string } }) {
  const navItems = [
-    { name: "Search", id: "search" },
+    { name: "Search", id: "/search" },
-    { name: "Browse", id: "browse" },
+    { name: "Browse", id: "/browse" },
-    { name: "Compare", id: "compare" },
+    { name: "Compare", id: "/compare" },
-    { name: "Timeline", id: "timeline" },
+    { name: "Timeline", id: "/timeline" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
  ];
  const footerColumns = [
    {
      items: [
        { label: "Search Database", href: "/search" },
        { label: "Browse Vehicles", href: "/browse" },
        { label: "Compare Cars", href: "/compare" },
        { label: "Timeline Explorer", href: "/timeline" },
      ],
    },
    {
      items: [
        { label: "Brand Directory", href: "/brands" },
        { label: "Model Guide", href: "/models" },
        { label: "Specifications", href: "/specs" },
        { label: "Production Data", href: "/production" },
      ],
    },
    {
      items: [
        { label: "About Us", href: "/about" },
        { label: "Help & Support", href: "/help" },
        { label: "Contact", href: "/contact" },
        { label: "Contribute Data", href: "/contribute" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/privacy" },
        { label: "Terms of Service", href: "/terms" },
        { label: "Data Attribution", href: "/attribution" },
        { label: "Sitemap", href: "/sitemap" },
      ],
    },
  ];
  return (
@@ -59,7 +39,7 @@ export default function CarDetailPage() {
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
@@ -67,116 +47,294 @@ export default function CarDetailPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
-          navItems={navItems}
+          navItems={[
            { name: "Search", id: "/search" },
            { name: "Browse", id: "/browse" },
            { name: "Compare", id: "/compare" },
            { name: "Timeline", id: "/timeline" },
            { name: "About", id: "/about" },
          ]}
          brandName="AutoArchive"
          bottomLeftText="Explore Automotive History"
          bottomRightText="1886 to Present"
        />
      </div>
-      <div id="car-hero" data-section="car-hero">
+      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
-          title="Porsche 911: The Iconic Sports Car"
+          title="Explore Every Car Ever Made"
-          description="From its 1963 debut to today, the Porsche 911 stands as the world's most enduring sports car. Explore 60+ years of continuous production, evolution, and legendary performance."
+          description="The world's most complete automotive database. Search, compare, and discover vehicles from 1886 to today across every brand, model, generation, and variant."
-          tag="Automotive Icon"
+          tag="Automotive Encyclopedia"
          tagIcon={Car}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=4"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-modern-sleek-automotive-database-inter-1772823292340-23f02fb5.png?_wi=2"
-          imageAlt="Porsche 911 Classic Profile"
+          imageAlt="AutoArchive Database Interface"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
          imagePosition="right"
          testimonials={[
            {
-              name: "Automotive Journalist",
+              name: "Racing Historian",              handle: "Classic Car Enthusiast",              testimonial:
-              handle: "Car Magazine Editor",
+                "The most comprehensive car database I've ever seen. Finally, one place for all automotive history.",              rating: 5,
-              testimonial: "The 911 is not just a car, it's a phenomenon. Over 1 million produced and still evolving.",
+              imageSrc:
-              rating: 5,
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-knowledgeable-automotive-h-1772823290619-648d0b48.png?_wi=2"},
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",
            },
            {
-              name: "Racing Driver",
+              name: "Automotive Designer",              handle: "Classic Car Enthusiast",              testimonial:
-              handle: "Performance Expert",
+                "Perfect for researching design evolution and model lineages across decades.",              rating: 5,
-              testimonial: "The 911's handling balance and engineering are unmatched. It's the benchmark for sports cars.",
+              imageSrc:
-              rating: 5,
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-creative-automotive-design-1772823292200-f0afd2ae.png?_wi=2"},
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290751-a93bf9d8.png",
            },
            {
-              name: "Design Historian",
+              name: "Car Collector",              handle: "Vintage Vehicle Curator",              testimonial:
-              handle: "Automotive Design Expert",
+                "An invaluable resource for understanding specifications and production years.",              rating: 5,
-              testimonial: "The 911's silhouette is timeless. Every generation respects the original while pushing design forward.",
+              imageSrc:
-              rating: 5,
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-passionate-car-collector-r-1772823290895-3d866aea.png?_wi=2"},
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png?_wi=2",
+            {
-            },
+              name: "Automotive Journalist",              handle: "Car Magazine Editor",              testimonial:
                "Research has never been easier. Every fact, spec, and timeline at my fingertips.",              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-an-automotive-journalist-con-1772823290598-44ed854b.png?_wi=2"},
          ]}
          testimonialRotationInterval={5000}
          buttons={[
-            { text: "Explore Models", href: "/browse" },
+            { text: "Start Searching", href: "/search" },
-            { text: "View Specifications", href: "/specs" },
+            { text: "Browse Database", href: "/browse" },
          ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>
-      <div id="car-details" data-section="car-details">
+      <div id="popular-brands" data-section="popular-brands">
-        <TextSplitAbout
+        <SocialProofOne
-          title="Porsche 911 Legacy"
+          title="Trusted by Automotive Enthusiasts Worldwide"
-          description={[
+          description="Access the largest collection of verified automotive data featuring every major manufacturer and brand"
-            "The Porsche 911 debuted at the 1963 Frankfurt International Motor Show as the successor to the 356. With its rear-mounted, air-cooled flat-six engine, it established a formula that has endured for over 60 years.",
+          tag="Featured Brands"
-            "Every generation—from the original 2.0L (130 hp) to today's turbocharged variants producing over 600 horsepower—has maintained the fundamental 911 characteristics: rear-wheel drive, exceptional handling, and pure driver engagement.",
+          tagAnimation="blur-reveal"
-            "With 1 million+ vehicles produced across 11 generations (1963-2024), the 911 represents Porsche's commitment to continuous improvement while preserving the core engineering principles that made it an automotive legend.",
+          textboxLayout="default"
          ]}
          showBorder={true}
          useInvertedBackground={false}
-          buttons={[
+          names={[
-            { text: "Compare Generations", href: "/compare" },
+            "Ferrari",            "Porsche",            "BMW",            "Mercedes-Benz",            "Lamborghini",            "Bugatti",            "Rolls-Royce",            "Aston Martin",            "McLaren",            "Tesla"]}
-            { text: "Browse All Models", href: "/browse" },
+          speed={40}
-          ]}
+          showCard={true}
          buttonAnimation="entrance-slide"
        />
      </div>
-      <div id="car-specs" data-section="car-specs">
+      <div id="featured-vehicles" data-section="featured-vehicles">
        <ProductCardTwo
          title="Featured Legendary Vehicles"
          description="Iconic cars that shaped automotive history"
          tag="Heritage Collection"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",              brand: "Ferrari",              name: "Ferrari 250 GTO",              price: "1962-1964",              rating: 5,
              reviewCount: "Legendary",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=2",              imageAlt: "Ferrari 250 GTO 1962"},
            {
              id: "2",              brand: "Porsche",              name: "Porsche 911",              price: "1963-Present",              rating: 5,
              reviewCount: "Iconic",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=2",              imageAlt: "Porsche 911 Classic"},
            {
              id: "3",              brand: "Jaguar",              name: "Jaguar E-Type",              price: "1961-1974",              rating: 5,
              reviewCount: "Historic",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png?_wi=2",              imageAlt: "Jaguar E-Type"},
            {
              id: "4",              brand: "BMW",              name: "BMW 2002",              price: "1968-1976",              rating: 5,
              reviewCount: "Classic",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png?_wi=2",              imageAlt: "BMW 2002"},
          ]}
        />
      </div>
      <div id="browse-decade" data-section="browse-decade">
        <FeatureCardTwentyFive
          title="Browse by Era"
          description="Explore vehicles organized by historical decade with complete production timelines"
          tag="Timeline Explorer"
          tagAnimation="blur-reveal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "The Golden Age (1900-1920s)",              description:
                "Early automobiles, pioneering manufacturers, and the birth of motoring",              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png?_wi=2",                  imageAlt: "Early 1900s vehicles"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png?_wi=2",                  imageAlt: "Classic automobiles vintage"},
              ],
            },
            {
              title: "The Classics Era (1930-1950s)",              description:
                "Art deco styling, post-war innovation, and the golden age of design",              icon: Award,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png?_wi=2",                  imageAlt: "1930s-1950s classic cars"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png?_wi=2",                  imageAlt: "Post-war automobile design"},
              ],
            },
            {
              title: "The Modern Era (1960-1980s)",              description:
                "Performance revolution, muscle cars, and engineering breakthroughs",              icon: Sparkles,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png?_wi=2",                  imageAlt: "1960s muscle cars"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png?_wi=2",                  imageAlt: "1980s performance vehicles"},
              ],
            },
            {
              title: "Contemporary (1990-2024)",              description:
                "Digital age, electric vehicles, autonomous technology, and modern innovation",              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png?_wi=2",                  imageAlt: "1990s modern cars"},
                {
                  imageSrc:
                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png?_wi=2",                  imageAlt: "Electric and autonomous vehicles"},
              ],
            },
          ]}
        />
      </div>
      <div id="legendary-cars" data-section="legendary-cars">
        <BlogCardThree
          title="Legendary Automotive Stories"
          description="Discover the history, engineering, and cultural impact of the world's most iconic vehicles"
          tag="Automotive Heritage"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
              id: "1",              category: "Performance History",              title: "The Ferrari 250 GTO: The Car That Won Le Mans",              excerpt: "Explore how this race car became the most valuable car in the world",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png?_wi=2",              imageAlt: "Ferrari 250 GTO",              authorName: "Automotive Historian",              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",              date: "Featured Article"},
            {
              id: "2",              category: "Design Evolution",              title: "The Porsche 911: 60 Years of Iconic Design",              excerpt: "How one sports car shaped the future of automotive design",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png?_wi=2",              imageAlt: "Porsche 911 Through Decades",              authorName: "Design Expert",              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",              date: "Featured Article"},
            {
              id: "3",              category: "Innovation",              title: "The Jaguar E-Type: Beauty and Performance",              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png?_wi=2",              imageAlt: "Jaguar E-Type Design",              authorName: "Automotive Journalist",              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",              date: "Featured Article"},
          ]}
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardThree
-          metrics={[
+          title="AutoArchive by the Numbers"
-            {
+          description="The world's most comprehensive automotive database at your fingertips"
-              id: "1",
+          tag="Database Statistics"
-              icon: Award,
+          tagAnimation="blur-reveal"
              title: "Production Years",
              value: "1963-2024",
            },
            {
              id: "2",
              icon: Car,
              title: "Units Produced",
              value: "1M+",
            },
            {
              id: "3",
              icon: Zap,
              title: "Peak Horsepower",
              value: "630 hp",
            },
            {
              id: "4",
              icon: Gauge,
              title: "Top Speed",
              value: "211 mph",
            },
          ]}
          title="Porsche 911 by the Numbers"
          description="Spanning six decades of continuous production and evolution"
          tag="Performance Data"
          tagAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              icon: Building2,
              title: "Manufacturers",              value: "2,000+"},
            {
              id: "2",              icon: Car,
              title: "Vehicle Models",              value: "50,000+"},
            {
              id: "3",              icon: History,
              title: "Years Covered",              value: "138 Years"},
            {
              id: "4",              icon: Globe,
              title: "Countries",              value: "195"},
          ]}
        />
      </div>
-      <div id="car-footer" data-section="car-footer">
+      <div id="about" data-section="about">
-        <FooterLogoEmphasis columns={footerColumns} logoText="AutoArchive" />
+        <TextSplitAbout
          title="About AutoArchive"
          description={[
            "AutoArchive is the world's most comprehensive online car encyclopedia and search engine. Our mission is to preserve and share automotive history, from the earliest automobiles of 1886 to the latest models of today.",            "We've compiled extensive data on every major manufacturer, model generation, variant, and specification. Whether you're a collector, historian, designer, or enthusiast, AutoArchive provides the definitive source for automotive knowledge.",            "Our database spans 138 years of automotive innovation, featuring technical specifications, performance metrics, production years, engine options, transmission data, and historical context for vehicles from around the world."]}
          showBorder={true}
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Database", href: "/search" },
            { text: "Browse Collections", href: "/browse" },
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>
      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Start Exploring"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          title="Ready to Discover Automotive History?"
          description="Join thousands of enthusiasts, collectors, historians, and professionals using AutoArchive. Search millions of vehicles, compare specifications, and explore the complete history of automobiles."
          buttons={[
            { text: "Begin Your Search", href: "/search" },
            { text: "Browse All Brands", href: "/browse" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="AutoArchive"
          columns={[
            {
              items: [
                { label: "Search Database", href: "/search" },
                { label: "Browse Vehicles", href: "/browse" },
                { label: "Compare Cars", href: "/compare" },
                { label: "Timeline Explorer", href: "/timeline" },
              ],
            },
            {
              items: [
                { label: "Brand Directory", href: "/brands" },
                { label: "Model Guide", href: "/models" },
                { label: "Specifications", href: "/specs" },
                { label: "Production Data", href: "/production" },
              ],
            },
            {
              items: [
                { label: "About Us", href: "/" },
                { label: "Help & Support", href: "/help" },
                { label: "Contact", href: "/contact" },
                { label: "Contribute Data", href: "/contribute" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Data Attribution", href: "/attribution" },
                { label: "Sitemap", href: "/sitemap" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
--- a/src/app/compare/page.tsx
+++ b/src/app/compare/page.tsx
@@ -79,35 +79,23 @@ export default function ComparePage() {
          title="AutoArchive by the Numbers"
          description="The world's most comprehensive automotive database at your fingertips"
          tag="Database Statistics"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
-              id: "1",
+              id: "1",              icon: Building2,
-              icon: Building2,
+              title: "Manufacturers",              value: "2,000+"},
              title: "Manufacturers",
              value: "2,000+",
            },
            {
-              id: "2",
+              id: "2",              icon: Car,
-              icon: Car,
+              title: "Vehicle Models",              value: "50,000+"},
              title: "Vehicle Models",
              value: "50,000+",
            },
            {
-              id: "3",
+              id: "3",              icon: History,
-              icon: History,
+              title: "Years Covered",              value: "138 Years"},
              title: "Years Covered",
              value: "138 Years",
            },
            {
-              id: "4",
+              id: "4",              icon: Globe,
-              icon: Globe,
+              title: "Countries",              value: "195"},
              title: "Countries",
              value: "195",
            },
          ]}
        />
      </div>
@@ -117,45 +105,18 @@ export default function ComparePage() {
          title="Legendary Automotive Stories"
          description="Discover the history, engineering, and cultural impact of the world's most iconic vehicles"
          tag="Automotive Heritage"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
-              id: "1",
+              id: "1",              category: "Performance History",              title: "The Ferrari 250 GTO: The Car That Won Le Mans",              excerpt: "Explore how this race car became the most valuable car in the world",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png",              imageAlt: "Ferrari 250 GTO",              authorName: "Automotive Historian",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",              date: "Featured Article"},
              category: "Performance History",
              title: "The Ferrari 250 GTO: The Car That Won Le Mans",
              excerpt: "Explore how this race car became the most valuable car in the world",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png?_wi=2",
              imageAlt: "Ferrari 250 GTO",
              authorName: "Automotive Historian",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",
              date: "Featured Article",
            },
            {
-              id: "2",
+              id: "2",              category: "Design Evolution",              title: "The Porsche 911: 60 Years of Iconic Design",              excerpt: "How one sports car shaped the future of automotive design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png",              imageAlt: "Porsche 911 Through Decades",              authorName: "Design Expert",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",              date: "Featured Article"},
              category: "Design Evolution",
              title: "The Porsche 911: 60 Years of Iconic Design",
              excerpt: "How one sports car shaped the future of automotive design",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png?_wi=2",
              imageAlt: "Porsche 911 Through Decades",
              authorName: "Design Expert",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",
              date: "Featured Article",
            },
            {
-              id: "3",
+              id: "3",              category: "Innovation",              title: "The Jaguar E-Type: Beauty and Performance",              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png",              imageAlt: "Jaguar E-Type Design",              authorName: "Automotive Journalist",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",              date: "Featured Article"},
              category: "Innovation",
              title: "The Jaguar E-Type: Beauty and Performance",
              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png?_wi=2",
              imageAlt: "Jaguar E-Type Design",
              authorName: "Automotive Journalist",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",
              date: "Featured Article",
            },
          ]}
        />
      </div>
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -67,56 +67,40 @@ export default function HomePage() {
          description="The world's most complete automotive database. Search, compare, and discover vehicles from 1886 to today across every brand, model, generation, and variant."
          tag="Automotive Encyclopedia"
          tagIcon={Car}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-modern-sleek-automotive-database-inter-1772823292340-23f02fb5.png"
          imageAlt="AutoArchive Database Interface"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
          imagePosition="right"
          testimonials={[
            {
-              name: "Racing Historian",
+              name: "Racing Historian",              handle: "Classic Car Enthusiast",              testimonial:
-              handle: "Classic Car Enthusiast",
+                "The most comprehensive car database I've ever seen. Finally, one place for all automotive history.",              rating: 5,
              testimonial:
                "The most comprehensive car database I've ever seen. Finally, one place for all automotive history.",
              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-knowledgeable-automotive-h-1772823290619-648d0b48.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-knowledgeable-automotive-h-1772823290619-648d0b48.png"},
            },
            {
-              name: "Automotive Designer",
+              name: "Automotive Designer",              handle: "Classic Car Enthusiast",              testimonial:
-              handle: "Classic Car Enthusiast",
+                "Perfect for researching design evolution and model lineages across decades.",              rating: 5,
              testimonial:
                "Perfect for researching design evolution and model lineages across decades.",
              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-creative-automotive-design-1772823292200-f0afd2ae.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-creative-automotive-design-1772823292200-f0afd2ae.png"},
            },
            {
-              name: "Car Collector",
+              name: "Car Collector",              handle: "Vintage Vehicle Curator",              testimonial:
-              handle: "Vintage Vehicle Curator",
+                "An invaluable resource for understanding specifications and production years.",              rating: 5,
              testimonial:
                "An invaluable resource for understanding specifications and production years.",
              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-passionate-car-collector-r-1772823290895-3d866aea.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-passionate-car-collector-r-1772823290895-3d866aea.png"},
            },
            {
-              name: "Automotive Journalist",
+              name: "Automotive Journalist",              handle: "Car Magazine Editor",              testimonial:
-              handle: "Car Magazine Editor",
+                "Research has never been easier. Every fact, spec, and timeline at my fingertips.",              rating: 5,
              testimonial:
                "Research has never been easier. Every fact, spec, and timeline at my fingertips.",
              rating: 5,
              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-an-automotive-journalist-con-1772823290598-44ed854b.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-an-automotive-journalist-con-1772823290598-44ed854b.png"},
            },
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Start Searching", href: "/search" },
            { text: "Browse Database", href: "/browse" },
          ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>
@@ -126,21 +110,11 @@ export default function HomePage() {
          title="Trusted by Automotive Enthusiasts Worldwide"
          description="Access the largest collection of verified automotive data featuring every major manufacturer and brand"
          tag="Featured Brands"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
-            "Ferrari",
+            "Ferrari",            "Porsche",            "BMW",            "Mercedes-Benz",            "Lamborghini",            "Bugatti",            "Rolls-Royce",            "Aston Martin",            "McLaren",            "Tesla"]}
            "Porsche",
            "BMW",
            "Mercedes-Benz",
            "Lamborghini",
            "Bugatti",
            "Rolls-Royce",
            "Aston Martin",
            "McLaren",
            "Tesla",
          ]}
          speed={40}
          showCard={true}
        />
@@ -151,56 +125,28 @@ export default function HomePage() {
          title="Featured Legendary Vehicles"
          description="Iconic cars that shaped automotive history"
          tag="Heritage Collection"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
-              id: "1",
+              id: "1",              brand: "Ferrari",              name: "Ferrari 250 GTO",              price: "1962-1964",              rating: 5,
-              brand: "Ferrari",
+              reviewCount: "Legendary",              imageSrc:
-              name: "Ferrari 250 GTO",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png",              imageAlt: "Ferrari 250 GTO 1962"},
              price: "1962-1964",
              rating: 5,
              reviewCount: "Legendary",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=1",
              imageAlt: "Ferrari 250 GTO 1962",
            },
            {
-              id: "2",
+              id: "2",              brand: "Porsche",              name: "Porsche 911",              price: "1963-Present",              rating: 5,
-              brand: "Porsche",
+              reviewCount: "Iconic",              imageSrc:
-              name: "Porsche 911",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png",              imageAlt: "Porsche 911 Classic"},
              price: "1963-Present",
              rating: 5,
              reviewCount: "Iconic",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=1",
              imageAlt: "Porsche 911 Classic",
            },
            {
-              id: "3",
+              id: "3",              brand: "Jaguar",              name: "Jaguar E-Type",              price: "1961-1974",              rating: 5,
-              brand: "Jaguar",
+              reviewCount: "Historic",              imageSrc:
-              name: "Jaguar E-Type",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png",              imageAlt: "Jaguar E-Type"},
              price: "1961-1974",
              rating: 5,
              reviewCount: "Historic",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png?_wi=1",
              imageAlt: "Jaguar E-Type",
            },
            {
-              id: "4",
+              id: "4",              brand: "BMW",              name: "BMW 2002",              price: "1968-1976",              rating: 5,
-              brand: "BMW",
+              reviewCount: "Classic",              imageSrc:
-              name: "BMW 2002",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png",              imageAlt: "BMW 2002"},
              price: "1968-1976",
              rating: 5,
              reviewCount: "Classic",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png?_wi=1",
              imageAlt: "BMW 2002",
            },
          ]}
        />
      </div>
@@ -210,81 +156,57 @@ export default function HomePage() {
          title="Browse by Era"
          description="Explore vehicles organized by historical decade with complete production timelines"
          tag="Timeline Explorer"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
-              title: "The Golden Age (1900-1920s)",
+              title: "The Golden Age (1900-1920s)",              description:
-              description:
+                "Early automobiles, pioneering manufacturers, and the birth of motoring",              icon: Zap,
                "Early automobiles, pioneering manufacturers, and the birth of motoring",
              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png",                  imageAlt: "Early 1900s vehicles"},
                  imageAlt: "Early 1900s vehicles",
                },
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png",                  imageAlt: "Classic automobiles vintage"},
                  imageAlt: "Classic automobiles vintage",
                },
              ],
            },
            {
-              title: "The Classics Era (1930-1950s)",
+              title: "The Classics Era (1930-1950s)",              description:
-              description:
+                "Art deco styling, post-war innovation, and the golden age of design",              icon: Award,
                "Art deco styling, post-war innovation, and the golden age of design",
              icon: Award,
              mediaItems: [
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png",                  imageAlt: "1930s-1950s classic cars"},
                  imageAlt: "1930s-1950s classic cars",
                },
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png",                  imageAlt: "Post-war automobile design"},
                  imageAlt: "Post-war automobile design",
                },
              ],
            },
            {
-              title: "The Modern Era (1960-1980s)",
+              title: "The Modern Era (1960-1980s)",              description:
-              description:
+                "Performance revolution, muscle cars, and engineering breakthroughs",              icon: Sparkles,
                "Performance revolution, muscle cars, and engineering breakthroughs",
              icon: Sparkles,
              mediaItems: [
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png",                  imageAlt: "1960s muscle cars"},
                  imageAlt: "1960s muscle cars",
                },
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png",                  imageAlt: "1980s performance vehicles"},
                  imageAlt: "1980s performance vehicles",
                },
              ],
            },
            {
-              title: "Contemporary (1990-2024)",
+              title: "Contemporary (1990-2024)",              description:
-              description:
+                "Digital age, electric vehicles, autonomous technology, and modern innovation",              icon: Zap,
                "Digital age, electric vehicles, autonomous technology, and modern innovation",
              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png",                  imageAlt: "1990s modern cars"},
                  imageAlt: "1990s modern cars",
                },
                {
                  imageSrc:
-                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png?_wi=1",
+                    "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png",                  imageAlt: "Electric and autonomous vehicles"},
                  imageAlt: "Electric and autonomous vehicles",
                },
              ],
            },
          ]}
@@ -296,77 +218,32 @@ export default function HomePage() {
          title="Legendary Automotive Stories"
          description="Discover the history, engineering, and cultural impact of the world's most iconic vehicles"
          tag="Automotive Heritage"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
-              id: "1",
+              id: "1",              category: "Performance History",              title: "The Ferrari 250 GTO: The Car That Won Le Mans",              excerpt: "Explore how this race car became the most valuable car in the world",              imageSrc:
-              category: "Performance History",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png",              imageAlt: "Ferrari 250 GTO",              authorName: "Automotive Historian",              authorAvatar:
-              title: "The Ferrari 250 GTO: The Car That Won Le Mans",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",              date: "Featured Article"},
              excerpt: "Explore how this race car became the most valuable car in the world",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/ferrari-250-gto-iconic-red-racing-car-in-1772823292116-a7e77200.png?_wi=1",
              imageAlt: "Ferrari 250 GTO",
              authorName: "Automotive Historian",
              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290144-6017089c.png",
              date: "Featured Article",
            },
            {
-              id: "2",
+              id: "2",              category: "Design Evolution",              title: "The Porsche 911: 60 Years of Iconic Design",              excerpt: "How one sports car shaped the future of automotive design",              imageSrc:
-              category: "Design Evolution",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png",              imageAlt: "Porsche 911 Through Decades",              authorName: "Design Expert",              authorAvatar:
-              title: "The Porsche 911: 60 Years of Iconic Design",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",              date: "Featured Article"},
              excerpt: "How one sports car shaped the future of automotive design",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/porsche-911-models-across-different-gene-1772823292219-b0857470.png?_wi=1",
              imageAlt: "Porsche 911 Through Decades",
              authorName: "Design Expert",
              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823290583-29073bf8.png",
              date: "Featured Article",
            },
            {
-              id: "3",
+              id: "3",              category: "Innovation",              title: "The Jaguar E-Type: Beauty and Performance",              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",              imageSrc:
-              category: "Innovation",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png",              imageAlt: "Jaguar E-Type Design",              authorName: "Automotive Journalist",              authorAvatar:
-              title: "The Jaguar E-Type: Beauty and Performance",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",              date: "Featured Article"},
              excerpt: "Why Enzo Ferrari called it the most beautiful car ever made",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/jaguar-e-type-in-stunning-profile-emphas-1772823290729-6dd39021.png?_wi=1",
              imageAlt: "Jaguar E-Type Design",
              authorName: "Automotive Journalist",
              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292590-3867fd28.png",
              date: "Featured Article",
            },
            {
-              id: "4",
+              id: "4",              category: "Engineering",              title: "BMW 2002: The Birth of the Sports Sedan",              excerpt: "How a small car changed everything about performance motoring",              imageSrc:
-              category: "Engineering",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/bmw-2002-sports-sedan-representing-the-b-1772823292072-11f22c8a.png",              imageAlt: "BMW 2002 Legacy",              authorName: "Technical Expert",              authorAvatar:
-              title: "BMW 2002: The Birth of the Sports Sedan",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-a-tech-1772823290751-a93bf9d8.png",              date: "Featured Article"},
              excerpt: "How a small car changed everything about performance motoring",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/bmw-2002-sports-sedan-representing-the-b-1772823292072-11f22c8a.png",
              imageAlt: "BMW 2002 Legacy",
              authorName: "Technical Expert",
              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-a-tech-1772823290751-a93bf9d8.png",
              date: "Featured Article",
            },
            {
-              id: "5",
+              id: "5",              category: "Modern Era",              title: "Tesla Model S: The Electric Revolution",              excerpt: "How one car reshaped the entire automotive industry",              imageSrc:
-              category: "Modern Era",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/tesla-model-s-or-modern-tesla-electric-v-1772823291685-64082b06.png",              imageAlt: "Tesla Model S Modern",              authorName: "Tech Analyst",              authorAvatar:
-              title: "Tesla Model S: The Electric Revolution",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292611-51911370.png",              date: "Featured Article"},
              excerpt: "How one car reshaped the entire automotive industry",
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/tesla-model-s-or-modern-tesla-electric-v-1772823291685-64082b06.png",
              imageAlt: "Tesla Model S Modern",
              authorName: "Tech Analyst",
              authorAvatar:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/small-circular-avatar-portrait-of-an-aut-1772823292611-51911370.png",
              date: "Featured Article",
            },
          ]}
        />
      </div>
@@ -376,35 +253,23 @@ export default function HomePage() {
          title="AutoArchive by the Numbers"
          description="The world's most comprehensive automotive database at your fingertips"
          tag="Database Statistics"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            {
-              id: "1",
+              id: "1",              icon: Building2,
-              icon: Building2,
+              title: "Manufacturers",              value: "2,000+"},
              title: "Manufacturers",
              value: "2,000+",
            },
            {
-              id: "2",
+              id: "2",              icon: Car,
-              icon: Car,
+              title: "Vehicle Models",              value: "50,000+"},
              title: "Vehicle Models",
              value: "50,000+",
            },
            {
-              id: "3",
+              id: "3",              icon: History,
-              icon: History,
+              title: "Years Covered",              value: "138 Years"},
              title: "Years Covered",
              value: "138 Years",
            },
            {
-              id: "4",
+              id: "4",              icon: Globe,
-              icon: Globe,
+              title: "Countries",              value: "195"},
              title: "Countries",
              value: "195",
            },
          ]}
        />
      </div>
@@ -413,17 +278,14 @@ export default function HomePage() {
        <TextSplitAbout
          title="About AutoArchive"
          description={[
-            "AutoArchive is the world's most comprehensive online car encyclopedia and search engine. Our mission is to preserve and share automotive history, from the earliest automobiles of 1886 to the latest models of today.",
+            "AutoArchive is the world's most comprehensive online car encyclopedia and search engine. Our mission is to preserve and share automotive history, from the earliest automobiles of 1886 to the latest models of today.",            "We've compiled extensive data on every major manufacturer, model generation, variant, and specification. Whether you're a collector, historian, designer, or enthusiast, AutoArchive provides the definitive source for automotive knowledge.",            "Our database spans 138 years of automotive innovation, featuring technical specifications, performance metrics, production years, engine options, transmission data, and historical context for vehicles from around the world."]}
            "We've compiled extensive data on every major manufacturer, model generation, variant, and specification. Whether you're a collector, historian, designer, or enthusiast, AutoArchive provides the definitive source for automotive knowledge.",
            "Our database spans 138 years of automotive innovation, featuring technical specifications, performance metrics, production years, engine options, transmission data, and historical context for vehicles from around the world.",
          ]}
          showBorder={true}
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Database", href: "/search" },
            { text: "Browse Collections", href: "/browse" },
          ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
        />
      </div>
@@ -432,51 +294,33 @@ export default function HomePage() {
          title="Frequently Asked Questions"
          description="Find answers to common questions about AutoArchive and our automotive database"
          tag="Help & Support"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
-          faqsAnimation="entrance-slide"
+          faqsAnimation="blur-reveal"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-customer-support-and-help-resourc-1772823291668-afcab7fc.png"
          imageAlt="AutoArchive Support Resources"
          mediaPosition="left"
          faqs={[
            {
-              id: "1",
+              id: "1",              title: "What years does AutoArchive cover?",              content:
-              title: "What years does AutoArchive cover?",
+                "AutoArchive covers automotive history from 1886 (the earliest automobiles) to the present day (2024). We continuously update our database with new models and generations as they are released."},
              content:
                "AutoArchive covers automotive history from 1886 (the earliest automobiles) to the present day (2024). We continuously update our database with new models and generations as they are released.",
            },
            {
-              id: "2",
+              id: "2",              title: "How many manufacturers are included in the database?",              content:
-              title: "How many manufacturers are included in the database?",
+                "We currently feature over 2,000 manufacturers worldwide, including both current and historical brands. This includes major global manufacturers as well as regional and boutique automakers throughout history."},
              content:
                "We currently feature over 2,000 manufacturers worldwide, including both current and historical brands. This includes major global manufacturers as well as regional and boutique automakers throughout history.",
            },
            {
-              id: "3",
+              id: "3",              title: "Can I search by specific criteria?",              content:
-              title: "Can I search by specific criteria?",
+                "Yes! You can search and filter by brand, model, year, country of origin, engine type, body style, horsepower range, production years, drivetrain, and more. Our advanced search engine includes autocomplete suggestions for quick discovery."},
              content:
                "Yes! You can search and filter by brand, model, year, country of origin, engine type, body style, horsepower range, production years, drivetrain, and more. Our advanced search engine includes autocomplete suggestions for quick discovery.",
            },
            {
-              id: "4",
+              id: "4",              title: "How do I compare vehicles?",              content:
-              title: "How do I compare vehicles?",
+                "Use our Compare Tool to select up to 4 vehicles and view their specifications side-by-side. Compare engine options, performance metrics, transmission options, body styles, and other key specifications."},
              content:
                "Use our Compare Tool to select up to 4 vehicles and view their specifications side-by-side. Compare engine options, performance metrics, transmission options, body styles, and other key specifications.",
            },
            {
-              id: "5",
+              id: "5",              title: "Is there pricing information available?",              content:
-              title: "Is there pricing information available?",
+                "AutoArchive focuses on technical specifications, production data, and historical information. We do not provide pricing information, which varies greatly by condition, market, and time period. Our goal is to be the definitive technical resource."},
              content:
                "AutoArchive focuses on technical specifications, production data, and historical information. We do not provide pricing information, which varies greatly by condition, market, and time period. Our goal is to be the definitive technical resource.",
            },
            {
-              id: "6",
+              id: "6",              title: "Can I view individual car specifications?",              content:
-              title: "Can I view individual car specifications?",
+                "Absolutely. Each vehicle has its own dedicated detail page featuring high-quality images, technical specifications, production years, engine options, performance data, transmission options, body styles, historical notes, and information about successor/predecessor models."},
              content:
                "Absolutely. Each vehicle has its own dedicated detail page featuring high-quality images, technical specifications, production years, engine options, performance data, transmission options, body styles, historical notes, and information about successor/predecessor models.",
            },
          ]}
        />
      </div>
@@ -485,15 +329,15 @@ export default function HomePage() {
        <ContactCTA
          tag="Start Exploring"
          tagIcon={Zap}
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
          title="Ready to Discover Automotive History?"
          description="Join thousands of enthusiasts, collectors, historians, and professionals using AutoArchive. Search millions of vehicles, compare specifications, and explore the complete history of automobiles."
          buttons={[
            { text: "Begin Your Search", href: "/search" },
            { text: "Browse All Brands", href: "/browse" },
          ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
Author	SHA1	Message	Date
bender	00d663f166	Update src/app/cars/[slug]/page.tsx	2026-03-06 19:08:06 +00:00
bender	48f271b34f	Update src/app/brands/[slug]/page.tsx	2026-03-06 19:08:06 +00:00
bender	761ae2ea9c	Update src/app/cars/[slug]/page.tsx	2026-03-06 19:06:55 +00:00
bender	49b424c3f1	Update src/app/brands/[slug]/page.tsx	2026-03-06 19:06:54 +00:00
bender	4df5c8fead	Update src/app/page.tsx	2026-03-06 19:03:21 +00:00
bender	a17d7d683b	Update src/app/compare/page.tsx	2026-03-06 19:03:20 +00:00
bender	fa5ff56fa5	Update src/app/browse/page.tsx	2026-03-06 19:03:20 +00:00