1 Commits

Author SHA1 Message Date
268d592100 Update src/app/page.tsx 2026-04-16 20:59:08 +00:00

View File

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