Update src/app/page.tsx
This commit is contained in:
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,65 +32,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="CAR DEVELOPMENT"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:0769105183",
|
||||
}}
|
||||
text: "Call Now", href: "tel:0769105183"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Car. Back on the Road — Fast."
|
||||
description="Emergency repairs, expert diagnostics, and trusted service — done right the first time."
|
||||
tag="Emergency Same-Day Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Immediate Assistance",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Immediate Assistance", href: "#contact"},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg",
|
||||
imageAlt: "Luxury Garage Maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg", imageAlt: "Luxury Garage Maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881860.jpg",
|
||||
imageAlt: "Expert Diagnostic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg",
|
||||
imageAlt: "Top view man repairing car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376987.jpg",
|
||||
imageAlt: "Male mechanics working together on car in the shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",
|
||||
imageAlt: "Expert shows client car checkup steps",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881860.jpg", imageAlt: "Expert Diagnostic"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,26 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "v1",
|
||||
value: "Fast",
|
||||
title: "Ultra-Fast Response",
|
||||
description: "We act immediately when your vehicle fails — even in urgent situations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg",
|
||||
},
|
||||
id: "v1", value: "Fast", title: "Ultra-Fast Response", description: "We act immediately when your vehicle fails — even in urgent situations.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg"},
|
||||
{
|
||||
id: "v2",
|
||||
value: "Expert",
|
||||
title: "Workmanship",
|
||||
description: "Precision repairs done by experienced professionals in our dedicated facility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts_1170-1421.jpg",
|
||||
},
|
||||
id: "v2", value: "Expert", title: "Workmanship", description: "Precision repairs done by experienced professionals in our dedicated facility.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts_1170-1421.jpg"},
|
||||
{
|
||||
id: "v3",
|
||||
value: "Clear",
|
||||
title: "Transparency",
|
||||
description: "Clear explanations, honest pricing, and zero surprises during service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-gift-box-doing-ok-sign-black-shirt-with-cap_176474-11279.jpg",
|
||||
},
|
||||
id: "v3", value: "Clear", title: "Transparency", description: "Clear explanations, honest pricing, and zero surprises during service.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-gift-box-doing-ok-sign-black-shirt-with-cap_176474-11279.jpg"},
|
||||
]}
|
||||
title="Precision. Performance. Trust."
|
||||
description="We deliver superior service by combining technical expertise with genuine care for every vehicle."
|
||||
@@ -139,57 +95,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Repair",
|
||||
title: "Mechanical Repairs",
|
||||
items: [
|
||||
"Clutch replacement",
|
||||
"Alternator servicing",
|
||||
"Engine diagnostics",
|
||||
"Suspension work",
|
||||
],
|
||||
id: "s1", label: "Repair", title: "Mechanical Repairs", items: [
|
||||
"Clutch replacement", "Alternator servicing", "Engine diagnostics", "Suspension work"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Emergency",
|
||||
title: "Breakdown Support",
|
||||
items: [
|
||||
"Fast intervention",
|
||||
"On-site assessment",
|
||||
"Emergency diagnostics",
|
||||
"Priority scheduling",
|
||||
],
|
||||
id: "s2", label: "Emergency", title: "Breakdown Support", items: [
|
||||
"Fast intervention", "On-site assessment", "Emergency diagnostics", "Priority scheduling"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Tech",
|
||||
title: "Advanced Diagnostics",
|
||||
items: [
|
||||
"Error code reading",
|
||||
"Performance optimization",
|
||||
"Full computer check",
|
||||
"Electronic troubleshooting",
|
||||
],
|
||||
id: "s3", label: "Tech", title: "Advanced Diagnostics", items: [
|
||||
"Error code reading", "Performance optimization", "Full computer check", "Electronic troubleshooting"],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "Maintenance",
|
||||
title: "General Maintenance",
|
||||
items: [
|
||||
"Oil changes",
|
||||
"Brake service",
|
||||
"Routine checkups",
|
||||
"Transparent quoting",
|
||||
],
|
||||
id: "s4", label: "Maintenance", title: "General Maintenance", items: [
|
||||
"Oil changes", "Brake service", "Routine checkups", "Transparent quoting"],
|
||||
},
|
||||
]}
|
||||
title="Complete Automotive Care"
|
||||
description="Expert solutions for every aspect of your vehicle’s performance and safety."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Service", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -200,45 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Lifesavers!",
|
||||
quote: "My clutch failed on Christmas Eve at 8 PM. They handled everything immediately. Outstanding speed.",
|
||||
name: "Sarah J.",
|
||||
role: "Corporate Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
|
||||
},
|
||||
id: "t1", title: "Lifesavers!", quote: "My clutch failed on Christmas Eve at 8 PM. They handled everything immediately. Outstanding speed.", name: "Sarah J.", role: "Corporate Lead", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fast Professionalism",
|
||||
quote: "Repair done in a single day. Fast, efficient, and extremely professional. Highly recommended.",
|
||||
name: "Michael C.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg",
|
||||
},
|
||||
id: "t2", title: "Fast Professionalism", quote: "Repair done in a single day. Fast, efficient, and extremely professional. Highly recommended.", name: "Michael C.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Transparent Service",
|
||||
quote: "Emergency help, clear info, respected deadlines, and zero hidden costs. Truly outstanding service.",
|
||||
name: "Emily R.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg",
|
||||
},
|
||||
id: "t3", title: "Transparent Service", quote: "Emergency help, clear info, respected deadlines, and zero hidden costs. Truly outstanding service.", name: "Emily R.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Excellent Quality",
|
||||
quote: "The best garage in the area. Knowledgeable staff who actually listen to your concerns.",
|
||||
name: "David K.",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",
|
||||
},
|
||||
id: "t4", title: "Excellent Quality", quote: "The best garage in the area. Knowledgeable staff who actually listen to your concerns.", name: "David K.", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Reliable Results",
|
||||
quote: "Consistently reliable service. I won't go anywhere else for my car maintenance needs.",
|
||||
name: "Jessica M.",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg",
|
||||
},
|
||||
id: "t5", title: "Reliable Results", quote: "Consistently reliable service. I won't go anywhere else for my car maintenance needs.", name: "Jessica M.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Honest feedback from our community of drivers."
|
||||
@@ -250,14 +146,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Not Just a Garage — A Trusted Partner"
|
||||
description={[
|
||||
"We believe that vehicle maintenance should be stress-free, transparent, and always focused on your safety.",
|
||||
"Our team respects your time and your budget, ensuring you get back on the road with total confidence.",
|
||||
]}
|
||||
"We believe that vehicle maintenance should be stress-free, transparent, and always focused on your safety.", "Our team respects your time and your budget, ensuring you get back on the road with total confidence."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Experience the Difference",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Experience the Difference", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,30 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "1. Contact Us",
|
||||
content: "Reach out by phone or our online request form to schedule your immediate assessment.",
|
||||
},
|
||||
id: "f1", title: "1. Contact Us", content: "Reach out by phone or our online request form to schedule your immediate assessment."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "2. Professional Diagnosis",
|
||||
content: "Our experts perform a rapid but thorough diagnostic to identify the core issue quickly.",
|
||||
},
|
||||
id: "f2", title: "2. Professional Diagnosis", content: "Our experts perform a rapid but thorough diagnostic to identify the core issue quickly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "3. Clear Transparent Quote",
|
||||
content: "We explain exactly what is wrong and provide a detailed price before any work begins.",
|
||||
},
|
||||
id: "f3", title: "3. Clear Transparent Quote", content: "We explain exactly what is wrong and provide a detailed price before any work begins."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "4. Repair Execution",
|
||||
content: "Fast, professional repairs using high-quality parts to restore your vehicle’s performance.",
|
||||
},
|
||||
id: "f4", title: "4. Repair Execution", content: "Fast, professional repairs using high-quality parts to restore your vehicle’s performance."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "5. Back on the Road",
|
||||
content: "A final check is performed before we hand the keys back, ensuring total reliability for your journey.",
|
||||
},
|
||||
id: "f5", title: "5. Back on the Road", content: "A final check is performed before we hand the keys back, ensuring total reliability for your journey."},
|
||||
]}
|
||||
title="Simple. Fast. Reliable."
|
||||
description="Our step-by-step approach ensures full transparency at every stage of your service journey."
|
||||
@@ -306,28 +183,17 @@ export default function LandingPage() {
|
||||
description="Car trouble? Don't wait. Get professional help right now from our dedicated team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full 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: "Briefly describe your car issues...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Briefly describe your car issues...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg"
|
||||
@@ -340,46 +206,29 @@ export default function LandingPage() {
|
||||
logoText="CAR DEVELOPMENT"
|
||||
columns={[
|
||||
{
|
||||
title: "Our Services",
|
||||
items: [
|
||||
title: "Our Services", items: [
|
||||
{
|
||||
label: "Mechanical Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Mechanical Repair", href: "#services"},
|
||||
{
|
||||
label: "Emergency Assistance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Assistance", href: "#services"},
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diagnostics", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "18 Rue du Stade, Grézieu-la-Varenne",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "18 Rue du Stade, Grézieu-la-Varenne", href: "#contact"},
|
||||
{
|
||||
label: "07 69 10 51 83",
|
||||
href: "tel:0769105183",
|
||||
},
|
||||
label: "07 69 10 51 83", href: "tel:0769105183"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", 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