Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0980dd238d | |||
| a071c222a5 | |||
| 41034b8af2 | |||
| 4e3ec9f4ee | |||
| bb18e26d4a | |||
| dac427e7dd |
313
src/app/page.tsx
313
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Inventory", id: "#products"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Performance", id: "#features"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Experience", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Elite Motors"
|
||||
/>
|
||||
@@ -55,105 +47,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Drive the Unattainable."
|
||||
description="Welcome to Elite Motors, where engineering meets passion. Experience the world's most exclusive supercars, hand-selected for the true connoisseur."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The best experience I've had buying a vehicle. Pure precision.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfjn1l&_wi=1",
|
||||
imageAlt: "luxury supercar professional shot",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "The best experience I've had buying a vehicle. Pure precision.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfjn1l&_wi=1", imageAlt: "luxury supercar professional shot"},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elenam",
|
||||
testimonial: "Elite Motors understands the soul of the machine.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3qpf5&_wi=1",
|
||||
imageAlt: "luxury supercar professional shot",
|
||||
},
|
||||
name: "Elena M.", handle: "@elenam", testimonial: "Elite Motors understands the soul of the machine.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3qpf5&_wi=1", imageAlt: "luxury supercar professional shot"},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "Unparalleled service for the automotive elite.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=my07ws",
|
||||
imageAlt: "luxury supercar professional shot",
|
||||
},
|
||||
name: "James L.", handle: "@jamesl", testimonial: "Unparalleled service for the automotive elite.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=my07ws", imageAlt: "luxury supercar professional shot"},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@marcusv",
|
||||
testimonial: "Professional, efficient, and truly knowledgeable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0omeb",
|
||||
imageAlt: "luxury supercar professional shot",
|
||||
},
|
||||
name: "Marcus V.", handle: "@marcusv", testimonial: "Professional, efficient, and truly knowledgeable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a0omeb", imageAlt: "luxury supercar professional shot"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "An incredible curation of high-performance machinery.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yzaf1r",
|
||||
imageAlt: "luxury supercar professional shot",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "An incredible curation of high-performance machinery.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yzaf1r", imageAlt: "luxury supercar professional shot"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Exclusive Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfjn1l&_wi=2"
|
||||
imageAlt="luxury supercar professional shot"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://h-av-1",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://h-av-1", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://h-av-2",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://h-av-2", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://h-av-3",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://h-av-3", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://h-av-4",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://h-av-4", alt: "User avatar"},
|
||||
{
|
||||
src: "asset://h-av-5",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "asset://h-av-5", alt: "User avatar"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied supercar owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "V12 Engineering",
|
||||
},
|
||||
type: "text", text: "V12 Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Track Records",
|
||||
},
|
||||
type: "text", text: "Global Track Records"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concierge Service",
|
||||
},
|
||||
type: "text", text: "Concierge Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Carbon-Ceramic Brakes",
|
||||
},
|
||||
type: "text", text: "Carbon-Ceramic Brakes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unmatched Performance",
|
||||
},
|
||||
type: "text", text: "Unmatched Performance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,17 +110,11 @@ export default function LandingPage() {
|
||||
description="At Elite Motors, we don't just sell cars; we curate masterpieces. Every vehicle in our stable represents the pinnacle of human mechanical achievement."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Curation",
|
||||
description: "Rigorous standards for every machine.",
|
||||
},
|
||||
title: "Expert Curation", description: "Rigorous standards for every machine."},
|
||||
{
|
||||
title: "Total Transparency",
|
||||
description: "Full history and technical data.",
|
||||
},
|
||||
title: "Total Transparency", description: "Full history and technical data."},
|
||||
{
|
||||
title: "Concierge Service",
|
||||
description: "Your needs, prioritised.",
|
||||
},
|
||||
title: "Concierge Service", description: "Your needs, prioritised."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3qpf5&_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -190,26 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Aerodynamics",
|
||||
subtitle: "Downforce Mastery",
|
||||
category: "Performance",
|
||||
value: "0.22 Cd",
|
||||
},
|
||||
id: "f1", title: "Aerodynamics", subtitle: "Downforce Mastery", category: "Performance", value: "0.22 Cd"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Braking System",
|
||||
subtitle: "Ceramic Excellence",
|
||||
category: "Safety",
|
||||
value: "Carbon-Ceramic",
|
||||
},
|
||||
id: "f2", title: "Braking System", subtitle: "Ceramic Excellence", category: "Safety", value: "Carbon-Ceramic"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Powertrain",
|
||||
subtitle: "V12 Engineering",
|
||||
category: "Engine",
|
||||
value: "800hp",
|
||||
},
|
||||
id: "f3", title: "Powertrain", subtitle: "V12 Engineering", category: "Engine", value: "800hp"},
|
||||
]}
|
||||
title="Engineered for Velocity"
|
||||
description="Every detail on these supercars is optimized for ultimate performance on track and road."
|
||||
@@ -224,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silver Specter",
|
||||
price: "$450,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vgqz7s",
|
||||
},
|
||||
id: "p1", name: "Silver Specter", price: "$450,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vgqz7s"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Electric Titan",
|
||||
price: "$380,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ray4c2",
|
||||
},
|
||||
id: "p2", name: "Electric Titan", price: "$380,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ray4c2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Scarlet Racer",
|
||||
price: "$620,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pui4ys",
|
||||
},
|
||||
id: "p3", name: "Scarlet Racer", price: "$620,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pui4ys"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Midnight Ghost",
|
||||
price: "$510,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g81tve",
|
||||
},
|
||||
id: "p4", name: "Midnight Ghost", price: "$510,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g81tve"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Solar Flare",
|
||||
price: "$490,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ebawex",
|
||||
},
|
||||
id: "p5", name: "Solar Flare", price: "$490,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ebawex"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Emerald Beast",
|
||||
price: "$410,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5zftr",
|
||||
},
|
||||
id: "p6", name: "Emerald Beast", price: "$410,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5zftr"},
|
||||
]}
|
||||
title="The Current Collection"
|
||||
description="Our current selection of high-performance vehicles, ready for their next owner."
|
||||
@@ -272,52 +171,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$2,500",
|
||||
name: "Standard Inspection",
|
||||
buttons: [
|
||||
id: "basic", price: "$2,500", name: "Standard Inspection", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Annual fluid change",
|
||||
"Diagnostic scan",
|
||||
"Tire pressure",
|
||||
],
|
||||
"Annual fluid change", "Diagnostic scan", "Tire pressure"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$5,000",
|
||||
name: "Performance Tune",
|
||||
buttons: [
|
||||
id: "pro", price: "$5,000", name: "Performance Tune", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Standard services",
|
||||
"Track geometry",
|
||||
"Brake alignment",
|
||||
],
|
||||
"Standard services", "Track geometry", "Brake alignment"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
price: "$12,000",
|
||||
name: "Elite Concierge",
|
||||
buttons: [
|
||||
id: "elite", price: "$12,000", name: "Elite Concierge", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Performance tune",
|
||||
"Paint protection",
|
||||
"Priority transport",
|
||||
],
|
||||
"Performance tune", "Paint protection", "Priority transport"],
|
||||
},
|
||||
]}
|
||||
title="Service Packages"
|
||||
@@ -332,26 +207,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "240mph",
|
||||
title: "Top Speed",
|
||||
description: "Engineered limit",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tavgh9",
|
||||
},
|
||||
id: "m1", value: "240mph", title: "Top Speed", description: "Engineered limit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tavgh9"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.1s",
|
||||
title: "0-60 Time",
|
||||
description: "Instant torque",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=caxqj1",
|
||||
},
|
||||
id: "m2", value: "2.1s", title: "0-60 Time", description: "Instant torque", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=caxqj1"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
title: "Global Track Records",
|
||||
description: "Dominated terrain",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=47umn9",
|
||||
},
|
||||
id: "m3", value: "12+", title: "Global Track Records", description: "Dominated terrain", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=47umn9"},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Defining the benchmark for automotive excellence."
|
||||
@@ -365,53 +225,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Elite Motors made my dream garage a reality.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=63mxvg",
|
||||
},
|
||||
id: "t1", name: "Mark S.", handle: "@marks", testimonial: "Elite Motors made my dream garage a reality.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=63mxvg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah W.",
|
||||
handle: "@sarahw",
|
||||
testimonial: "Impeccable service and professionalism.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6a3hm",
|
||||
},
|
||||
id: "t2", name: "Sarah W.", handle: "@sarahw", testimonial: "Impeccable service and professionalism.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6a3hm"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David P.",
|
||||
handle: "@davidp",
|
||||
testimonial: "Best in class. Truly for enthusiasts.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imcdhc",
|
||||
},
|
||||
id: "t3", name: "David P.", handle: "@davidp", testimonial: "Best in class. Truly for enthusiasts.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imcdhc"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin J.",
|
||||
handle: "@kevinj",
|
||||
testimonial: "Seamless purchase. Outstanding delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0v1s72",
|
||||
},
|
||||
id: "t4", name: "Kevin J.", handle: "@kevinj", testimonial: "Seamless purchase. Outstanding delivery.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0v1s72"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura C.",
|
||||
handle: "@laurac",
|
||||
testimonial: "They know every supercar inside and out.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4i87s",
|
||||
},
|
||||
id: "t5", name: "Laura C.", handle: "@laurac", testimonial: "They know every supercar inside and out.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4i87s"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Bryan T.",
|
||||
handle: "@bryant",
|
||||
testimonial: "My go-to dealer for future hypercars.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2dpm6",
|
||||
},
|
||||
id: "t6", name: "Bryan T.", handle: "@bryant", testimonial: "My go-to dealer for future hypercars.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2dpm6"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Voices"
|
||||
@@ -423,16 +253,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Inquire Today"
|
||||
title="Secure Your Dream Machine"
|
||||
title="Begin Your Concierge Journey"
|
||||
description="Ready to experience automotive perfection? Contact our concierge team to schedule a private viewing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Private Viewing", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -441,16 +268,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Elite Motors"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user