Merge version_1 into main #1
261
src/app/page.tsx
261
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "#vehicles",
|
||||
},
|
||||
name: "Vehicles", id: "#vehicles"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Ok Auto"
|
||||
/>
|
||||
@@ -68,32 +54,15 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Trusted Partner for All Things Auto"
|
||||
description="From reliable repairs to premium car sales, Ok Auto delivers exceptional service and quality you can trust. Drive confidently with us!"
|
||||
tag="Quality Auto Care"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sport-car-salon-direction-vire-brown-leather-interior_114579-1158.jpg",
|
||||
imageAlt: "Sleek modern car in a showroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sport-car-salon-direction-vire-brown-leather-interior_114579-1158.jpg", imageAlt: "Sleek modern car in a showroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg",
|
||||
imageAlt: "Mechanic working on a car engine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-chosing-car_1303-14089.jpg",
|
||||
imageAlt: "Woman chosing a car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130090.jpg",
|
||||
imageAlt: "Close up of car in dealership",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-5497.jpg",
|
||||
imageAlt: "side rear-view mirror",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg", imageAlt: "Mechanic working on a car engine"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,7 +75,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Who We Are"
|
||||
title="About Ok Auto: Your Journey, Our Expertise"
|
||||
description="At Ok Auto, we're passionate about vehicles and dedicated to providing top-tier automotive services. With years of experience, our certified technicians offer everything from routine maintenance to complex repairs, ensuring your car runs perfectly. We also feature a curated selection of quality pre-owned vehicles, all inspected to meet our rigorous standards. Your satisfaction is our driving force."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,23 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Repairs & Diagnostics",
|
||||
description: "Our certified technicians use advanced diagnostic tools to accurately identify and fix any issue, from engine trouble to electrical faults.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg",
|
||||
imageAlt: "Mechanic inspecting car tires",
|
||||
},
|
||||
title: "Expert Repairs & Diagnostics", description: "Our certified technicians use advanced diagnostic tools to accurately identify and fix any issue, from engine trouble to electrical faults.", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "Mechanic inspecting car tires"},
|
||||
{
|
||||
title: "Routine Maintenance",
|
||||
description: "Keep your car in peak condition with our comprehensive maintenance services, including oil changes, tire rotations, and brake inspections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1296.jpg",
|
||||
imageAlt: "Car engine diagnostic",
|
||||
},
|
||||
title: "Routine Maintenance", description: "Keep your car in peak condition with our comprehensive maintenance services, including oil changes, tire rotations, and brake inspections.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1296.jpg", imageAlt: "Car engine diagnostic"},
|
||||
{
|
||||
title: "Detailing & Reconditioning",
|
||||
description: "Restore your vehicle's aesthetic with our professional detailing services, including interior cleaning, exterior polishing, and paint correction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36592.jpg",
|
||||
imageAlt: "Car detailing with foam",
|
||||
},
|
||||
title: "Detailing & Reconditioning", description: "Restore your vehicle's aesthetic with our professional detailing services, including interior cleaning, exterior polishing, and paint correction.", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36592.jpg", imageAlt: "Car detailing with foam"},
|
||||
]}
|
||||
title="Comprehensive Auto Services"
|
||||
description="We offer a full range of services designed to keep your vehicle running smoothly, safely, and efficiently. Our expertise covers all aspects of automotive care."
|
||||
@@ -148,47 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "sedan-1",
|
||||
name: "Luxury Sedan",
|
||||
price: "$28,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg",
|
||||
imageAlt: "White luxury sedan",
|
||||
},
|
||||
id: "sedan-1", name: "Luxury Sedan", price: "$28,500", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg", imageAlt: "White luxury sedan"},
|
||||
{
|
||||
id: "suv-1",
|
||||
name: "Family SUV",
|
||||
price: "$35,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeep-car-hawaii_23-2148892251.jpg",
|
||||
imageAlt: "Grey family SUV",
|
||||
},
|
||||
id: "suv-1", name: "Family SUV", price: "$35,900", imageSrc: "http://img.b2bpic.net/free-photo/jeep-car-hawaii_23-2148892251.jpg", imageAlt: "Grey family SUV"},
|
||||
{
|
||||
id: "sports-1",
|
||||
name: "Sport Coupe",
|
||||
price: "$42,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-red-color-geometric-shape-modern-banner-design_1055-24745.jpg",
|
||||
imageAlt: "Red sport coupe",
|
||||
},
|
||||
id: "sports-1", name: "Sport Coupe", price: "$42,000", imageSrc: "http://img.b2bpic.net/free-vector/abstract-red-color-geometric-shape-modern-banner-design_1055-24745.jpg", imageAlt: "Red sport coupe"},
|
||||
{
|
||||
id: "truck-1",
|
||||
name: "Work Truck",
|
||||
price: "$31,750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-transporter-breakdown-lorry-working-using-locked-belt-transport-other-green-car_1150-6453.jpg",
|
||||
imageAlt: "Heavy duty pickup truck",
|
||||
},
|
||||
id: "truck-1", name: "Work Truck", price: "$31,750", imageSrc: "http://img.b2bpic.net/free-photo/car-transporter-breakdown-lorry-working-using-locked-belt-transport-other-green-car_1150-6453.jpg", imageAlt: "Heavy duty pickup truck"},
|
||||
{
|
||||
id: "van-1",
|
||||
name: "Cargo Van",
|
||||
price: "$22,300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minivan-road-rear-driving-car-modern-highway_169016-68585.jpg",
|
||||
imageAlt: "White cargo van",
|
||||
},
|
||||
id: "van-1", name: "Cargo Van", price: "$22,300", imageSrc: "http://img.b2bpic.net/free-photo/minivan-road-rear-driving-car-modern-highway_169016-68585.jpg", imageAlt: "White cargo van"},
|
||||
{
|
||||
id: "electric-1",
|
||||
name: "Electric Hatchback",
|
||||
price: "$32,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021169.jpg",
|
||||
imageAlt: "Electric car charging",
|
||||
},
|
||||
id: "electric-1", name: "Electric Hatchback", price: "$32,100", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021169.jpg", imageAlt: "Electric car charging"},
|
||||
]}
|
||||
title="Our Top Vehicles & Packages"
|
||||
description="Explore our curated selection of quality vehicles ready for a new home, alongside our exclusive service packages designed for peace of mind."
|
||||
@@ -202,23 +128,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
icon: Award,
|
||||
title: "Years in Service",
|
||||
value: "15+",
|
||||
},
|
||||
id: "metric-1", icon: Award,
|
||||
title: "Years in Service", value: "15+"},
|
||||
{
|
||||
id: "metric-2",
|
||||
icon: Users,
|
||||
title: "Satisfied Customers",
|
||||
value: "5,000+",
|
||||
},
|
||||
id: "metric-2", icon: Users,
|
||||
title: "Satisfied Customers", value: "5,000+"},
|
||||
{
|
||||
id: "metric-3",
|
||||
icon: Car,
|
||||
title: "Vehicles Serviced",
|
||||
value: "10,000+",
|
||||
},
|
||||
id: "metric-3", icon: Car,
|
||||
title: "Vehicles Serviced", value: "10,000+"},
|
||||
]}
|
||||
title="Years of Excellence & Trust"
|
||||
description="Our commitment to quality and customer satisfaction speaks for itself through tangible results."
|
||||
@@ -231,50 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Outstanding Service!",
|
||||
quote: "Ok Auto consistently delivers top-notch service. My car runs like new every time I bring it in. The staff is knowledgeable and truly cares.",
|
||||
name: "Sarah J.",
|
||||
role: "Local Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", title: "Outstanding Service!", quote: "Ok Auto consistently delivers top-notch service. My car runs like new every time I bring it in. The staff is knowledgeable and truly cares.", name: "Sarah J.", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable & Trustworthy",
|
||||
quote: "I've been coming to Ok Auto for years. Their honesty and expertise are unmatched. I wouldn't trust anyone else with my vehicle.",
|
||||
name: "Michael C.",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", title: "Reliable & Trustworthy", quote: "I've been coming to Ok Auto for years. Their honesty and expertise are unmatched. I wouldn't trust anyone else with my vehicle.", name: "Michael C.", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Smooth Car Buying Experience",
|
||||
quote: "Buying a car from Ok Auto was a breeze. No pressure, just great advice and a fantastic vehicle that fits my budget perfectly. Highly recommend!",
|
||||
name: "Emily R.",
|
||||
role: "Marketing Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-against-building-new-brick-house_1398-5104.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", title: "Smooth Car Buying Experience", quote: "Buying a car from Ok Auto was a breeze. No pressure, just great advice and a fantastic vehicle that fits my budget perfectly. Highly recommend!", name: "Emily R.", role: "Marketing Specialist", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-against-building-new-brick-house_1398-5104.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Exceptional Care",
|
||||
quote: "The team at Ok Auto goes above and beyond. From a simple oil change to a complex repair, they handle everything with professionalism and efficiency.",
|
||||
name: "David K.",
|
||||
role: "Project Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-bbay-girl-choosing-car-car-saloon_1303-26804.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", title: "Exceptional Care", quote: "The team at Ok Auto goes above and beyond. From a simple oil change to a complex repair, they handle everything with professionalism and efficiency.", name: "David K.", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/family-with-bbay-girl-choosing-car-car-saloon_1303-26804.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best Auto Shop Around",
|
||||
quote: "Always friendly, always transparent, and always great work. Ok Auto has earned my lifelong loyalty. My car has never felt better!",
|
||||
name: "Jessica L.",
|
||||
role: "Healthcare Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", title: "Best Auto Shop Around", quote: "Always friendly, always transparent, and always great work. Ok Auto has earned my lifelong loyalty. My car has never felt better!", name: "Jessica L.", role: "Healthcare Professional", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear directly from our happy clients who trust Ok Auto for their vehicle needs and experience."
|
||||
@@ -287,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What types of services does Ok Auto offer?",
|
||||
content: "Ok Auto offers a comprehensive range of services including routine maintenance (oil changes, tire rotations), advanced diagnostics, engine repairs, brake services, detailing, and quality pre-owned car sales.",
|
||||
},
|
||||
id: "faq-1", title: "What types of services does Ok Auto offer?", content: "Ok Auto offers a comprehensive range of services including routine maintenance (oil changes, tire rotations), advanced diagnostics, engine repairs, brake services, detailing, and quality pre-owned car sales."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Are your technicians certified?",
|
||||
content: "Yes, all our automotive technicians are highly trained and certified with extensive experience in various vehicle makes and models to ensure top-quality service.",
|
||||
},
|
||||
id: "faq-2", title: "Are your technicians certified?", content: "Yes, all our automotive technicians are highly trained and certified with extensive experience in various vehicle makes and models to ensure top-quality service."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer financing options for car purchases?",
|
||||
content: "We partner with several financial institutions to offer competitive financing options for our pre-owned vehicles. Our team can help you find a plan that fits your budget.",
|
||||
},
|
||||
id: "faq-3", title: "Do you offer financing options for car purchases?", content: "We partner with several financial institutions to offer competitive financing options for our pre-owned vehicles. Our team can help you find a plan that fits your budget."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our services, vehicles, and company policies."
|
||||
@@ -315,27 +188,16 @@ export default function LandingPage() {
|
||||
description="Schedule a service, ask a question, or inquire about a vehicle. We're here to help you with all your automotive needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-while-talking-customer-repair-shop_637285-8614.jpg"
|
||||
@@ -351,58 +213,35 @@ export default function LandingPage() {
|
||||
logoText="Ok Auto"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs & Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs & Diagnostics", href: "#services"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Detailing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Detailing", href: "#services"},
|
||||
{
|
||||
label: "Car Sales",
|
||||
href: "#vehicles",
|
||||
},
|
||||
label: "Car Sales", href: "#vehicles"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "#privacy"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#terms",
|
||||
},
|
||||
label: "Terms of Service", href: "#terms"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user