Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Showroom",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Showroom", id: "inventory"},
|
||||
{
|
||||
name: "About",
|
||||
id: "features",
|
||||
},
|
||||
name: "About", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Motors"
|
||||
/>
|
||||
@@ -54,41 +46,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Drive Your Dream"
|
||||
description="Experience unparalleled engineering and timeless design. Our showroom brings the finest vehicles to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Showroom", href: "#inventory"
|
||||
}
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-city-street_23-2150796862.jpg",
|
||||
imageAlt: "Red Ferrari Closed",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-city-street_23-2150796862.jpg", imageAlt: "Red Ferrari Closed"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-spoiler-red-modern-sports-car-lights-isolated_181624-28321.jpg",
|
||||
imageAlt: "Red Ferrari Open",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/closeup-spoiler-red-modern-sports-car-lights-isolated_181624-28321.jpg", imageAlt: "Red Ferrari Open"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-garage_23-2149397542.jpg",
|
||||
imageAlt: "White Ferrari Showcase",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/hallway-garage_23-2149397542.jpg", imageAlt: "White Ferrari Showcase"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113144.jpg",
|
||||
imageAlt: "Luxury Interior Detail",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113144.jpg", imageAlt: "Luxury Interior Detail"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
|
||||
imageAlt: "Black Grille Detail",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg", imageAlt: "Black Grille Detail"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-screwdriver-tighten-cable_23-2148254104.jpg",
|
||||
imageAlt: "Engine Engineering",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/man-using-screwdriver-tighten-cable_23-2148254104.jpg", imageAlt: "Engine Engineering"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every vehicle undergoes a 200-point inspection by certified mechanics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
|
||||
imageAlt: "Inspection",
|
||||
},
|
||||
title: "Verified Quality", description: "Every vehicle undergoes a 200-point inspection by certified mechanics.", imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg", imageAlt: "Inspection"},
|
||||
{
|
||||
title: "White-Glove Delivery",
|
||||
description: "Concierge delivery to your home or office, anywhere in the country.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-25381.jpg",
|
||||
imageAlt: "Delivery",
|
||||
},
|
||||
title: "White-Glove Delivery", description: "Concierge delivery to your home or office, anywhere in the country.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-25381.jpg", imageAlt: "Delivery"},
|
||||
{
|
||||
title: "Personal Concierge",
|
||||
description: "Your dedicated consultant is available via WhatsApp 24/7 for support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-open-car-service_23-2150171254.jpg",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
title: "Personal Concierge", description: "Your dedicated consultant is available via WhatsApp 24/7 for support.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-open-car-service_23-2150171254.jpg", imageAlt: "Support"},
|
||||
]}
|
||||
title="Why Elite Motors?"
|
||||
description="We don't just sell cars; we curate lifestyle experiences with full transparency and white-glove service."
|
||||
@@ -132,59 +98,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Ferrari",
|
||||
name: "SF90 Stradale",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-14221.jpg",
|
||||
},
|
||||
id: "p1", brand: "Ferrari", name: "SF90 Stradale", price: "POA", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-14221.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Ferrari",
|
||||
name: "812 Superfast",
|
||||
price: "$450,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-deals-is-coming-modern-stylish-bearded-businessman-automobile-saloon_146671-16007.jpg",
|
||||
},
|
||||
id: "p2", brand: "Ferrari", name: "812 Superfast", price: "$450,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/new-deals-is-coming-modern-stylish-bearded-businessman-automobile-saloon_146671-16007.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Ferrari",
|
||||
name: "F8 Tributo",
|
||||
price: "$380,000",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7939.jpg",
|
||||
},
|
||||
id: "p3", brand: "Ferrari", name: "F8 Tributo", price: "$380,000", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7939.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Ferrari",
|
||||
name: "Roma",
|
||||
price: "$250,000",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-throwing-up-keys-her-white-car-car-dealership_651396-3573.jpg",
|
||||
},
|
||||
id: "p4", brand: "Ferrari", name: "Roma", price: "$250,000", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/woman-throwing-up-keys-her-white-car-car-dealership_651396-3573.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Ferrari",
|
||||
name: "Purosangue",
|
||||
price: "$400,000",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up_78492-3674.jpg",
|
||||
},
|
||||
id: "p5", brand: "Ferrari", name: "Purosangue", price: "$400,000", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel-close-up_78492-3674.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Ferrari",
|
||||
name: "Daytona SP3",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg",
|
||||
},
|
||||
id: "p6", brand: "Ferrari", name: "Daytona SP3", price: "POA", rating: 5,
|
||||
reviewCount: "2", imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg"},
|
||||
]}
|
||||
title="Featured Inventory"
|
||||
description="Explore our curated selection of high-performance vehicles available today."
|
||||
@@ -198,26 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Cars Delivered",
|
||||
description: "Happy collectors globally",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-5495.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Cars Delivered", description: "Happy collectors globally", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-5495.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Expert automotive knowledge",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-image-pretty-seductive-girl-sitting-red-modern-sport-convertible-car_273443-2731.jpg",
|
||||
},
|
||||
id: "m2", value: "20+", title: "Years Experience", description: "Expert automotive knowledge", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-image-pretty-seductive-girl-sitting-red-modern-sport-convertible-car_273443-2731.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
description: "Building lifetime relationships",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-desicion-buy-car_1303-13859.jpg",
|
||||
},
|
||||
id: "m3", value: "99%", title: "Client Retention", description: "Building lifetime relationships", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-desicion-buy-car_1303-13859.jpg"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Our numbers reflect our dedication to client satisfaction and high-end automotive standards."
|
||||
@@ -231,59 +146,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Collector",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-showing-big-size-shape-large-object-smiling-pleased-standing-white-bac_1258-173584.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus Thorne", role: "Collector", company: "Global Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-showing-big-size-shape-large-object-smiling-pleased-standing-white-bac_1258-173584.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Vance",
|
||||
role: "Director",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Vance", role: "Director", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Sterling",
|
||||
role: "Investor",
|
||||
company: "Sterling Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman_23-2147626503.jpg",
|
||||
},
|
||||
id: "t3", name: "David Sterling", role: "Investor", company: "Sterling Capital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman_23-2147626503.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Pike",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-admiring-toy-car_1149-521.jpg",
|
||||
},
|
||||
id: "t4", name: "Julian Pike", role: "Entrepreneur", company: "Tech Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-admiring-toy-car_1149-521.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Executive",
|
||||
company: "Logistics Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah Jenkins", role: "Executive", company: "Logistics Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparency",
|
||||
},
|
||||
value: "100%", label: "Transparency"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge",
|
||||
},
|
||||
value: "24/7", label: "Concierge"},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Hear from those who trust us with their dream car purchases."
|
||||
@@ -296,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I schedule a viewing?",
|
||||
content: "You can book via our website or message our concierge directly on WhatsApp.",
|
||||
},
|
||||
id: "f1", title: "How do I schedule a viewing?", content: "You can book via our website or message our concierge directly on WhatsApp."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we partner with leading financial institutions to provide tailored packages.",
|
||||
},
|
||||
id: "f2", title: "Do you offer financing?", content: "Yes, we partner with leading financial institutions to provide tailored packages."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I trade in my vehicle?",
|
||||
content: "Absolutely. We offer competitive valuations for luxury vehicle trade-ins.",
|
||||
},
|
||||
id: "f3", title: "Can I trade in my vehicle?", content: "Absolutely. We offer competitive valuations for luxury vehicle trade-ins."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trust-occupation-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16758.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -323,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="WhatsApp Concierge"
|
||||
title="Start a Chat"
|
||||
description="Have a specific request or want a virtual tour? Send us a message on WhatsApp and a dedicated consultant will assist you."
|
||||
@@ -338,29 +212,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Showroom",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Showroom", href: "#inventory"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#features",
|
||||
},
|
||||
label: "About Us", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -370,4 +234,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user