bender/f03dffa1-64f8-47c7-aa9f-db264fa812db
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 21:49:02 +00:00
parent 11b2bb8a14
commit 755b2ad99b
1 changed files with 44 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -32,32 +32,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "AI Match",
id: "#features",
},
{
name: "Inventory",
id: "#products",
},
{
name: "Why Us",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "AI Match", id: "#features" },
{ name: "Inventory", id: "#products" },
{ name: "Why Us", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="Fourways Motors"
button={{
text: "Login",
href: "#contact",
}}
text: "Login", href: "#contact"}}
/>
</div>
@@ -67,12 +50,10 @@ export default function LandingPage() {
description="Find Your Perfect Car in Minutes. Browse handpicked vehicles from Japan and the UK, get AI-matched recommendations, and complete your purchase with full transparency."
buttons={[
{
text: "Find Your Perfect Car Today",
href: "#products",
},
text: "Find Your Perfect Car Today", href: "#products"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-examining-multimedia-system-luxury-car_7502-9819.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-examining-multimedia-system-luxury-car_7502-9819.jpg"
showDimOverlay={true}
/>
</div>
@@ -84,49 +65,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "AI Car Matching",
description: "Intelligent algorithms curate selections tailored to your specific preferences and budget.",
icon: Sparkles,
title: "AI Car Matching", description: "Intelligent algorithms curate selections tailored to your specific preferences and budget.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-examining-multimedia-system-luxury-car_7502-9819.jpg?_wi=2",
imageAlt: "ai technology dashboard ui ux",
},
{
title: "AR Vehicle Previews",
description: "Experience your vehicle in your driveway before purchase with advanced augmented reality.",
icon: Eye,
title: "AR Vehicle Previews", description: "Experience your vehicle in your driveway before purchase with advanced augmented reality.", icon: Eye,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/computer-mobile-device-computer-graphic-casual-digital_1134-680.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-price-list-green-screen-tablet-clients_482257-123994.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-mobile-device-computer-graphic-casual-digital_1134-680.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-price-list-green-screen-tablet-clients_482257-123994.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg?_wi=1",
imageAlt: "ai technology dashboard ui ux",
},
{
title: "Realtime Negotiation",
description: "Transparent price negotiations conducted directly on the platform with full history access.",
icon: Zap,
title: "Realtime Negotiation", description: "Transparent price negotiations conducted directly on the platform with full history access.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/family-with-son-choosing-car-car-showroom_1303-14210.jpg?_wi=1",
imageAlt: "ai technology dashboard ui ux",
},
]}
title="Innovation Driven Dealership"
@@ -141,60 +98,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Toyota",
name: "Prado TX",
price: "KSh 6,500,000",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg?_wi=2",
},
{
id: "2",
brand: "Mazda",
name: "CX-5",
price: "KSh 3,200,000",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/family-with-son-choosing-car-car-showroom_1303-14210.jpg?_wi=2",
},
{
id: "3",
brand: "Subaru",
name: "Forester",
price: "KSh 2,800,000",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-vector/vector-background-abstract-modern-design_779267-2658.jpg",
},
{
id: "4",
brand: "Mercedes",
name: "C-Class",
price: "KSh 4,500,000",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg",
},
{
id: "5",
brand: "Land Rover",
name: "Discovery",
price: "KSh 8,200,000",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-businesswoman-thoughtfully-looking-away-escalator-outdoor_574295-2617.jpg",
},
{
id: "6",
brand: "Honda",
name: "Fit",
price: "KSh 1,100,000",
rating: 4,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg",
},
{ id: "1", brand: "Toyota", name: "Prado TX", price: "KSh 6,500,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg" },
{ id: "2", brand: "Mazda", name: "CX-5", price: "KSh 3,200,000", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/family-with-son-choosing-car-car-showroom_1303-14210.jpg" },
{ id: "3", brand: "Subaru", name: "Forester", price: "KSh 2,800,000", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-vector/vector-background-abstract-modern-design_779267-2658.jpg" },
{ id: "4", brand: "Mercedes", name: "C-Class", price: "KSh 4,500,000", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg" },
{ id: "5", brand: "Land Rover", name: "Discovery", price: "KSh 8,200,000", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-businesswoman-thoughtfully-looking-away-escalator-outdoor_574295-2617.jpg" },
{ id: "6", brand: "Honda", name: "Fit", price: "KSh 1,100,000", rating: 4, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg" },
]}
title="Our Curated Collection"
description="Verified high-quality imports and local vehicles waiting for their next home."
@@ -208,21 +117,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500+",
description: "Happy Clients Served",
},
{
id: "m2",
value: "98%",
description: "Verification Rate",
},
{
id: "m3",
value: "12+",
description: "Years of Experience",
},
{ id: "m1", value: "500+", description: "Happy Clients Served" },
{ id: "m2", value: "98%", description: "Verification Rate" },
{ id: "m3", value: "12+", description: "Years of Experience" },
]}
title="Proven Performance"
description="We lead the market in transparency and quality control across every transaction."
@@ -235,49 +132,15 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sjohnson",
testimonial: "The AI matching was spot on. Found my perfect SUV in hours without any dealer stress.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Transparent pricing and verified history gave me immense confidence in my purchase.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31596.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@erod",
testimonial: "Seamless financing simulation and purchase. Absolutely premium experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Great selection of high quality imports. The AR preview feature is a game changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-car-dealership_23-2148333002.jpg",
},
{
id: "5",
name: "Jane Doe",
handle: "@jdoe",
testimonial: "Truly the easiest car buying experience I've ever had in Kenya.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "@sjohnson", testimonial: "The AI matching was spot on. Found my perfect SUV in hours without any dealer stress.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Transparent pricing and verified history gave me immense confidence in my purchase.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31596.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Seamless financing simulation and purchase. Absolutely premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Great selection of high quality imports. The AR preview feature is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-car-dealership_23-2148333002.jpg" },
{ id: "5", name: "Jane Doe", handle: "@jdoe", testimonial: "Truly the easiest car buying experience I've ever had in Kenya.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg" },
]}
showRating={true}
title="Trusted by Professionals"
description="Read what our happy clients say about our services."
/>
</div>
@@ -286,21 +149,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How does the financing simulation work?",
content: "Our financing calculator provides instant estimates based on your profile and vehicle choice.",
},
{
id: "f2",
title: "What kind of verification do you provide?",
content: "Every vehicle undergoes a 200-point inspection and comes with a full history report.",
},
{
id: "f3",
title: "Can I trade in my old car?",
content: "Yes, we offer competitive trade-in values and seamless integration into your new purchase.",
},
{ id: "f1", title: "How does the financing simulation work?", content: "Our financing calculator provides instant estimates based on your profile and vehicle choice." },
{ id: "f2", title: "What kind of verification do you provide?", content: "Every vehicle undergoes a 200-point inspection and comes with a full history report." },
{ id: "f3", title: "Can I trade in my old car?", content: "Yes, we offer competitive trade-in values and seamless integration into your new purchase." },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg"
title="Common Questions"
@@ -315,14 +166,8 @@ export default function LandingPage() {
title="Our Commitment to Transparency"
description="At Fourways Motors, we bridge the gap between quality and convenience. Our mission is to transform the Kenyan automotive experience through innovation, trust, and exceptional service."
metrics={[
{
value: "100%",
title: "Vehicle History",
},
{
value: "24/7",
title: "Expert Support",
},
{ value: "100%", title: "Vehicle History" },
{ value: "24/7", title: "Expert Support" },
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106141.jpg"
mediaAnimation="slide-up"
@@ -333,9 +178,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
tag="Contact Us"
title="Ready for your next journey?"
description="Get in touch for expert consultation and personalized service."
@@ -350,34 +193,16 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "Inventory",
href: "#products",
},
{
label: "Financing",
href: "#",
},
{
label: "Trade-In",
href: "#",
},
{ label: "Inventory", href: "#products" },
{ label: "Financing", href: "#" },
{ label: "Trade-In", href: "#" },
],
},
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Support",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
{ label: "About", href: "#about" },
{ label: "Support", href: "#contact" },
{ label: "Privacy", href: "#" },
],
},
]}