Merge version_1 into main #1
229
src/app/page.tsx
229
src/app/page.tsx
@@ -18,70 +18,49 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Motors"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Drive Your Dream Car Today"
|
||||
description="Experience excellence in automotive sales with our hand-picked collection of premium vehicles."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "View Inventory", href: "#inventory"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821315.jpg",
|
||||
imageAlt: "Luxury Showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg",
|
||||
imageAlt: "Sports Car Dynamic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-car-country-road_23-2149204047.jpg",
|
||||
imageAlt: "SUV Lifestyle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-car_23-2148384921.jpg",
|
||||
imageAlt: "Car interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
||||
imageAlt: "Wheel detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-sea_23-2148637298.jpg",
|
||||
imageAlt: "Headlight detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821315.jpg", imageAlt: "Luxury Showroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg", imageAlt: "Sports Car Dynamic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-car-country-road_23-2149204047.jpg", imageAlt: "SUV Lifestyle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-car_23-2148384921.jpg", imageAlt: "Car interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg", imageAlt: "Wheel detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-sea_23-2148637298.jpg", imageAlt: "Headlight detail" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -93,8 +72,7 @@ export default function LandingPage() {
|
||||
title="Committed to Quality and Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,42 +84,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Executive Sedan",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/navy-blue-sport-sedan-road-side-view_114579-5055.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Electric Sports",
|
||||
price: "$72,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-lights-car_1339-3220.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Premium SUV",
|
||||
price: "$58,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "City Hatchback",
|
||||
price: "$22,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706273.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Blue Roadster",
|
||||
price: "$65,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Rugged Pickup",
|
||||
price: "$48,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-parked-parking-area_1308-41428.jpg",
|
||||
},
|
||||
{ id: "1", name: "Executive Sedan", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/navy-blue-sport-sedan-road-side-view_114579-5055.jpg" },
|
||||
{ id: "2", name: "Electric Sports", price: "$72,000", imageSrc: "http://img.b2bpic.net/free-photo/head-lights-car_1339-3220.jpg" },
|
||||
{ id: "3", name: "Premium SUV", price: "$58,000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg" },
|
||||
{ id: "4", name: "City Hatchback", price: "$22,000", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706273.jpg" },
|
||||
{ id: "5", name: "Blue Roadster", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg" },
|
||||
{ id: "6", name: "Rugged Pickup", price: "$48,000", imageSrc: "http://img.b2bpic.net/free-photo/car-parked-parking-area_1308-41428.jpg" }
|
||||
]}
|
||||
title="Our Featured Vehicles"
|
||||
description="Explore our curated inventory of certified pre-owned and new vehicles."
|
||||
@@ -154,27 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
title: "Cars Sold",
|
||||
description: "Happy drivers on the road",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expert industry knowledge",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "High customer approval",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052505.jpg",
|
||||
},
|
||||
{ id: "m1", value: "5000+", title: "Cars Sold", description: "Happy drivers on the road", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg" },
|
||||
{ id: "m2", value: "15+", title: "Years Experience", description: "Expert industry knowledge", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg" },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction Rate", description: "High customer approval", imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052505.jpg" }
|
||||
]}
|
||||
title="Why Elite Motors"
|
||||
description="Trusted by thousands for our reliable service and quality vehicles."
|
||||
@@ -188,46 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4217.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167570.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-bbay-girl-choosing-car-car-saloon_1303-26805.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
role: "Designer",
|
||||
company: "StudioPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4217.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167570.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-with-bbay-girl-choosing-car-car-saloon_1303-26805.jpg" },
|
||||
{ id: "5", name: "Alex Smith", role: "Designer", company: "StudioPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg" }
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="What our customers say about their experience with us."
|
||||
@@ -238,21 +133,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with all major banks to provide competitive rates.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are vehicles certified?",
|
||||
content: "All our pre-owned vehicles undergo a rigorous 150-point inspection.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I trade in my current car?",
|
||||
content: "We offer fair and transparent trade-in evaluations for all models.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer financing?", content: "Yes, we work with all major banks to provide competitive rates." },
|
||||
{ id: "q2", title: "Are vehicles certified?", content: "All our pre-owned vehicles undergo a rigorous 150-point inspection." },
|
||||
{ id: "q3", title: "Can I trade in my current car?", content: "We offer fair and transparent trade-in evaluations for all models." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -262,17 +145,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get behind the wheel?"
|
||||
title="Visit Our Showroom"
|
||||
description="Find your perfect car today at our location or get in touch for a test drive."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -280,31 +157,11 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
{
|
||||
label: "Sedans",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "SUVs",
|
||||
href: "#inventory",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Inventory", items: [{ label: "Sedans", href: "#inventory" }, { label: "SUVs", href: "#inventory" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Elite Motors"
|
||||
bottomRightText="All rights reserved"
|
||||
|
||||
Reference in New Issue
Block a user