Merge version_5 into main

Update src/app/page.tsx
2026-04-16 21:16:06 +00:00 · 2026-04-16 21:16:00 +00:00 · 2026-04-16 21:09:47 +00:00 · 2026-04-16 21:09:44 +00:00 · 2026-04-16 21:09:23 +00:00 · 2026-04-16 21:09:20 +00:00
1 changed files with 40 additions and 171 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

 export default function LandingPage() {
@@ -27,45 +27,26 @@ export default function LandingPage() {
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
      ]}
-      button={{
-        text: "Call Now",
-        href: "tel:5550102030",
-      }}
      brandName="MISSION LOCK"
+      button={{ text: "1-603-443-2605", href: "tel:+16034432605" }}
    />
  </div>

  <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: "Book a Service",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:+16034432605" },
+        { 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"
@@ -78,26 +59,10 @@ export default function LandingPage() {
      title="Fast. Professional. Trusted."
      tag="Why Mission Lock"
      metrics={[
-        {
-          id: "m1",
-          value: "5/5",
-          description: "Google Rating",
-        },
-        {
-          id: "m2",
-          value: "15m",
-          description: "Avg. Response",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Available",
-        },
-        {
-          id: "m4",
-          value: "100%",
-          description: "Licensed",
-        },
+        { id: "m1", value: "5/5", description: "Google Rating" },
+        { id: "m2", value: "15m", description: "Avg. Response" },
+        { id: "m3", value: "24/7", description: "Available" },
+        { id: "m4", value: "100%", description: "Licensed" },
      ]}
      metricsAnimation="slide-up"
    />
@@ -109,14 +74,8 @@ export default function LandingPage() {
      title="The Locksmith Who Actually Answers"
      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: "Expert",
-          title: "Precision",
-        },
+        { value: "Immediate", title: "Response" },
+        { value: "Expert", title: "Precision" },
      ]}
      mediaAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/metal-combination-safety-solid-lock_1203-6381.jpg"
@@ -131,36 +90,12 @@ export default function LandingPage() {
      textboxLayout="default"
      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: "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: "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: "Emergency Service",
-          description: "Available 24/7, always.",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-security-flat-color-icon-pack_1142-25274.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: "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: "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="Precision Locksmith Services"
      description="Professional solutions for every security scenario."
@@ -173,60 +108,16 @@ export default function LandingPage() {
      textboxLayout="default"
      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: "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: "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: "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: "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: "t1", name: "Julie Bauer", role: "Customer", company: "Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CS6MOOw4JPsrUCk55iEEMtMOYI/uploaded-1776373633150-s8nvfenu.png?_wi=1" },
+        { id: "t2", name: "Fernando Stowell-Flores", role: "Customer", company: "Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CS6MOOw4JPsrUCk55iEEMtMOYI/uploaded-1776373633150-s8nvfenu.png?_wi=2" },
+        { id: "t3", name: "Justin M.", role: "Customer", company: "Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CS6MOOw4JPsrUCk55iEEMtMOYI/uploaded-1776373633150-s8nvfenu.png?_wi=3" },
+        { id: "t4", name: "Karen Howard", role: "Customer", company: "Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CS6MOOw4JPsrUCk55iEEMtMOYI/uploaded-1776373633150-s8nvfenu.png?_wi=4" },
+        { id: "t5", name: "Danielle S.", role: "Customer", company: "Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CS6MOOw4JPsrUCk55iEEMtMOYI/uploaded-1776373633150-s8nvfenu.png?_wi=5" },
      ]}
      kpiItems={[
-        {
-          value: "500+",
-          label: "Jobs Completed",
-        },
-        {
-          value: "15m",
-          label: "Arrival Time",
-        },
-        {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
+        { value: "500+", label: "Jobs Completed" },
+        { value: "15m", label: "Arrival Time" },
+        { value: "100%", label: "Client Satisfaction" },
      ]}
      title="Real People. Real Emergencies."
      description="Don't just take our word for it."
@@ -236,17 +127,12 @@ export default function LandingPage() {
  <div id="urgency" data-section="urgency">
      <ContactCTA
      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ 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: 1-603-443-2605", href: "tel:+16034432605" },
      ]}
    />
  </div>
@@ -254,17 +140,12 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ 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."
+      description="Fill out the form or call us directly at 1-603-443-2605 to schedule your service."
      buttons={[
-        {
-          text: "Send Request",
-          href: "#",
-        },
+        { text: "Send Request", href: "#" },
      ]}
    />
  </div>
@@ -273,23 +154,11 @@ export default function LandingPage() {
      <FooterBaseReveal
      logoText="MISSION LOCK SECURITY"
      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Company", items: [
+          { label: "Services", href: "#services" },
+          { label: "Reviews", href: "#testimonials" },
+          { label: "Contact", href: "#contact" },
+        ] },
      ]}
      copyrightText="© 2024 Mission Lock Security. All rights reserved."
    />
@@ -297,4 +166,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	fd635962f2	Merge version_5 into main Merge version_5 into main	2026-04-16 21:16:06 +00:00
bender	864573bbc9	Update src/app/page.tsx	2026-04-16 21:16:00 +00:00
bender	59a098df24	Merge version_4 into main Merge version_4 into main	2026-04-16 21:09:47 +00:00
bender	a7cc1242db	Update src/app/page.tsx	2026-04-16 21:09:44 +00:00
bender	0e804a8724	Merge version_4 into main Merge version_4 into main	2026-04-16 21:09:23 +00:00
bender	da5349448a	Update src/app/page.tsx	2026-04-16 21:09:20 +00:00
bender	682f94765d	Merge version_3 into main Merge version_3 into main	2026-04-16 21:08:31 +00:00
bender	3cd7439fc7	Update src/app/page.tsx	2026-04-16 21:08:25 +00:00
bender	b97113e56b	Merge version_3 into main Merge version_3 into main	2026-04-16 21:08:12 +00:00
bender	9c6ff9b1d6	Update src/app/page.tsx	2026-04-16 21:08:06 +00:00
bender	91ec88330c	Merge version_3 into main Merge version_3 into main	2026-04-16 21:01:24 +00:00
bender	49b730870b	Update src/app/page.tsx	2026-04-16 21:01:18 +00:00
bender	9cea5b7e3e	Merge version_2 into main Merge version_2 into main	2026-04-16 20:59:11 +00:00
bender	268d592100	Update src/app/page.tsx	2026-04-16 20:59:08 +00:00