Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,29 +32,17 @@ 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: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Michel & Jimmy Auto"
|
||||
/>
|
||||
@@ -66,12 +54,10 @@ export default function LandingPage() {
|
||||
description="Expert mechanics serving your vehicle with integrity. Fast diagnostics, transparent pricing, and same-week service for all makes and models."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Service Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Service Today", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg"
|
||||
imageAlt="Professional mechanic working on a car in a clean workshop"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,15 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Montreal's Trusted Auto Repair Since Day One",
|
||||
},
|
||||
type: "text", content: "Montreal's Trusted Auto Repair Since Day One"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn Our Story", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -102,29 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "diagnostics",
|
||||
title: "Advanced Diagnostics",
|
||||
description: "Pinpoint issues quickly and accurately with our state-of-the-art diagnostic tools.",
|
||||
tag: "Technology",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg?_wi=1",
|
||||
imageAlt: "Car diagnostics machine",
|
||||
},
|
||||
id: "diagnostics", title: "Advanced Diagnostics", description: "Pinpoint issues quickly and accurately with our state-of-the-art diagnostic tools.", tag: "Technology", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg", imageAlt: "Car diagnostics machine"},
|
||||
{
|
||||
id: "maintenance",
|
||||
title: "Routine Maintenance",
|
||||
description: "Keep your vehicle running smoothly with scheduled oil changes, tire rotations, and comprehensive checks.",
|
||||
tag: "Preventative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg?_wi=1",
|
||||
imageAlt: "Mechanic performing car maintenance",
|
||||
},
|
||||
id: "maintenance", title: "Routine Maintenance", description: "Keep your vehicle running smoothly with scheduled oil changes, tire rotations, and comprehensive checks.", tag: "Preventative", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg", imageAlt: "Mechanic performing car maintenance"},
|
||||
{
|
||||
id: "repair",
|
||||
title: "General Repairs",
|
||||
description: "Reliable solutions for engine, brake, suspension, and electrical system repairs.",
|
||||
tag: "Restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg?_wi=1",
|
||||
imageAlt: "Mechanic repairing car engine",
|
||||
},
|
||||
id: "repair", title: "General Repairs", description: "Reliable solutions for engine, brake, suspension, and electrical system repairs.", tag: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg", imageAlt: "Mechanic repairing car engine"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From routine maintenance to complex repairs, our certified mechanics handle all makes and models with precision and care."
|
||||
@@ -136,22 +100,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "years",
|
||||
value: "30+",
|
||||
description: "Years of Dedicated Service in Montreal",
|
||||
},
|
||||
id: "years", value: "30+", description: "Years of Dedicated Service in Montreal"},
|
||||
{
|
||||
id: "customers",
|
||||
value: "5000+",
|
||||
description: "Happy Customers and Counting",
|
||||
},
|
||||
id: "customers", value: "5000+", description: "Happy Customers and Counting"},
|
||||
{
|
||||
id: "repairs",
|
||||
value: "99%",
|
||||
description: "First-Time Fix Rate",
|
||||
},
|
||||
id: "repairs", value: "99%", description: "First-Time Fix Rate"},
|
||||
]}
|
||||
title="Why Trust Michel & Jimmy Auto?"
|
||||
description="Our commitment to quality, speed, and customer satisfaction sets us apart in Montreal."
|
||||
@@ -164,65 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Isabelle L.",
|
||||
date: "2023-10-26",
|
||||
title: "Exceptional Service!",
|
||||
quote: "Michel & Jimmy Auto is simply the best in Montreal. Transparent pricing and my car was ready much faster than expected. Highly recommend!",
|
||||
tag: "Trustworthy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
|
||||
avatarAlt: "Isabelle L. avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg?_wi=2",
|
||||
imageAlt: "happy customer auto repair review",
|
||||
},
|
||||
id: "1", name: "Isabelle L.", date: "2023-10-26", title: "Exceptional Service!", quote: "Michel & Jimmy Auto is simply the best in Montreal. Transparent pricing and my car was ready much faster than expected. Highly recommend!", tag: "Trustworthy", avatarSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg", avatarAlt: "Isabelle L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "happy customer auto repair review"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc-André D.",
|
||||
date: "2023-09-15",
|
||||
title: "My Go-To Mechanics",
|
||||
quote: "I've been bringing my vehicles here for years. Always honest, always efficient. They explain everything clearly.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
avatarAlt: "Marc-André D. avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171238.jpg",
|
||||
imageAlt: "happy customer auto repair review",
|
||||
},
|
||||
id: "2", name: "Marc-André D.", date: "2023-09-15", title: "My Go-To Mechanics", quote: "I've been bringing my vehicles here for years. Always honest, always efficient. They explain everything clearly.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", avatarAlt: "Marc-André D. avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171238.jpg", imageAlt: "happy customer auto repair review"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie P.",
|
||||
date: "2023-08-01",
|
||||
title: "Quick & Professional",
|
||||
quote: "Had an unexpected issue with my car, and they fit me in right away. The repair was flawless and the price was fair.",
|
||||
tag: "Efficient",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-customer-posing-car-dealership_651396-1155.jpg",
|
||||
avatarAlt: "Sophie P. avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg?_wi=2",
|
||||
imageAlt: "happy customer auto repair review",
|
||||
},
|
||||
id: "3", name: "Sophie P.", date: "2023-08-01", title: "Quick & Professional", quote: "Had an unexpected issue with my car, and they fit me in right away. The repair was flawless and the price was fair.", tag: "Efficient", avatarSrc: "http://img.b2bpic.net/free-photo/happy-customer-posing-car-dealership_651396-1155.jpg", avatarAlt: "Sophie P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg", imageAlt: "happy customer auto repair review"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David R.",
|
||||
date: "2023-07-10",
|
||||
title: "Truly Experts!",
|
||||
quote: "The team at Centre Auto Michel & Jimmy diagnosed a complex problem that other shops missed. My car runs like new!",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-displeased-customers-about-vehicle-breakdown-workshop_637285-7724.jpg",
|
||||
avatarAlt: "David R. avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg?_wi=2",
|
||||
imageAlt: "happy customer auto repair review",
|
||||
},
|
||||
id: "4", name: "David R.", date: "2023-07-10", title: "Truly Experts!", quote: "The team at Centre Auto Michel & Jimmy diagnosed a complex problem that other shops missed. My car runs like new!", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-displeased-customers-about-vehicle-breakdown-workshop_637285-7724.jpg", avatarAlt: "David R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg", imageAlt: "happy customer auto repair review"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloé B.",
|
||||
date: "2023-06-22",
|
||||
title: "Fantastic Experience",
|
||||
quote: "As a new car owner, I appreciate their patience and clear communication. They made the process stress-free.",
|
||||
tag: "Friendly",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg",
|
||||
avatarAlt: "Chloé B. avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg?_wi=2",
|
||||
imageAlt: "happy customer auto repair review",
|
||||
},
|
||||
id: "5", name: "Chloé B.", date: "2023-06-22", title: "Fantastic Experience", quote: "As a new car owner, I appreciate their patience and clear communication. They made the process stress-free.", tag: "Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg", avatarAlt: "Chloé B. avatar", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg", imageAlt: "happy customer auto repair review"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it – hear from our satisfied customers across Montreal."
|
||||
@@ -238,47 +144,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard Oil Change",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mechanic-uniform-with-protective-glasses_23-2148773468.jpg",
|
||||
imageAlt: "Standard oil change service",
|
||||
},
|
||||
id: "p1", name: "Standard Oil Change", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/side-view-mechanic-uniform-with-protective-glasses_23-2148773468.jpg", imageAlt: "Standard oil change service"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tire Rotation & Balance",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-winter-tire-snowy-road-bad-weather_1161-751.jpg",
|
||||
imageAlt: "Tire rotation and balancing",
|
||||
},
|
||||
id: "p2", name: "Tire Rotation & Balance", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/car-winter-tire-snowy-road-bad-weather_1161-751.jpg", imageAlt: "Tire rotation and balancing"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brake Inspection & Tune-up",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-male-employee_23-2148327525.jpg",
|
||||
imageAlt: "Brake inspection and tune-up",
|
||||
},
|
||||
id: "p3", name: "Brake Inspection & Tune-up", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-male-employee_23-2148327525.jpg", imageAlt: "Brake inspection and tune-up"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Battery & Alternator Check",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16588.jpg",
|
||||
imageAlt: "Car battery and alternator check",
|
||||
},
|
||||
id: "p4", name: "Battery & Alternator Check", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16588.jpg", imageAlt: "Car battery and alternator check"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "A/C Performance Check",
|
||||
price: "$59.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-repairing-air-conditioning-system-car-auto-repair-shop_637285-4279.jpg",
|
||||
imageAlt: "Car air conditioning performance check",
|
||||
},
|
||||
id: "p5", name: "A/C Performance Check", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-repairing-air-conditioning-system-car-auto-repair-shop_637285-4279.jpg", imageAlt: "Car air conditioning performance check"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Transmission Fluid Service",
|
||||
price: "$149.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg",
|
||||
imageAlt: "Transmission fluid service",
|
||||
},
|
||||
id: "p6", name: "Transmission Fluid Service", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg", imageAlt: "Transmission fluid service"},
|
||||
]}
|
||||
title="Popular Service Packages"
|
||||
description="Explore our comprehensive service packages designed for various needs, ensuring your vehicle stays in top condition."
|
||||
@@ -291,30 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I get an oil change?",
|
||||
content: "Most manufacturers recommend an oil change every 5,000 to 7,500 miles, or every 6 months, depending on your vehicle model and driving habits. We can provide a personalized recommendation.",
|
||||
},
|
||||
id: "q1", title: "How often should I get an oil change?", content: "Most manufacturers recommend an oil change every 5,000 to 7,500 miles, or every 6 months, depending on your vehicle model and driving habits. We can provide a personalized recommendation."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranties on your repairs?",
|
||||
content: "Yes, we stand by the quality of our work. All major repairs come with a 12-month/12,000-mile warranty for your peace of mind.",
|
||||
},
|
||||
id: "q2", title: "Do you offer warranties on your repairs?", content: "Yes, we stand by the quality of our work. All major repairs come with a 12-month/12,000-mile warranty for your peace of mind."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I book an appointment online?",
|
||||
content: "Absolutely! You can easily book your service appointment through our website or give us a call directly. We offer flexible scheduling to fit your needs.",
|
||||
},
|
||||
id: "q3", title: "Can I book an appointment online?", content: "Absolutely! You can easily book your service appointment through our website or give us a call directly. We offer flexible scheduling to fit your needs."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What types of vehicles do you service?",
|
||||
content: "Our expert technicians are trained to service all makes and models, both domestic and imported. From sedans to SUVs, we've got you covered.",
|
||||
},
|
||||
id: "q4", title: "What types of vehicles do you service?", content: "Our expert technicians are trained to service all makes and models, both domestic and imported. From sedans to SUVs, we've got you covered."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "How do you ensure transparent pricing?",
|
||||
content: "We provide detailed estimates before any work begins, clearly outlining parts and labor costs. There are no hidden fees, and we only proceed with your approval.",
|
||||
},
|
||||
id: "q5", title: "How do you ensure transparent pricing?", content: "We provide detailed estimates before any work begins, clearly outlining parts and labor costs. There are no hidden fees, and we only proceed with your approval."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/saleswoman-selling-pre-owned-vehicles-client-after-assessing-condition_482257-118504.jpg"
|
||||
imageAlt="Mechanic explaining car issues to a client"
|
||||
@@ -333,39 +194,20 @@ export default function LandingPage() {
|
||||
description="Ready for reliable car care? Schedule your appointment online or call us for immediate assistance. We look forward to serving you!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Full 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)"},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "serviceType",
|
||||
label: "Preferred Service",
|
||||
options: [
|
||||
"Oil Change",
|
||||
"Brake Repair",
|
||||
"Tire Service",
|
||||
"Diagnostics",
|
||||
"General Repair",
|
||||
"Other",
|
||||
],
|
||||
name: "serviceType", label: "Preferred Service", options: [
|
||||
"Oil Change", "Brake Repair", "Tire Service", "Diagnostics", "General Repair", "Other"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your vehicle's needs or preferred appointment date (Optional)",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your vehicle's needs or preferred appointment date (Optional)", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet_1170-1350.jpg"
|
||||
imageAlt="Mechanic shaking hands with a customer"
|
||||
@@ -380,58 +222,35 @@ export default function LandingPage() {
|
||||
logoText="Centre Auto Michel & Jimmy"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diagnostics", href: "#services"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Service Packages",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Service Packages", href: "#packages"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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",
|
||||
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