305 lines
17 KiB
TypeScript
305 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { CalendarDays, Car, ShieldCheck, Users, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Automotive Expert"
|
|
button={{
|
|
text: "Call Now", href: "tel:+13097865992"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "downward-rays-static-grid"}}
|
|
title="Automotive Expert - Your Premier Auto Service"
|
|
description="Your Premier Auto Service Provider. Fast, Reliable, and Professional for All Your Vehicle Needs."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Estimate", href: "#contact"},
|
|
{
|
|
text: "Call Us Today", href: "tel:+13097865992"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg?id=26397773", imageAlt: "Mechanic working on car engine"},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/benchman-fixing-engine-car_114579-2807.jpg?id=5542968", imageAlt: "Tools for auto repair"},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3918.jpg?id=26131438", imageAlt: "Car on a lift in a garage"},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/employees-working-together-fix-car_482257-76242.jpg?id=136131571", imageAlt: "Mechanic talking to a customer"},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3934.jpg?id=26131474", imageAlt: "Organized auto tools"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-maintenance-repair-service_23-2148679469.jpg", imageAlt: "Mechanic working under a car"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Your Trusted Partner in Automotive Care"
|
|
metrics={[
|
|
{
|
|
icon: CalendarDays,
|
|
label: "Years in Service", value: "15+"},
|
|
{
|
|
icon: Users,
|
|
label: "Happy Customers", value: "500+"},
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "Certified Technicians", value: "ASE Certified"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Oil Changes & Fluid Checks", description: "Routine oil changes, filter replacements, and fluid top-offs to keep your engine running smoothly and efficiently.", imageSrc: "https://img.b2bpic.net/free-photo/automated-car-assembly-line-plant-automotive-industry-shop-production-assembly-machines-bottom-view_645730-624.jpg?id=26151008", imageAlt: "Oil filter and wrench"},
|
|
{
|
|
title: "Brake Service & Repair", description: "Comprehensive brake inspections, pad replacement, rotor resurfacing, and full system repairs for your safety.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg?id=38170187", imageAlt: "Mechanic replacing brake pads"},
|
|
{
|
|
title: "Engine Diagnostics & Repair", description: "Advanced diagnostic tools to identify check engine light issues, perform tune-ups, and execute complex engine repairs.", imageSrc: "https://img.b2bpic.net/free-photo/auto-mechanic-working-garage-repair-service_146671-19684.jpg?id=10521876", imageAlt: "Mechanic performing engine diagnostics"},
|
|
{
|
|
title: "Tire Sales & Service", description: "New tire sales, rotation, balancing, alignment, and flat tire repair to maximize tire life and vehicle performance.", imageSrc: "https://img.b2bpic.net/premium-photo/car-mechanic-is-holding-tire-hand-is-ready-changing-tires_190851-1922.jpg?id=218435777", imageAlt: "Mechanic changing a tire"},
|
|
{
|
|
title: "A/C & Heating Repair", description: "Keep your cabin comfortable with our expert air conditioning and heating system inspections, repairs, and recharges.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-frost-pattern-window_181624-1501.jpg?id=7747941", imageAlt: "Car A/C system components"},
|
|
{
|
|
title: "Battery & Electrical Service", description: "Battery testing, replacement, and full electrical system diagnosis and repair for reliable starting and operation.", imageSrc: "https://img.b2bpic.net/free-photo/repair-man-making-car-service_1303-26864.jpg?id=14921103", imageAlt: "Car battery with jumper cables"},
|
|
]}
|
|
title="Our Comprehensive Automotive Expert Services"
|
|
description="From routine maintenance to complex engine repairs, Automotive Expert provides fast, reliable, and professional solutions for your vehicle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="solutions" data-section="solutions">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Synthetic Oil Change Package", price: "Starting at $79", imageSrc: "https://img.b2bpic.net/free-photo/mechanic-pouring-oil-into-car-engine_1170-1308.jpg?id=1005224", imageAlt: "Synthetic oil change kit"},
|
|
{
|
|
id: "product-2", name: "Advanced Diagnostic Scan", price: "Starting at $120", imageSrc: "https://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?id=1005282", imageAlt: "Mechanic with diagnostic tablet"},
|
|
{
|
|
id: "product-3", name: "Premium Tire Rotation & Balance", price: "Starting at $50", imageSrc: "https://img.b2bpic.net/premium-photo/car-wheel-alignment-check_1426-16981.jpg?id=52356905", imageAlt: "Car tires in a shop"},
|
|
{
|
|
id: "product-4", name: "Brake System Flush & Fill", price: "Starting at $150", imageSrc: "http://img.b2bpic.net/free-photo/car-brake-disc_23-2147770847.jpg", imageAlt: "Car brake system"},
|
|
{
|
|
id: "product-5", name: "Wheel Alignment Service", price: "Starting at $90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-part_23-2147770856.jpg", imageAlt: "Wheel alignment machine"},
|
|
{
|
|
id: "product-6", name: "Coolant System Maintenance", price: "Starting at $110", imageSrc: "http://img.b2bpic.net/free-photo/motor-oil-change-concept_23-2147770859.jpg", imageAlt: "Car radiator and coolant"},
|
|
]}
|
|
title="Specialized Automotive Expert Solutions"
|
|
description="Beyond our core services, we offer specialized solutions to tackle unique vehicle challenges and enhance your car's performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4.9 / 5", title: "Average Rating", description: "Consistently high customer satisfaction across all our auto services.", imageSrc: "https://img.b2bpic.net/free-photo/thumb-up-female-hand_628469-463.jpg?id=27332449", imageAlt: "Car diagram"},
|
|
{
|
|
id: "m2", value: "300+", title: "Positive Reviews", description: "See what our happy customers are saying about us.", imageSrc: "https://img.b2bpic.net/free-vector/speak-up-share-your-feedback-background-with-megaphone-design_1017-59030.jpg?id=417368200", imageAlt: "Customer review icon"},
|
|
{
|
|
id: "m3", value: "15+ Years", title: "Industry Experience", description: "A long-standing history of reliable and expert auto repair work.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repair-workshop_23-2147770854.jpg", imageAlt: "Auto repair workshop"},
|
|
{
|
|
id: "m4", value: "Same Day", title: "Service Available", description: "Quick turnaround for many common auto services to get you back on the road.", imageSrc: "https://img.b2bpic.net/premium-photo/close-up-hand-holding-stopwatch-city_1610672-342.jpg?id=102803108", imageAlt: "Fast clock icon"},
|
|
]}
|
|
title="Why Choose Automotive Expert?"
|
|
description="Our commitment to quality, speed, and customer satisfaction sets us apart as a premier auto service center."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-unshaved-dark-skinned-man-with-afro-hairstyle-smiling-expressing-happiness-while-sitting-park-enjoying-nice-weather-listening-music_176420-19804.jpg", imageAlt: "Sarah J."},
|
|
{
|
|
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", imageAlt: "Michael C."},
|
|
{
|
|
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg", imageAlt: "Emily R."},
|
|
{
|
|
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", imageAlt: "David K."},
|
|
{
|
|
id: "5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg", imageAlt: "Jessica L."},
|
|
]}
|
|
cardTitle="Hear From Our Happy Customers"
|
|
cardTag="Reliable Auto Care"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"ASE Certified", "NAPA AutoCare Center", "Bosch Car Service", "BBB Accredited", "Trusted Technicians", "Customer Recommended"]}
|
|
title="Recognized & Certified for Automotive Excellence"
|
|
description="We adhere to the highest standards of automotive repair and quality, backed by industry certifications and trusted partnerships."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What types of auto repair services do you offer?", content: "We offer a full range of services including oil changes, brake repair, engine diagnostics, tire sales and service, AC and heating repair, and battery/electrical service. Visit our services section for a complete list."
|
|
},
|
|
{
|
|
id: "faq-2", title: "How often should I have my oil changed?", content: "Generally, we recommend an oil change every 3,000 to 5,000 miles for conventional oil, or as specified by your vehicle's manufacturer for synthetic oils, depending on your driving habits."
|
|
},
|
|
{
|
|
id: "faq-3", title: "Do you provide estimates before starting repairs?", content: "Yes, transparency is key. We provide a detailed, no-obligation estimate for all major repairs before any work begins, ensuring you understand the costs involved."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Are your auto technicians certified?", content: "Absolutely. Our team consists of highly trained and ASE Certified technicians dedicated to providing expert and reliable service for your vehicle."
|
|
},
|
|
{
|
|
id: "faq-5", title: "What vehicles do you service?", content: "We proudly service most makes and models of cars, trucks, and SUVs, both foreign and domestic. Please contact us with your vehicle details if you have specific questions."
|
|
},
|
|
{
|
|
id: "faq-6", title: "Do you offer a warranty on your repairs?", content: "Yes, we stand behind our work. Most of our repairs come with a warranty to give you peace of mind. Please ask our service advisors for specific warranty details."
|
|
},
|
|
{
|
|
id: "faq-7", title: "Can I schedule an appointment online?", content: "Currently, we recommend calling us directly at (309) 786-5992 to schedule your service appointment. We're working on an online booking option for the future!"
|
|
}
|
|
]}
|
|
title="Common Questions About Our Auto Repair Services"
|
|
description="Find quick answers to common questions about our auto repair services, pricing, and operational details."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
tag="Connect With Us"
|
|
title="Schedule Your Auto Service or Get a Free Quote"
|
|
description="Ready to get your car serviced? Contact us today for an appointment or a no-obligation estimate. We're committed to providing top-notch auto repair."
|
|
inputPlaceholder="Enter your name, email, or phone for service"
|
|
buttonText="Request a Quote"
|
|
termsText="By clicking Request a Quote, you agree to be contacted by Automotive Expert regarding your service inquiry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
videoSrc="http://img.b2bpic.net/free-photo/mechanic-working-car-service_23-2147770858.jpg"
|
|
videoAriaLabel="Mechanic working on car"
|
|
logoText="Automotive Expert"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Oil Change & Filters", href: "#services"},
|
|
{
|
|
label: "Brake & ABS Repair", href: "#services"},
|
|
{
|
|
label: "Engine Diagnostics", href: "#services"},
|
|
{
|
|
label: "Tire Sales & Service", href: "#services"},
|
|
{
|
|
label: "AC & Heating", href: "#services"},
|
|
{
|
|
label: "Battery & Electrical", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Customer Reviews", href: "#reviews"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Our Team", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Schedule Service", href: "#contact"},
|
|
{
|
|
label: "Call Us: (309) 786-5992", href: "tel:+13097865992"},
|
|
{
|
|
label: "Contact Us", href: "#contact"}
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Automotive Expert. All Rights Reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |