Merge version_1 into main #2
393
src/app/page.tsx
393
src/app/page.tsx
@@ -25,296 +25,121 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "#inventory",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="APEX MOTORS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inventory", id: "#inventory" },
|
||||
{ name: "Performance", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="APEX MOTORS"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Drive The Future of Performance"
|
||||
description="Experience unparalleled engineering, luxury, and speed. Apex Motors brings you the finest selection of supercars and elite vehicles in the nation."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-black-car-with-red-rear-light_23-2147963062.jpg"
|
||||
imageAlt="Apex Motors Supercar"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2414.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2412.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied elite drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "0-60 in 2.1s",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "World-Class Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Pre-Owned",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Drive The Future of Performance"
|
||||
description="Experience unparalleled engineering, luxury, and speed. Apex Motors brings you the finest selection of supercars and elite vehicles in the nation."
|
||||
buttons={[
|
||||
{ text: "View Inventory", href: "#inventory" },
|
||||
{ text: "Inquire Now", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-black-car-with-red-rear-light_23-2147963062.jpg"
|
||||
imageAlt="Apex Motors Supercar"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2414.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2412.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied elite drivers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "0-60 in 2.1s" },
|
||||
{ type: "text", text: "Precision Engineered" },
|
||||
{ type: "text", text: "Bespoke Luxury" },
|
||||
{ type: "text", text: "World-Class Service" },
|
||||
{ type: "text", text: "Certified Pre-Owned" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Apex X-Racer",
|
||||
price: "$295,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-car-turning-city-street-modern-urban-motion_169016-69787.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Summit Performance SUV",
|
||||
price: "$180,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-luxury-jeep-driving-road_114579-4058.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ion Grand Tourer",
|
||||
price: "$220,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138920.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Velocity Roadster",
|
||||
price: "$150,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-image-travel-female-sitting-hood-amazing-red-convertible-sport-car-streets-los-angeles_273443-2502.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elite Executive",
|
||||
price: "$135,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23560.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Titan Coupe",
|
||||
price: "$310,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-coupe_417767-16.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Exclusive Inventory"
|
||||
description="Hand-selected vehicles for the discerning driver. Every model undergoes our rigorous inspection."
|
||||
/>
|
||||
</div>
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Apex X-Racer", price: "$295,000", imageSrc: "http://img.b2bpic.net/free-photo/white-car-turning-city-street-modern-urban-motion_169016-69787.jpg" },
|
||||
{ id: "2", name: "Summit Performance SUV", price: "$180,000", imageSrc: "http://img.b2bpic.net/free-photo/black-luxury-jeep-driving-road_114579-4058.jpg" },
|
||||
{ id: "3", name: "Ion Grand Tourer", price: "$220,000", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138920.jpg" },
|
||||
{ id: "4", name: "Velocity Roadster", price: "$150,000", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-image-travel-female-sitting-hood-amazing-red-convertible-sport-car-streets-los-angeles_273443-2502.jpg" },
|
||||
{ id: "5", name: "Elite Executive", price: "$135,000", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23560.jpg" },
|
||||
{ id: "6", name: "Titan Coupe", price: "$310,000", imageSrc: "http://img.b2bpic.net/free-photo/white-gray-coupe_417767-16.jpg" },
|
||||
]}
|
||||
title="Exclusive Inventory"
|
||||
description="Hand-selected vehicles for the discerning driver. Every model undergoes our rigorous inspection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Engineering",
|
||||
description: "Our vehicles are tested by elite mechanics for peak efficiency.",
|
||||
tag: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-car-turning-city-street-modern-urban-motion_169016-69787.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Luxury Standard",
|
||||
description: "Custom leather, bespoke audio, and high-end materials.",
|
||||
tag: "Interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23560.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Elite Concierge",
|
||||
description: "White-glove service from acquisition to final delivery.",
|
||||
tag: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-gray-coupe_417767-16.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="The Apex Difference"
|
||||
description="Why choose our showroom for your next vehicle acquisition?"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Precision Engineering", description: "Our vehicles are tested by elite mechanics for peak efficiency.", tag: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/white-car-turning-city-street-modern-urban-motion_169016-69787.jpg" },
|
||||
{ id: "f2", title: "Luxury Standard", description: "Custom leather, bespoke audio, and high-end materials.", tag: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23560.jpg" },
|
||||
{ id: "f3", title: "Elite Concierge", description: "White-glove service from acquisition to final delivery.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/white-gray-coupe_417767-16.jpg" },
|
||||
]}
|
||||
title="The Apex Difference"
|
||||
description="Why choose our showroom for your next vehicle acquisition?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Anderson",
|
||||
handle: "@jamesa",
|
||||
testimonial: "The buying process was flawless. My Apex X-Racer is an absolute monster on the track.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "White-glove service every step of the way. Truly a elite showroom experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The selection is unmatched. Found exactly what I was looking for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Exceptional communication and high quality inventory. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2414.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Thompson",
|
||||
handle: "@davidt",
|
||||
testimonial: "The team at Apex truly understands automotive enthusiasts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2412.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Experiences"
|
||||
description="Don't just take our word for it—listen to the drivers who have chosen Apex."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "James Anderson", handle: "@jamesa", testimonial: "The buying process was flawless. My Apex X-Racer is an absolute monster on the track.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", handle: "@sarahm", testimonial: "White-glove service every step of the way. Truly a elite showroom experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
||||
{ id: "t3", name: "Michael Chen", handle: "@mchen", testimonial: "The selection is unmatched. Found exactly what I was looking for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sales-man-car-showroom-selling-car_1303-16348.jpg" },
|
||||
{ id: "t4", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Exceptional communication and high quality inventory. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2414.jpg" },
|
||||
{ id: "t5", name: "David Thompson", handle: "@davidt", testimonial: "The team at Apex truly understands automotive enthusiasts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2412.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Experiences"
|
||||
description="Don't just take our word for it—listen to the drivers who have chosen Apex."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to own the road? Schedule your private test drive with one of our specialists today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Showroom",
|
||||
href: "mailto:info@apexmotors.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to own the road? Schedule your private test drive with one of our specialists today."
|
||||
buttons={[{ text: "Contact Showroom", href: "mailto:info@apexmotors.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Showroom",
|
||||
items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Finance",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="APEX MOTORS"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974229.jpg"
|
||||
columns={[
|
||||
{ title: "Showroom", items: [{ label: "Inventory", href: "#inventory" }, { label: "About Us", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Concierge", href: "#" }, { label: "Finance", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="APEX MOTORS"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user