295 lines
12 KiB
TypeScript
295 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Wrench, CheckCircle, Star, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
{/* Navigation */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="USA Automotive Service"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Call Now", id: "tel:+1-773-238-1333" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Trusted Auto Repair & Brake Service in Chicago"
|
|
description="Reliable repairs. Honest pricing. Professional service. Your trusted neighborhood mechanic since day one."
|
|
tag="Expert Auto Repair"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg"
|
|
imageAlt="USA Automotive Service professional auto repair shop"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Danuta Stopka",
|
|
handle: "Regular Customer",
|
|
testimonial:
|
|
"Phenomenal service with phenomenal prices. They really helped me out with my muffler. Great staff!! Thank you so much guys!!!",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
|
imageAlt: "Danuta Stopka - Customer",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Call Now: +1 773-238-1333", href: "tel:+1-773-238-1333" },
|
|
{ text: "Schedule Service", href: "#contact" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Our Services"
|
|
description="Complete automotive repair and maintenance solutions to keep your vehicle running smoothly"
|
|
tag="Professional Services"
|
|
tagAnimation="slide-up"
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Brake Services",
|
|
description:
|
|
"Expert brake pad replacement, rotors, calipers, and complete brake system diagnostics to ensure your safety on the road.",
|
|
phoneOne: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg",
|
|
imageAlt: "Brake service - Mechanic checking brakes",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg",
|
|
imageAlt: "Air conditioning service - HVAC system",
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Engine Repair & Diagnosis",
|
|
description:
|
|
"Advanced diagnostics and repair for engine performance issues, tuning, and complete engine overhauls with quality parts.",
|
|
phoneOne: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-hands-unrecognizable-mechanic-doing-car-service-maintenance_146671-19691.jpg",
|
|
imageAlt: "Engine repair - Mechanic working on engine",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/closeup-auto-repairman-checking-car-oil-workshop_637285-7638.jpg",
|
|
imageAlt: "Oil change service - Checking car oil",
|
|
},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Air Conditioning & Climate Control",
|
|
description:
|
|
"AC installation, repair, and maintenance to keep your vehicle comfortable year-round with professional service.",
|
|
phoneOne: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg",
|
|
imageAlt: "AC repair - HVAC manometer system",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-tyres_627829-3849.jpg",
|
|
imageAlt: "Wheel service - Mechanic checking tires",
|
|
},
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Wheel Alignment & Battery Service",
|
|
description:
|
|
"Precision wheel alignment and battery diagnostics to improve handling, fuel efficiency, and vehicle reliability.",
|
|
phoneOne: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-tyres_627829-3849.jpg",
|
|
imageAlt: "Wheel alignment - Mechanic working on tires",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/jump-starting-dead-battery-using-jumper-electrical-wires_1153-4393.jpg",
|
|
imageAlt: "Battery service - Electrical repair jump starting",
|
|
},
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Us Section */}
|
|
<div id="why-us" data-section="why-us">
|
|
<TestimonialAboutCard
|
|
tag="Why Choose Us"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Experienced Local Mechanics You Can Trust"
|
|
description="11044 S Western Ave, Chicago"
|
|
subdescription="Professional Service Since Day One"
|
|
icon={Wrench}
|
|
imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg"
|
|
imageAlt="Professional auto repair technicians at work"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Reviews Section */}
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Danuta Stopka",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
|
imageAlt: "Danuta Stopka - Happy Customer",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Rodriguez",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
|
imageAlt: "Michael Rodriguez - Happy Customer",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah Johnson",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
|
imageAlt: "Sarah Johnson - Happy Customer",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "James Wilson",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
|
imageAlt: "James Wilson - Happy Customer",
|
|
},
|
|
]}
|
|
cardTitle="Thousands of Happy Customers Trust USA Automotive Service"
|
|
cardTag="See what they say about us"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contact Us Today"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
title="Need Reliable Auto Repair Today?"
|
|
description="Call us now or fill out the form to schedule your service. We respond quickly and provide honest pricing on all repairs."
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
|
|
imageAlt="USA Automotive Service location in Chicago"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Schedule Service"
|
|
termsText="By submitting this form, you agree to receive communications about your service request. We respect your privacy."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="USA Automotive"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Brake Services", href: "#services" },
|
|
{ label: "Engine Repair", href: "#services" },
|
|
{ label: "Air Conditioning", href: "#services" },
|
|
{ label: "Wheel Alignment", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "/about" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Phone: +1 773-238-1333", href: "tel:+1-773-238-1333" },
|
|
{ label: "Email: info@usaauto.com", href: "mailto:info@usaauto.com" },
|
|
{
|
|
label: "Address: 11044 S Western Ave",
|
|
href: "https://maps.google.com/?q=11044+S+Western+Ave+Chicago+IL+60643",
|
|
},
|
|
{
|
|
label: "Get Directions",
|
|
href: "https://maps.google.com/?q=11044+S+Western+Ave+Chicago+IL+60643",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Hours",
|
|
items: [
|
|
{ label: "Mon - Fri: 8:00 AM - 5:30 PM", href: "#" },
|
|
{ label: "Saturday: Closed", href: "#" },
|
|
{ label: "Sunday: Closed", href: "#" },
|
|
{ label: "Emergency: Call Anytime", href: "tel:+1-773-238-1333" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 USA Automotive Service. All rights reserved. Professional auto repair in Chicago, IL."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |