From 118302a2ccd5194697e6b5d9c6c6d57283fccdda Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 23 Jun 2026 14:18:10 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 207 +++++++++-------------------------------- 1 file changed, 43 insertions(+), 164 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 0bec4ca..d926cbc 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -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" /> @@ -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" /> @@ -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"}, ]} /> @@ -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+"}, ]} /> @@ -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"}, ]} /> @@ -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."}, ]} /> @@ -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: "#"}} />