Update src/app/page.tsx
This commit is contained in:
311
src/app/page.tsx
311
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LUXE Auto"
|
||||
/>
|
||||
@@ -59,93 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Drive Excellence"
|
||||
description="Experience the epitome of luxury performance. Our curated collection of prestige vehicles awaits those who appreciate the finer things."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James Sterling",
|
||||
handle: "@jsterling",
|
||||
testimonial: "The buying experience was seamless and the vehicle is pristine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "Exceptional service, beyond expectations. Truly luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117116.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Thornton",
|
||||
handle: "@mthornton",
|
||||
testimonial: "An incredible selection of rare cars. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia Rossi",
|
||||
handle: "@srossi",
|
||||
testimonial: "Sophisticated, professional, and efficient. Simply the best.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom_1303-13634.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "Unmatched professionalism in the luxury car sector.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-with-tattoo-his-arm-sunglasses-dressed-formal-suit-sitting-front-seats-luxury-car_613910-19311.jpg",
|
||||
},
|
||||
{ name: "James Sterling", handle: "@jsterling", testimonial: "The buying experience was seamless and the vehicle is pristine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg" },
|
||||
{ name: "Elena Vance", handle: "@evance", testimonial: "Exceptional service, beyond expectations. Truly luxury.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117116.jpg" },
|
||||
{ name: "Mark Thornton", handle: "@mthornton", testimonial: "An incredible selection of rare cars. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg" },
|
||||
{ name: "Sofia Rossi", handle: "@srossi", testimonial: "Sophisticated, professional, and efficient. Simply the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom_1303-13634.jpg" },
|
||||
{ name: "David Chen", handle: "@dchen", testimonial: "Unmatched professionalism in the luxury car sector.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-with-tattoo-his-arm-sunglasses-dressed-formal-suit-sitting-front-seats-luxury-car_613910-19311.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500615.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636130.jpg",
|
||||
alt: "Portrait of a happy client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-transmission-inside-car-salon-close-up_1303-19223.jpg",
|
||||
alt: "Portrait of a happy client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg",
|
||||
alt: "Portrait of a happy client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg",
|
||||
alt: "Portrait of a happy client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg",
|
||||
alt: "Portrait of a happy client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636130.jpg", alt: "Portrait of a happy client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-transmission-inside-car-salon-close-up_1303-19223.jpg", alt: "Portrait of a happy client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg", alt: "Portrait of a happy client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg", alt: "Portrait of a happy client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg", alt: "Portrait of a happy client 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Curation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mechanical Excellence",
|
||||
},
|
||||
{ type: "text", text: "Worldwide Delivery" },
|
||||
{ type: "text", text: "Verified Quality" },
|
||||
{ type: "text", text: "Elite Curation" },
|
||||
{ type: "text", text: "Bespoke Service" },
|
||||
{ type: "text", text: "Mechanical Excellence" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,18 +80,9 @@ export default function LandingPage() {
|
||||
title="A Legacy of Perfection"
|
||||
description="We specialize in sourcing and delivering the world's most sought-after automobiles. With decades of industry experience, we ensure that every vehicle meets our stringent standards of luxury and mechanical excellence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Curation",
|
||||
description: "Hand-picked vehicles of unrivaled prestige.",
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Concierge-level support through your journey.",
|
||||
},
|
||||
{
|
||||
title: "Integrity",
|
||||
description: "Absolute transparency in every transaction.",
|
||||
},
|
||||
{ title: "Curation", description: "Hand-picked vehicles of unrivaled prestige." },
|
||||
{ title: "Service", description: "Concierge-level support through your journey." },
|
||||
{ title: "Integrity", description: "Absolute transparency in every transaction." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29460.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -181,27 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Craftsmanship",
|
||||
subtitle: "Meticulous detail",
|
||||
category: "Interior",
|
||||
value: "Premium leather and rare trims",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Engineering",
|
||||
subtitle: "Peak performance",
|
||||
category: "Mechanics",
|
||||
value: "Precision-tuned engines",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Technology",
|
||||
subtitle: "Advanced systems",
|
||||
category: "Tech",
|
||||
value: "Cutting-edge infotainment",
|
||||
},
|
||||
{ id: "f1", title: "Craftsmanship", subtitle: "Meticulous detail", category: "Interior", value: "Premium leather and rare trims" },
|
||||
{ id: "f2", title: "Engineering", subtitle: "Peak performance", category: "Mechanics", value: "Precision-tuned engines" },
|
||||
{ id: "f3", title: "Technology", subtitle: "Advanced systems", category: "Tech", value: "Cutting-edge infotainment" },
|
||||
]}
|
||||
title="Uncompromised Quality"
|
||||
description="Our vehicles represent the intersection of performance, design, and innovation."
|
||||
@@ -215,48 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grand Tourer V12",
|
||||
price: "P.O.R.",
|
||||
variant: "Coupe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-simple-background_23-2150797046.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Executive Saloon",
|
||||
price: "P.O.R.",
|
||||
variant: "Sedan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-with-child-charging-electro-car-electric-gas-station_627829-6677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sport Dynamic",
|
||||
price: "P.O.R.",
|
||||
variant: "Convertible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-full-shot_23-2148320218.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Elite",
|
||||
price: "P.O.R.",
|
||||
variant: "SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-light-new-dark-car_23-2147962990.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Racing Edition",
|
||||
price: "P.O.R.",
|
||||
variant: "Track",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Heritage Limited",
|
||||
price: "P.O.R.",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-headlight-black-luxury-car-isolated-white-background_181624-25404.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Grand Tourer V12", price: "P.O.R.", variant: "Coupe", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-simple-background_23-2150797046.jpg" },
|
||||
{ id: "p2", name: "Executive Saloon", price: "P.O.R.", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/young-mother-with-child-charging-electro-car-electric-gas-station_627829-6677.jpg" },
|
||||
{ id: "p3", name: "Sport Dynamic", price: "P.O.R.", variant: "Convertible", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-full-shot_23-2148320218.jpg" },
|
||||
{ id: "p4", name: "Urban Elite", price: "P.O.R.", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/rear-light-new-dark-car_23-2147962990.jpg" },
|
||||
{ id: "p5", name: "Racing Edition", price: "P.O.R.", variant: "Track", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg" },
|
||||
{ id: "p6", name: "Heritage Limited", price: "P.O.R.", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-headlight-black-luxury-car-isolated-white-background_181624-25404.jpg" },
|
||||
]}
|
||||
title="Current Inventory"
|
||||
description="Explore our curated collection of luxury automobiles currently available."
|
||||
@@ -265,36 +125,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Specialized knowledge",
|
||||
"Deep network",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Luxury Deliveries",
|
||||
items: [
|
||||
"Happy clients",
|
||||
"Global logistics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Personalized service",
|
||||
"Exceptional quality",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", items: ["Specialized knowledge", "Deep network"] },
|
||||
{ id: "m2", value: "500+", title: "Luxury Deliveries", items: ["Happy clients", "Global logistics"] },
|
||||
{ id: "m3", value: "100%", title: "Client Satisfaction", items: ["Personalized service", "Exceptional quality"] },
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Our commitment to the industry and our clients remains unmatched."
|
||||
@@ -307,41 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Sterling",
|
||||
handle: "@jsterling",
|
||||
testimonial: "Exceptional selection and service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone-communication-online-application-standing-near-car-city-street-parking-outdoors-car-sharing-rental-service_158595-6741.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "The best experience I've ever had purchasing a car.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-buying-car_1303-13630.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Thornton",
|
||||
handle: "@mthornton",
|
||||
testimonial: "Professionalism, pure and simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-clipboard_23-2148266224.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sofia Rossi",
|
||||
handle: "@srossi",
|
||||
testimonial: "Stunning vehicle, delivered in perfect condition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-car_1303-13632.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "Seamless from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg",
|
||||
},
|
||||
{ id: "t1", name: "James Sterling", handle: "@jsterling", testimonial: "Exceptional selection and service.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone-communication-online-application-standing-near-car-city-street-parking-outdoors-car-sharing-rental-service_158595-6741.jpg" },
|
||||
{ id: "t2", name: "Elena Vance", handle: "@evance", testimonial: "The best experience I've ever had purchasing a car.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-buying-car_1303-13630.jpg" },
|
||||
{ id: "t3", name: "Mark Thornton", handle: "@mthornton", testimonial: "Professionalism, pure and simple.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-clipboard_23-2148266224.jpg" },
|
||||
{ id: "t4", name: "Sofia Rossi", handle: "@srossi", testimonial: "Stunning vehicle, delivered in perfect condition.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-car_1303-13632.jpg" },
|
||||
{ id: "t5", name: "David Chen", handle: "@dchen", testimonial: "Seamless from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204586.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Discover why discerning individuals trust us for their automotive needs."
|
||||
@@ -352,21 +159,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer financing?",
|
||||
content: "We offer bespoke financing solutions through our network of premium lenders.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you ship globally?",
|
||||
content: "Yes, we handle all logistics for international shipping with full insurance coverage.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are vehicles inspected?",
|
||||
content: "Every car undergoes a comprehensive multi-point inspection by certified technicians.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer financing?", content: "We offer bespoke financing solutions through our network of premium lenders." },
|
||||
{ id: "q2", title: "Can you ship globally?", content: "Yes, we handle all logistics for international shipping with full insurance coverage." },
|
||||
{ id: "q3", title: "Are vehicles inspected?", content: "Every car undergoes a comprehensive multi-point inspection by certified technicians." },
|
||||
]}
|
||||
sideTitle="Questions? Ask Us."
|
||||
sideDescription="Everything you need to know about purchasing or sourcing a vehicle."
|
||||
@@ -377,9 +172,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Consult with Our Experts"
|
||||
description="Request a consultation regarding your next vehicle purchase."
|
||||
@@ -391,17 +184,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LUXE Auto"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user