Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SecureView CCTV"
|
||||
/>
|
||||
@@ -46,102 +45,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Protect What Matters Most"
|
||||
description="State-of-the-art CCTV surveillance solutions designed to keep your property, employees, and assets safe around the clock. Reliable, smart, and fully managed."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Exceptional service and high-quality cameras. I feel much safer now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg?_wi=1",
|
||||
imageAlt: "cctv surveillance camera professional",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional service and high-quality cameras. I feel much safer now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg", imageAlt: "cctv surveillance camera professional"},
|
||||
{
|
||||
name: "James Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Very professional installation team. The app interface is seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg?_wi=1",
|
||||
imageAlt: "cctv monitoring software dashboard",
|
||||
},
|
||||
name: "James Doe", handle: "@jdoe", testimonial: "Very professional installation team. The app interface is seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg", imageAlt: "cctv monitoring software dashboard"},
|
||||
{
|
||||
name: "Tech Corp",
|
||||
handle: "@techcorp",
|
||||
testimonial: "Our facility security is completely transformed. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368735.jpg?_wi=1",
|
||||
imageAlt: "professional cctv installation service",
|
||||
},
|
||||
name: "Tech Corp", handle: "@techcorp", testimonial: "Our facility security is completely transformed. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368735.jpg", imageAlt: "professional cctv installation service"},
|
||||
{
|
||||
name: "Anna Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Best value for money. The resolution is incredibly sharp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-house-with-automation-light-system-holding-smartphone_482257-8723.jpg?_wi=1",
|
||||
imageAlt: "mobile app remote security monitoring",
|
||||
},
|
||||
name: "Anna Smith", handle: "@asmith", testimonial: "Best value for money. The resolution is incredibly sharp.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-house-with-automation-light-system-holding-smartphone_482257-8723.jpg", imageAlt: "mobile app remote security monitoring"},
|
||||
{
|
||||
name: "Rob Brown",
|
||||
handle: "@rbrown",
|
||||
testimonial: "Installation was quick and efficient. No complaints at all.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg?_wi=1",
|
||||
imageAlt: "store owner portrait security",
|
||||
},
|
||||
name: "Rob Brown", handle: "@rbrown", testimonial: "Installation was quick and efficient. No complaints at all.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg", imageAlt: "store owner portrait security"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg"
|
||||
imageAlt="Professional CCTV security surveillance"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-working-ipad-medium-shot_23-2150103635.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-working-ipad-medium-shot_23-2150103635.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285638.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285638.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Monitoring",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "24/7 Monitoring", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "4K Ultra HD",
|
||||
icon: Video,
|
||||
type: "text-icon", text: "4K Ultra HD", icon: Video,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Remote Access",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Remote Access", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Smart Alerts",
|
||||
icon: Bell,
|
||||
type: "text-icon", text: "Smart Alerts", icon: Bell,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Storage",
|
||||
icon: Cloud,
|
||||
type: "text-icon", text: "Cloud Storage", icon: Cloud,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -154,35 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "HD Live Monitoring",
|
||||
descriptions: [
|
||||
"Crystal clear 4K video surveillance.",
|
||||
"Real-time streaming to mobile devices.",
|
||||
"Remote access from anywhere.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "HD Live Monitoring", descriptions: [
|
||||
"Crystal clear 4K video surveillance.", "Real-time streaming to mobile devices.", "Remote access from anywhere."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Installation",
|
||||
descriptions: [
|
||||
"Professional planning and setup.",
|
||||
"Optimized camera angles.",
|
||||
"Clean wiring services.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368735.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Expert Installation", descriptions: [
|
||||
"Professional planning and setup.", "Optimized camera angles.", "Clean wiring services."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368735.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Smart Alerts",
|
||||
descriptions: [
|
||||
"Motion detection sensors.",
|
||||
"Instant mobile phone push notifications.",
|
||||
"Configurable security zones.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-house-with-automation-light-system-holding-smartphone_482257-8723.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Smart Alerts", descriptions: [
|
||||
"Motion detection sensors.", "Instant mobile phone push notifications.", "Configurable security zones."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-house-with-automation-light-system-holding-smartphone_482257-8723.jpg"},
|
||||
]}
|
||||
title="Advanced Security Features"
|
||||
description="Comprehensive surveillance solutions tailored to your unique requirements."
|
||||
@@ -196,40 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Exceptional service and high-quality cameras. I feel much safer now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional service and high-quality cameras. I feel much safer now.", imageSrc: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Very professional installation team. The app interface is seamless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg",
|
||||
},
|
||||
id: "2", name: "James Doe", handle: "@jdoe", testimonial: "Very professional installation team. The app interface is seamless.", imageSrc: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tech Corp",
|
||||
handle: "@techcorp",
|
||||
testimonial: "Our facility security is completely transformed. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg",
|
||||
},
|
||||
id: "3", name: "Tech Corp", handle: "@techcorp", testimonial: "Our facility security is completely transformed. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Best value for money. The resolution is incredibly sharp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-ipad-medium-shot_23-2150103635.jpg",
|
||||
},
|
||||
id: "4", name: "Anna Smith", handle: "@asmith", testimonial: "Best value for money. The resolution is incredibly sharp.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-ipad-medium-shot_23-2150103635.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rob Brown",
|
||||
handle: "@rbrown",
|
||||
testimonial: "Installation was quick and efficient. No complaints at all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285638.jpg",
|
||||
},
|
||||
id: "5", name: "Rob Brown", handle: "@rbrown", testimonial: "Installation was quick and efficient. No complaints at all.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285638.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners & Businesses"
|
||||
description="Hear what our clients have to say about our security services."
|
||||
@@ -242,26 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I have remote access?",
|
||||
content: "Yes, our systems allow you to monitor your cameras from anywhere using our dedicated mobile app.",
|
||||
},
|
||||
id: "f1", title: "Do I have remote access?", content: "Yes, our systems allow you to monitor your cameras from anywhere using our dedicated mobile app."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is the warranty?",
|
||||
content: "We provide a standard 2-year warranty on all cameras and equipment installed by our team.",
|
||||
},
|
||||
id: "f2", title: "How long is the warranty?", content: "We provide a standard 2-year warranty on all cameras and equipment installed by our team."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I record at night?",
|
||||
content: "Absolutely. All our modern systems include infrared night vision for 24/7 visibility.",
|
||||
},
|
||||
id: "f3", title: "Can I record at night?", content: "Absolutely. All our modern systems include infrared night vision for 24/7 visibility."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know about our CCTV services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -269,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Secure Your Property?"
|
||||
description="Contact us today for a free consultation and customized quote for your surveillance needs."
|
||||
@@ -282,37 +182,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential CCTV",
|
||||
href: "#",
|
||||
},
|
||||
label: "Residential CCTV", href: "#"},
|
||||
{
|
||||
label: "Commercial Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Commercial Security", href: "#"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Maintenance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user