Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cars USA"
|
||||
/>
|
||||
@@ -55,32 +47,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Drive Your Future Today"
|
||||
description="Discover a curated selection of premium vehicles designed to exceed your expectations. Experience quality, performance, and unmatched service at Cars USA."
|
||||
tag="Trusted Automotive Dealer"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg?_wi=1",
|
||||
imageAlt: "Luxury car studio shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg", imageAlt: "Luxury car studio shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-travelling-by-her-car_1303-28809.jpg?_wi=1",
|
||||
imageAlt: "SUV scenic road",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-travelling-by-her-car_1303-28809.jpg", imageAlt: "SUV scenic road"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150800031.jpg?_wi=1",
|
||||
imageAlt: "Sports car racetrack action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150800031.jpg", imageAlt: "Sports car racetrack action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736742.jpg?_wi=1",
|
||||
imageAlt: "Electric vehicle charging station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736742.jpg", imageAlt: "Electric vehicle charging station"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg?_wi=1",
|
||||
imageAlt: "Premium sedan dealership",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg", imageAlt: "Premium sedan dealership"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,51 +81,22 @@ export default function LandingPage() {
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sedan Elite",
|
||||
price: "$32,500",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-1976.jpg",
|
||||
},
|
||||
id: "p1", name: "Sedan Elite", price: "$32,500", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-1976.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SUV Navigator",
|
||||
price: "$48,900",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-color-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17406.jpg",
|
||||
},
|
||||
id: "p2", name: "SUV Navigator", price: "$48,900", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/bright-color-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-17406.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sport Coup",
|
||||
price: "$55,000",
|
||||
variant: "2023 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-climbed-roof-car-screaming-megaphone_1194-1188.jpg",
|
||||
},
|
||||
id: "p3", name: "Sport Coup", price: "$55,000", variant: "2023 Model", imageSrc: "http://img.b2bpic.net/free-photo/man-climbed-roof-car-screaming-megaphone_1194-1188.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "EV Genesis",
|
||||
price: "$42,000",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16453.jpg",
|
||||
},
|
||||
id: "p4", name: "EV Genesis", price: "$42,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16453.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "City Hatch",
|
||||
price: "$22,500",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg",
|
||||
},
|
||||
id: "p5", name: "City Hatch", price: "$22,500", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Track Master",
|
||||
price: "$72,000",
|
||||
variant: "2023 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-397.jpg",
|
||||
},
|
||||
id: "p6", name: "Track Master", price: "$72,000", variant: "2023 Model", imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-397.jpg"},
|
||||
]}
|
||||
title="Current Inventory"
|
||||
description="Browse our latest collection of premium pre-owned and new vehicles, meticulously inspected for quality."
|
||||
@@ -158,17 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited service centers",
|
||||
"Delayed vehicle history checks",
|
||||
"Non-transparent financing",
|
||||
],
|
||||
"Limited service centers", "Delayed vehicle history checks", "Non-transparent financing"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Certified multi-point inspection",
|
||||
"Comprehensive 24-month warranty",
|
||||
"Transparent, fast financing options",
|
||||
],
|
||||
"Certified multi-point inspection", "Comprehensive 24-month warranty", "Transparent, fast financing options"],
|
||||
}}
|
||||
title="Why Choose Cars USA?"
|
||||
description="We offer more than just a purchase; we provide a partnership for your automotive journey."
|
||||
@@ -182,26 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Vehicles Sold",
|
||||
description: "Happy drivers served across the USA.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/lock-shield-cyber-security-technology-blue-tone_53876-119533.jpg",
|
||||
},
|
||||
id: "m1", value: "15k+", title: "Vehicles Sold", description: "Happy drivers served across the USA.", imageSrc: "http://img.b2bpic.net/free-vector/lock-shield-cyber-security-technology-blue-tone_53876-119533.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Approval Time",
|
||||
description: "Fast track to your new keys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/stopwatch-outline-moving-fast_78370-8142.jpg",
|
||||
},
|
||||
id: "m2", value: "24h", title: "Approval Time", description: "Fast track to your new keys.", imageSrc: "http://img.b2bpic.net/free-vector/stopwatch-outline-moving-fast_78370-8142.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Customer Trust",
|
||||
description: "Ratings from our satisfied network.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/puzzle-pieces-with-thumbs-up_1156-436.jpg",
|
||||
},
|
||||
id: "m3", value: "99%", title: "Customer Trust", description: "Ratings from our satisfied network.", imageSrc: "http://img.b2bpic.net/free-photo/puzzle-pieces-with-thumbs-up_1156-436.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quantifiable excellence across all our operations."
|
||||
@@ -214,60 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2023",
|
||||
title: "Best Experience",
|
||||
quote: "The buying process was incredibly smooth. Highly recommend!",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-smiling-broadly-showing-teeth_141793-55062.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg?_wi=2",
|
||||
imageAlt: "happy customer headshot",
|
||||
},
|
||||
id: "t1", name: "Alex R.", date: "Oct 2023", title: "Best Experience", quote: "The buying process was incredibly smooth. Highly recommend!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-smiling-broadly-showing-teeth_141793-55062.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg", imageAlt: "happy customer headshot"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
date: "Nov 2023",
|
||||
title: "Great Selection",
|
||||
quote: "Fantastic vehicle selection and very helpful staff.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-travelling-by-her-car_1303-28809.jpg?_wi=2",
|
||||
imageAlt: "happy customer headshot",
|
||||
},
|
||||
id: "t2", name: "Sarah L.", date: "Nov 2023", title: "Great Selection", quote: "Fantastic vehicle selection and very helpful staff.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-travelling-by-her-car_1303-28809.jpg", imageAlt: "happy customer headshot"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David M.",
|
||||
date: "Dec 2023",
|
||||
title: "Excellent Service",
|
||||
quote: "Professional, transparent, and quick to answer.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150800031.jpg?_wi=2",
|
||||
imageAlt: "happy customer headshot",
|
||||
},
|
||||
id: "t3", name: "David M.", date: "Dec 2023", title: "Excellent Service", quote: "Professional, transparent, and quick to answer.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150800031.jpg", imageAlt: "happy customer headshot"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jessica B.",
|
||||
date: "Jan 2024",
|
||||
title: "Fast Approval",
|
||||
quote: "I got my dream car in less than 24 hours.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736742.jpg?_wi=2",
|
||||
imageAlt: "happy customer headshot",
|
||||
},
|
||||
id: "t4", name: "Jessica B.", date: "Jan 2024", title: "Fast Approval", quote: "I got my dream car in less than 24 hours.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736742.jpg", imageAlt: "happy customer headshot"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Michael W.",
|
||||
date: "Feb 2024",
|
||||
title: "Top Quality",
|
||||
quote: "My vehicle arrived exactly as described. Flawless.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-charming-family-with-their-cute-little-daughter_8353-11289.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg?_wi=2",
|
||||
imageAlt: "happy customer headshot",
|
||||
},
|
||||
id: "t5", name: "Michael W.", date: "Feb 2024", title: "Top Quality", quote: "My vehicle arrived exactly as described. Flawless.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-charming-family-with-their-cute-little-daughter_8353-11289.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg", imageAlt: "happy customer headshot"},
|
||||
]}
|
||||
title="Stories from the Road"
|
||||
description="Hear from our community of satisfied drivers."
|
||||
@@ -280,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we provide flexible financing options through our network of trusted partners.",
|
||||
},
|
||||
id: "f1", title: "Do you offer financing?", content: "Yes, we provide flexible financing options through our network of trusted partners."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a warranty?",
|
||||
content: "Every certified vehicle includes a comprehensive 24-month warranty for peace of mind.",
|
||||
},
|
||||
id: "f2", title: "Is there a warranty?", content: "Every certified vehicle includes a comprehensive 24-month warranty for peace of mind."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I trade in my old car?",
|
||||
content: "Absolutely! We provide competitive trade-in values for your current vehicle.",
|
||||
},
|
||||
id: "f3", title: "Can I trade in my old car?", content: "Absolutely! We provide competitive trade-in values for your current vehicle."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Your roadmap to smooth vehicle acquisition."
|
||||
@@ -305,8 +182,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Reach Out"
|
||||
title="Let's Get You Driving"
|
||||
description="Sign up for updates on new inventory or connect with our sales team."
|
||||
@@ -319,42 +195,27 @@ export default function LandingPage() {
|
||||
logoText="Cars USA"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
title: "Inventory", items: [
|
||||
{
|
||||
label: "All Vehicles",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "All Vehicles", href: "#inventory"},
|
||||
{
|
||||
label: "Certified",
|
||||
href: "#",
|
||||
},
|
||||
label: "Certified", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user