Merge version_3 into main #3
123
src/app/page.tsx
123
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
@@ -31,32 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="JC Auto"
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+27000000000"}}
|
||||
button={{ text: "Call Now", href: "tel:+27000000000" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ 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: "Contact Us", href: "#contact"},
|
||||
{ text: "View Inventory", href: "#inventory" },
|
||||
{ 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"
|
||||
@@ -70,12 +62,9 @@ export default function LandingPage() {
|
||||
title="Our Track Record"
|
||||
tag="Quality Assured"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2", value: "4.5★", description: "Average Rating"},
|
||||
{
|
||||
id: "m3", value: "15+", description: "Years Experience"},
|
||||
{ id: "m1", value: "100+", description: "Happy Clients" },
|
||||
{ id: "m2", value: "4.5★", description: "Average Rating" },
|
||||
{ id: "m3", value: "15+", description: "Years Experience" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,18 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Immaculate Vehicles"
|
||||
description="Discover our collection of premium, thoroughly inspected vehicles."
|
||||
@@ -113,12 +96,9 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -127,29 +107,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
cardAnimation="depth-3d"
|
||||
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: "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: "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: "1", name: "Gerda Burger", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117140.jpg" },
|
||||
{ id: "2", name: "Ronel Van Wyk", 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", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg" },
|
||||
{ id: "4", name: "Linton Mokamola", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
|
||||
{ id: "5", name: "Quinton Ackerman", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Join our growing family of happy drivers."
|
||||
cardTitle="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,12 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Can you assist with finance?", content: "Absolutely, our team guides you through the entire financial process."},
|
||||
{ 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: "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."
|
||||
@@ -175,8 +139,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Absa", "WesBank", "MFC", "Standard Bank", "Nedbank", "Bidvest Bank", "FNB"]}
|
||||
names={["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."
|
||||
/>
|
||||
@@ -188,26 +151,22 @@ export default function LandingPage() {
|
||||
title="Start Your Journey"
|
||||
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: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us what you're looking for...", rows: 4,
|
||||
}}
|
||||
textarea={{ 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterMedia
|
||||
logoText="JC Auto"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Inventory", href: "#inventory" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 JC Auto | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user