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() {