250 lines
14 KiB
TypeScript
250 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Clock, Wrench, ArrowRight, Shield, TrendingUp, Star, HelpCircle, Award, Users, CheckCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Elite Auto Locksmith"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+17045551234" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Fast, Reliable Automotive Locksmith Services in Charlotte"
|
|
description="Locked out of your car? Lost your keys? We're here 24/7 to get you back on the road. Professional locksmith services for all makes and models."
|
|
tag="24/7 Emergency Service"
|
|
tagIcon={Clock}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
kpis={[
|
|
{ value: "15+ Years", label: "Industry Experience" },
|
|
{ value: "30 Min", label: "Average Response Time" },
|
|
{ value: "1000+", label: "Happy Customers" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Emergency Lockout", href: "#contact" },
|
|
{ text: "Request Quote", href: "#contact" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-key-unlock-her-car-door_23-2148767026.jpg"
|
|
imageAlt="Professional automotive locksmith service"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
title="Our Locksmith Services"
|
|
description="Comprehensive automotive locksmith solutions for every situation"
|
|
tag="Professional Services"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Car Lockout Service", description: "Stuck outside your vehicle? We'll get you back in quickly and safely without damage.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-mechanic-giving-car-key-customer-repair-shop_637285-9791.jpg", imageAlt: "Car lockout service", buttonIcon: ArrowRight,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Key Replacement & Duplication", description: "Lost your keys? We create replacement keys for any make and model on the spot.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-car-key_23-2150320973.jpg?_wi=1", imageAlt: "Key replacement service", buttonIcon: ArrowRight,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Emergency After-Hours Service", description: "Locked out at 2 AM? No problem. Our team is available 24/7 for emergencies.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-car_1303-3847.jpg", imageAlt: "24/7 emergency locksmith service", buttonIcon: ArrowRight,
|
|
buttonHref: "#contact"
|
|
},
|
|
{
|
|
title: "Transponder Key Programming", description: "Modern car keys require programming. We handle all transponder key needs.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-car-key_23-2150320973.jpg?_wi=2", imageAlt: "Transponder key programming", buttonIcon: ArrowRight,
|
|
buttonHref: "#contact"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View All Services", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Trusted Automotive Locksmith in Charlotte"
|
|
description="With over 15 years of experience serving the Charlotte community, Elite Auto Locksmith is your go-to solution for all automotive locksmith needs. We're certified professionals committed to fast, reliable service at fair prices."
|
|
tag="About Elite Auto Locksmith"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Learn More", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"
|
|
imageAlt="Elite Auto Locksmith team"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Why Choose Elite Auto Locksmith"
|
|
description="By the numbers, here's why Charlotte trusts us"
|
|
tag="Our Track Record"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", icon: Clock, title: "Response Time", value: "30 Minutes" },
|
|
{ id: "2", icon: Users, title: "Satisfied Customers", value: "1000+" },
|
|
{ id: "3", icon: Award, title: "Years Experience", value: "15+" },
|
|
{ id: "4", icon: CheckCircle, title: "Service Success", value: "99.8%" }
|
|
]}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Customers Say"
|
|
description="Real feedback from real customers in Charlotte"
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Quick and Professional", quote: "I was locked out of my car in the middle of the day. Elite Auto Locksmith arrived in 25 minutes and had me back in my vehicle within minutes. Incredibly professional and fair pricing!", name: "Sarah Johnson", role: "Charlotte, NC", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", title: "Saved Me at 2 AM", quote: "Locked out late at night with my kids in the car. They answered immediately and were there in 20 minutes. True lifesaver. Will definitely use again and recommend to everyone!", name: "Michael Chen", role: "Charlotte, NC", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", title: "Best Service in Charlotte", quote: "Lost my keys and needed a replacement. They programmed new transponder keys on the spot. No hassle, no hidden fees. Best locksmith service I've experienced.", name: "Emily Rodriguez", role: "Charlotte, NC", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", title: "Honest and Trustworthy", quote: "Was worried about pricing, but they were upfront about costs before any work. Did the job right the first time. This is a company you can trust!", name: "David Kim", role: "Charlotte, NC", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common locksmith questions"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How much does it cost for a car lockout?", content: "Typical car lockout service ranges from $75-$150 depending on your vehicle type and time of service. Emergency after-hours calls may have additional fees. We'll provide a quote before any work begins."
|
|
},
|
|
{
|
|
id: "2", title: "Are you available 24/7?", content: "Yes! Elite Auto Locksmith operates 24 hours a day, 7 days a week. Whether it's 3 AM on a Sunday or a weekday afternoon, we're ready to help. Call us anytime at (704) 555-1234."
|
|
},
|
|
{
|
|
id: "3", title: "Can you make keys for any car?", content: "We can create keys for most vehicles, including modern cars with transponder technology. Bring your vehicle title or ID, and we'll have you sorted quickly. Some high-security keys may require 24-48 hours."
|
|
},
|
|
{
|
|
id: "4", title: "What if you damage my car?", content: "Our technicians use non-destructive entry techniques to avoid damage. We're fully insured, and in the rare event of damage, we'll handle all repairs at no cost to you."
|
|
},
|
|
{
|
|
id: "5", title: "Do you service commercial vehicles?", content: "Absolutely. We service all vehicle types including trucks, vans, commercial fleets, and specialty vehicles. We also offer fleet account discounts for businesses."
|
|
},
|
|
{
|
|
id: "6", title: "How long is the response time?", content: "Our average response time is 30 minutes in Charlotte and surrounding areas. Emergency calls are prioritized, and we'll give you an accurate ETA when you call."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to get back on the road? Contact Elite Auto Locksmith for fast, professional service. Call us now or fill out the form."
|
|
animationType="background-highlight"
|
|
buttons={[
|
|
{ text: "Call (704) 555-1234", href: "tel:+17045551234" },
|
|
{ text: "Request Service", href: "mailto:service@eliteautolocksmith.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Elite Auto Locksmith"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Car Lockout", href: "#services" },
|
|
{ label: "Key Replacement", href: "#services" },
|
|
{ label: "Emergency Service", href: "#services" },
|
|
{ label: "Key Programming", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (704) 555-1234", href: "tel:+17045551234" },
|
|
{ label: "Email: service@eliteautolocksmith.com", href: "mailto:service@eliteautolocksmith.com" },
|
|
{ label: "Charlotte, NC", href: "#" },
|
|
{ label: "Available 24/7", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Service Agreement", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Elite Auto Locksmith. All rights reserved. Serving Charlotte, NC 24/7."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|