From b4788c68a4eb295a873492b666efea11caef103c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 19:05:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 427 +++++++++++++++--------------------------------
 1 file changed, 132 insertions(+), 295 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 22c3c2e..ed88fd4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,310 +28,147 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Technology",
-          id: "technology",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      button={{
-        text: "Request a Quote",
-        href: "#contact",
-      }}
-      brandName="Armstrong Guard Services"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Technology", id: "technology" },
+              { name: "Contact", id: "contact" },
+            ]}
+            button={{ text: "Request a Quote", href: "#contact" }}
+            brandName="Armstrong Guard Services"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Reliable Security Guard Services 24/7"
-      description="Professional, licensed protection for businesses, events, and properties. Female-owned and powered by industry-leading transparency systems."
-      buttons={[
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368769.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368768.jpg",
-          alt: "security guard portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368754.jpg",
-          alt: "security professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-policeman-posing-with-weapon-hand-studio-front-view-law-enforcement-officer_7502-10357.jpg",
-          alt: "law enforcement officer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-caucasian-police-officer-uniform-standing-with-baton-indoors-front-view-bearded-cop_7502-10501.jpg",
-          alt: "police officer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368756.jpg",
-          alt: "security guard on duty",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "24/7 Monitoring",
-        },
-        {
-          type: "text",
-          text: "AI-Driven Reporting",
-        },
-        {
-          type: "text",
-          text: "Female-Owned",
-        },
-        {
-          type: "text",
-          text: "Industry Leaders",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Reliable Security Guard Services 24/7"
+            description="Professional, licensed protection for businesses, events, and properties. Female-owned and powered by industry-leading transparency systems."
+            buttons={[{ text: "Request a Quote", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368769.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368768.jpg", alt: "security guard portrait" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368754.jpg", alt: "security professional" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-policeman-posing-with-weapon-hand-studio-front-view-law-enforcement-officer_7502-10357.jpg", alt: "law enforcement officer" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-caucasian-police-officer-uniform-standing-with-baton-indoors-front-view-bearded-cop_7502-10501.jpg", alt: "police officer" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368756.jpg", alt: "security guard on duty" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Licensed & Insured" },
+              { type: "text", text: "24/7 Monitoring" },
+              { type: "text", text: "AI-Driven Reporting" },
+              { type: "text", text: "Female-Owned" },
+              { type: "text", text: "Industry Leaders" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Accountability & Transparency in Security"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#services",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Accountability & Transparency in Security"
+            buttons={[{ text: "Learn More", href: "#services" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Vehicle & Foot Patrol",
-          description: "Highly trained guards for on-site monitoring and real-time incident response.",
-          imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-car-filling-feedback-form-after-finishing-test-drive_482257-123937.jpg",
-        },
-        {
-          title: "Armed & Unarmed Security",
-          description: "Fully licensed professionals for all levels of site protection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/airport-security-officer-using-hand-held-metal-detector-check-commuter_107420-95853.jpg",
-        },
-        {
-          title: "Event Security",
-          description: "Experienced teams for crowd control and event safety management.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-mans-pointing-glass-with-colorful-paper-notes-diverse-group-male-employees-formal-wear-using-stickers_627829-934.jpg",
-        },
-      ]}
-      title="Comprehensive Protection Solutions"
-      description="From construction sites to corporate offices, our highly trained teams provide the security coverage you need."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { title: "Vehicle & Foot Patrol", description: "Highly trained guards for on-site monitoring and real-time incident response.", imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-car-filling-feedback-form-after-finishing-test-drive_482257-123937.jpg" },
+              { title: "Armed & Unarmed Security", description: "Fully licensed professionals for all levels of site protection.", imageSrc: "http://img.b2bpic.net/free-photo/airport-security-officer-using-hand-held-metal-detector-check-commuter_107420-95853.jpg" },
+              { title: "Event Security", description: "Experienced teams for crowd control and event safety management.", imageSrc: "http://img.b2bpic.net/free-photo/business-mans-pointing-glass-with-colorful-paper-notes-diverse-group-male-employees-formal-wear-using-stickers_627829-934.jpg" },
+            ]}
+            title="Comprehensive Protection Solutions"
+            description="From construction sites to corporate offices, our highly trained teams provide the security coverage you need."
+          />
+        </div>
 
-  <div id="technology" data-section="technology">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "AI Live Agents",
-          description: "Real-time shifts monitoring and guard interaction.",
-          imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg",
-        },
-        {
-          title: "GPS & Geofencing",
-          description: "Reliable verification that guards are on-site.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-walking-outside-with-medical-mask-with-copy-space_23-2148693046.jpg",
-        },
-        {
-          title: "Client Reporting",
-          description: "End-of-day transparency reports with scan photos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-waiting-area_107420-95822.jpg",
-        },
-      ]}
-      title="The GuardOwl Advantage"
-      description="We utilize the latest in security technology for total transparency, including GPS tracking, AI agent check-ins, and automated daily reporting."
-    />
-  </div>
+        <div id="technology" data-section="technology">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "AI Live Agents", description: "Real-time shifts monitoring and guard interaction.", imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg" },
+              { title: "GPS & Geofencing", description: "Reliable verification that guards are on-site.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-walking-outside-with-medical-mask-with-copy-space_23-2148693046.jpg" },
+              { title: "Client Reporting", description: "End-of-day transparency reports with scan photos.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-waiting-area_107420-95822.jpg" },
+            ]}
+            title="The GuardOwl Advantage"
+            description="We utilize the latest in security technology for total transparency, including GPS tracking, AI agent check-ins, and automated daily reporting."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Shield,
-          title: "Years of Service",
-          value: "9+",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Expert Guards",
-          value: "100+",
-        },
-        {
-          id: "m3",
-          icon: Clock,
-          title: "Hours Supported",
-          value: "24/7",
-        },
-      ]}
-      title="Our Impact"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            description="Our proven track record in professional security services."
+            metrics={[
+              { id: "m1", icon: Shield, title: "Years of Service", value: "9+" },
+              { id: "m2", icon: Users, title: "Expert Guards", value: "100+" },
+              { id: "m3", icon: Clock, title: "Hours Supported", value: "24/7" },
+            ]}
+            title="Our Impact"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Client One",
-          handle: "@verified",
-          testimonial: "The best security company I have ever worked with.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-business-card_23-2149343383.jpg",
-        },
-        {
-          id: "t2",
-          name: "Client Two",
-          handle: "@verified",
-          testimonial: "Professional, reliable, and always on time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
-        },
-        {
-          id: "t3",
-          name: "Client Three",
-          handle: "@verified",
-          testimonial: "Transparency in reporting is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg",
-        },
-        {
-          id: "t4",
-          name: "Client Four",
-          handle: "@verified",
-          testimonial: "Armstrong Guard makes events run perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-male-manager-shaking-hand-partner_1262-20184.jpg",
-        },
-        {
-          id: "t5",
-          name: "Client Five",
-          handle: "@verified",
-          testimonial: "Excellent communication from management.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
-        },
-      ]}
-      showRating={true}
-      title="What Clients Say"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            description="Trusted by satisfied clients across the region."
+            testimonials={[
+              { id: "t1", name: "Client One", handle: "@verified", testimonial: "The best security company I have ever worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-business-card_23-2149343383.jpg" },
+              { id: "t2", name: "Client Two", handle: "@verified", testimonial: "Professional, reliable, and always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
+              { id: "t3", name: "Client Three", handle: "@verified", testimonial: "Transparency in reporting is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg" },
+              { id: "t4", name: "Client Four", handle: "@verified", testimonial: "Armstrong Guard makes events run perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-male-manager-shaking-hand-partner_1262-20184.jpg" },
+              { id: "t5", name: "Client Five", handle: "@verified", testimonial: "Excellent communication from management.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg" },
+            ]}
+            showRating={true}
+            title="What Clients Say"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do guards undergo background checks?",
-          content: "Yes, all our guards are thoroughly background checked.",
-        },
-        {
-          id: "f2",
-          title: "What training do they receive?",
-          content: "All guards receive 40+ hours of mandatory state training.",
-        },
-        {
-          id: "f3",
-          title: "Are you fully licensed and insured?",
-          content: "Yes, we are compliant with all CA regulations and fully insured.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do guards undergo background checks?", content: "Yes, all our guards are thoroughly background checked." },
+              { id: "f2", title: "What training do they receive?", content: "All guards receive 40+ hours of mandatory state training." },
+              { id: "f3", title: "Are you fully licensed and insured?", content: "Yes, we are compliant with all CA regulations and fully insured." },
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Request a Free Quote"
-      description="Get in touch with us to secure your property today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Project Details",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Request a Free Quote"
+            description="Get in touch with us to secure your property today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Project Details" }}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Armstrong Guard Services"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "1800-940-2696",
-        href: "tel:18009402696",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Armstrong Guard Services"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "1800-940-2696", href: "tel:18009402696" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1