From d7e71492dd0c86f1742f2a4b77f72ae27da42dbc Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 2 Jun 2026 21:48:17 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 261 +++++++++-------------------------------------- 1 file changed, 50 insertions(+), 211 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b95962c..c1359ef 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -68,32 +54,15 @@ export default function LandingPage() {
@@ -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"}, ], }, ]} -- 2.49.1