Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -31,76 +31,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Asra Protection"
|
||||
button={{
|
||||
text: "Book Protection",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Protection", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unrivaled Security for Your Assets"
|
||||
description="Asra Protection provides high-end, discreet, and reliable security services designed for modern enterprises and private estates. Your safety, our standard."
|
||||
tag="Trusted Professional Protection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Secure Your Future",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Secure Your Future", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-security-guard-working_23-2148404002.jpg?_wi=1",
|
||||
imageAlt: "professional security guard dark background",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-military-drone-control-headquarters-employing-cctv-radar-footage_482257-89786.jpg?_wi=1",
|
||||
imageAlt: "digital security surveillance data",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-postal-worker-making-home-delivery-giving-package-senior-customer-front-gate_637285-2347.jpg?_wi=1",
|
||||
imageAlt: "secure metal gate access control",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-driver-getting-ready-customer_23-2149273247.jpg",
|
||||
imageAlt: "professional security patrol car",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-kids-with-halloween-costumes-walking-trick-treating_53876-49179.jpg",
|
||||
imageAlt: "architectural residential security lighting",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908089.jpg",
|
||||
imageAlt: "security professional at monitoring screen",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-security-guard-working_23-2148404002.jpg", imageAlt: "professional security guard dark background" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/empty-military-drone-control-headquarters-employing-cctv-radar-footage_482257-89786.jpg", imageAlt: "digital security surveillance data" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/young-postal-worker-making-home-delivery-giving-package-senior-customer-front-gate_637285-2347.jpg", imageAlt: "secure metal gate access control" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/taxi-driver-getting-ready-customer_23-2149273247.jpg", imageAlt: "professional security patrol car" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/group-kids-with-halloween-costumes-walking-trick-treating_53876-49179.jpg", imageAlt: "architectural residential security lighting" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908089.jpg", imageAlt: "security professional at monitoring screen" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,56 +71,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Personnel Protection",
|
||||
description: "Highly trained security detail for corporate executives and high-net-worth individuals.",
|
||||
icon: Shield,
|
||||
title: "Personnel Protection", description: "Highly trained security detail for corporate executives and high-net-worth individuals.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-guard-frisking-passenger_107420-85132.jpg",
|
||||
imageAlt: "security guard greeting client",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-valet-waiting_23-2149901427.jpg",
|
||||
imageAlt: "security guard greeting client",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-security-guard-working_23-2148404002.jpg?_wi=2",
|
||||
imageAlt: "security guard greeting client",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/security-guard-frisking-passenger_107420-85132.jpg", imageAlt: "security guard greeting client" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-valet-waiting_23-2149901427.jpg", imageAlt: "security guard greeting client" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Surveillance Systems",
|
||||
description: "State-of-the-art monitoring and real-time response to threats in your area.",
|
||||
icon: Camera,
|
||||
title: "Surveillance Systems", description: "State-of-the-art monitoring and real-time response to threats in your area.", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-remote-worker-meeting-with-his-team-leader-via-video-conference-call_482257-120616.jpg",
|
||||
imageAlt: "monitoring surveillance station feed",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-leader-overseeing-diverse-operators-delivery-call-center-office_482257-105104.jpg",
|
||||
imageAlt: "monitoring surveillance station feed",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-military-drone-control-headquarters-employing-cctv-radar-footage_482257-89786.jpg?_wi=2",
|
||||
imageAlt: "security guard greeting client",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-remote-worker-meeting-with-his-team-leader-via-video-conference-call_482257-120616.jpg", imageAlt: "monitoring surveillance station feed" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/team-leader-overseeing-diverse-operators-delivery-call-center-office_482257-105104.jpg", imageAlt: "monitoring surveillance station feed" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Access Management",
|
||||
description: "Advanced physical access controls for gated communities and premium commercial facilities.",
|
||||
icon: Lock,
|
||||
title: "Access Management", description: "Advanced physical access controls for gated communities and premium commercial facilities.", icon: Lock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-his-office-with-tablet_1134-259.jpg",
|
||||
imageAlt: "electronic access gate LED",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-with-phone_23-2148815604.jpg",
|
||||
imageAlt: "electronic access gate LED",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-postal-worker-making-home-delivery-giving-package-senior-customer-front-gate_637285-2347.jpg?_wi=2",
|
||||
imageAlt: "security guard greeting client",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/employee-working-his-office-with-tablet_1134-259.jpg", imageAlt: "electronic access gate LED" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-with-phone_23-2148815604.jpg", imageAlt: "electronic access gate LED" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Core Security Capabilities"
|
||||
description="Professional solutions tailored to high-risk environments and private security needs."
|
||||
@@ -173,9 +102,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Asra Commitment"
|
||||
description={[
|
||||
"Asra Protection was founded on the principle that security should be invisible yet impenetrable. We serve clients who demand excellence, professionalism, and discretion.",
|
||||
"Our team consists of former law enforcement and specialized security experts. We bridge the gap between cutting-edge technology and human vigilance.",
|
||||
]}
|
||||
"Asra Protection was founded on the principle that security should be invisible yet impenetrable. We serve clients who demand excellence, professionalism, and discretion.", "Our team consists of former law enforcement and specialized security experts. We bridge the gap between cutting-edge technology and human vigilance."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,14 +111,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"Global Capital",
|
||||
"Azure Estates",
|
||||
"Elite Realty",
|
||||
"Prime Logistics",
|
||||
"Summit Medical",
|
||||
"Apex Holding",
|
||||
]}
|
||||
"InnovateTech", "Global Capital", "Azure Estates", "Elite Realty", "Prime Logistics", "Summit Medical", "Apex Holding"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We are proud to protect assets for prominent corporations and private clients across the nation."
|
||||
/>
|
||||
@@ -203,41 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jonathan Reed",
|
||||
handle: "@CEO",
|
||||
testimonial: "The discretion and thoroughness provided by Asra are unmatched. I feel completely secure in my estate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-senior-businessman_1262-2162.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@Founder",
|
||||
testimonial: "Professional, punctual, and highly efficient. Asra has redefined our office safety standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chen",
|
||||
handle: "@Investor",
|
||||
testimonial: "I trust their expertise implicitly with my security requirements. Highly recommended for premium needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Watson",
|
||||
handle: "@Architect",
|
||||
testimonial: "Asra integrates technology seamlessly into our building designs without sacrificing security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michael Ross",
|
||||
handle: "@Director",
|
||||
testimonial: "Reliable and responsive at all times. A truly elite security service in every aspect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jonathan Reed", handle: "@CEO", testimonial: "The discretion and thoroughness provided by Asra are unmatched. I feel completely secure in my estate.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-senior-businessman_1262-2162.jpg" },
|
||||
{ id: "2", name: "Sarah Miller", handle: "@Founder", testimonial: "Professional, punctual, and highly efficient. Asra has redefined our office safety standards.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg" },
|
||||
{ id: "3", name: "David Chen", handle: "@Investor", testimonial: "I trust their expertise implicitly with my security requirements. Highly recommended for premium needs.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg" },
|
||||
{ id: "4", name: "Emily Watson", handle: "@Architect", testimonial: "Asra integrates technology seamlessly into our building designs without sacrificing security.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg" },
|
||||
{ id: "5", name: "Michael Ross", handle: "@Director", testimonial: "Reliable and responsive at all times. A truly elite security service in every aspect.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" }
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Hear directly from those who trust their security to Asra Protection."
|
||||
@@ -249,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide international coverage?",
|
||||
content: "Yes, our team can be deployed globally for executive protection and high-value security consulting.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your personnel fully licensed?",
|
||||
content: "Absolutely. All our guards and security consultants hold rigorous industry-standard licenses and vetting.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle private residential estates?",
|
||||
content: "Yes, we specialize in high-end residential estate protection, including both on-site guards and electronic perimeter security.",
|
||||
},
|
||||
{ id: "q1", title: "Do you provide international coverage?", content: "Yes, our team can be deployed globally for executive protection and high-value security consulting." },
|
||||
{ id: "q2", title: "Are your personnel fully licensed?", content: "Absolutely. All our guards and security consultants hold rigorous industry-standard licenses and vetting." },
|
||||
{ id: "q3", title: "Can you handle private residential estates?", content: "Yes, we specialize in high-end residential estate protection, including both on-site guards and electronic perimeter security." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-surrounded-by-server-racks-speaking-telephone-call_482257-90109.jpg"
|
||||
title="Common Inquiries"
|
||||
@@ -279,31 +157,11 @@ export default function LandingPage() {
|
||||
title="Secure Your Consultation"
|
||||
description="Reach out today to discuss your protection needs. Your inquiry remains strictly confidential."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Briefly describe your security needs",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "details", placeholder: "Briefly describe your security needs", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/executive-board-members-director-share-thoughts_482257-82338.jpg"
|
||||
imageAlt="security dispatch office professional"
|
||||
/>
|
||||
@@ -312,34 +170,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Careers", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Asra Protection"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user