Update src/app/services/page.tsx
This commit is contained in:
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,269 +23,74 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="High Tech Automotive Center"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="High Tech Automotive Center"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "General Repair & Maintenance",
|
||||
description: "Reliable service for all makes and models, keeping your vehicle in top condition.",
|
||||
tag: "Expert Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-examining-car-engine-with-lamp_1170-1292.jpg?_wi=3",
|
||||
imageAlt: "mechanic fixing car engine general",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#general-repair",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Advanced Engine Diagnostics",
|
||||
description: "Precise identification of issues using state-of-the-art diagnostic tools.",
|
||||
tag: "High-Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=3",
|
||||
imageAlt: "car diagnostic tool scan vehicle",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#diagnostics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Brake System Services",
|
||||
description: "Ensure your safety with our thorough brake inspections and expert repairs.",
|
||||
tag: "Safety First",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-garage_1170-1497.jpg?_wi=3",
|
||||
imageAlt: "brake disc caliper repair",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#brakes",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Oil Change & Fluid Checks",
|
||||
description: "Regular oil changes and fluid top-ups to extend your engine's life.",
|
||||
tag: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377026.jpg?_wi=3",
|
||||
imageAlt: "oil change drain car under lift",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#oil-change",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Transmission Repair & Service",
|
||||
description: "From fluid changes to complex overhauls, we keep your transmission smooth.",
|
||||
tag: "Specialized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-repairing-engine_23-2147897996.jpg",
|
||||
imageAlt: "transmission gears car parts",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#transmission",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Tune-Ups & Performance Checks",
|
||||
description: "Optimize your vehicle's performance and fuel efficiency with our comprehensive tune-ups.",
|
||||
tag: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171220.jpg",
|
||||
imageAlt: "spark plug engine tune-up",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#tune-ups",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Comprehensive Auto Services"
|
||||
description="From routine maintenance to complex repairs, our certified technicians are equipped with the latest technology to keep your vehicle running smoothly and safely."
|
||||
tag="Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardSix
|
||||
title="Our Expert Automotive Services"
|
||||
description="We offer a full spectrum of automotive services, from routine maintenance to complex repairs, all performed by certified technicians."
|
||||
tag="Services"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Engine Diagnostics & Repair", description: "Advanced troubleshooting and repair for all engine types, ensuring optimal performance and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairing-engine_23-2147898031.jpg", imageAlt: "mechanic repairing engine" },
|
||||
{ id: 2, title: "Brake System Maintenance", description: "Comprehensive brake inspections, pad and rotor replacement, and fluid services for maximum safety.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-brakes_1303-14041.jpg", imageAlt: "mechanic checking car brakes" },
|
||||
{ id: 3, title: "Oil Change & Fluid Services", description: "Regular oil changes and essential fluid checks to prolong your vehicle's lifespan and maintain peak performance.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-oil-car_1303-14040.jpg", imageAlt: "mechanic changing car oil" },
|
||||
{ id: 4, title: "Tire Sales & Service", description: "Expert tire mounting, balancing, rotation, and alignment services, plus a wide selection of new tires.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-inspecting-car_23-2147898030.jpg", imageAlt: "mechanic inspecting car tires" },
|
||||
{ id: 5, title: "Suspension & Steering Repair", description: "Ensuring a smooth and safe ride with professional repair and maintenance of your vehicle's suspension and steering components.", imageSrc: "http://img.b2bpic.net/free-photo/car-repair_1303-14043.jpg", imageAlt: "mechanic repairing car suspension" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experience & Trust You Can Rely On"
|
||||
description="For over three decades, Honest Auto Repair has built a reputation for honest, reliable automotive care in the community. Our commitment to quality and customer satisfaction sets us apart, making us your trusted partner on the road."
|
||||
metrics={[
|
||||
{
|
||||
value: "35+",
|
||||
title: "Years in Business",
|
||||
},
|
||||
{
|
||||
value: "50K+",
|
||||
title: "Cars Serviced",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
]}
|
||||
tag="Our Legacy"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-dealer-talking-clients_23-2148130143.jpg?_wi=1"
|
||||
imageAlt="happy mechanic friendly customer"
|
||||
/>
|
||||
</div>
|
||||
<div id="services-faq" data-section="services-faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services, appointments, and general vehicle care."
|
||||
tag="FAQs"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "1", title: "How often should I get an oil change?", content: "Typically, it's recommended every 3,000 to 5,000 miles, but this can vary based on your vehicle's make, model, and driving conditions. Consult your owner's manual for precise recommendations." },
|
||||
{ id: "2", title: "What is included in a diagnostic service?", content: "Our diagnostic service includes a comprehensive scan of your vehicle's computer systems, a visual inspection of relevant components, and a detailed report of any identified issues, followed by a transparent repair estimate." },
|
||||
{ id: "3", title: "Do you offer warranty on repairs?", content: "Yes, we stand behind our work. Most repairs come with a [X-month/X-mile] warranty on parts and labor. Please ask our service advisor for specific warranty details." },
|
||||
{ id: "4", title: "Can I wait while my car is being serviced?", content: "For most minor services, yes. We have a comfortable waiting area with Wi-Fi and complimentary refreshments. For longer repairs, we can help arrange alternative transportation." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of vehicles do you service?",
|
||||
content: "We proudly service all major makes and models of cars, trucks, and SUVs, both domestic and foreign. Our technicians are trained and certified to work on a wide range of vehicles.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer a warranty on your repairs?",
|
||||
content: "Yes, we stand behind our work. Most of our repairs come with a comprehensive warranty on parts and labor. Please ask our service advisor for specific warranty details for your service.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How often should I get an oil change?",
|
||||
content: "The frequency of oil changes depends on your vehicle's make, model, age, and your driving habits. We generally recommend consulting your owner's manual or speaking with one of our technicians for personalized advice, typically every 3,000 to 7,500 miles.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I wait at your shop while my car is being serviced?",
|
||||
content: "Absolutely! We have a comfortable waiting area with complimentary Wi-Fi and refreshments for your convenience. For longer services, we can also help arrange transportation options.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions About Our Services"
|
||||
description="Find quick answers to common questions regarding our auto repair and maintenance services, ensuring you have all the information you need."
|
||||
tag="FAQs"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="services-contact" data-section="services-contact">
|
||||
<ContactSplitForm
|
||||
title="Book Your Service Appointment"
|
||||
description="Ready for top-notch automotive care? Schedule your visit with our expert team today!"
|
||||
buttonText="Schedule Service"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-service-center_23-2149301128.jpg"
|
||||
imageAlt="car service bay"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "service", type: "text", placeholder: "Preferred Service (e.g., Oil Change)", required: true }
|
||||
]}
|
||||
textarea={{ name: "details", placeholder: "Any specific concerns or details?", rows: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Book Now"
|
||||
title="Ready for Honest & Expert Auto Care?"
|
||||
description="Schedule your appointment today and experience the difference of quality service from a team you can trust, proudly serving you since 1986."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "General Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brake Service",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "/about#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Honest Auto Repair. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
copyrightText="© 2024 High Tech Automotive Center. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user