Merge version_1 into main #1
186
src/app/page.tsx
186
src/app/page.tsx
@@ -32,46 +32,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="JC Auto"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+27000000000",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+27000000000"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="JC AUTO 5"
|
||||
description="Premium pre-owned vehicles. Excellence, honesty, and a passion for every journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "View Inventory", href: "#inventory"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg"
|
||||
imageAlt="Luxury vehicle in showroom"
|
||||
@@ -86,20 +71,11 @@ export default function LandingPage() {
|
||||
tag="Quality Assured"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.5★",
|
||||
description: "Average Rating",
|
||||
},
|
||||
id: "m2", value: "4.5★", description: "Average Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Years Experience"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury SUV",
|
||||
price: "R 450,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury SUV", price: "R 450,000", imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sporty Sedan",
|
||||
price: "R 320,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg",
|
||||
},
|
||||
id: "p2", name: "Sporty Sedan", price: "R 320,000", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Premium Sports",
|
||||
price: "R 650,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg",
|
||||
},
|
||||
id: "p3", name: "Premium Sports", price: "R 650,000", imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Executive SUV",
|
||||
price: "R 580,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-rich-business-woman-red-suit-posing-white-car_285396-6780.jpg",
|
||||
},
|
||||
id: "p4", name: "Executive SUV", price: "R 580,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-rich-business-woman-red-suit-posing-white-car_285396-6780.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Compact Luxury",
|
||||
price: "R 280,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552521.jpg",
|
||||
},
|
||||
id: "p5", name: "Compact Luxury", price: "R 280,000", imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552521.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Premium Bakkie",
|
||||
price: "R 950,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16531.jpg",
|
||||
},
|
||||
id: "p6", name: "Premium Bakkie", price: "R 950,000", imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16531.jpg"},
|
||||
]}
|
||||
title="Immaculate Vehicles"
|
||||
description="Discover our collection of premium, thoroughly inspected vehicles."
|
||||
@@ -156,25 +108,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Inspected Excellence",
|
||||
description: "Every vehicle is vetted for performance and safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg",
|
||||
},
|
||||
title: "Inspected Excellence", description: "Every vehicle is vetted for performance and safety.", imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg"},
|
||||
{
|
||||
title: "Professional Detailing",
|
||||
description: "We ensure your new car arrives in showroom condition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-gray-haired-mature-female-driver-standing-near-her-broken-white-car-with-open-hood_343059-179.jpg",
|
||||
},
|
||||
title: "Professional Detailing", description: "We ensure your new car arrives in showroom condition.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-gray-haired-mature-female-driver-standing-near-her-broken-white-car-with-open-hood_343059-179.jpg"},
|
||||
{
|
||||
title: "Family Values",
|
||||
description: "Personalized, friendly service from a dedicated family team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg",
|
||||
},
|
||||
title: "Family Values", description: "Personalized, friendly service from a dedicated family team.", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg"},
|
||||
]}
|
||||
title="Why Choose JC Auto?"
|
||||
description="We believe in transparency, quality, and going the extra mile for every client."
|
||||
@@ -188,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gerda Burger",
|
||||
handle: "@gerdaburger",
|
||||
testimonial: "I had the best experience ever. The people are friendly, helpful, and go the extra mile.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117140.jpg",
|
||||
},
|
||||
id: "1", name: "Gerda Burger", handle: "@gerdaburger", testimonial: "I had the best experience ever. The people are friendly, helpful, and go the extra mile.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117140.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ronel Van Wyk",
|
||||
handle: "@ronelvw",
|
||||
testimonial: "Outstanding service! They helped me even after the paperwork was done. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-handshaking-his-employer-after-being-accepted-his-new-office-job_23-2149034565.jpg",
|
||||
},
|
||||
id: "2", name: "Ronel Van Wyk", handle: "@ronelvw", testimonial: "Outstanding service! They helped me even after the paperwork was done. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-handshaking-his-employer-after-being-accepted-his-new-office-job_23-2149034565.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Johan Wassenaar",
|
||||
handle: "@johanw",
|
||||
testimonial: "They made automotive purchasing easy and efficient. Satisfaction guaranteed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg",
|
||||
},
|
||||
id: "3", name: "Johan Wassenaar", handle: "@johanw", testimonial: "They made automotive purchasing easy and efficient. Satisfaction guaranteed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linton Mokamola",
|
||||
handle: "@lintonm",
|
||||
testimonial: "The best sales experience. They sold me my dream bakkie!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
id: "4", name: "Linton Mokamola", handle: "@lintonm", testimonial: "The best sales experience. They sold me my dream bakkie!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Quinton Ackerman",
|
||||
handle: "@quintonack",
|
||||
testimonial: "JC Auto is my number 1 car dealer. Cleanest vehicles I know of.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
|
||||
},
|
||||
id: "5", name: "Quinton Ackerman", handle: "@quintonack", testimonial: "JC Auto is my number 1 car dealer. Cleanest vehicles I know of.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -240,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept trade-ins?",
|
||||
content: "Yes, we offer competitive trade-in prices for your current vehicle.",
|
||||
},
|
||||
id: "f1", title: "Do you accept trade-ins?", content: "Yes, we offer competitive trade-in prices for your current vehicle."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are the vehicles inspected?",
|
||||
content: "Yes, all our vehicles undergo a thorough quality and safety inspection.",
|
||||
},
|
||||
id: "f2", title: "Are the vehicles inspected?", content: "Yes, all our vehicles undergo a thorough quality and safety inspection."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you assist with finance?",
|
||||
content: "Absolutely, our team guides you through the entire financial process.",
|
||||
},
|
||||
id: "f3", title: "Can you assist with finance?", content: "Absolutely, our team guides you through the entire financial process."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about purchasing your next vehicle."
|
||||
@@ -266,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Absa",
|
||||
"WesBank",
|
||||
"MFC",
|
||||
"Standard Bank",
|
||||
"Nedbank",
|
||||
"Bidvest Bank",
|
||||
"FNB",
|
||||
]}
|
||||
"Absa", "WesBank", "MFC", "Standard Bank", "Nedbank", "Bidvest Bank", "FNB"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with top financial and automotive institutions to provide the best value."
|
||||
/>
|
||||
@@ -286,28 +189,17 @@ export default function LandingPage() {
|
||||
description="Fill in your details, and a team member will reach out to help you find your perfect car."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you're looking for...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us what you're looking for...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149089.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user