From 99d05f5e3499736ddf5950b7aeddaa95c12697cc Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 21:38:56 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 285 +++++++++-------------------------------------- 1 file changed, 52 insertions(+), 233 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f2b9113..9ba0c67 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,29 +32,17 @@ export default function LandingPage() { @@ -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" /> @@ -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: "#"}, ], }, ]} -- 2.49.1