Update src/app/page.tsx

Merge version_4 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,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>
   );
-}
+}