bender/6917cb40-afc2-4ccb-956e-c9041e4ffbfb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-23 14:18:10 +00:00
parent 4a2111d887
commit 118302a2cc
1 changed files with 43 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
src/pages/HomePage.tsx
View File

@@ -19,32 +19,24 @@ export default function HomePage() {
title="Protect What Matters Most"
description="NewMatic provides state-of-the-art surveillance solutions for residential and commercial security. Trust in our advanced optical technology and proactive monitoring."
primaryButton={{
text: "Explore Systems",
href: "#products",
}}
text: "Explore Systems", href: "#products"}}
secondaryButton={{
text: "Contact Support",
href: "#contact",
}}
text: "Contact Support", href: "#contact"}}
items={[
{
text: "4K High Definition",
icon: Camera,
text: "4K High Definition", icon: Camera,
},
{
text: "Night Vision Pro",
icon: Moon,
text: "Night Vision Pro", icon: Moon,
},
{
text: "AI Detection",
icon: ShieldCheck,
text: "AI Detection", icon: ShieldCheck,
},
{
text: "Cloud Storage",
icon: Cloud,
text: "Cloud Storage", icon: Cloud,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-home-innovation-technology-with-woman-using-control-panel_53876-124638.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/smart-home-innovation-technology-with-woman-using-control-panel_53876-124638.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -57,22 +49,13 @@ export default function HomePage() {
description="We blend cutting-edge AI software with rugged, high-performance optical hardware. NewMatic ensures comprehensive coverage and real-time security alerts."
items={[
{
icon: Database,
title: "AI Analytics",
description: "Intelligent human and object detection.",
},
icon: "Database", title: "AI Analytics", description: "Intelligent human and object detection."},
{
icon: Lock,
title: "Encrypted Data",
description: "Privacy-first secure streaming.",
},
icon: "Lock", title: "Encrypted Data", description: "Privacy-first secure streaming."},
{
icon: Zap,
title: "Fast Response",
description: "Instant notifications for all events.",
},
icon: "Zap", title: "Fast Response", description: "Instant notifications for all events."},
]}
imageSrc="http://img.b2bpic.net/free-photo/looking-future-through-robotic-eyes-generated-by-ai_188544-27877.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/looking-future-through-robotic-eyes-generated-by-ai_188544-27877.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -85,66 +68,32 @@ export default function HomePage() {
description="NewMatic features robust hardware designed for extreme weather and intelligent software for maximum situational awareness."
features={[
{
title: "Monitoring Center",
description: "Centralized dashboard for all your camera feeds.",
bentoComponent: "media-stack",
mediaItems: [
title: "Monitoring Center", description: "Centralized dashboard for all your camera feeds.", bentoComponent: "media-stack", mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-call-center-operator-guiding-delivery-truck-drivers-different-routes_482257-89086.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-call-center-operator-guiding-delivery-truck-drivers-different-routes_482257-89086.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/optical-lens-technology-background-purple-blue-gradient_53876-124678.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/optical-lens-technology-background-purple-blue-gradient_53876-124678.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-background-with-connecting-lines-dots_1048-14634.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-background-with-connecting-lines-dots_1048-14634.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-innovation-technology-with-woman-using-control-panel_53876-124638.jpg?_wi=2",
imageAlt: "monitoring security camera feeds",
},
{
title: "Realtime Alerts",
description: "Get notified before incidents escalate.",
bentoComponent: "chat-marquee",
aiIcon: Shield,
userIcon: User,
placeholder: "Security Status...",
exchanges: [
title: "Realtime Alerts", description: "Get notified before incidents escalate.", bentoComponent: "chat-marquee", aiIcon: "Shield", userIcon: "User", placeholder: "Security Status...", exchanges: [
{
userMessage: "Activity detected?",
aiResponse: "Human presence in Zone A.",
},
userMessage: "Activity detected?", aiResponse: "Human presence in Zone A."},
{
userMessage: "What time?",
aiResponse: "2:34 AM, instant alert sent.",
},
userMessage: "What time?", aiResponse: "2:34 AM, instant alert sent."},
],
imageSrc: "http://img.b2bpic.net/free-photo/looking-future-through-robotic-eyes-generated-by-ai_188544-27877.jpg?_wi=2",
imageAlt: "monitoring security camera feeds",
},
{
title: "Security Checklist",
description: "Ensure total area compliance.",
bentoComponent: "checklist-timeline",
heading: "Security Audit",
subheading: "System integrity report.",
completedLabel: "Verified",
checklistItems: [
title: "Security Checklist", description: "Ensure total area compliance.", bentoComponent: "checklist-timeline", heading: "Security Audit", subheading: "System integrity report.", completedLabel: "Verified", checklistItems: [
{
label: "Encrypted Transmission",
detail: "Active",
},
label: "Encrypted Transmission", detail: "Active"},
{
label: "4K Feed Resolution",
detail: "Optimized",
},
label: "4K Feed Resolution", detail: "Optimized"},
{
label: "Storage Syncing",
detail: "Successful",
},
label: "Storage Syncing", detail: "Successful"},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-dark-gray-t-shirt-looks-cooler-he-took-out-computer-his-tools-front-him-table_346278-1221.jpg?_wi=1",
imageAlt: "monitoring security camera feeds",
},
]}
/>
@@ -159,47 +108,19 @@ export default function HomePage() {
description="From residential smart-cams to industrial surveillance hubs, we provide hardware that never fails."
items={[
{
title: "Outdoor Bullet",
description: "Weatherproof 4K durability.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/man-dark-gray-t-shirt-looks-cooler-he-took-out-computer-his-tools-front-him-table_346278-1221.jpg?_wi=2",
},
title: "Outdoor Bullet", description: "Weatherproof 4K durability.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/man-dark-gray-t-shirt-looks-cooler-he-took-out-computer-his-tools-front-him-table_346278-1221.jpg"},
{
title: "Indoor Dome",
description: "Minimalist ceiling smart-cam.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-big-brother-concept_23-2149670643.jpg",
},
title: "Indoor Dome", description: "Minimalist ceiling smart-cam.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-big-brother-concept_23-2149670643.jpg"},
{
title: "PTZ Hub",
description: "Professional 360 rotation.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tunnel-abstract_23-2151977844.jpg",
},
title: "PTZ Hub", description: "Professional 360 rotation.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/digital-tunnel-abstract_23-2151977844.jpg"},
{
title: "Smart Mini",
description: "Desktop home security.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-using-their-smartphone_23-2151624823.jpg",
},
title: "Smart Mini", description: "Desktop home security.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-using-their-smartphone_23-2151624823.jpg"},
{
title: "Floodlight Cam",
description: "Smart detection & light.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/cctv-security-camera_1359-609.jpg",
},
title: "Floodlight Cam", description: "Smart detection & light.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cctv-security-camera_1359-609.jpg"},
{
title: "Video Doorbell",
description: "Secure entry monitoring.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/house-automation-with-camera_23-2148994154.jpg",
},
title: "Video Doorbell", description: "Secure entry monitoring.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/house-automation-with-camera_23-2148994154.jpg"},
{
title: "Vehicle Recon",
description: "Industrial plate scanning.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-multi-angle-traffic-cameras-street-pole_181624-60043.jpg",
},
title: "Vehicle Recon", description: "Industrial plate scanning.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-multi-angle-traffic-cameras-street-pole_181624-60043.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -213,25 +134,13 @@ export default function HomePage() {
description="Trusted by major businesses to monitor millions of events annually with zero downtime."
metrics={[
{
icon: ShieldCheck,
title: "Events Secured",
value: "1.2M+",
},
icon: "ShieldCheck", title: "Events Secured", value: "1.2M+"},
{
icon: Clock,
title: "Alert Response",
value: "<200ms",
},
icon: "Clock", title: "Alert Response", value: "<200ms"},
{
icon: Lock,
title: "Uptime Rate",
value: "99.99%",
},
icon: "Lock", title: "Uptime Rate", value: "99.99%"},
{
icon: Users,
title: "Clients Served",
value: "500+",
},
icon: "Users", title: "Clients Served", value: "500+"},
]}
/>
</SectionErrorBoundary>
@@ -245,35 +154,15 @@ export default function HomePage() {
description="Our customers value NewMatic for its uncompromising reliability and professional support."
testimonials={[
{
name: "Alex Rivet",
role: "Site Manager",
quote: "The clarity of these feeds is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-holding-tablet-office_176420-918.jpg",
},
name: "Alex Rivet", role: "Site Manager", quote: "The clarity of these feeds is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-holding-tablet-office_176420-918.jpg"},
{
name: "Sarah Chen",
role: "CEO TechStore",
quote: "Seamless integration with our existing systems.",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
},
name: "Sarah Chen", role: "CEO TechStore", quote: "Seamless integration with our existing systems.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
{
name: "Mark Vinson",
role: "Security Lead",
quote: "Reliability when we needed it most.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg",
},
name: "Mark Vinson", role: "Security Lead", quote: "Reliability when we needed it most.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg"},
{
name: "Elena Ross",
role: "Founder, Logistics",
quote: "Installation was fast and professional.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
},
name: "Elena Ross", role: "Founder, Logistics", quote: "Installation was fast and professional.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
{
name: "David Wu",
role: "Security Ops",
quote: "Best support team in the industry.",
imageSrc: "http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-team-successful-development_482257-111924.jpg",
},
name: "David Wu", role: "Security Ops", quote: "Best support team in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-team-successful-development_482257-111924.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -287,17 +176,11 @@ export default function HomePage() {
description="Answers to the most common questions about our surveillance systems."
items={[
{
question: "Can I access cameras remotely?",
answer: "Yes, via our encrypted cloud mobile app.",
},
question: "Can I access cameras remotely?", answer: "Yes, via our encrypted cloud mobile app."},
{
question: "Is night vision included?",
answer: "All NewMatic cameras come with IR vision.",
},
question: "Is night vision included?", answer: "All NewMatic cameras come with IR vision."},
{
question: "What is the warranty period?",
answer: "We offer a 2-year full hardware warranty.",
},
question: "What is the warranty period?", answer: "We offer a 2-year full hardware warranty."},
]}
/>
</SectionErrorBoundary>
@@ -309,13 +192,9 @@ export default function HomePage() {
tag="Ready to Start?"
text="Secure your perimeter today. Our experts are ready to design a solution tailored to your needs."
primaryButton={{
text: "Consultation",
href: "#",
}}
text: "Consultation", href: "#"}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
text: "Contact Us", href: "#"}}
/>
</SectionErrorBoundary>
</div>