Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 268d592100 |
171
src/app/page.tsx
171
src/app/page.tsx
@@ -30,22 +30,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550102030",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550102030"}}
|
||||
brandName="MISSION LOCK"
|
||||
/>
|
||||
</div>
|
||||
@@ -53,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Security. Answered. Immediately."
|
||||
description="Gabe picks up the phone when no one else does — and shows up fast. Premium locksmith services delivered with tactical precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550102030",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550102030"},
|
||||
{
|
||||
text: "Book a Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/secure-wooden-doors-1_1385-639.jpg"
|
||||
imageAlt="cinematic close up lock gold"
|
||||
@@ -79,25 +66,13 @@ export default function LandingPage() {
|
||||
tag="Why Mission Lock"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5/5",
|
||||
description: "Google Rating",
|
||||
},
|
||||
id: "m1", value: "5/5", description: "Google Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15m",
|
||||
description: "Avg. Response",
|
||||
},
|
||||
id: "m2", value: "15m", description: "Avg. Response"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Available",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Available"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Licensed",
|
||||
},
|
||||
id: "m4", value: "100%", description: "Licensed"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,13 +85,9 @@ export default function LandingPage() {
|
||||
description="Every other company sends you to voicemail. Gabe picks up — then shows up. Whether it's freezing weather, a holiday, or a weekend, Mission Lock Security provides the professionalism your home or business deserves."
|
||||
metrics={[
|
||||
{
|
||||
value: "Immediate",
|
||||
title: "Response",
|
||||
},
|
||||
value: "Immediate", title: "Response"},
|
||||
{
|
||||
value: "Expert",
|
||||
title: "Precision",
|
||||
},
|
||||
value: "Expert", title: "Precision"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metal-combination-safety-solid-lock_1203-6381.jpg"
|
||||
@@ -132,35 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Lockout",
|
||||
description: "Fast entry without damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg",
|
||||
},
|
||||
title: "Residential Lockout", description: "Fast entry without damage.", imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg"},
|
||||
{
|
||||
title: "Commercial Lockout",
|
||||
description: "Secure access for businesses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-icon-logo_557339-500.jpg",
|
||||
},
|
||||
title: "Commercial Lockout", description: "Secure access for businesses.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-icon-logo_557339-500.jpg"},
|
||||
{
|
||||
title: "Rekey Services",
|
||||
description: "New keys for total control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-keyhole-icon_53876-75050.jpg",
|
||||
},
|
||||
title: "Rekey Services", description: "New keys for total control.", imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-keyhole-icon_53876-75050.jpg"},
|
||||
{
|
||||
title: "Deadbolt Installation",
|
||||
description: "Advanced physical security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841696.jpg",
|
||||
},
|
||||
title: "Deadbolt Installation", description: "Advanced physical security.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841696.jpg"},
|
||||
{
|
||||
title: "Lock Replacement",
|
||||
description: "Upgrade your hardware.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-golden-spoon-white-background_179666-17264.jpg",
|
||||
},
|
||||
title: "Lock Replacement", description: "Upgrade your hardware.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-golden-spoon-white-background_179666-17264.jpg"},
|
||||
{
|
||||
title: "Emergency Service",
|
||||
description: "Available 24/7, always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-security-flat-color-icon-pack_1142-25274.jpg",
|
||||
},
|
||||
title: "Emergency Service", description: "Available 24/7, always.", imageSrc: "http://img.b2bpic.net/free-vector/25-security-flat-color-icon-pack_1142-25274.jpg"},
|
||||
]}
|
||||
title="Precision Locksmith Services"
|
||||
description="Professional solutions for every security scenario."
|
||||
@@ -174,59 +127,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Julie Bauer",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-woman-posing-selfie_1262-2966.jpg",
|
||||
},
|
||||
id: "t1", name: "Julie Bauer", role: "Customer", company: "Resident, Downtown", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-woman-posing-selfie_1262-2966.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fernando Stowell-Flores",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
id: "t2", name: "Fernando Stowell-Flores", role: "Customer", company: "Resident, North Hills", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Justin M.",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
id: "t3", name: "Justin M.", role: "Customer", company: "Resident, Riverside", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Karen Howard",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-smiling-broadly-showing-teeth_141793-55062.jpg",
|
||||
},
|
||||
id: "t4", name: "Karen Howard", role: "Customer", company: "Resident, Oakwood", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-smiling-broadly-showing-teeth_141793-55062.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Danielle S.",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg",
|
||||
},
|
||||
id: "t5", name: "Danielle S.", role: "Customer", company: "Resident, Westside", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Jobs Completed",
|
||||
},
|
||||
value: "500+", label: "Jobs Completed"},
|
||||
{
|
||||
value: "15m",
|
||||
label: "Arrival Time",
|
||||
},
|
||||
value: "15m", label: "Arrival Time"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
]}
|
||||
title="Real People. Real Emergencies."
|
||||
description="Don't just take our word for it."
|
||||
@@ -237,16 +159,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Locked Out?"
|
||||
title="Don't wait on hold. Gabe picks up."
|
||||
description="Your security is our priority. Immediate response guaranteed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550102030",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550102030"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,16 +174,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Back In"
|
||||
title="Let's Get You Back In."
|
||||
description="Fill out the form or call us directly at 555-010-2030 to schedule your service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Request",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send Request", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,20 +190,13 @@ export default function LandingPage() {
|
||||
logoText="MISSION LOCK SECURITY"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user