From e38feed9c56ba69ef214c63e10d9fc9c0cdcd6af Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 18:56:42 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 431 ++++++++++++++++------------------------------- 1 file changed, 141 insertions(+), 290 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f022bdc..77ede4b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,6 @@ "use client"; +import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial"; @@ -12,7 +13,6 @@ 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 Link from "next/link"; import { Car, Zap, @@ -26,11 +26,46 @@ import { export default function HomePage() { const navItems = [ - { name: "Search", id: "/search" }, - { name: "Browse", id: "/browse" }, - { name: "Compare", id: "/compare" }, - { name: "Timeline", id: "/timeline" }, - { name: "About", id: "/about" }, + { name: "Search", id: "search" }, + { name: "Browse", id: "browse" }, + { name: "Compare", id: "compare" }, + { name: "Timeline", id: "timeline" }, + { name: "About", id: "about" }, + ]; + + const footerColumns = [ + { + items: [ + { label: "Search Database", href: "/" }, + { label: "Browse Vehicles", href: "/search" }, + { label: "Compare Cars", href: "/" }, + { label: "Timeline Explorer", href: "/" }, + ], + }, + { + items: [ + { label: "Brand Directory", href: "/" }, + { label: "Model Guide", href: "/" }, + { label: "Specifications", href: "/" }, + { label: "Production Data", href: "/" }, + ], + }, + { + items: [ + { label: "About Us", href: "/" }, + { label: "Help & Support", href: "/" }, + { label: "Contact", href: "/" }, + { label: "Contribute Data", href: "/" }, + ], + }, + { + items: [ + { label: "Privacy Policy", href: "/" }, + { label: "Terms of Service", href: "/" }, + { label: "Data Attribution", href: "/" }, + { label: "Sitemap", href: "/" }, + ], + }, ]; return ( @@ -48,13 +83,7 @@ export default function HomePage() { > @@ -216,75 +193,51 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - title: "The Golden Age (1900-1920s)", - description: - "Early automobiles, pioneering manufacturers, and the birth of motoring", - icon: Zap, + 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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772822811139-e2a9ad4c.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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772822811325-6926f29c.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, + 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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772822810917-8aeeebe9.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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772822811278-10e2ad8c.png?_wi=1", imageAlt: "Post-war automobile design"}, ], }, { - title: "The Modern Era (1960-1980s)", - description: - "Performance revolution, muscle cars, and engineering breakthroughs", - icon: Sparkles, + 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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772822811207-68338969.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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772822813669-81cfe9e5.png?_wi=1", imageAlt: "1980s performance vehicles"}, ], }, { - title: "Contemporary (1990-2024)", - description: - "Digital age, electric vehicles, autonomous technology, and modern innovation", - icon: Zap, + 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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772822811193-c06d80bb.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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772822810626-e40aa002.png?_wi=1", imageAlt: "Electric and autonomous vehicles"}, ], }, ]} @@ -303,70 +256,30 @@ export default function HomePage() { 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: "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-1772822811155-b601880f.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-1772822809397-e1e423ca.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: "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-1772822811063-1540338a.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-1772822809462-2fc3774c.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", - }, + 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-1772822811047-cffdec2a.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-1772822809302-18dcc6eb.png", date: "Featured Article"}, { - id: "4", - category: "Engineering", - title: "BMW 2002: The Birth of the Sports Sedan", - 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: "4", category: "Engineering", title: "BMW 2002: The Birth of the Sports Sedan", 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-1772822810651-2610478e.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-1772822810279-b1b97dc0.png", date: "Featured Article"}, { - id: "5", - category: "Modern Era", - title: "Tesla Model S: The Electric Revolution", - 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", - }, + id: "5", category: "Modern Era", title: "Tesla Model S: The Electric Revolution", 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-1772822811114-76af15f7.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-1772822809954-4e02b0d3.png", date: "Featured Article"}, ]} /> @@ -374,7 +287,7 @@ export default function HomePage() {
@@ -413,15 +314,14 @@ export default function HomePage() { @@ -437,46 +337,28 @@ export default function HomePage() { useInvertedBackground={false} mediaAnimation="entrance-slide" faqsAnimation="entrance-slide" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-customer-support-and-help-resourc-1772823291668-afcab7fc.png" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-customer-support-and-help-resourc-1772822810374-3a2ab2be.png" imageAlt="AutoArchive Support Resources" mediaPosition="left" faqs={[ { - id: "1", - title: "What years does AutoArchive cover?", - 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: "1", title: "What years does AutoArchive cover?", 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", - title: "How many manufacturers are included in the database?", - 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: "2", title: "How many manufacturers are included in the database?", 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", - title: "Can I search by specific criteria?", - 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: "3", title: "Can I search by specific criteria?", 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", - title: "How do I compare vehicles?", - 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: "4", title: "How do I compare vehicles?", 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", - title: "Is there pricing information available?", - 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: "5", title: "Is there pricing information available?", 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", - title: "Can I view individual car specifications?", - 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.", - }, + id: "6", title: "Can I view individual car specifications?", 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."}, ]} /> @@ -489,8 +371,10 @@ export default function HomePage() { 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" }, + { + text: "Begin Your Search", href: "/search"}, + { + text: "Browse All Brands", href: "/search"}, ]} buttonAnimation="entrance-slide" background={{ variant: "aurora" }} @@ -501,42 +385,9 @@ export default function HomePage() { ); -} \ No newline at end of file +}