Merge version_2 into main #4
155
src/app/page.tsx
155
src/app/page.tsx
@@ -29,14 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SecureView CCTV"
|
||||
/>
|
||||
@@ -44,58 +41,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
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: "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: "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: "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: "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"},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
title="Professional CCTV Security Services"
|
||||
description="Comprehensive security solutions for homes and businesses. We provide expert installation, 4K surveillance, and reliable remote monitoring to keep your property protected 24/7."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211323.jpg?_wi=2"
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "24/7 Monitoring", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "4K Ultra HD", icon: Video,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Remote Access", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Smart Alerts", icon: Bell,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Cloud Storage", icon: Cloud,
|
||||
},
|
||||
{ type: "text-icon", text: "24/7 Monitoring", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "4K Ultra HD", icon: Video },
|
||||
{ type: "text-icon", text: "Remote Access", icon: Smartphone },
|
||||
{ type: "text-icon", text: "Smart Alerts", icon: Bell },
|
||||
{ type: "text-icon", text: "Cloud Storage", icon: Cloud },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,20 +64,20 @@ 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?_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?_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?_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?_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?_wi=2"
|
||||
},
|
||||
]}
|
||||
title="Advanced Security Features"
|
||||
description="Comprehensive surveillance solutions tailored to your unique requirements."
|
||||
description="Tailored surveillance solutions for maximum property protection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,19 +87,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Professional setup and crystal clear video quality. Truly reliable.", imageSrc: "http://img.b2bpic.net/free-photo/business-male-talking-phone_23-2148479562.jpg?_wi=2" },
|
||||
{ id: "2", name: "Tech Corp", handle: "@techcorp", testimonial: "Completely transformed our facility security. Exceptional service.", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321694.jpg" },
|
||||
]}
|
||||
title="Trusted by Homeowners & Businesses"
|
||||
description="Hear what our clients have to say about our security services."
|
||||
title="Trusted by Our Clients"
|
||||
description="We pride ourselves on providing top-tier security for homes and commercial businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,16 +100,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "f1", title: "Can I view cameras remotely?", content: "Yes, our app provides secure, real-time remote access to your surveillance feeds from anywhere." },
|
||||
{ id: "f2", title: "Is there a warranty included?", content: "All installations include a 2-year warranty on equipment and labor for your peace of mind." },
|
||||
{ id: "f3", title: "Do cameras work at night?", content: "All our modern systems feature high-performance infrared night vision technology for 24/7 security." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know about our CCTV services."
|
||||
title="Common Security Questions"
|
||||
description="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"
|
||||
/>
|
||||
@@ -169,38 +115,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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."
|
||||
buttonText="Request Consultation"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Secure Your Premises"
|
||||
description="Reach out to us for a personalized security assessment and a free quote."
|
||||
buttonText="Get A Free Quote"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential CCTV", href: "#"},
|
||||
{
|
||||
label: "Commercial Security", href: "#"},
|
||||
{
|
||||
label: "Maintenance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }, { label: "Maintenance", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="SecureView CCTV"
|
||||
/>
|
||||
@@ -208,4 +135,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user