Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -32,137 +32,83 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoDrive"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Engineering Future Performance"
|
||||
description="Experience the pinnacle of automotive innovation. Precision-crafted performance vehicles designed for the modern driver who demands excellence."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg?_wi=1",
|
||||
imageAlt: "Sports Car 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg", imageAlt: "Sports Car 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg?_wi=1",
|
||||
imageAlt: "EV Car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg", imageAlt: "EV Car"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9275.jpg?_wi=1",
|
||||
imageAlt: "Luxury Grille",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9275.jpg", imageAlt: "Luxury Grille"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg?_wi=1",
|
||||
imageAlt: "Interior Cockpit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg", imageAlt: "Interior Cockpit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-smiling-woman-green-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-roller-shutter-wall-stretching-out-before-training_158538-21613.jpg?_wi=1",
|
||||
imageAlt: "Sports Profile",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-smiling-woman-green-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-roller-shutter-wall-stretching-out-before-training_158538-21613.jpg", imageAlt: "Sports Profile"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up-fashion-car-day-road_78492-3878.jpg?_wi=1",
|
||||
imageAlt: "Supercar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up-fashion-car-day-road_78492-3878.jpg", imageAlt: "Supercar"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up-fashion-car-day-road_78492-3878.jpg?_wi=2",
|
||||
imageAlt: "Supercar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up-fashion-car-day-road_78492-3878.jpg", imageAlt: "Supercar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-smiling-woman-green-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-roller-shutter-wall-stretching-out-before-training_158538-21613.jpg?_wi=2",
|
||||
imageAlt: "Sports Profile",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-smiling-woman-green-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-roller-shutter-wall-stretching-out-before-training_158538-21613.jpg", imageAlt: "Sports Profile"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg?_wi=2",
|
||||
imageAlt: "Interior Cockpit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg", imageAlt: "Interior Cockpit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9275.jpg?_wi=2",
|
||||
imageAlt: "Luxury Grille",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9275.jpg", imageAlt: "Luxury Grille"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg?_wi=2",
|
||||
imageAlt: "EV Car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg", imageAlt: "EV Car"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg?_wi=2",
|
||||
imageAlt: "Sports Car 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg", imageAlt: "Sports Car 1"},
|
||||
]}
|
||||
tag="Revolutionizing Automotive Standards"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Explore Collection", href: "#inventory"},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg",
|
||||
alt: "Driver 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg", alt: "Driver 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg",
|
||||
alt: "Driver 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg", alt: "Driver 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
alt: "Driver 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg", alt: "Driver 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg",
|
||||
alt: "Driver 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg", alt: "Driver 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
alt: "Driver 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Driver 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ automotive enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
type: "text", text: "Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury",
|
||||
},
|
||||
type: "text", text: "Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Speed",
|
||||
},
|
||||
type: "text", text: "Speed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,20 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engine Tech",
|
||||
description: "State-of-the-art powertrains engineered for maximum efficiency and raw, unbridled horsepower.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1511.jpg",
|
||||
},
|
||||
title: "Precision Engine Tech", description: "State-of-the-art powertrains engineered for maximum efficiency and raw, unbridled horsepower.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1511.jpg"},
|
||||
{
|
||||
title: "Smart Cockpit OS",
|
||||
description: "Intelligent, predictive software designed to keep you connected, entertained, and in total control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg",
|
||||
},
|
||||
title: "Smart Cockpit OS", description: "Intelligent, predictive software designed to keep you connected, entertained, and in total control.", imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg"},
|
||||
{
|
||||
title: "Aerodynamic Excellence",
|
||||
description: "Sculpted frames that slice through air resistance, significantly reducing drag for improved handling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg",
|
||||
},
|
||||
title: "Aerodynamic Excellence", description: "Sculpted frames that slice through air resistance, significantly reducing drag for improved handling.", imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg"},
|
||||
]}
|
||||
title="Advanced Performance Features"
|
||||
description="Our vehicles integrate cutting-edge technology and precision engineering to ensure every journey is an exceptional experience."
|
||||
@@ -203,41 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velocity Coupe",
|
||||
price: "$89,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coupe-sport-car-standing-road-front-view_114579-4005.jpg",
|
||||
},
|
||||
id: "p1", name: "Velocity Coupe", price: "$89,999", imageSrc: "http://img.b2bpic.net/free-photo/white-coupe-sport-car-standing-road-front-view_114579-4005.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Apex SUV",
|
||||
price: "$64,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-red-car_1303-14099.jpg",
|
||||
},
|
||||
id: "p2", name: "Apex SUV", price: "$64,500", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-red-car_1303-14099.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Glide",
|
||||
price: "$32,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552521.jpg",
|
||||
},
|
||||
id: "p3", name: "Urban Glide", price: "$32,900", imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552521.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-Sedan Elite",
|
||||
price: "$72,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg",
|
||||
},
|
||||
id: "p4", name: "E-Sedan Elite", price: "$72,000", imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "CrossSport",
|
||||
price: "$48,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3044.jpg",
|
||||
},
|
||||
id: "p5", name: "CrossSport", price: "$48,000", imageSrc: "http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3044.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Roadster Classic",
|
||||
price: "$120,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-taxi-city_23-2148289245.jpg",
|
||||
},
|
||||
id: "p6", name: "Roadster Classic", price: "$120,000", imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-taxi-city_23-2148289245.jpg"},
|
||||
]}
|
||||
title="Explore Our Inventory"
|
||||
description="From sleek city drivers to high-octane supercars, find the perfect vehicle that matches your lifestyle."
|
||||
@@ -249,27 +162,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "0.22",
|
||||
title: "Drag Coefficient",
|
||||
description: "Benchmark aerodynamic profile.",
|
||||
icon: Zap,
|
||||
id: "m1", value: "0.22", title: "Drag Coefficient", description: "Benchmark aerodynamic profile.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.1s",
|
||||
title: "0-60 MPH",
|
||||
description: "Lightning fast acceleration.",
|
||||
icon: Timer,
|
||||
id: "m2", value: "2.1s", title: "0-60 MPH", description: "Lightning fast acceleration.", icon: Timer,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500k+",
|
||||
title: "Miles Tested",
|
||||
description: "Rigorous durability testing.",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "500k+", title: "Miles Tested", description: "Rigorous durability testing.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Measured by Excellence"
|
||||
@@ -282,30 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
},
|
||||
id: "t3", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg",
|
||||
},
|
||||
id: "t4", name: "Chris T.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena W.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
|
||||
]}
|
||||
cardTitle="Driver Voices"
|
||||
cardTag="Testimonials"
|
||||
@@ -318,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What kind of warranty is included?",
|
||||
content: "All new models come with a comprehensive 5-year unlimited mile warranty.",
|
||||
},
|
||||
id: "f1", title: "What kind of warranty is included?", content: "All new models come with a comprehensive 5-year unlimited mile warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we have competitive financing options tailored to your personal financial goals.",
|
||||
},
|
||||
id: "f2", title: "Do you offer financing?", content: "Yes, we have competitive financing options tailored to your personal financial goals."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request a test drive?",
|
||||
content: "Definitely! You can schedule a test drive for any of our models directly through the contact page.",
|
||||
},
|
||||
id: "f3", title: "Can I request a test drive?", content: "Definitely! You can schedule a test drive for any of our models directly through the contact page."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -342,16 +220,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Drive?"
|
||||
description="Connect with our team to schedule your test drive or explore financing options today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Support", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -360,37 +235,23 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
title: "Inventory", items: [
|
||||
{
|
||||
label: "Coupes",
|
||||
href: "#",
|
||||
},
|
||||
label: "Coupes", href: "#"},
|
||||
{
|
||||
label: "SUVs",
|
||||
href: "#",
|
||||
},
|
||||
label: "SUVs", href: "#"},
|
||||
{
|
||||
label: "EVs",
|
||||
href: "#",
|
||||
},
|
||||
label: "EVs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Financing", href: "#"},
|
||||
{
|
||||
label: "Manuals",
|
||||
href: "#",
|
||||
},
|
||||
label: "Manuals", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user