Merge version_1 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -25,208 +25,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "inventory",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alexandra Cars"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Cars", id: "inventory" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Alexandra Cars"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Drive Luxury With Confidence"
|
||||
description="Handpicked vehicles. Real kilometers. Absolute transparency."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Cars",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
text: "Book Test Drive",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Drive Luxury With Confidence"
|
||||
description="Handpicked vehicles. Real kilometers. Absolute transparency."
|
||||
buttons={[
|
||||
{ text: "View Cars", href: "#inventory" },
|
||||
{ text: "Book Test Drive", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="We are dedicated to providing the most transparent luxury car buying experience. Our commitment is to quality, authenticity, and long-term customer satisfaction."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Verified Kilometers",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Happy Families",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="We are dedicated to providing the most transparent luxury car buying experience. Our commitment is to quality, authenticity, and long-term customer satisfaction."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Verified Kilometers" },
|
||||
{ value: "24/7", title: "Support" },
|
||||
{ value: "500+", title: "Happy Families" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "car-1",
|
||||
name: "Luxury Sedan Pro",
|
||||
price: "$55,000",
|
||||
variant: "2022 • 25,000km",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "car-2",
|
||||
name: "Executive Sport",
|
||||
price: "$68,000",
|
||||
variant: "2023 • 12,000km",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-smiling-businessman-working-his-laptopand-speaking-mobile-phone-backseat-car_496169-578.jpg",
|
||||
},
|
||||
{
|
||||
id: "car-3",
|
||||
name: "Prestige Edition",
|
||||
price: "$82,000",
|
||||
variant: "2023 • 8,500km",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-side-view-metallic-silver-coupe-road_114579-4049.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Discover our collection of hand-selected premium vehicles, maintained to the highest luxury standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "car-1", name: "Luxury Sedan Pro", price: "$55,000", variant: "2022 • 25,000km", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg"},
|
||||
{
|
||||
id: "car-2", name: "Executive Sport", price: "$68,000", variant: "2023 • 12,000km", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-smiling-businessman-working-his-laptopand-speaking-mobile-phone-backseat-car_496169-578.jpg"},
|
||||
{
|
||||
id: "car-3", name: "Prestige Edition", price: "$82,000", variant: "2023 • 8,500km", imageSrc: "http://img.b2bpic.net/free-photo/back-side-view-metallic-silver-coupe-road_114579-4049.jpg"},
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Discover our collection of hand-selected premium vehicles, maintained to the highest luxury standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "I’ve bought 4 cars from Alexandra Cars — perfect every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
testimonial: "Authentic luxury cars with real kilometers. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-camera-autumn_1301-4696.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Helped me from start to finish with great transparency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-i-car-car-showrrom_1303-14096.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The best buying experience I've had in 10 years of owning cars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Wilson",
|
||||
role: "Consultant",
|
||||
testimonial: "Unmatched service and a truly premium inventory. Very satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read experiences from families and enthusiasts who trusted us with their luxury car purchase."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "I’ve bought 4 cars from Alexandra Cars — perfect every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", testimonial: "Authentic luxury cars with real kilometers. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-camera-autumn_1301-4696.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Helped me from start to finish with great transparency.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-i-car-car-showrrom_1303-14096.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Entrepreneur", testimonial: "The best buying experience I've had in 10 years of owning cars.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "5", name: "James Wilson", role: "Consultant", testimonial: "Unmatched service and a truly premium inventory. Very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read experiences from families and enthusiasts who trusted us with their luxury car purchase."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
title="Find Your Next Car Today"
|
||||
description="Get in touch with our experts to discuss your requirements or book your private test drive."
|
||||
buttonText="Send Message"
|
||||
tag="Contact Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-side-view-metallic-silver-coupe-road_114579-4049.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Find Your Next Car Today"
|
||||
description="Get in touch with our experts to discuss your requirements or book your private test drive."
|
||||
buttonText="Send Message"
|
||||
tag="Contact Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-side-view-metallic-silver-coupe-road_114579-4049.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Alexandra Cars. All rights reserved."
|
||||
bottomRightText="Built with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#features" },
|
||||
{ label: "Inventory", href: "#inventory" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Alexandra Cars. All rights reserved."
|
||||
bottomRightText="Built with precision."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user