Update src/pages/HomePage.tsx
This commit is contained in:
@@ -5,21 +5,7 @@ import FeaturesComparison from '@/components/sections/features/FeaturesCompariso
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import { ComponentProps } from 'react';
|
||||
import TestimonialRatingCardsOriginal from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
|
||||
type TestimonialProps = ComponentProps<typeof TestimonialRatingCardsOriginal>;
|
||||
type TestimonialItem = NonNullable<TestimonialProps["items"]>[0];
|
||||
|
||||
const TestimonialRatingCards = (
|
||||
props: Omit<TestimonialProps, "items"> & {
|
||||
items: Array<TestimonialItem & { id?: string | number }>;
|
||||
}
|
||||
) => {
|
||||
const { items, ...rest } = props;
|
||||
const validItems = items.map(({ id, ...item }) => item as TestimonialItem);
|
||||
return <TestimonialRatingCardsOriginal {...rest} items={validItems} />;
|
||||
};
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -32,20 +18,14 @@ export default function HomePage() {
|
||||
title="Expert Care for Your Vehicle's Performance"
|
||||
description="At GT Automotive, we provide top-tier maintenance and repair services to keep your car running reliably, safely, and efficiently on the road."
|
||||
primaryButton={{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Schedule Service", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
text: "Our Services", href: "#services"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-uses-ar-broken-car-engine_482257-76607.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-uses-ar-broken-car-engine_482257-76607.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -56,9 +36,7 @@ export default function HomePage() {
|
||||
<AboutText
|
||||
title="Committed to Excellence in Bullhead City"
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Learn More", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -70,15 +48,9 @@ export default function HomePage() {
|
||||
title="A Better Auto Care Experience"
|
||||
description="We believe in transparency, speed, and precision so you can get back to your day with confidence."
|
||||
negativeItems={[
|
||||
"High prices at dealerships",
|
||||
"Long wait times",
|
||||
"Opaque diagnostic processes",
|
||||
]}
|
||||
"High prices at dealerships", "Long wait times", "Opaque diagnostic processes"]}
|
||||
positiveItems={[
|
||||
"Transparent pricing structures",
|
||||
"Fast, reliable turnaround",
|
||||
"Detailed diagnostic reports",
|
||||
]}
|
||||
"Transparent pricing structures", "Fast, reliable turnaround", "Detailed diagnostic reports"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -91,40 +63,19 @@ export default function HomePage() {
|
||||
description="Our ASE-certified technicians are equipped to handle any vehicle maintenance task."
|
||||
items={[
|
||||
{
|
||||
title: "Oil Changes",
|
||||
description: "High-grade oil for long engine life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pouring-oil-lubricant-into-car-engine_1170-1676.jpg",
|
||||
},
|
||||
title: "Oil Changes", description: "High-grade oil for long engine life.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pouring-oil-lubricant-into-car-engine_1170-1676.jpg"},
|
||||
{
|
||||
title: "Tire Services",
|
||||
description: "Rotation, balance, and alignment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg",
|
||||
},
|
||||
title: "Tire Services", description: "Rotation, balance, and alignment.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg"},
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Responsive braking for your safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg",
|
||||
},
|
||||
title: "Brake Systems", description: "Responsive braking for your safety.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg"},
|
||||
{
|
||||
title: "AC Repair",
|
||||
description: "Stay cool during desert summers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194102.jpg",
|
||||
},
|
||||
title: "AC Repair", description: "Stay cool during desert summers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194102.jpg"},
|
||||
{
|
||||
title: "Diagnostic Tech",
|
||||
description: "Precision troubleshooting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg",
|
||||
},
|
||||
title: "Diagnostic Tech", description: "Precision troubleshooting.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg"},
|
||||
{
|
||||
title: "Suspension Work",
|
||||
description: "Smooth driving guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg",
|
||||
},
|
||||
title: "Suspension Work", description: "Smooth driving guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg"},
|
||||
{
|
||||
title: "General Inspection",
|
||||
description: "Comprehensive wellness checks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-selling-pre-owned-vehicles-client-after-assessing-condition_482257-118504.jpg",
|
||||
},
|
||||
title: "General Inspection", description: "Comprehensive wellness checks.", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-selling-pre-owned-vehicles-client-after-assessing-condition_482257-118504.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -138,17 +89,11 @@ export default function HomePage() {
|
||||
description="Delivering reliable automotive service backed by community trust."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
description: "Years in business",
|
||||
},
|
||||
value: "20+", description: "Years in business"},
|
||||
{
|
||||
value: "15k+",
|
||||
description: "Vehicles serviced",
|
||||
},
|
||||
value: "15k+", description: "Vehicles serviced"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
description: "Customer rating",
|
||||
},
|
||||
value: "4.9/5", description: "Customer rating"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -162,45 +107,20 @@ export default function HomePage() {
|
||||
description="See why Bullhead City chooses GT Automotive for their daily drivers and long-haul vehicles."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Frequent Driver",
|
||||
quote: "The most honest shop in town. They explained every repair clearly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg",
|
||||
},
|
||||
name: "Sarah Johnson", role: "Frequent Driver", quote: "The most honest shop in town. They explained every repair clearly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Commuter",
|
||||
quote: "Fast, friendly, and reliable service. My car has never run better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-with-touchpad-communicating-with-car-mechanics-auto-repair-shop_637285-4227.jpg",
|
||||
},
|
||||
name: "Michael Chen", role: "Commuter", quote: "Fast, friendly, and reliable service. My car has never run better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-with-touchpad-communicating-with-car-mechanics-auto-repair-shop_637285-4227.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Miller",
|
||||
role: "Family Car Owner",
|
||||
quote: "Finally found a mechanic I can trust with my entire family's fleet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-employees-taking-break_23-2149161689.jpg",
|
||||
},
|
||||
name: "Robert Miller", role: "Family Car Owner", quote: "Finally found a mechanic I can trust with my entire family's fleet.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-employees-taking-break_23-2149161689.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Local Business Owner",
|
||||
quote: "Professional, efficient, and they always meet their quoted timelines.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-couple-signing-documents-while-talking-their-mechanic-auto-repair-shop_637285-7722.jpg",
|
||||
},
|
||||
name: "Elena Rodriguez", role: "Local Business Owner", quote: "Professional, efficient, and they always meet their quoted timelines.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-couple-signing-documents-while-talking-their-mechanic-auto-repair-shop_637285-7722.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Smith",
|
||||
role: "Long-time Customer",
|
||||
quote: "Been coming here for 10 years. They never disappoint on quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-man-woman-traveling-together-have-stop-car-charging-station_1157-49215.jpg",
|
||||
},
|
||||
name: "James Smith", role: "Long-time Customer", quote: "Been coming here for 10 years. They never disappoint on quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-man-woman-traveling-together-have-stop-car-charging-station_1157-49215.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -214,25 +134,17 @@ export default function HomePage() {
|
||||
description="Answers to the most common service inquiries."
|
||||
categories={[
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
name: "Services", items: [
|
||||
{
|
||||
question: "How long does a typical service take?",
|
||||
answer: "Most standard maintenance takes less than 2 hours.",
|
||||
},
|
||||
question: "How long does a typical service take?", answer: "Most standard maintenance takes less than 2 hours."},
|
||||
{
|
||||
question: "Do you offer diagnostic warranties?",
|
||||
answer: "Yes, we guarantee our diagnostic work for 90 days.",
|
||||
},
|
||||
question: "Do you offer diagnostic warranties?", answer: "Yes, we guarantee our diagnostic work for 90 days."},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "What hours are you open?",
|
||||
answer: "We are open Monday through Saturday, 8 AM - 6 PM.",
|
||||
},
|
||||
question: "What hours are you open?", answer: "We are open Monday through Saturday, 8 AM - 6 PM."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -246,13 +158,9 @@ export default function HomePage() {
|
||||
tag="Ready to get started?"
|
||||
text="Book your appointment with our team today and experience top-tier auto care."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book an Appointment", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Us", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user