Merge version_1 into main #1
427
src/app/page.tsx
427
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user