bender/9f53cf2e-218d-4e5e-91e6-5438a4c170af
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 16:06:50 +00:00
parent d02f5220eb
commit 682add6968
1 changed files with 33 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/app/page.tsx
View File

@@ -1,17 +1,16 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Shield } from "lucide-react";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Shield } from 'lucide-react';
export default function LandingPage() {
return (
@@ -30,11 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "benefits" },
{ name: "Home", id: "home" },
{ name: "Features", id: "features" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "final-cta" }
{ name: "Contact", id: "contact" }
]}
button={{ text: "Buy Now", href: "pricing" }}
brandName="SecureEye"
@@ -45,7 +44,7 @@ export default function LandingPage() {
<HeroOverlay
title="Smart Security Camera"
description="Protect your home with crystal-clear night vision, instant alerts, and easy app control."
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-binoculars-white-surface_181624-28330.jpg"
imageSrc="http://img.b2bpic.net/free-photo/futuristic-projector-with-glowing-lens_23-2152011744.jpg"
imageAlt="CCTV security camera product shot professional"
showBlur={true}
showDimOverlay={true}
@@ -66,19 +65,19 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Night Vision", title: "Crystal Clear Night Recording", subtitle: "See everything in the dark", description: "Advanced infrared sensors capture detailed video even in complete darkness. Never miss a moment.", imageSrc: "http://img.b2bpic.net/free-photo/teamworking-military-professionals-using-radar-equipment_482257-124893.jpg", imageAlt: "night vision infrared camera demonstration thermal"
tag: "Night Vision", title: "Crystal Clear Night Recording", subtitle: "See everything in the dark", description: "Advanced infrared sensors capture detailed video even in complete darkness. Never miss a moment.", imageSrc: "http://img.b2bpic.net/free-vector/smart-home-flat-style_24908-55818.jpg", imageAlt: "night vision infrared camera demonstration thermal"
},
{
id: 2,
tag: "Motion Detection", title: "Instant Motion Alerts", subtitle: "Get notified immediately", description: "Smart motion sensors detect any activity and send real-time alerts to your phone instantly.", imageSrc: "http://img.b2bpic.net/free-photo/home-security-camera_181624-58835.jpg", imageAlt: "motion detection security system diagram illustration"
tag: "Motion Detection", title: "Instant Motion Alerts", subtitle: "Get notified immediately", description: "Smart motion sensors detect any activity and send real-time alerts to your phone instantly.", imageSrc: "http://img.b2bpic.net/free-vector/smart-home-background-flat-style_23-2147852683.jpg", imageAlt: "motion detection security system diagram illustration"
},
{
id: 3,
tag: "Phone App", title: "Watch Anywhere, Anytime", subtitle: "Access your camera from your phone", description: "View live feed from anywhere in the world. Works on iOS and Android. Simple tap away.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148119484.jpg", imageAlt: "mobile app security camera live feed interface"
tag: "Phone App", title: "Watch Anywhere, Anytime", subtitle: "Access your camera from your phone", description: "View live feed from anywhere in the world. Works on iOS and Android. Simple tap away.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-earphones_23-2148781065.jpg", imageAlt: "mobile app security camera live feed interface"
},
{
id: 4,
tag: "Installation", title: "Easy Setup in Minutes", subtitle: "No technician needed", description: "Plug it in, connect to WiFi, and you're done. Installation takes less than 5 minutes.", imageSrc: "http://img.b2bpic.net/free-vector/control-system-safe-home-banners_1284-24864.jpg", imageAlt: "easy installation setup plug play camera"
tag: "Installation", title: "Easy Setup in Minutes", subtitle: "No technician needed", description: "Plug it in, connect to WiFi, and you're done. Installation takes less than 5 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-electric-guitar-home_23-2149061743.jpg", imageAlt: "easy installation setup plug play camera"
}
]}
/>
@@ -94,15 +93,15 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Step 1", title: "Plug In", subtitle: "Power it up", description: "Connect the camera to a power outlet near the area you want to protect.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105484.jpg", imageAlt: "power cable plug electrical outlet installation"
tag: "Step 1", title: "Plug In", subtitle: "Power it up", description: "Connect the camera to a power outlet near the area you want to protect.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment-close-up_169016-5088.jpg", imageAlt: "power cable plug electrical outlet installation"
},
{
id: 2,
tag: "Step 2", title: "Connect to WiFi", subtitle: "Instant connection", description: "Open the app, scan the QR code, and connect to your home WiFi network.", imageSrc: "http://img.b2bpic.net/free-vector/shop-window-mobile-background-scanning-qr-code_23-2147594275.jpg", imageAlt: "WiFi connection setup smartphone QR code"
tag: "Step 2", title: "Connect to WiFi", subtitle: "Instant connection", description: "Open the app, scan the QR code, and connect to your home WiFi network.", imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148403593.jpg", imageAlt: "WiFi connection setup smartphone QR code"
},
{
id: 3,
tag: "Step 3", title: "Watch & Protect", subtitle: "Live monitoring", description: "Start receiving live video and motion alerts on your phone immediately.", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148220501.jpg", imageAlt: "live video monitoring smartphone application screen"
tag: "Step 3", title: "Watch & Protect", subtitle: "Live monitoring", description: "Start receiving live video and motion alerts on your phone immediately.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216638.jpg", imageAlt: "live video monitoring smartphone application screen"
}
]}
/>
@@ -119,13 +118,7 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "1", name: "SecureEye Pro 4K", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/security-camera-concept-with-copy-space_1194-639124.jpg?_wi=1", imageAlt: "CCTV camera product photography professional studio lighting"
},
{
id: "2", name: "SecureEye Pro 1080p", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/security-camera-concept-with-copy-space_1194-639124.jpg?_wi=2", imageAlt: "CCTV camera product photography professional studio lighting"
},
{
id: "3", name: "SecureEye Starter Pack", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/security-camera-concept-with-copy-space_1194-639124.jpg?_wi=3", imageAlt: "CCTV camera product photography professional studio lighting"
id: "1", name: "SecureEye Pro 4K", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-camera-lens_23-2150720447.jpg", imageAlt: "CCTV camera product photography professional studio lighting"
}
]}
/>
@@ -161,22 +154,22 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1", name: "John Martinez", role: "Homeowner", testimonial: "Finally, a security camera that actually works. Setup took 3 minutes and the alerts are lightning fast.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "professional portrait man headshot business casual"
id: "1", name: "John Martinez", role: "Homeowner", testimonial: "Finally, a security camera that actually works. Setup took 3 minutes and the alerts are lightning fast.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9483.jpg", imageAlt: "professional portrait man headshot business casual"
},
{
id: "2", name: "Sarah Chen", role: "Business Owner", testimonial: "Best investment for my storefront. Crystal clear video at night and the app is so easy to use.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", imageAlt: "professional portrait woman business headshot"
id: "2", name: "Sarah Chen", role: "Business Owner", testimonial: "Best investment for my storefront. Crystal clear video at night and the app is so easy to use.", imageSrc: "http://img.b2bpic.net/free-photo/young-working-woman-office-clothing-smiling-looking-camera-standing-white-background-professional-women-concept_176420-52120.jpg", imageAlt: "professional portrait woman business headshot"
},
{
id: "3", name: "Michael Thompson", role: "Homeowner", testimonial: "Caught a package thief on video. Worth every penny. No more second-guessing deliveries.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man-city_23-2148479568.jpg", imageAlt: "professional man portrait business headshot"
id: "3", name: "Michael Thompson", role: "Homeowner", testimonial: "Caught a package thief on video. Worth every penny. No more second-guessing deliveries.", imageSrc: "http://img.b2bpic.net/free-photo/positive-male-with-beard-mustache-blinks-with-eyes-smiles-grins-has-good-mood-after-noisy-party-with-friends_273609-8657.jpg", imageAlt: "professional man portrait business headshot"
},
{
id: "4", name: "Lisa Rodriguez", role: "Apartment Dweller", testimonial: "Perfect for renters. Wireless setup, no drilling, and I can take it with me. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-keeping-hands-hips-outdoors_1262-20194.jpg", imageAlt: "professional woman portrait business casual headshot"
id: "4", name: "Lisa Rodriguez", role: "Apartment Dweller", testimonial: "Perfect for renters. Wireless setup, no drilling, and I can take it with me. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", imageAlt: "professional woman portrait business casual headshot"
},
{
id: "5", name: "David Kim", role: "Tech Enthusiast", testimonial: "Great quality for the price. The motion detection is accurate and rarely false alarms.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-holding-his-arms-crossed_23-2148737964.jpg", imageAlt: "young man professional portrait headshot"
id: "5", name: "David Kim", role: "Tech Enthusiast", testimonial: "Great quality for the price. The motion detection is accurate and rarely false alarms.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "young man professional portrait headshot"
},
{
id: "6", name: "Emma Wilson", role: "Homeowner", testimonial: "Peace of mind while traveling. Checked the feed from vacation and everything was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", imageAlt: "professional woman portrait business headshot"
id: "6", name: "Emma Wilson", role: "Homeowner", testimonial: "Peace of mind while traveling. Checked the feed from vacation and everything was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg", imageAlt: "professional woman portrait business headshot"
}
]}
/>
@@ -196,12 +189,6 @@ export default function LandingPage() {
featuresTitle: "What's Included:", features: [
"1080p Crystal Clear Video", "Night Vision Up to 30ft", "Motion Detection Alerts", "Free Mobile App", "Cloud Storage (7 days)", "Weatherproof Design", "2-Year Warranty", "Lifetime Support"
]
},
{
id: "bundle", tag: "SecureEye Bundle", price: "$249.99", period: "One-time", description: "Two cameras for complete home coverage.", button: { text: "Buy Bundle", href: "#" },
featuresTitle: "What's Included:", features: [
"2x 1080p Crystal Clear Video", "Night Vision Up to 30ft", "Motion Detection Alerts", "Free Mobile App", "Cloud Storage (7 days)", "Weatherproof Design", "2-Year Warranty", "Lifetime Support"
]
}
]}
/>
@@ -228,14 +215,14 @@ export default function LandingPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "benefits" },
{ label: "Pricing", href: "pricing" },
{ label: "How It Works", href: "how-it-works" }
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "How It Works", href: "#how-it-works" }
]
},
{
title: "Support", items: [
{ label: "Contact Us", href: "final-cta" },
{ label: "Contact Us", href: "#contact" },
{ label: "Warranty", href: "#" },
{ label: "Returns", href: "#" }
]
@@ -251,4 +238,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}