Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
229
src/app/page.tsx
229
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Locksmith 417"
|
||||
/>
|
||||
@@ -56,37 +48,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Auto Locksmith 30 Minutes or Less"
|
||||
description="Sameday ignition repair, fob programming, and emergency lockout service. Fully licensed, 4.9-star rated, and 50% less than dealerships."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for a Quote",
|
||||
href: "tel:4175550100",
|
||||
},
|
||||
text: "Call for a Quote", href: "tel:4175550100"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580573.jpg?_wi=1",
|
||||
imageAlt: "Professional locksmith",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580573.jpg", imageAlt: "Professional locksmith"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-work-van_23-2149891032.jpg?_wi=1",
|
||||
imageAlt: "Ignition repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-work-van_23-2149891032.jpg", imageAlt: "Ignition repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-opening-van-s-door_23-2149908130.jpg?_wi=1",
|
||||
imageAlt: "Lockout service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-opening-van-s-door_23-2149908130.jpg", imageAlt: "Lockout service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-jeweler-making-jewellery_23-2150931420.jpg",
|
||||
imageAlt: "Professional locksmith",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-jeweler-making-jewellery_23-2150931420.jpg", imageAlt: "Professional locksmith"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1291.jpg",
|
||||
imageAlt: "Ignition repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1291.jpg", imageAlt: "Ignition repair"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -99,34 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30m",
|
||||
title: "Avg Response Time",
|
||||
items: [
|
||||
"Always on time",
|
||||
"Mobile service",
|
||||
"Fully equipped",
|
||||
],
|
||||
id: "m1", value: "30m", title: "Avg Response Time", items: [
|
||||
"Always on time", "Mobile service", "Fully equipped"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9★",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"Verified reviews",
|
||||
"Top-rated",
|
||||
"Client approved",
|
||||
],
|
||||
id: "m2", value: "4.9★", title: "Rating", items: [
|
||||
"Verified reviews", "Top-rated", "Client approved"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50%",
|
||||
title: "Dealer Savings",
|
||||
items: [
|
||||
"Better pricing",
|
||||
"Direct savings",
|
||||
"Budget friendly",
|
||||
],
|
||||
id: "m3", value: "50%", title: "Dealer Savings", items: [
|
||||
"Better pricing", "Direct savings", "Budget friendly"],
|
||||
},
|
||||
]}
|
||||
title="Quality You Can Trust"
|
||||
@@ -141,79 +102,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ignition Repair",
|
||||
description: "Professional repair and replacement for faulty ignition switches.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-driver-opening-ev-car-charging-port-flap-attaching-electric-cable_482257-130208.jpg",
|
||||
imageAlt: "Ignition repair",
|
||||
},
|
||||
title: "Ignition Repair", description: "Professional repair and replacement for faulty ignition switches.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-driver-opening-ev-car-charging-port-flap-attaching-electric-cable_482257-130208.jpg", imageAlt: "Ignition repair"},
|
||||
items: [
|
||||
{
|
||||
text: "Stuck key removal",
|
||||
icon: Wrench,
|
||||
text: "Stuck key removal", icon: Wrench,
|
||||
},
|
||||
{
|
||||
text: "Ignition switch fix",
|
||||
icon: Settings,
|
||||
text: "Ignition switch fix", icon: Settings,
|
||||
},
|
||||
{
|
||||
text: "Cylinder replacement",
|
||||
icon: Shield,
|
||||
text: "Cylinder replacement", icon: Shield,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580573.jpg?_wi=2",
|
||||
imageAlt: "broken car key extraction tool",
|
||||
},
|
||||
{
|
||||
title: "Fob Programming",
|
||||
description: "Advanced electronic key programming for all major vehicle makes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-eye-working_23-2148920069.jpg",
|
||||
imageAlt: "Fob programming",
|
||||
},
|
||||
title: "Fob Programming", description: "Advanced electronic key programming for all major vehicle makes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-eye-working_23-2148920069.jpg", imageAlt: "Fob programming"},
|
||||
items: [
|
||||
{
|
||||
text: "Transponder keys",
|
||||
icon: Zap,
|
||||
text: "Transponder keys", icon: Zap,
|
||||
},
|
||||
{
|
||||
text: "Remote entry",
|
||||
icon: Smartphone,
|
||||
text: "Remote entry", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
text: "Key duplication",
|
||||
icon: Copy,
|
||||
text: "Key duplication", icon: Copy,
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-work-van_23-2149891032.jpg?_wi=2",
|
||||
imageAlt: "broken car key extraction tool",
|
||||
},
|
||||
{
|
||||
title: "Emergency Lockouts",
|
||||
description: "Fast, damage-free entry for your vehicle, anywhere in our range.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-order-curbside-pickup_23-2149106378.jpg",
|
||||
imageAlt: "Lockout service",
|
||||
},
|
||||
title: "Emergency Lockouts", description: "Fast, damage-free entry for your vehicle, anywhere in our range.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-order-curbside-pickup_23-2149106378.jpg", imageAlt: "Lockout service"},
|
||||
items: [
|
||||
{
|
||||
text: "24/7 Availability",
|
||||
icon: Clock,
|
||||
text: "24/7 Availability", icon: Clock,
|
||||
},
|
||||
{
|
||||
text: "Damage-free entry",
|
||||
icon: CheckCircle,
|
||||
text: "Damage-free entry", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
text: "Mobile service",
|
||||
icon: Car,
|
||||
text: "Mobile service", icon: Car,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-opening-van-s-door_23-2149908130.jpg?_wi=2",
|
||||
imageAlt: "broken car key extraction tool",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Automotive Services"
|
||||
@@ -228,20 +162,14 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "License",
|
||||
value: "Fully Licensed",
|
||||
},
|
||||
label: "License", value: "Fully Licensed"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.9/5 stars",
|
||||
},
|
||||
label: "Rating", value: "4.9/5 stars"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Savings",
|
||||
value: "50% Savings",
|
||||
},
|
||||
]}
|
||||
label: "Savings", value: "50% Savings"},
|
||||
],
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -251,30 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-car-keys_23-2148384904.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-car-keys_23-2148384904.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-pointing-self-with-excited_1194-400315.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-pointing-self-with-excited_1194-400315.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-holds-car-key-while-sits-automobile_176532-8018.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-holds-car-key-while-sits-automobile_176532-8018.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-european-male-showing-face-mask-vibrant-yellow-wall_181624-52117.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-european-male-showing-face-mask-vibrant-yellow-wall_181624-52117.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jennifer L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg",
|
||||
},
|
||||
id: "t5", name: "Jennifer L.", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Trusted Reviews"
|
||||
@@ -287,14 +200,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Auto Insurance Co",
|
||||
"Roadside Rescue",
|
||||
"Locksmith Association",
|
||||
"Auto Parts Pro",
|
||||
"Fleet Logistics",
|
||||
"Vehicle Care Network",
|
||||
"Consumer Trust",
|
||||
]}
|
||||
"Auto Insurance Co", "Roadside Rescue", "Locksmith Association", "Auto Parts Pro", "Fleet Logistics", "Vehicle Care Network", "Consumer Trust"]}
|
||||
title="Trusted Partners"
|
||||
description="Serving insurance providers and property managers throughout the area."
|
||||
/>
|
||||
@@ -306,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How fast do you arrive?",
|
||||
content: "We aim to reach you within 30 minutes or less on average.",
|
||||
},
|
||||
id: "f1", title: "How fast do you arrive?", content: "We aim to reach you within 30 minutes or less on average."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you cheaper than a dealership?",
|
||||
content: "Yes, our services are typically 50% less than standard dealership rates.",
|
||||
},
|
||||
id: "f2", title: "Are you cheaper than a dealership?", content: "Yes, our services are typically 50% less than standard dealership rates."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work with fleet vehicles?",
|
||||
content: "Absolutely, we specialize in providing locksmith partnerships for fleet managers.",
|
||||
},
|
||||
id: "f3", title: "Do you work with fleet vehicles?", content: "Absolutely, we specialize in providing locksmith partnerships for fleet managers."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our automotive locksmith services."
|
||||
@@ -331,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Need Help Now?"
|
||||
description="Call us or enter your email to get a quote and professional service today."
|
||||
@@ -346,42 +242,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Ignition Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ignition Repair", href: "#services"},
|
||||
{
|
||||
label: "Fob Programming",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Fob Programming", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user