229 lines
13 KiB
TypeScript
229 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Wrench } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="TrustedGarage"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+1-800-GARAGE-1"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Honest Auto Repair You Can Trust"
|
|
description="Fast diagnostics, fair prices, and experienced mechanics serving your community for years. We fix what needs fixing—nothing more."
|
|
tag="Local Trusted Garage"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-mechanic-showing-thumbs-up_1170-1160.jpg?_wi=1"
|
|
imageAlt="Professional mechanic in modern garage"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Johnson", handle: "Local Driver", testimonial: "Best garage in town — honest and reliable. They fixed my car the same day.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
name: "Michael Chen", handle: "Regular Customer", testimonial: "Much cheaper than the dealership and they explained everything clearly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=1", imageAlt: "Michael Chen"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+1-800-GARAGE-1" },
|
|
{ text: "Book Appointment", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Services"
|
|
description="Complete auto repair solutions for your vehicle, handled by experienced mechanics."
|
|
tag="Services"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Quick Diagnosis", title: "Car Diagnostics", subtitle: "Accurate troubleshooting from the start.", description: "Our experienced mechanics use advanced diagnostic equipment to identify exactly what's wrong with your vehicle. We provide transparent reports so you understand every repair needed—no guesswork, no unnecessary work.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-using-laptop-while-running-car-diagnostic-working-with-colleague-workshop_637285-7670.jpg", imageAlt: "Advanced diagnostic scanning equipment"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Safety First", title: "Brake Repair", subtitle: "Keep your brakes in top condition.", description: "From brake pads to complete brake system overhauls, we ensure your vehicle stops safely every time. We use quality parts and expert installation to give you confidence on the road.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367576.jpg", imageAlt: "Professional brake service"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Tire Specialists", title: "Tire Service", subtitle: "Installation, rotation, and alignment.", description: "We handle tire changes, rotations, balancing, and wheel alignment. Quality tires and expert service mean better fuel efficiency, safer driving, and longer tire life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-carrying-tyre_1170-1159.jpg", imageAlt: "Professional tire change service"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Power & Performance", title: "Battery & Electrical", subtitle: "Get your car started reliably.", description: "Dead battery? Electrical problems? We test, diagnose, and replace batteries with quality parts. We also handle alternators, starters, and other electrical repairs to keep your vehicle running strong.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-car_23-2150171268.jpg", imageAlt: "Battery replacement service"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Choose Our Garage?"
|
|
description="We're a local, family-owned garage trusted by thousands of drivers. Our commitment to honesty, fair pricing, and expert service sets us apart."
|
|
tag="Local Pride"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-mechanic-showing-thumbs-up_1170-1160.jpg?_wi=2"
|
|
imageAlt="Our trusted team of mechanics"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Customer Reviews"
|
|
description="See what our customers have to say about our service, pricing, and reliability."
|
|
tag="Reviews"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Local Driver", testimonial: "Very honest garage. They told me exactly what was wrong with my car and didn't try to sell unnecessary repairs. Same-day service too!", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg?_wi=2", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Regular Customer", testimonial: "Great service, fair price, and very friendly team. Much better than dealing with dealership pricing. I recommend them to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=2", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Repeat Customer", testimonial: "Fast repair, transparent communication, and reasonable prices. This is the garage everyone should know about. Been going for 3 years now.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6773.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Fleet Owner", testimonial: "As a small business owner with multiple vehicles, I trust these guys completely. Honest diagnostics, fair pricing, and they actually care about customer relationships.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-adult-man-smiling_23-2148531043.jpg", imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, pricing, and process."
|
|
tag="Help & Support"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How quickly can you service my car?", content: "We offer same-day service for most common repairs like tire changes, battery replacements, and brake service. For more complex diagnostics, we typically provide turnaround within 24-48 hours. Call us to check availability for your specific repair."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer a warranty on repairs?", content: "Yes! We stand behind our work with a 12-month warranty on all repairs. Parts typically come with manufacturer warranties. We'll provide you with warranty details for each repair performed."
|
|
},
|
|
{
|
|
id: "3", title: "How much will my repair cost?", content: "We provide free diagnostic service to identify the problem. Once we know what needs fixing, we'll give you a clear, itemized quote before starting any work. No surprises, no hidden fees. Our pricing is competitive and transparent."
|
|
},
|
|
{
|
|
id: "4", title: "Can I trust your diagnostics?", content: "Absolutely. We pride ourselves on honest diagnostics. We only recommend repairs that are truly necessary. If something doesn't need fixing yet, we'll tell you. Many customers appreciate that we help them avoid unnecessary expenses."
|
|
},
|
|
{
|
|
id: "5", title: "Do you use quality parts?", content: "Yes. We use OEM (Original Equipment Manufacturer) and quality aftermarket parts depending on your needs and budget. We'll discuss options with you and recommend what makes sense for your vehicle and situation."
|
|
},
|
|
{
|
|
id: "6", title: "How do I schedule an appointment?", content: "Call us at 1-800-GARAGE-1 or use the booking form below. We typically have appointments available within 1-2 days. For urgent repairs, let us know and we'll do our best to fit you in that same day."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Get Started?"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
title="Car Trouble? We Can Help Today"
|
|
description="Our team can quickly diagnose and repair most issues. Call now to speak with our mechanics or book your appointment online."
|
|
buttons={[
|
|
{ text: "Call Now: 1-800-GARAGE-1", href: "tel:+1-800-GARAGE-1" },
|
|
{ text: "Schedule Online", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="TrustedGarage"
|
|
copyrightText="© 2025 TrustedGarage. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Why Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: 1-800-GARAGE-1", href: "tel:+1-800-GARAGE-1" },
|
|
{ label: "Hours: Mon-Sat 8am-6pm", href: "#" },
|
|
{ label: "Email: info@trustedgarage.com", href: "mailto:info@trustedgarage.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|