Merge version_2 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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="One Motor"
|
||||
/>
|
||||
@@ -57,33 +49,16 @@ export default function LandingPage() {
|
||||
description="Browse our curated inventory, schedule a test drive, and explore flexible payment options—all in one place. One Motor makes buying your next car simple and transparent."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Cars Now",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Explore Cars Now", href: "#inventory"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-searching-new-car-dealership_23-2149117180.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/view-modern-luxury-car-showroom_23-2149117180.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
|
||||
alt: "Two stylish women in a car salon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-getting-wheel-new-white-car_651396-2026.jpg",
|
||||
alt: "Blonde woman getting behind wheel of new white car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg",
|
||||
alt: "Young woman choosing a car in a car showroom",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-14237.jpg",
|
||||
alt: "Female salesperson at a car showroom",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1051.jpg",
|
||||
alt: "Portrait of beautiful blonde sexy fashion woman",
|
||||
},
|
||||
{ src: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-near-luxury-car_1157-20863.jpg", alt: "Professional client" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/successful-woman-choosing-new-vehicle_651396-2026.jpg", alt: "Happy driver" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/customer-consulting-with-car-dealer_1303-22409.jpg", alt: "Consultation" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/professional-car-salesperson-showroom_1303-14237.jpg", alt: "Sales expert" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/sleek-modern-car-studio-light_627829-1051.jpg", alt: "Quality vehicle" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied drivers"
|
||||
/>
|
||||
@@ -97,20 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Flexible Scheduling",
|
||||
description: "Easily book test drives online at your convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg",
|
||||
},
|
||||
title: "Flexible Scheduling", description: "Easily book test drives online at your convenience.", imageSrc: "https://img.b2bpic.net/free-photo/calendar-schedule-management-concept_1134-1099.jpg"},
|
||||
{
|
||||
title: "Transparent Financing",
|
||||
description: "Upfront communication about all costs and installment options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-dealership-thin-line-icons-automotive-industry-color-linear-symbols_88138-2060.jpg",
|
||||
},
|
||||
title: "Transparent Financing", description: "Upfront communication about all costs and installment options.", imageSrc: "https://img.b2bpic.net/free-photo/financial-planning-business-concept_88138-2060.jpg"},
|
||||
{
|
||||
title: "Client-First Support",
|
||||
description: "Dedicated assistance for every step of your car buying journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/support-call-center-concept-illustration-technical-assistance-information-vector-illustration_1284-46207.jpg",
|
||||
},
|
||||
title: "Client-First Support", description: "Dedicated assistance for every step of your car buying journey.", imageSrc: "https://img.b2bpic.net/free-photo/customer-service-support-concept_1284-46207.jpg"},
|
||||
]}
|
||||
title="Why Choose One Motor?"
|
||||
description="Transparent buying experience designed with you in mind."
|
||||
@@ -124,42 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Sedan Blue",
|
||||
price: "$34,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-rich-business-woman-red-suit-posing-white-car_285396-6780.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern White Hatchback",
|
||||
price: "$22,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-simple-background_23-2150998618.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Silver Family SUV",
|
||||
price: "$41,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dynamic Sport Convertible",
|
||||
price: "$52,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-playing-guitar-car_23-2147769180.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hybrid Metallic Grey",
|
||||
price: "$38,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896044.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Black Electric Crossover",
|
||||
price: "$49,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016455.jpg",
|
||||
},
|
||||
{ id: "1", name: "Luxury Sedan Blue", price: "$34,500", imageSrc: "https://img.b2bpic.net/free-photo/luxury-sedan-studio-shot_285396-6780.jpg" },
|
||||
{ id: "2", name: "Modern White Hatchback", price: "$22,000", imageSrc: "https://img.b2bpic.net/free-photo/compact-car-city-street_23-2150998618.jpg" },
|
||||
{ id: "3", name: "Silver Family SUV", price: "$41,200", imageSrc: "https://img.b2bpic.net/free-photo/silver-suv-exterior-shot_1303-19794.jpg" },
|
||||
{ id: "4", name: "Dynamic Sport Convertible", price: "$52,000", imageSrc: "https://img.b2bpic.net/free-photo/sport-convertible-driving_23-2147769180.jpg" },
|
||||
{ id: "5", name: "Hybrid Metallic Grey", price: "$38,900", imageSrc: "https://img.b2bpic.net/free-photo/modern-hybrid-car-studio_23-2148896044.jpg" },
|
||||
{ id: "6", name: "Black Electric Crossover", price: "$49,500", imageSrc: "https://img.b2bpic.net/free-photo/electric-vehicle-charging-station_23-2151016455.jpg" },
|
||||
]}
|
||||
title="Featured Inventory"
|
||||
description="Discover our latest arrivals, from fuel-efficient hatchbacks to high-performance SUVs."
|
||||
@@ -171,46 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Smooth experience",
|
||||
quote: "The entire buying process was transparent and simple.",
|
||||
name: "Alex Riv",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly recommended",
|
||||
quote: "One Motor provided excellent customer service.",
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect financing",
|
||||
quote: "I appreciated the clear payment options provided.",
|
||||
name: "James Doe",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great support",
|
||||
quote: "They made finding my dream car so effortless.",
|
||||
name: "Emma W.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14490.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Trustworthy partner",
|
||||
quote: "Transparent pricing and great vehicles.",
|
||||
name: "Kevin L.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-talking-phone-car_23-2148661284.jpg",
|
||||
},
|
||||
{ id: "1", title: "Smooth experience", quote: "The entire buying process was transparent and simple.", name: "Alex Riv", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/satisfied-customer-thumbs-up_23-2148628939.jpg" },
|
||||
{ id: "2", title: "Highly recommended", quote: "One Motor provided excellent customer service.", name: "Sarah Miller", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/happy-customer-after-purchase_7502-9630.jpg" },
|
||||
{ id: "3", title: "Perfect financing", quote: "I appreciated the clear payment options provided.", name: "James Doe", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/business-professionals-smiling_74855-7442.jpg" },
|
||||
{ id: "4", title: "Great support", quote: "They made finding my dream car so effortless.", name: "Emma W.", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/smiling-professional-portrait_179666-14490.jpg" },
|
||||
{ id: "5", title: "Trustworthy partner", quote: "Transparent pricing and great vehicles.", name: "Kevin L.", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/mature-business-person-working_23-2148661284.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from those who found their perfect ride at One Motor."
|
||||
@@ -223,36 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
title: "Vehicles Sold",
|
||||
items: [
|
||||
"Certified pre-owned",
|
||||
"New models arrival",
|
||||
"Wide selection",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "450+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"High satisfaction rate",
|
||||
"Transparent processes",
|
||||
"Dedicated support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15 min",
|
||||
title: "Avg Inquiry Time",
|
||||
items: [
|
||||
"Quick responses",
|
||||
"Efficiency assured",
|
||||
"Streamlined service",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "500+", title: "Vehicles Sold", items: ["Certified pre-owned", "New models arrival", "Wide selection"] },
|
||||
{ id: "2", value: "450+", title: "Happy Clients", items: ["High satisfaction rate", "Transparent processes", "Dedicated support"] },
|
||||
{ id: "3", value: "15 min", title: "Avg Inquiry Time", items: ["Quick responses", "Efficiency assured", "Streamlined service"] },
|
||||
]}
|
||||
title="Our Dealership Impact"
|
||||
description="Driven by trust and efficiency."
|
||||
@@ -265,39 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cash",
|
||||
badge: "Simple",
|
||||
price: "Cash Payment",
|
||||
subtitle: "Complete ownership upfront.",
|
||||
features: [
|
||||
"No interest",
|
||||
"Priority processing",
|
||||
"Clear title",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "installments",
|
||||
badge: "Flexible",
|
||||
price: "Installment Plan",
|
||||
subtitle: "Structured, transparent payments.",
|
||||
features: [
|
||||
"Competitive rates",
|
||||
"Custom durations",
|
||||
"Auto debit",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "transfer",
|
||||
badge: "Standard",
|
||||
price: "Bank Transfer",
|
||||
subtitle: "Secure electronic transaction.",
|
||||
features: [
|
||||
"Verified secure",
|
||||
"Instant processing",
|
||||
"Digital documentation",
|
||||
],
|
||||
},
|
||||
{ id: "cash", badge: "Simple", price: "Cash Payment", subtitle: "Complete ownership upfront.", features: ["No interest", "Priority processing", "Clear title"] },
|
||||
{ id: "installments", badge: "Flexible", price: "Installment Plan", subtitle: "Structured, transparent payments.", features: ["Competitive rates", "Custom durations", "Auto debit"] },
|
||||
{ id: "transfer", badge: "Standard", price: "Bank Transfer", subtitle: "Secure electronic transaction.", features: ["Verified secure", "Instant processing", "Digital documentation"] },
|
||||
]}
|
||||
title="Flexible Financing"
|
||||
description="Tailor your payment plan to fit your budget comfortably."
|
||||
@@ -307,32 +151,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Book Your Appointment"
|
||||
description="Get in touch for test drives, payment discussions, or general inquiries. Our team is ready to help."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Inquiry"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16413.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/professional-consultant-business-suit_1303-16413.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="One Motor"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user