From 268feffe62fa79d1ba27d961304c45d7b06647c9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 30 Apr 2026 14:35:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 422 +++++++++++++++--------------------------------
 1 file changed, 136 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1c70cc9..cca2b70 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,303 +17,153 @@ import { Award, CheckCircle, Shield, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Training",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Keystone"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Training", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Keystone"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "radial-gradient",
-      }}
-      logoText="Keystone Employment Risk Consulting"
-      description="One Bad Hire Can Cost Millions. Missouri POST-Certified Background Investigations Training for Law Enforcement Agencies and Hiring Professionals. Fast, accurate, compliant results."
-      buttons={[
-        {
-          text: "Get Started Today",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-detective-arriving-job-solve-police-investigation_482257-83336.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "radial-gradient" }}
+            logoText="Keystone Employment Risk Consulting"
+            description="One Bad Hire Can Cost Millions. Missouri POST-Certified Background Investigations Training for Law Enforcement Agencies and Hiring Professionals. Fast, accurate, compliant results."
+            buttons={[{ text: "Get Started Today", href: "#contact" }, { text: "Learn More", href: "#about" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-detective-arriving-job-solve-police-investigation_482257-83336.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Why Agencies Choose Keystone"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout useInvertedBackground={true} title="Why Agencies Choose Keystone" />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Missouri POST Certified Training",
-          description: "Standardized certification that meets all state-mandated requirements for police agencies and public safety entities.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321690.jpg",
-            imageAlt: "POST Training",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "100% Online – No Travel Required",
-            },
-            {
-              icon: Shield,
-              text: "Reduce Hiring Risk & Liability",
-            },
-            {
-              icon: Zap,
-              text: "Real-World Background Scenarios",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-detective-arriving-job-solve-police-investigation_482257-83336.jpg?_wi=2",
-          imageAlt: "online digital training screen",
-        },
-      ]}
-      title="POST-Certified Background Investigations Course"
-      description="This 8-hour online background investigation course is designed for law enforcement professionals responsible for conducting applicant background investigations and hiring evaluations."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Missouri POST Certified Training",                description: "Standardized certification that meets all state-mandated requirements for police agencies and public safety entities.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321690.jpg", imageAlt: "POST Training" },
+                items: [
+                  { icon: CheckCircle, text: "100% Online – No Travel Required" },
+                  { icon: Shield, text: "Reduce Hiring Risk & Liability" },
+                  { icon: Zap, text: "Real-World Background Scenarios" },
+                ],
+                reverse: false
+              }
+            ]}
+            title="POST-Certified Background Investigations Course"
+            description="This 8-hour online background investigation course is designed for law enforcement professionals responsible for conducting applicant background investigations and hiring evaluations."
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Individual Student Enrollment",
-          price: "$350",
-          imageSrc: "http://img.b2bpic.net/free-photo/security-guard-using-walkie-talkie-handling-crowd-angry-aggressive-people-trying-break-into-shopping-mall-black-friday-crazy-anxious-shoppers-breaking-into-store-buy-things-sale_482257-67439.jpg",
-        },
-        {
-          id: "p2",
-          name: "Department Agency Training",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-using-video-call-digital-tablet-talk-man-while-laying-hospital-ward-bed-person-talking-friend-online-video-conference-device-remote-communication_482257-32141.jpg",
-        },
-        {
-          id: "p3",
-          name: "Agency Invoicing Instruction",
-          price: "Contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/airport-security-officer-using-hand-held-metal-detector-check-commuter_107420-95855.jpg",
-        },
-        {
-          id: "p4",
-          name: "Risk Consulting Package",
-          price: "Contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-meeting-videoconference-call-with-shareholders_482257-91152.jpg",
-        },
-        {
-          id: "p5",
-          name: "Command Staff Consultation",
-          price: "Contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/army-professionals-command-post-oversee-satellite-real-time-surveillance_482257-93286.jpg",
-        },
-        {
-          id: "p6",
-          name: "POST Instructor Session",
-          price: "Contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/army-specialists-looking-mission-case-file-equipment-screens_482257-124782.jpg",
-        },
-      ]}
-      title="Course Registration & Investment"
-      description="Direct access to Missouri POST certified training for law enforcement and HR professionals."
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Individual Student Enrollment", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-using-walkie-talkie-handling-crowd-angry-aggressive-people-trying-break-into-shopping-mall-black-friday-crazy-anxious-shoppers-breaking-into-store-buy-things-sale_482257-67439.jpg" },
+              { id: "p2", name: "Department Agency Training", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-using-video-call-digital-tablet-talk-man-while-laying-hospital-ward-bed-person-talking-friend-online-video-conference-device-remote-communication_482257-32141.jpg" },
+              { id: "p3", name: "Agency Invoicing Instruction", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/airport-security-officer-using-hand-held-metal-detector-check-commuter_107420-95855.jpg" },
+              { id: "p4", name: "Risk Consulting Package", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-meeting-videoconference-call-with-shareholders_482257-91152.jpg" },
+              { id: "p5", name: "Command Staff Consultation", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/army-professionals-command-post-oversee-satellite-real-time-surveillance_482257-93286.jpg" },
+              { id: "p6", name: "POST Instructor Session", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/army-specialists-looking-mission-case-file-equipment-screens_482257-124782.jpg" },
+            ]}
+            title="Course Registration & Investment"
+            description="Direct access to Missouri POST certified training for law enforcement and HR professionals."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Chief Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg",
-        },
-        {
-          id: "2",
-          name: "Detective Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-        },
-        {
-          id: "3",
-          name: "HR Lead Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-agent-mature-customer-meeting-cup-coffee-co-working-sitting-table-holding-documents_74855-15204.jpg",
-        },
-        {
-          id: "4",
-          name: "Risk Director David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-wearing-glasses-looking-up_329181-714.jpg",
-        },
-        {
-          id: "5",
-          name: "Officer Robert Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
-        },
-      ]}
-      cardTitle="Client Success"
-      cardAnimation="slide-up"
-      cardTag="Testimonials"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            cardAnimation="slide-up"
+            useInvertedBackground={false}
+            cardTitle="Client Success"
+            cardTag="Testimonials"
+            testimonials={[
+              { id: "1", name: "Chief Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg" },
+              { id: "2", name: "Detective Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
+              { id: "3", name: "HR Lead Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-agent-mature-customer-meeting-cup-coffee-co-working-sitting-table-holding-documents_74855-15204.jpg" },
+              { id: "4", name: "Risk Director David Kim", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-wearing-glasses-looking-up_329181-714.jpg" },
+              { id: "5", name: "Officer Robert Smith", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          description: "Conducting background investigations.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "18+",
-          title: "Law Enforcement/HR Years",
-          description: "Deep industry knowledge.",
-          icon: Shield,
-        },
-        {
-          id: "m3",
-          value: "Hundreds",
-          title: "Investigations",
-          description: "Successful candidate evaluations.",
-          icon: CheckCircle,
-        },
-      ]}
-      title="Why Keystone Expertise Matters"
-      description="Proven results for public safety hiring."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "15+", title: "Years Experience", description: "Conducting background investigations.", icon: Award },
+              { id: "m2", value: "18+", title: "Law Enforcement/HR Years", description: "Deep industry knowledge.", icon: Shield },
+              { id: "m3", value: "Hundreds", title: "Investigations", description: "Successful candidate evaluations.", icon: CheckCircle },
+            ]}
+            title="Why Keystone Expertise Matters"
+            description="Proven results for public safety hiring."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is the course Missouri POST certified?",
-          content: "Yes, our training is officially certified by the Missouri POST program.",
-        },
-        {
-          id: "f2",
-          title: "Do you accept department purchase orders?",
-          content: "Yes, agency purchase orders and department checks are fully accepted.",
-        },
-        {
-          id: "f3",
-          title: "Is the course entirely online?",
-          content: "Yes, our course is 100% online, allowing for seamless training without any travel required.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
+            sideTitle="Common Questions"
+            faqs={[
+              { id: "f1", title: "Is the course Missouri POST certified?", content: "Yes, our training is officially certified by the Missouri POST program." },
+              { id: "f2", title: "Do you accept department purchase orders?", content: "Yes, agency purchase orders and department checks are fully accepted." },
+              { id: "f3", title: "Is the course entirely online?", content: "Yes, our course is 100% online, allowing for seamless training without any travel required." },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Questions about background investigations?"
-      description="Send us a message and we'll get back to you promptly."
-      buttons={[
-        {
-          text: "Send Message",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Contact Us"
+            title="Questions about background investigations?"
+            description="Send us a message and we'll get back to you promptly."
+            buttons={[{ text: "Send Message", href: "#" }]}
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13675.jpg"
-      logoText="Keystone Employment Risk Consulting"
-      columns={[
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Course Registration",
-              href: "#",
-            },
-            {
-              label: "Training Login",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "About Us",
-          items: [
-            {
-              label: "Expertise",
-              href: "#",
-            },
-            {
-              label: "Certifications",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Keystone Employment Risk Consulting - All Rights Reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13675.jpg"
+            logoText="Keystone Employment Risk Consulting"
+            columns={[
+              { title: "Resources", items: [{ label: "Course Registration", href: "#" }, { label: "Training Login", href: "#" }] },
+              { title: "About Us", items: [{ label: "Expertise", href: "#" }, { label: "Certifications", href: "#" }] },
+            ]}
+            copyrightText="© 2026 Keystone Employment Risk Consulting - All Rights Reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1