Update src/app/page.tsx
This commit is contained in:
187
src/app/page.tsx
187
src/app/page.tsx
@@ -1,6 +1,7 @@
|
||||
"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";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
@@ -12,27 +13,61 @@ 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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import {
|
||||
Car,
|
||||
Zap,
|
||||
Award,
|
||||
Sparkles,
|
||||
Zap,
|
||||
Building2,
|
||||
History,
|
||||
Globe,
|
||||
Mail,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Search", id: "search" },
|
||||
{ name: "Browse", id: "browse" },
|
||||
{ name: "Compare", id: "compare" },
|
||||
{ name: "Timeline", id: "timeline" },
|
||||
{ name: "About", id: "about" },
|
||||
];
|
||||
|
||||
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" },
|
||||
];
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -46,7 +81,6 @@ export default function HomePage() {
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
@@ -56,7 +90,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Explore Every Car Ever Made"
|
||||
@@ -65,7 +98,7 @@ export default function HomePage() {
|
||||
tagIcon={Car}
|
||||
tagAnimation="entrance-slide"
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-modern-sleek-automotive-database-inter-1772822288768-9f4c08c9.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-modern-sleek-automotive-database-inter-1772822811540-4e4a72cf.png?_wi=1"
|
||||
imageAlt="AutoArchive Database Interface"
|
||||
mediaAnimation="entrance-slide"
|
||||
imagePosition="right"
|
||||
@@ -74,36 +107,35 @@ export default function HomePage() {
|
||||
name: "Racing Historian", handle: "Classic Car Enthusiast", 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-1772822285095-bb948168.png?_wi=1"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-knowledgeable-automotive-h-1772822810399-93ee89fd.png"},
|
||||
{
|
||||
name: "Automotive Designer", handle: "Classic Car Enthusiast", 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-1772822286059-ee5cdd9e.png?_wi=1"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-creative-automotive-design-1772822810986-b9656c85.png"},
|
||||
{
|
||||
name: "Car Collector", handle: "Vintage Vehicle Curator", 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-1772822286624-2443dfd3.png?_wi=1"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-a-passionate-car-collector-r-1772822811237-f39a61e1.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-1772822285436-0b2f1c7a.png?_wi=1"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/portrait-of-an-automotive-journalist-con-1772822810052-23d053f0.png"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Searching", href: "/search"},
|
||||
{
|
||||
text: "Browse Database", href: "/browse"},
|
||||
text: "Browse Database", href: "/search"},
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Popular Brands Section */}
|
||||
<div id="popular-brands" data-section="popular-brands">
|
||||
<SocialProofOne
|
||||
title="Trusted by Automotive Enthusiasts Worldwide"
|
||||
@@ -119,7 +151,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Featured Vehicles Section */}
|
||||
<div id="featured-vehicles" data-section="featured-vehicles">
|
||||
<ProductCardTwo
|
||||
title="Featured Legendary Vehicles"
|
||||
@@ -134,24 +165,23 @@ export default function HomePage() {
|
||||
{
|
||||
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-1772822285742-e8dc47a2.png?_wi=1", imageAlt: "Ferrari 250 GTO 1962"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772822809535-01fc3104.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-1772822287193-13598369.png?_wi=1", imageAlt: "Porsche 911 Classic"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772822809876-b85e4815.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-1772822289338-c1148bd5.png?_wi=1", imageAlt: "Jaguar E-Type"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772822809686-0047bcde.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-1772822286237-c4841f31.png?_wi=1", imageAlt: "BMW 2002"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772822810433-4b858ff4.png?_wi=1", imageAlt: "BMW 2002"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Browse by Decade Section */}
|
||||
<div id="browse-decade" data-section="browse-decade">
|
||||
<FeatureCardTwentyFive
|
||||
title="Browse by Era"
|
||||
@@ -168,10 +198,10 @@ export default function HomePage() {
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772822286476-d61a3e64.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-1772822293005-1cbf4ff3.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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -180,10 +210,10 @@ export default function HomePage() {
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772822286024-e1dc7635.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--1772822286457-0e881f41.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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -192,10 +222,10 @@ export default function HomePage() {
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772822286810-370ce4b1.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-1772822286873-ee7a955b.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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -204,17 +234,16 @@ export default function HomePage() {
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772822286503-447f2efc.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-1772822286684-dc1b4ba4.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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Legendary Cars Section */}
|
||||
<div id="legendary-cars" data-section="legendary-cars">
|
||||
<BlogCardThree
|
||||
title="Legendary Automotive Stories"
|
||||
@@ -229,35 +258,36 @@ export default function HomePage() {
|
||||
{
|
||||
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-1772822286258-a302627b.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-1772822284910-5b6c871f.png", date: "Featured Article"},
|
||||
"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-1772822286974-b10966de.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-1772822285792-d6b4c566.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-1772822286724-1e7db4be.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-1772822285410-3dd17ea4.png", date: "Featured Article"},
|
||||
"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-1772822285486-34acc01f.png?_wi=1", 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-1772822287665-d3561dc3.png", date: "Featured Article"},
|
||||
"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-1772822285622-e5b7ca84.png?_wi=1", 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-1772822285137-c3b4409c.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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Metrics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="AutoArchive by the Numbers"
|
||||
description="Trusted by automotive enthusiasts, historians, and professionals worldwide. The world's most comprehensive automotive database at your fingertips"
|
||||
description="Trusted by automotive enthusiasts, historians, and professionals worldwide. The world's most comprehensive automotive database at your fingertips."
|
||||
tag="Database Statistics"
|
||||
tagAnimation="entrance-slide"
|
||||
textboxLayout="default"
|
||||
@@ -280,7 +310,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About Section */}
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About AutoArchive"
|
||||
@@ -292,13 +321,12 @@ export default function HomePage() {
|
||||
{
|
||||
text: "Explore Database", href: "/search"},
|
||||
{
|
||||
text: "Browse Collections", href: "/browse"},
|
||||
text: "Browse Collections", href: "/search"},
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
@@ -309,7 +337,7 @@ 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-1772822286171-0bc7944b.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={[
|
||||
@@ -335,7 +363,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* CTA Section */}
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Start Exploring"
|
||||
@@ -347,7 +374,7 @@ export default function HomePage() {
|
||||
{
|
||||
text: "Begin Your Search", href: "/search"},
|
||||
{
|
||||
text: "Browse All Brands", href: "/browse"},
|
||||
text: "Browse All Brands", href: "/search"},
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
background={{ variant: "aurora" }}
|
||||
@@ -355,60 +382,10 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<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: "/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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user