Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Book",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book", id: "contact"},
|
||||
]}
|
||||
brandName="CARKEEPERS"
|
||||
/>
|
||||
@@ -59,15 +49,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Car Care. Honest Service."
|
||||
description="Trusted mechanics delivering expert repairs, diagnostics, and maintenance — without unnecessary costs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881881.jpg"
|
||||
/>
|
||||
@@ -81,17 +68,11 @@ export default function LandingPage() {
|
||||
description="We are committed to transparency and technical excellence. Our goal is to provide quality repairs that keep you safe on the road."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Honest Advice",
|
||||
description: "We don’t fix what isn’t broken. Many customers trust us because we save them money.",
|
||||
},
|
||||
title: "Honest Advice", description: "We don’t fix what isn’t broken. Many customers trust us because we save them money."},
|
||||
{
|
||||
title: "Expert Mechanics",
|
||||
description: "From classic models to modern engines — we know cars inside out.",
|
||||
},
|
||||
title: "Expert Mechanics", description: "From classic models to modern engines — we know cars inside out."},
|
||||
{
|
||||
title: "Fast & Reliable",
|
||||
description: "We solve problems quickly so you can get back on the road without stress.",
|
||||
},
|
||||
title: "Fast & Reliable", description: "We solve problems quickly so you can get back on the road without stress."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-car-service-employees_23-2148327569.jpg"
|
||||
/>
|
||||
@@ -104,47 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Diagnostics",
|
||||
subtitle: "Full electronic scanning",
|
||||
category: "Inspection",
|
||||
value: "Precision",
|
||||
},
|
||||
id: "1", title: "Diagnostics", subtitle: "Full electronic scanning", category: "Inspection", value: "Precision"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Engine Repair",
|
||||
subtitle: "Professional rebuilding",
|
||||
category: "Mechanical",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "2", title: "Engine Repair", subtitle: "Professional rebuilding", category: "Mechanical", value: "Expert"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Oil Changes",
|
||||
subtitle: "Premium quality fluids",
|
||||
category: "Maintenance",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "3", title: "Oil Changes", subtitle: "Premium quality fluids", category: "Maintenance", value: "Fast"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Electrical",
|
||||
subtitle: "Full system checks",
|
||||
category: "Technical",
|
||||
value: "Modern",
|
||||
},
|
||||
id: "4", title: "Electrical", subtitle: "Full system checks", category: "Technical", value: "Modern"},
|
||||
{
|
||||
id: "5",
|
||||
title: "ITV Prep",
|
||||
subtitle: "Passing standard tests",
|
||||
category: "Legal",
|
||||
value: "Reliable",
|
||||
},
|
||||
id: "5", title: "ITV Prep", subtitle: "Passing standard tests", category: "Legal", value: "Reliable"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Pre-Purchase",
|
||||
subtitle: "Buying a used car?",
|
||||
category: "Security",
|
||||
value: "Insight",
|
||||
},
|
||||
id: "6", title: "Pre-Purchase", subtitle: "Buying a used car?", category: "Security", value: "Insight"},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Comprehensive diagnostics and repair services for all vehicle types."
|
||||
@@ -158,22 +109,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Clients",
|
||||
value: "10k+",
|
||||
icon: Star,
|
||||
id: "m1", title: "Happy Clients", value: "10k+", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Years Expertise",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
id: "m2", title: "Years Expertise", value: "15+", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Expert Mechanics",
|
||||
value: "24",
|
||||
icon: Users,
|
||||
id: "m3", title: "Expert Mechanics", value: "24", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
@@ -185,42 +127,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Trusted mechanics. Got my classic Mercedes back on the road.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-inspector-overseeing-auto-repairman-who-is-working-n-computer-workshop-focus-is-mechanic_637285-7568.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Trusted mechanics. Got my classic Mercedes back on the road.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-inspector-overseeing-auto-repairman-who-is-working-n-computer-workshop-focus-is-mechanic_637285-7568.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Very honest — told me my car didn’t need repair and didn’t charge anything.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-car-service_23-2148826534.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Very honest — told me my car didn’t need repair and didn’t charge anything.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-car-service_23-2148826534.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily_r",
|
||||
testimonial: "Fast, professional, and really care about your car.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "Fast, professional, and really care about your car.", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Saved our vacation — quick, friendly and efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-standing-with-clipboard_1170-1541.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Saved our vacation — quick, friendly and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-standing-with-clipboard_1170-1541.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Best service I have ever experienced for my vehicle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-african-american-mechanic-handshaking-auto-repair-shop_637285-11567.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex Smith", handle: "@asmith", testimonial: "Best service I have ever experienced for my vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-african-american-mechanic-handshaking-auto-repair-shop_637285-11567.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Real stories from our valued customers."
|
||||
@@ -234,26 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "1. Bring Your Car",
|
||||
subtitle: "Drop off or visit",
|
||||
category: "Booking",
|
||||
value: "Easy",
|
||||
},
|
||||
id: "s1", title: "1. Bring Your Car", subtitle: "Drop off or visit", category: "Booking", value: "Easy"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "2. Diagnosis",
|
||||
subtitle: "Clear assessment",
|
||||
category: "Service",
|
||||
value: "Transparent",
|
||||
},
|
||||
id: "s2", title: "2. Diagnosis", subtitle: "Clear assessment", category: "Service", value: "Transparent"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "3. Repair",
|
||||
subtitle: "Quality parts used",
|
||||
category: "Finalizing",
|
||||
value: "Efficient",
|
||||
},
|
||||
id: "s3", title: "3. Repair", subtitle: "Quality parts used", category: "Finalizing", value: "Efficient"},
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="We make getting your car fixed as easy as possible."
|
||||
@@ -266,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a service take?",
|
||||
content: "Most routine services are completed within the same day.",
|
||||
},
|
||||
id: "f1", title: "How long does a service take?", content: "Most routine services are completed within the same day."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you use OEM parts?",
|
||||
content: "Yes, we prioritize high-quality parts to ensure vehicle longevity.",
|
||||
},
|
||||
id: "f2", title: "Do you use OEM parts?", content: "Yes, we prioritize high-quality parts to ensure vehicle longevity."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book online?",
|
||||
content: "Absolutely, use our booking form to secure your time slot.",
|
||||
},
|
||||
id: "f3", title: "Can I book online?", content: "Absolutely, use our booking form to secure your time slot."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Clear answers to your vehicle maintenance queries."
|
||||
@@ -291,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Ready to Fix Your Car?"
|
||||
description="Fast, honest and professional service. Book your appointment today."
|
||||
@@ -306,50 +199,31 @@ export default function LandingPage() {
|
||||
logoText="CARKEEPERS"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diagnostics", href: "#services"},
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Engine Repair", href: "#services"},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Oil Change", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user