bender/5dbbaf8d-d9c3-4116-8e35-732e0a392cbd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 22:04:20 +00:00
parent c2126f1f18
commit 10459a1aef
1 changed files with 79 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

357
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleCentered
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: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
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="Precision Auto Electric & AC"
/>
@@ -71,67 +57,32 @@ export default function LandingPage() {
description="Keeping your vehicle running smoothly with reliable electrical repairs and efficient AC solutions."
testimonials={[
{
name: "Sarah J.",
handle: "@SarahJ",
testimonial: "My car's AC was completely out, and Precision Auto fixed it perfectly. Fast, friendly, and fairly priced!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg",
imageAlt: "Customer Sarah J.",
},
name: "Sarah J.", handle: "@SarahJ", testimonial: "My car's AC was completely out, and Precision Auto fixed it perfectly. Fast, friendly, and fairly priced!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg", imageAlt: "Customer Sarah J."},
{
name: "Michael D.",
handle: "@MichaelD",
testimonial: "They diagnosed a complex electrical issue that other shops couldn't. My car is finally reliable again. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11803.jpg",
imageAlt: "Customer Michael D.",
},
name: "Michael D.", handle: "@MichaelD", testimonial: "They diagnosed a complex electrical issue that other shops couldn't. My car is finally reliable again. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11803.jpg", imageAlt: "Customer Michael D."},
{
name: "Emily R.",
handle: "@EmilyR",
testimonial: "Fantastic service for my alternator replacement. The team was transparent and kept me informed every step of the way.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1259.jpg",
imageAlt: "Customer Emily R.",
},
name: "Emily R.", handle: "@EmilyR", testimonial: "Fantastic service for my alternator replacement. The team was transparent and kept me informed every step of the way.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1259.jpg", imageAlt: "Customer Emily R."},
{
name: "David K.",
handle: "@DavidK",
testimonial: "My car's heater wasn't working. Precision Auto did a great job flushing the core, and now it's toasty warm!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-valet_23-2150320987.jpg",
imageAlt: "Customer David K.",
},
name: "David K.", handle: "@DavidK", testimonial: "My car's heater wasn't working. Precision Auto did a great job flushing the core, and now it's toasty warm!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-valet_23-2150320987.jpg", imageAlt: "Customer David K."},
{
name: "Jessica L.",
handle: "@JessicaL",
testimonial: "Always my go-to for any auto electrical needs. They're quick, efficient, and always get the job done right.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1135.jpg",
imageAlt: "Customer Jessica L.",
},
name: "Jessica L.", handle: "@JessicaL", testimonial: "Always my go-to for any auto electrical needs. They're quick, efficient, and always get the job done right.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1135.jpg", imageAlt: "Customer Jessica L."},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg",
alt: "Mechanic John Doe",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg", alt: "Mechanic John Doe"},
{
src: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg",
alt: "Customer Service Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg", alt: "Customer Service Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg",
alt: "Technician Mike Johnson",
},
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg", alt: "Technician Mike Johnson"},
{
src: "http://img.b2bpic.net/free-photo/car-mechanic-crossing-hands_23-2147897803.jpg",
alt: "Lead Mechanic David Brown",
},
src: "http://img.b2bpic.net/free-photo/car-mechanic-crossing-hands_23-2147897803.jpg", alt: "Lead Mechanic David Brown"},
{
src: "http://img.b2bpic.net/free-photo/pretty-girl-mechanic-posing-with-notebook-autoservice_7502-4420.jpg",
alt: "Service Advisor Sarah Williams",
},
src: "http://img.b2bpic.net/free-photo/pretty-girl-mechanic-posing-with-notebook-autoservice_7502-4420.jpg", alt: "Service Advisor Sarah Williams"},
]}
avatarText="Over 500+ Happy Customers"
imageSrc="http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16588.jpg"
@@ -148,19 +99,13 @@ export default function LandingPage() {
metrics={[
{
icon: Gauge,
label: "Years in Business",
value: "15+",
},
label: "Years in Business", value: "15+"},
{
icon: Users,
label: "Satisfied Customers",
value: "5000+",
},
label: "Satisfied Customers", value: "5000+"},
{
icon: Zap,
label: "Repairs Completed",
value: "10K+",
},
label: "Repairs Completed", value: "10K+"},
]}
metricsAnimation="slide-up"
/>
@@ -172,23 +117,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Electrical System Diagnostics",
description: "Utilizing advanced tools to accurately identify and resolve complex electrical issues in your vehicle.",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150169948.jpg",
imageAlt: "Mechanic performing electrical diagnostics on a car",
},
title: "Electrical System Diagnostics", description: "Utilizing advanced tools to accurately identify and resolve complex electrical issues in your vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150169948.jpg", imageAlt: "Mechanic performing electrical diagnostics on a car"},
{
title: "AC System Repair & Recharge",
description: "Expert repair, service, and recharging for your vehicle's air conditioning system, ensuring optimal cooling.",
imageSrc: "http://img.b2bpic.net/free-photo/man-includes-audio-system-car_146671-18654.jpg",
imageAlt: "Mechanic repairing a car's AC compressor",
},
title: "AC System Repair & Recharge", description: "Expert repair, service, and recharging for your vehicle's air conditioning system, ensuring optimal cooling.", imageSrc: "http://img.b2bpic.net/free-photo/man-includes-audio-system-car_146671-18654.jpg", imageAlt: "Mechanic repairing a car's AC compressor"},
{
title: "Alternator & Starter Service",
description: "Professional inspection, repair, or replacement of alternators and starters for reliable engine ignition.",
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580611.jpg",
imageAlt: "Mechanic working on a car's alternator",
},
title: "Alternator & Starter Service", description: "Professional inspection, repair, or replacement of alternators and starters for reliable engine ignition.", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580611.jpg", imageAlt: "Mechanic working on a car's alternator"},
]}
title="Comprehensive Auto Services"
description="From diagnostics to repair, we handle all your vehicle's electrical and air conditioning needs with precision and care."
@@ -204,47 +137,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "battery-replacement",
name: "Battery Replacement",
price: "Starting at $120",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1304.jpg",
imageAlt: "Car battery replacement service",
},
id: "battery-replacement", name: "Battery Replacement", price: "Starting at $120", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1304.jpg", imageAlt: "Car battery replacement service"},
{
id: "brake-light-repair",
name: "Brake Light Repair",
price: "Starting at $65",
imageSrc: "http://img.b2bpic.net/free-photo/modern-rear-light-white-auto_23-2147963003.jpg",
imageAlt: "Car brake light repair",
},
id: "brake-light-repair", name: "Brake Light Repair", price: "Starting at $65", imageSrc: "http://img.b2bpic.net/free-photo/modern-rear-light-white-auto_23-2147963003.jpg", imageAlt: "Car brake light repair"},
{
id: "compressor-check",
name: "AC Compressor Check",
price: "Starting at $85",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163702.jpg",
imageAlt: "Car AC compressor check",
},
id: "compressor-check", name: "AC Compressor Check", price: "Starting at $85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163702.jpg", imageAlt: "Car AC compressor check"},
{
id: "wiring-inspection",
name: "Wiring Inspection",
price: "Starting at $95",
imageSrc: "http://img.b2bpic.net/free-photo/loaded-circuit-board_1384-31.jpg",
imageAlt: "Car wiring inspection",
},
id: "wiring-inspection", name: "Wiring Inspection", price: "Starting at $95", imageSrc: "http://img.b2bpic.net/free-photo/loaded-circuit-board_1384-31.jpg", imageAlt: "Car wiring inspection"},
{
id: "fuse-replacement",
name: "Fuse Replacement",
price: "Starting at $45",
imageSrc: "http://img.b2bpic.net/free-photo/black-auto-mechanic-checking-car-oil-while-wearing-face-mask-repair-shop_637285-9448.jpg",
imageAlt: "Car fuse replacement",
},
id: "fuse-replacement", name: "Fuse Replacement", price: "Starting at $45", imageSrc: "http://img.b2bpic.net/free-photo/black-auto-mechanic-checking-car-oil-while-wearing-face-mask-repair-shop_637285-9448.jpg", imageAlt: "Car fuse replacement"},
{
id: "heater-core-flush",
name: "Heater Core Flush",
price: "Starting at $150",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg",
imageAlt: "Car heater core flush",
},
id: "heater-core-flush", name: "Heater Core Flush", price: "Starting at $150", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg", imageAlt: "Car heater core flush"},
]}
title="Our Specialized Services"
description="Explore our most popular auto electrical and AC services tailored for optimal vehicle performance and safety."
@@ -255,42 +158,22 @@ export default function LandingPage() {
<PricingCardOne
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
plans={[
{
id: "basic-ac",
badge: "Standard",
badgeIcon: Car,
price: "$79",
subtitle: "Basic AC Check-up",
features: [
"Visual inspection of AC components",
"Temperature output test",
"Leak detection check",
],
id: "basic-ac", badge: "Standard", badgeIcon: Car,
price: "$79", subtitle: "Basic AC Check-up", features: [
"Visual inspection of AC components", "Temperature output test", "Leak detection check"],
},
{
id: "electrical-diag",
badge: "Popular",
badgeIcon: Zap,
price: "$120",
subtitle: "Advanced Electrical Diagnostic",
features: [
"Full system scan for fault codes",
"Battery & charging system test",
"Detailed wiring inspection",
],
id: "electrical-diag", badge: "Popular", badgeIcon: Zap,
price: "$120", subtitle: "Advanced Electrical Diagnostic", features: [
"Full system scan for fault codes", "Battery & charging system test", "Detailed wiring inspection"],
},
{
id: "premium-service",
badge: "Premium",
badgeIcon: ShieldCheck,
price: "$299",
subtitle: "Comprehensive Electrical & AC Service",
features: [
"Includes Advanced Electrical Diagnostic",
"Full AC system evaluation & recharge",
"Minor electrical repairs (parts extra)",
],
id: "premium-service", badge: "Premium", badgeIcon: ShieldCheck,
price: "$299", subtitle: "Comprehensive Electrical & AC Service", features: [
"Includes Advanced Electrical Diagnostic", "Full AC system evaluation & recharge", "Minor electrical repairs (parts extra)"],
},
]}
title="Transparent Service Pricing"
@@ -305,64 +188,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mark T.",
role: "Small Business Owner",
company: "Local Deli",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-enjoying-work_23-2147897940.jpg",
imageAlt: "Customer Mark T.",
},
id: "1", name: "Mark T.", role: "Small Business Owner", company: "Local Deli", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-enjoying-work_23-2147897940.jpg", imageAlt: "Customer Mark T."},
{
id: "2",
name: "Laura P.",
role: "Sales Manager",
company: "Tech Solutions Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg",
imageAlt: "Customer Laura P.",
},
id: "2", name: "Laura P.", role: "Sales Manager", company: "Tech Solutions Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg", imageAlt: "Customer Laura P."},
{
id: "3",
name: "Robert S.",
role: "Freelance Designer",
company: "Creative Works Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-opening-car-hood_23-2148258034.jpg",
imageAlt: "Customer Robert S.",
},
id: "3", name: "Robert S.", role: "Freelance Designer", company: "Creative Works Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-opening-car-hood_23-2148258034.jpg", imageAlt: "Customer Robert S."},
{
id: "4",
name: "Olivia M.",
role: "Healthcare Professional",
company: "City Hospital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11801.jpg",
imageAlt: "Customer Olivia M.",
},
id: "4", name: "Olivia M.", role: "Healthcare Professional", company: "City Hospital", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11801.jpg", imageAlt: "Customer Olivia M."},
{
id: "5",
name: "Daniel H.",
role: "IT Consultant",
company: "Global IT Services",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-enjoying-their-brand-new-car_342744-745.jpg",
imageAlt: "Customer Daniel H.",
},
id: "5", name: "Daniel H.", role: "IT Consultant", company: "Global IT Services", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-enjoying-their-brand-new-car_342744-745.jpg", imageAlt: "Customer Daniel H."},
]}
kpiItems={[
{
value: "5+",
label: "Star Average Rating",
},
value: "5+", label: "Star Average Rating"},
{
value: "98%",
label: "Customer Satisfaction",
},
value: "98%", label: "Customer Satisfaction"},
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
]}
title="What Our Clients Say"
description="Hear directly from satisfied customers about our reliable service, expert care, and commitment to excellence."
@@ -375,35 +222,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What types of vehicles do you service?",
content: "We service all makes and models of passenger vehicles, including cars, trucks, and SUVs, for both electrical and AC issues.",
},
id: "faq-1", title: "What types of vehicles do you service?", content: "We service all makes and models of passenger vehicles, including cars, trucks, and SUVs, for both electrical and AC issues."},
{
id: "faq-2",
title: "Do I need an appointment for service?",
content: "While walk-ins are welcome for minor issues, we highly recommend scheduling an appointment to ensure timely service and minimize your wait time.",
},
id: "faq-2", title: "Do I need an appointment for service?", content: "While walk-ins are welcome for minor issues, we highly recommend scheduling an appointment to ensure timely service and minimize your wait time."},
{
id: "faq-3",
title: "How long does an AC recharge take?",
content: "An AC recharge typically takes about 1-2 hours, depending on the vehicle and if any leaks need to be addressed before recharging.",
},
id: "faq-3", title: "How long does an AC recharge take?", content: "An AC recharge typically takes about 1-2 hours, depending on the vehicle and if any leaks need to be addressed before recharging."},
{
id: "faq-4",
title: "Do you offer warranty on repairs?",
content: "Yes, we offer a standard warranty on all parts and labor. Please ask our service advisor for specific details on warranty coverage.",
},
id: "faq-4", title: "Do you offer warranty on repairs?", content: "Yes, we offer a standard warranty on all parts and labor. Please ask our service advisor for specific details on warranty coverage."},
{
id: "faq-5",
title: "What payment methods do you accept?",
content: "We accept major credit cards (Visa, Mastercard, American Express), debit cards, and cash for all services.",
},
id: "faq-5", title: "What payment methods do you accept?", content: "We accept major credit cards (Visa, Mastercard, American Express), debit cards, and cash for all services."},
{
id: "faq-6",
title: "Can you diagnose dashboard warning lights?",
content: "Absolutely. Our advanced diagnostic equipment can accurately read and interpret most dashboard warning lights to pinpoint the underlying issue.",
},
id: "faq-6", title: "Can you diagnose dashboard warning lights?", content: "Absolutely. Our advanced diagnostic equipment can accurately read and interpret most dashboard warning lights to pinpoint the underlying issue."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services, appointments, and vehicle care."
@@ -415,20 +244,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Schedule Your Service Today"
description="Ready for reliable auto electrical or AC repair? Contact us to book an appointment or get a free quote."
buttons={[
{
text: "Call Us Now",
href: "tel:+1234567890",
},
text: "Call Us Now", href: "tel:+1234567890"},
{
text: "Request A Quote",
href: "#",
},
text: "Request A Quote", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -441,58 +265,35 @@ export default function LandingPage() {
logoText="Precision Auto Electric & AC"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Electrical Diagnostics",
href: "#services",
},
label: "Electrical Diagnostics", href: "#services"},
{
label: "AC Repair",
href: "#services",
},
label: "AC Repair", href: "#services"},
{
label: "Alternator & Starter",
href: "#services",
},
label: "Alternator & Starter", href: "#services"},
{
label: "Battery Services",
href: "#specialized-services",
},
label: "Battery Services", href: "#specialized-services"},
],
},
{
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: "#"},
],
},
]}