From 98c0efca24235a20166dabbc6ed9e300ddd45431 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 2 Apr 2026 01:51:44 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 168 ++++++++++------------------------------------- 1 file changed, 35 insertions(+), 133 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index cf874a6..a781962 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,21 +30,13 @@ export default function LandingPage() { @@ -56,35 +48,21 @@ export default function LandingPage() { description="Your trusted partner for expert auto repair and maintenance in Parma, OH. Fast, reliable, and professional service." buttons={[ { - text: "Call Now (440) 590-5770", - href: "tel:4405905770", - }, + text: "Call Now (440) 590-5770", href: "tel:4405905770"}, { - text: "Get Free Quote", - href: "#contact", - }, + text: "Get Free Quote", href: "#contact"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=1", - imageAlt: "Professional auto repair service", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "Professional auto repair service"}, { - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=2", - imageAlt: "Mechanics working on high-performance engine", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "Mechanics working on high-performance engine"}, { - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=3", - imageAlt: "Clean, modern auto repair facility", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "Clean, modern auto repair facility"}, { - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=4", - imageAlt: "Detailed car diagnostic process", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "Detailed car diagnostic process"}, { - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=5", - imageAlt: "Expert team ready for service", - }, + imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "Expert team ready for service"}, ]} /> @@ -96,19 +74,13 @@ export default function LandingPage() { description="At YPautoservice LLC, we pride ourselves on delivering honest, efficient, and high-quality automotive care. From routine maintenance to complex engine repairs, our expert team is dedicated to keeping your vehicle safe and reliable on the road. Experience the difference of premium service from a local business that cares." metrics={[ { - value: "15+", - title: "Years Experience", - }, + value: "15+", title: "Years Experience"}, { - value: "5000+", - title: "Vehicles Serviced", - }, + value: "5000+", title: "Vehicles Serviced"}, { - value: "100%", - title: "Customer Satisfaction", - }, + value: "100%", title: "Customer Satisfaction"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/mechanic-wiping-his-hands-with-napkin_1170-1551.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/mechanic-wiping-his-hands-with-napkin_1170-1551.jpg" imageAlt="Professional mechanic servicing car" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -122,36 +94,16 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "General Repair", - description: "Full-service mechanical and electrical repairs for all vehicle types.", - bentoComponent: "reveal-icon", - icon: Wrench, - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=6", - imageAlt: "auto repair shop professional workspace", + title: "General Repair", description: "Full-service mechanical and electrical repairs for all vehicle types.", bentoComponent: "reveal-icon", icon: Wrench, }, { - title: "Oil & Maintenance", - description: "Quick and efficient oil changes and routine vehicle inspections.", - bentoComponent: "reveal-icon", - icon: Droplet, - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-wiping-his-hands-with-napkin_1170-1551.jpg?_wi=2", - imageAlt: "skilled mechanic inspecting car engine", + title: "Oil & Maintenance", description: "Quick and efficient oil changes and routine vehicle inspections.", bentoComponent: "reveal-icon", icon: Droplet, }, { - title: "Diagnostics", - description: "Advanced scanning technology for precise engine and system diagnostics.", - bentoComponent: "reveal-icon", - icon: Gauge, - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg?_wi=1", - imageAlt: "automotive diagnostic tool interface", + title: "Diagnostics", description: "Advanced scanning technology for precise engine and system diagnostics.", bentoComponent: "reveal-icon", icon: Gauge, }, { - title: "Brake Service", - description: "Professional brake pad and rotor replacement for maximum safety.", - bentoComponent: "reveal-icon", - icon: ShieldCheck, - imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25576.jpg?_wi=1", - imageAlt: "auto repair customer service desk", + title: "Brake Service", description: "Professional brake pad and rotor replacement for maximum safety.", bentoComponent: "reveal-icon", icon: ShieldCheck, }, ]} title="Comprehensive Automotive Services" @@ -166,45 +118,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Jenkins", - handle: "@sarahj", - testimonial: "YPautoservice fixed my engine issues quickly and affordably. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=7", - imageAlt: "auto repair shop professional workspace", - }, + id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "YPautoservice fixed my engine issues quickly and affordably. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "auto repair shop professional workspace"}, { - id: "2", - name: "Michael Ross", - handle: "@mike_ross", - testimonial: "Honest, reliable, and fast. The only place I go for my car repair in Parma.", - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-wiping-his-hands-with-napkin_1170-1551.jpg?_wi=3", - imageAlt: "skilled mechanic inspecting car engine", - }, + id: "2", name: "Michael Ross", handle: "@mike_ross", testimonial: "Honest, reliable, and fast. The only place I go for my car repair in Parma.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-wiping-his-hands-with-napkin_1170-1551.jpg", imageAlt: "skilled mechanic inspecting car engine"}, { - id: "3", - name: "David Thompson", - handle: "@dave_t", - testimonial: "Great professional staff and top-tier service quality every single time.", - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg?_wi=2", - imageAlt: "automotive diagnostic tool interface", - }, + id: "3", name: "David Thompson", handle: "@dave_t", testimonial: "Great professional staff and top-tier service quality every single time.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg", imageAlt: "automotive diagnostic tool interface"}, { - id: "4", - name: "Linda Miller", - handle: "@lmiller", - testimonial: "Best service in town. They treat your car like it's their own.", - imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25576.jpg?_wi=2", - imageAlt: "auto repair customer service desk", - }, + id: "4", name: "Linda Miller", handle: "@lmiller", testimonial: "Best service in town. They treat your car like it's their own.", imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25576.jpg", imageAlt: "auto repair customer service desk"}, { - id: "5", - name: "James Wilson", - handle: "@jwilson", - testimonial: "Exceptional communication and transparency. The best auto shop in Ohio!", - imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=8", - imageAlt: "auto repair shop professional workspace", - }, + id: "5", name: "James Wilson", handle: "@jwilson", testimonial: "Exceptional communication and transparency. The best auto shop in Ohio!", imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", imageAlt: "auto repair shop professional workspace"}, ]} title="What Our Neighbors Say" description="Don't just take our word for it. Read why Parma residents trust YPautoservice LLC." @@ -218,29 +140,18 @@ export default function LandingPage() { description="Visit us at 4211 Brookpark Rd or call (440) 590-5770. We are open from 9 AM to 6 PM." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, { - name: "vehicle", - type: "text", - placeholder: "Vehicle Make/Model", - }, + name: "vehicle", type: "text", placeholder: "Vehicle Make/Model"}, ]} textarea={{ - name: "message", - placeholder: "Describe your service needs...", - rows: 4, + name: "message", placeholder: "Describe your service needs...", rows: 4, }} - imageSrc="http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25576.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25576.jpg" imageAlt="Auto shop contact" mediaAnimation="slide-up" /> @@ -250,30 +161,21 @@ export default function LandingPage() {