bender/613429d9-9aba-444d-bb6c-1d8eda1e2916
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-06-12 23:40:55 +00:00
parent 8dd78083fe
commit 18ea6bfbbc
1 changed files with 86 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

364
src/app/page.tsx
View File

@@ -32,34 +32,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", 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"},
]}
button={{
text: "Schedule Service",
href: "#contact",
}}
text: "Schedule Service", href: "#contact"}}
brandName="Auto Car (Hayward)"
/>
</div>
@@ -68,103 +54,57 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Trusted Auto Repair in Hayward"
description="At Auto Car (Hayward), Gerardo provides honest, knowledgeable, and thorough automotive service for the Bay Area. We specialize in diagnostics and pre-purchase inspections that catch issues others miss, ensuring your peace of mind."
testimonials={[
{
name: "Sarah L.",
handle: "@sfbayreviews",
testimonial: "Gerardo is the most honest mechanic I've ever encountered. He explained everything clearly and saved me from buying a problematic car!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg?_wi=1",
imageAlt: "Sarah L.",
},
name: "Sarah L.", handle: "@sfbayreviews", testimonial: "Gerardo is the most honest mechanic I've ever encountered. He explained everything clearly and saved me from buying a problematic car!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg", imageAlt: "Sarah L."},
{
name: "Mark D.",
handle: "@bayautomotive",
testimonial: "Incredible attention to detail. Gerardo caught a complex engine issue that two other shops missed. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-sitting-back-seat-car_657921-505.jpg?_wi=1",
imageAlt: "Mark D.",
},
name: "Mark D.", handle: "@bayautomotive", testimonial: "Incredible attention to detail. Gerardo caught a complex engine issue that two other shops missed. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-sitting-back-seat-car_657921-505.jpg", imageAlt: "Mark D."},
{
name: "Jessica R.",
handle: "@haywardlocal",
testimonial: "Fair pricing and truly exceptional work. My go-to for all car troubles now. He makes car repair stress-free.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg",
imageAlt: "Jessica R.",
},
name: "Jessica R.", handle: "@haywardlocal", testimonial: "Fair pricing and truly exceptional work. My go-to for all car troubles now. He makes car repair stress-free.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg", imageAlt: "Jessica R."},
{
name: "David C.",
handle: "@autoenthusiast",
testimonial: "His pre-purchase inspection was worth every penny. Extremely thorough and informative. Found minor issues that helped me negotiate a better price.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-beautiful-dress_1098-21953.jpg",
imageAlt: "David C.",
},
name: "David C.", handle: "@autoenthusiast", testimonial: "His pre-purchase inspection was worth every penny. Extremely thorough and informative. Found minor issues that helped me negotiate a better price.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-beautiful-dress_1098-21953.jpg", imageAlt: "David C."},
{
name: "Elena S.",
handle: "@reliablecars",
testimonial: "Auto Car (Hayward) is a gem. Gerardo is incredibly knowledgeable and always takes the time to explain the 'why' behind the repairs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-owner-feeling-relieved-leaning-vehicle-hood-auto-repair-shop_637285-7714.jpg",
imageAlt: "Elena S.",
},
name: "Elena S.", handle: "@reliablecars", testimonial: "Auto Car (Hayward) is a gem. Gerardo is incredibly knowledgeable and always takes the time to explain the 'why' behind the repairs.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-owner-feeling-relieved-leaning-vehicle-hood-auto-repair-shop_637285-7714.jpg", imageAlt: "Elena S."},
]}
imageSrc="http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop_342744-264.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop_342744-264.jpg"
imageAlt="Mechanic working on a car in a clean garage"
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
alt: "Thumbs up at spa smiling girl good wellness vibes",
},
src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg", alt: "Thumbs up at spa smiling girl good wellness vibes"},
{
src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
alt: "Happy female office workers thumbing up and smiling",
},
src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", alt: "Happy female office workers thumbing up and smiling"},
{
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
alt: "Excited joyful beautiful woman gesturing with hand",
},
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", alt: "Excited joyful beautiful woman gesturing with hand"},
{
src: "http://img.b2bpic.net/free-photo/portrait-cute-cheerful-africanamerican-girl-showing-thumbsup-support-like-agree-with-y_1258-138554.jpg",
alt: "Portrait of cute and cheerful africanamerican girl showing thumbsup",
},
src: "http://img.b2bpic.net/free-photo/portrait-cute-cheerful-africanamerican-girl-showing-thumbsup-support-like-agree-with-y_1258-138554.jpg", alt: "Portrait of cute and cheerful africanamerican girl showing thumbsup"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-redhead-woman-steering-wheel-driving-car_657921-565.jpg",
alt: "Beautiful smiling young redhead woman behind steering wheel driving car",
},
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-redhead-woman-steering-wheel-driving-car_657921-565.jpg", alt: "Beautiful smiling young redhead woman behind steering wheel driving car"},
]}
avatarText="Join our 1000+ happy customers!"
marqueeItems={[
{
type: "text-icon",
text: "Expert Diagnostics",
icon: Search,
type: "text-icon", text: "Expert Diagnostics", icon: Search,
},
{
type: "text-icon",
text: "Honest Pricing",
icon: DollarSign,
type: "text-icon", text: "Honest Pricing", icon: DollarSign,
},
{
type: "text-icon",
text: "Quality Repairs",
icon: Wrench,
type: "text-icon", text: "Quality Repairs", icon: Wrench,
},
{
type: "text-icon",
text: "Trusted Local Service",
icon: MapPin,
type: "text-icon", text: "Trusted Local Service", icon: MapPin,
},
{
type: "text-icon",
text: "Customer Satisfaction",
icon: Smile,
type: "text-icon", text: "Customer Satisfaction", icon: Smile,
},
]}
/>
@@ -177,19 +117,13 @@ export default function LandingPage() {
metrics={[
{
icon: Gauge,
label: "Years Experience",
value: "20+",
},
label: "Years Experience", value: "20+"},
{
icon: Users,
label: "Satisfied Clients",
value: "1,000+",
},
label: "Satisfied Clients", value: "1,000+"},
{
icon: CheckCircle,
label: "Inspections Done",
value: "500+",
},
label: "Inspections Done", value: "500+"},
]}
metricsAnimation="slide-up"
/>
@@ -202,67 +136,34 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Pre-Purchase Inspections",
description: "Thoroughly inspect potential vehicles to uncover hidden issues, giving you complete confidence before you buy.",
bentoComponent: "media-stack",
items: [
title: "Pre-Purchase Inspections", description: "Thoroughly inspect potential vehicles to uncover hidden issues, giving you complete confidence before you buy.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg",
imageAlt: "Mechanic inspecting a used car",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg", imageAlt: "Mechanic inspecting a used car"},
{
imageSrc: "http://img.b2bpic.net/free-vector/car-repair-service-template-with-wrenches-automobile-tire-radiator-gears-brake-disc-steering-wheel_1284-48029.jpg",
imageAlt: "Car inspection icon",
},
imageSrc: "http://img.b2bpic.net/free-vector/car-repair-service-template-with-wrenches-automobile-tire-radiator-gears-brake-disc-steering-wheel_1284-48029.jpg", imageAlt: "Car inspection icon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-dashboard-speedometer-night-driver-monitors-driving-speed-low-fuel-warning-light_169016-73084.jpg",
imageAlt: "Checklist icon",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop_342744-264.jpg?_wi=2",
imageAlt: "pre purchase car inspection",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-dashboard-speedometer-night-driver-monitors-driving-speed-low-fuel-warning-light_169016-73084.jpg", imageAlt: "Checklist icon"},
]
},
{
title: "Advanced Diagnostics",
description: "Utilizing cutting-edge tools to accurately identify engine, electrical, and performance issues that other shops might miss.",
bentoComponent: "media-stack",
items: [
title: "Advanced Diagnostics", description: "Utilizing cutting-edge tools to accurately identify engine, electrical, and performance issues that other shops might miss.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1135.jpg",
imageAlt: "Car diagnostic machine",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1135.jpg", imageAlt: "Car diagnostic machine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg",
imageAlt: "Engine diagnostic icon",
},
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg", imageAlt: "Engine diagnostic icon"},
{
imageSrc: "http://img.b2bpic.net/free-vector/auto-service-design-concept_1284-15830.jpg",
imageAlt: "Wrench and gear icon",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg?_wi=2",
imageAlt: "pre purchase car inspection",
imageSrc: "http://img.b2bpic.net/free-vector/auto-service-design-concept_1284-15830.jpg", imageAlt: "Wrench and gear icon"},
]
},
{
title: "General Maintenance & Repair",
description: "From oil changes to brake repairs and engine overhauls, we handle all your car's needs with meticulous care.",
bentoComponent: "media-stack",
items: [
title: "General Maintenance & Repair", description: "From oil changes to brake repairs and engine overhauls, we handle all your car's needs with meticulous care.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-writing-notes-clipboard_23-2148757345.jpg",
imageAlt: "Mechanic performing general car maintenance",
},
imageSrc: "http://img.b2bpic.net/free-photo/doctor-writing-notes-clipboard_23-2148757345.jpg", imageAlt: "Mechanic performing general car maintenance"},
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-labels_23-2149725114.jpg",
imageAlt: "Car maintenance icon",
},
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-labels_23-2149725114.jpg", imageAlt: "Car maintenance icon"},
{
imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg",
imageAlt: "Car lift icon",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-sitting-back-seat-car_657921-505.jpg?_wi=2",
imageAlt: "pre purchase car inspection",
imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg", imageAlt: "Car lift icon"},
]
},
]}
title="Our Expertise: Clear Diagnostics, Honest Repairs"
@@ -277,40 +178,20 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "value-1",
value: "99%",
title: "Customer Satisfaction",
items: [
"Consistently high ratings",
"Positive feedback on service",
],
id: "value-1", value: "99%", title: "Customer Satisfaction", items: [
"Consistently high ratings", "Positive feedback on service"],
},
{
id: "value-2",
value: "5-Star",
title: "Average Rating",
items: [
"Across all review platforms",
"Proof of quality work",
],
id: "value-2", value: "5-Star", title: "Average Rating", items: [
"Across all review platforms", "Proof of quality work"],
},
{
id: "value-3",
value: "Bay Area",
title: "Fair Pricing",
items: [
"Competitive local rates",
"Transparent cost breakdowns",
],
id: "value-3", value: "Bay Area", title: "Fair Pricing", items: [
"Competitive local rates", "Transparent cost breakdowns"],
},
{
id: "value-4",
value: "Thorough",
title: "Inspections & Diagnostics",
items: [
"Catching hidden issues",
"Detailed explanations",
],
id: "value-4", value: "Thorough", title: "Inspections & Diagnostics", items: [
"Catching hidden issues", "Detailed explanations"],
},
]}
title="Why Choose Auto Car (Hayward)?"
@@ -325,50 +206,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena S.",
handle: "Hayward",
testimonial: "Gerardo's diagnostics are unmatched. He found the root cause of an issue that several other mechanics couldn't pinpoint. Always explains things thoroughly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376972.jpg",
imageAlt: "Elena S.",
},
id: "t1", name: "Elena S.", handle: "Hayward", testimonial: "Gerardo's diagnostics are unmatched. He found the root cause of an issue that several other mechanics couldn't pinpoint. Always explains things thoroughly.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376972.jpg", imageAlt: "Elena S."},
{
id: "t2",
name: "Michael T.",
handle: "Oakland",
testimonial: "I brought my car in for a pre-purchase inspection, and Gerardo was incredibly meticulous. His report was comprehensive, saving me from a costly mistake.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
imageAlt: "Michael T.",
},
id: "t2", name: "Michael T.", handle: "Oakland", testimonial: "I brought my car in for a pre-purchase inspection, and Gerardo was incredibly meticulous. His report was comprehensive, saving me from a costly mistake.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", imageAlt: "Michael T."},
{
id: "t3",
name: "Linda P.",
handle: "Fremont",
testimonial: "Finally, an honest mechanic in the Bay Area! The pricing was fair, and the quality of work was exceptional. Highly recommend Auto Car (Hayward).",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-arab-man-wear-striped-shirt-sunglasses-pose-near-his-white-suv-car-with-laptop-hand_627829-4293.jpg",
imageAlt: "Linda P.",
},
id: "t3", name: "Linda P.", handle: "Fremont", testimonial: "Finally, an honest mechanic in the Bay Area! The pricing was fair, and the quality of work was exceptional. Highly recommend Auto Car (Hayward).", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-arab-man-wear-striped-shirt-sunglasses-pose-near-his-white-suv-car-with-laptop-hand_627829-4293.jpg", imageAlt: "Linda P."},
{
id: "t4",
name: "Robert B.",
handle: "San Leandro",
testimonial: "Gerardo is truly a master technician. He walks you through every step, making complex repairs understandable. Great service, fair prices.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-introducing-themselves-car-showroom_23-2148266159.jpg",
imageAlt: "Robert B.",
},
id: "t4", name: "Robert B.", handle: "San Leandro", testimonial: "Gerardo is truly a master technician. He walks you through every step, making complex repairs understandable. Great service, fair prices.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-introducing-themselves-car-showroom_23-2148266159.jpg", imageAlt: "Robert B."},
{
id: "t5",
name: "Sophia G.",
handle: "Castro Valley",
testimonial: "The attention to detail on my vehicle was impressive. Gerardo's knowledge is evident, and I feel much safer on the road after his service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg",
imageAlt: "Sophia G.",
},
id: "t5", name: "Sophia G.", handle: "Castro Valley", testimonial: "The attention to detail on my vehicle was impressive. Gerardo's knowledge is evident, and I feel much safer on the road after his service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg", imageAlt: "Sophia G."},
]}
showRating={true}
title="What Our Customers Say"
@@ -381,30 +232,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What types of vehicles do you service?",
content: "We service most makes and models of cars, SUVs, and light trucks. Please call ahead if you have a specialty or exotic vehicle.",
},
id: "faq1", title: "What types of vehicles do you service?", content: "We service most makes and models of cars, SUVs, and light trucks. Please call ahead if you have a specialty or exotic vehicle."},
{
id: "faq2",
title: "How can I schedule an appointment?",
content: "You can schedule an appointment by calling us directly at our shop during business hours or by filling out the contact form below. We'll get back to you promptly.",
},
id: "faq2", title: "How can I schedule an appointment?", content: "You can schedule an appointment by calling us directly at our shop during business hours or by filling out the contact form below. We'll get back to you promptly."},
{
id: "faq3",
title: "Do you offer pre-purchase inspections?",
content: "Yes, pre-purchase inspections are one of our specialties. Gerardo is known for his thoroughness in identifying potential issues, providing you with confidence before you buy.",
},
id: "faq3", title: "Do you offer pre-purchase inspections?", content: "Yes, pre-purchase inspections are one of our specialties. Gerardo is known for his thoroughness in identifying potential issues, providing you with confidence before you buy."},
{
id: "faq4",
title: "What are your business hours?",
content: "Our shop is open Monday to Friday, from 9:00 AM to 5:00 PM. We are closed on weekends.",
},
id: "faq4", title: "What are your business hours?", content: "Our shop is open Monday to Friday, from 9:00 AM to 5:00 PM. We are closed on weekends."},
{
id: "faq5",
title: "Is your pricing competitive?",
content: "We pride ourselves on offering reasonable and transparent pricing for high-quality auto services in the Bay Area. We'll provide a detailed quote before any work begins.",
},
id: "faq5", title: "Is your pricing competitive?", content: "We pride ourselves on offering reasonable and transparent pricing for high-quality auto services in the Bay Area. We'll provide a detailed quote before any work begins."},
]}
sideTitle="Questions? We've Got Answers."
sideDescription="Find quick answers to common questions about our services, scheduling, and what makes Auto Car (Hayward) different."
@@ -417,18 +253,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready for Reliable Service? Contact Us Today!"
buttons={[
{
text: "Call Now",
href: "tel:+15101234567",
},
text: "Call Now", href: "tel:+15101234567"},
{
text: "Email Us",
href: "mailto:info@autocarhayward.com",
},
text: "Email Us", href: "mailto:info@autocarhayward.com"},
]}
/>
</div>
@@ -437,58 +268,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Diagnostics",
href: "#services",
},
label: "Diagnostics", href: "#services"},
{
label: "Inspections",
href: "#services",
},
label: "Inspections", href: "#services"},
{
label: "Maintenance",
href: "#services",
},
label: "Maintenance", href: "#services"},
{
label: "Repairs",
href: "#services",
},
label: "Repairs", href: "#services"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Get in Touch",
href: "#contact",
},
label: "Get in Touch", href: "#contact"},
{
label: "Location",
href: "#contact",
},
label: "Location", href: "#contact"},
{
label: "Book Appointment",
href: "#contact",
},
label: "Book Appointment", href: "#contact"},
],
},
]}