Update src/app/page.tsx

This commit is contained in:
2026-06-02 16:54:44 +00:00
parent 7ecd31a22e
commit 35efafb34d

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Inventory", name: "Inventory", id: "#inventory"},
id: "#inventory",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ucc5w" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ucc5w"
logoAlt="Luxury Motors Logo" logoAlt="Luxury Motors Logo"
@@ -64,70 +54,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Experience Unrivaled Luxury" title="Experience Unrivaled Luxury"
description="Discover a curated collection of the world's most exquisite automobiles, where performance meets unparalleled elegance." description="Discover a curated collection of the world's most exquisite automobiles, where performance meets unparalleled elegance."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001231.jpg", src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001231.jpg", alt: "Sleek black luxury car"},
alt: "Sleek black luxury car",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-car-interior-steering-wheel-gearbox-gear_482257-108225.jpg", src: "http://img.b2bpic.net/free-photo/close-up-car-interior-steering-wheel-gearbox-gear_482257-108225.jpg", alt: "Luxury car interior"},
alt: "Luxury car interior",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg", src: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg", alt: "Luxury car wheel"},
alt: "Luxury car wheel",
},
{ {
src: "http://img.b2bpic.net/free-photo/mountaintop-kiss_23-2151948175.jpg", src: "http://img.b2bpic.net/free-photo/mountaintop-kiss_23-2151948175.jpg", alt: "Luxury sports car back view"},
alt: "Luxury sports car back view",
},
{ {
src: "http://img.b2bpic.net/free-photo/nice-woman-holding-key-medium-shot_23-2148266187.jpg", src: "http://img.b2bpic.net/free-photo/nice-woman-holding-key-medium-shot_23-2148266187.jpg", alt: "Luxury car key"},
alt: "Luxury car key",
},
]} ]}
avatarText="Explore a World of Automotive Excellence" avatarText="Explore a World of Automotive Excellence"
buttons={[ buttons={[
{ {
text: "View Inventory", text: "View Inventory", href: "#inventory"},
href: "#inventory",
},
{ {
text: "Schedule a Test Drive", text: "Schedule a Test Drive", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/close-up-car-interior-steering-wheel-gearbox-gear_482257-108225.jpg", alt: "luxury car interior leather seats modern"},
src: "http://img.b2bpic.net/free-photo/close-up-car-interior-steering-wheel-gearbox-gear_482257-108225.jpg",
alt: "luxury car interior leather seats modern",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg", alt: "close-up luxury car wheel rim"},
src: "http://img.b2bpic.net/free-photo/close-up-metallic-car-wheel_23-2151113193.jpg",
alt: "close-up luxury car wheel rim",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/mountaintop-kiss_23-2151948175.jpg", alt: "back view luxury sports car road"},
src: "http://img.b2bpic.net/free-photo/mountaintop-kiss_23-2151948175.jpg",
alt: "back view luxury sports car road",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/nice-woman-holding-key-medium-shot_23-2148266187.jpg", alt: "luxury car keys elegant design brand"},
src: "http://img.b2bpic.net/free-photo/nice-woman-holding-key-medium-shot_23-2148266187.jpg",
alt: "luxury car keys elegant design brand",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001231.jpg", alt: "sleek black luxury car showroom"},
src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001231.jpg",
alt: "sleek black luxury car showroom",
},
]} ]}
/> />
</div> </div>
@@ -149,24 +109,19 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureBorderGlow <FeatureBorderGlow
animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
icon: Gauge, icon: Gauge,
title: "Unrivaled Selection", title: "Unrivaled Selection", description: "Access an exclusive portfolio of the world's most sought-after luxury vehicles, from rare classics to the latest models."},
description: "Access an exclusive portfolio of the world's most sought-after luxury vehicles, from rare classics to the latest models.",
},
{ {
icon: Star, icon: Star,
title: "Personalized Concierge", title: "Personalized Concierge", description: "Our dedicated team provides bespoke services, ensuring every aspect of your acquisition is tailored to your desires."},
description: "Our dedicated team provides bespoke services, ensuring every aspect of your acquisition is tailored to your desires.",
},
{ {
icon: ShieldCheck, icon: ShieldCheck,
title: "Certified Excellence", title: "Certified Excellence", description: "Each vehicle undergoes rigorous inspection and certification, guaranteeing authenticity, performance, and peace of mind."},
description: "Each vehicle undergoes rigorous inspection and certification, guaranteeing authenticity, performance, and peace of mind.",
},
]} ]}
title="The Luxury Motors Difference" title="The Luxury Motors Difference"
description="We redefine automotive excellence with bespoke services, unparalleled vehicle selection, and a commitment to your ultimate satisfaction." description="We redefine automotive excellence with bespoke services, unparalleled vehicle selection, and a commitment to your ultimate satisfaction."
@@ -181,47 +136,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "product-1", id: "product-1", name: "Phantom Grandeur", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sedan-parked-port_114579-5199.jpg", imageAlt: "Luxury Sedan Phantom Grandeur"},
name: "Phantom Grandeur",
price: "$450,000",
imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sedan-parked-port_114579-5199.jpg",
imageAlt: "Luxury Sedan Phantom Grandeur",
},
{ {
id: "product-2", id: "product-2", name: "Velocity Apex", price: "$320,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg", imageAlt: "Red Sports Car Velocity Apex"},
name: "Velocity Apex",
price: "$320,000",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg",
imageAlt: "Red Sports Car Velocity Apex",
},
{ {
id: "product-3", id: "product-3", name: "Ascent Sovereign", price: "$180,000", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-elegantly-dressed-sit-retro-military-machine_613910-4599.jpg", imageAlt: "Luxury SUV Ascent Sovereign"},
name: "Ascent Sovereign",
price: "$180,000",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-elegantly-dressed-sit-retro-military-machine_613910-4599.jpg",
imageAlt: "Luxury SUV Ascent Sovereign",
},
{ {
id: "product-4", id: "product-4", name: "Azure Elegance", price: "$280,000", imageSrc: "http://img.b2bpic.net/free-photo/car-reflected-water_1122-2100.jpg", imageAlt: "White Convertible Azure Elegance"},
name: "Azure Elegance",
price: "$280,000",
imageSrc: "http://img.b2bpic.net/free-photo/car-reflected-water_1122-2100.jpg",
imageAlt: "White Convertible Azure Elegance",
},
{ {
id: "product-5", id: "product-5", name: "Electra Vision", price: "$220,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-station_23-2148972416.jpg", imageAlt: "Electric Luxury Car Electra Vision"},
name: "Electra Vision",
price: "$220,000",
imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-station_23-2148972416.jpg",
imageAlt: "Electric Luxury Car Electra Vision",
},
{ {
id: "product-6", id: "product-6", name: "Heritage Roar", price: "$1,200,000", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4283.jpg", imageAlt: "Classic Muscle Car Heritage Roar"},
name: "Heritage Roar",
price: "$1,200,000",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4283.jpg",
imageAlt: "Classic Muscle Car Heritage Roar",
},
]} ]}
title="Exquisite Inventory" title="Exquisite Inventory"
description="Explore our hand-picked selection of luxury sedans, sports cars, and SUVs, each a masterpiece of engineering and design." description="Explore our hand-picked selection of luxury sedans, sports cars, and SUVs, each a masterpiece of engineering and design."
@@ -236,20 +161,11 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "20+", description: "Years in Luxury Automotive"},
value: "20+",
description: "Years in Luxury Automotive",
},
{ {
id: "m2", id: "m2", value: "500+", description: "Vehicles Delivered Annually"},
value: "500+",
description: "Vehicles Delivered Annually",
},
{ {
id: "m3", id: "m3", value: "98%", description: "Client Satisfaction Rate"},
value: "98%",
description: "Client Satisfaction Rate",
},
]} ]}
metricsAnimation="blur-reveal" metricsAnimation="blur-reveal"
/> />
@@ -262,45 +178,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alexander Sterling", role: "CEO, Sterling Holdings", testimonial: "Luxury Motors delivered my dream car with impeccable service and attention to detail. A truly world-class experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg", imageAlt: "Alexander Sterling"},
name: "Alexander Sterling",
role: "CEO, Sterling Holdings",
testimonial: "Luxury Motors delivered my dream car with impeccable service and attention to detail. A truly world-class experience from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
imageAlt: "Alexander Sterling",
},
{ {
id: "t2", id: "t2", name: "Isabella Rossi", role: "Founder, Rossi Design", testimonial: "The personalized concierge service made finding my new vehicle effortless. Luxury Motors understands true exclusivity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204371.jpg", imageAlt: "Isabella Rossi"},
name: "Isabella Rossi",
role: "Founder, Rossi Design",
testimonial: "The personalized concierge service made finding my new vehicle effortless. Luxury Motors understands true exclusivity.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204371.jpg",
imageAlt: "Isabella Rossi",
},
{ {
id: "t3", id: "t3", name: "Marcus Thorne", role: "Tech Innovator", testimonial: "Their inventory is simply beyond compare. I found a rare model I've been searching for, and the process was seamless.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", imageAlt: "Marcus Thorne"},
name: "Marcus Thorne",
role: "Tech Innovator",
testimonial: "Their inventory is simply beyond compare. I found a rare model I've been searching for, and the process was seamless.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
imageAlt: "Marcus Thorne",
},
{ {
id: "t4", id: "t4", name: "Sophia Laurent", role: "Art Collector", testimonial: "Every interaction with Luxury Motors was professional and discreet. They truly respect their clients' privacy and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2596.jpg", imageAlt: "Sophia Laurent"},
name: "Sophia Laurent",
role: "Art Collector",
testimonial: "Every interaction with Luxury Motors was professional and discreet. They truly respect their clients' privacy and preferences.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2596.jpg",
imageAlt: "Sophia Laurent",
},
{ {
id: "t5", id: "t5", name: "Edward Fitzwilliam", role: "Real Estate Mogul", testimonial: "The team at Luxury Motors provides an experience that is as refined as the vehicles they offer. Highly recommended for discerning buyers.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", imageAlt: "Edward Fitzwilliam"},
name: "Edward Fitzwilliam",
role: "Real Estate Mogul",
testimonial: "The team at Luxury Motors provides an experience that is as refined as the vehicles they offer. Highly recommended for discerning buyers.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
imageAlt: "Edward Fitzwilliam",
},
]} ]}
title="What Our Esteemed Clients Say" title="What Our Esteemed Clients Say"
description="Hear from those who have experienced the unparalleled service and exquisite selection at Luxury Motors." description="Hear from those who have experienced the unparalleled service and exquisite selection at Luxury Motors."
@@ -312,14 +198,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Prestige Auto Club", "Prestige Auto Club", "Elite Financial Group", "Automotive Gazette", "Grand Estate Living", "Signature Timepieces", "Global Private Jets", "The Connoisseur's Collection"]}
"Elite Financial Group",
"Automotive Gazette",
"Grand Estate Living",
"Signature Timepieces",
"Global Private Jets",
"The Connoisseur's Collection",
]}
title="Trusted by Connoisseurs" title="Trusted by Connoisseurs"
description="We are proud partners with leading brands in luxury and lifestyle." description="We are proud partners with leading brands in luxury and lifestyle."
/> />
@@ -332,27 +211,16 @@ export default function LandingPage() {
description="Ready to discover your next dream car? Contact us today to arrange a private viewing, test drive, or bespoke consultation." description="Ready to discover your next dream car? Contact us today to arrange a private viewing, test drive, or bespoke consultation."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Full Name", required: true,
type: "text",
placeholder: "Your Full Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email Address", required: true,
type: "email",
placeholder: "Your Email Address",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us about your preferences or inquiry...", rows: 4,
placeholder: "Tell us about your preferences or inquiry...",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862096.jpg" imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862096.jpg"
@@ -367,54 +235,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Explore", title: "Explore", items: [
items: [
{ {
label: "Inventory", label: "Inventory", href: "#inventory"},
href: "#inventory",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Test Drives", label: "Test Drives", href: "#contact"},
href: "#contact",
},
{ {
label: "Bespoke Orders", label: "Bespoke Orders", href: "#contact"},
href: "#contact",
},
{ {
label: "Financing", label: "Financing", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "Locations", label: "Locations", href: "#"},
href: "#",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
], ],
}, },
]} ]}