Update src/app/page.tsx

Merge version_3 into main

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,18 +27,14 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Services", id: "services" },
-          name: "Services",          id: "services"},
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          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>
 
@@ -49,10 +45,8 @@ export default function LandingPage() {
       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:16034432605" },
-          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"
@@ -65,14 +59,10 @@ export default function LandingPage() {
       title="Fast. Professional. Trusted."
       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: "m3", value: "24/7", description: "Available" },
-          id: "m2",          value: "15m",          description: "Avg. Response"},
+        { id: "m4", value: "100%", description: "Licensed" },
-        {
-          id: "m3",          value: "24/7",          description: "Available"},
-        {
-          id: "m4",          value: "100%",          description: "Licensed"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -84,10 +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: "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"
@@ -102,18 +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: "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: "Commercial Lockout",          description: "Secure access for businesses.",          imageSrc: "http://img.b2bpic.net/free-vector/colorful-icon-logo_557339-500.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: "Rekey Services",          description: "New keys for total control.",          imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-keyhole-icon_53876-75050.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: "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."
@@ -126,29 +108,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { 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: "t1",          name: "Julie Bauer",          role: "Customer",          company: "Resident, Downtown",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-woman-posing-selfie_1262-2966.jpg"},
+        { 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: "t2",          name: "Fernando Stowell-Flores",          role: "Customer",          company: "Resident, North Hills",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.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, 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, 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: "100%", label: "Client Satisfaction" },
-          value: "15m",          label: "Arrival Time"},
-        {
-          value: "100%",          label: "Client Satisfaction"},
       ]}
       title="Real People. Real Emergencies."
       description="Don't just take our word for it."
@@ -158,14 +127,12 @@ export default function LandingPage() {
   <div id="urgency" data-section="urgency">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      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: 1-603-443-2605", href: "tel:16034432605" },
-          text: "Call Now",          href: "tel:5550102030"},
       ]}
     />
   </div>
@@ -173,14 +140,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      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."
+      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>
@@ -189,16 +154,11 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="MISSION LOCK SECURITY"
       columns={[
-        {
+        { title: "Company", items: [
-          title: "Company",          items: [
+          { label: "Services", href: "#services" },
-            {
+          { label: "Reviews", href: "#testimonials" },
-              label: "Services",              href: "#services"},
+          { label: "Contact", href: "#contact" },
-            {
+        ] },
-              label: "Reviews",              href: "#testimonials"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
       ]}
       copyrightText="© 2024 Mission Lock Security. All rights reserved."
     />