Update src/app/page.tsx

This commit is contained in:
2026-03-02 18:55:30 +00:00
parent c1e2f60b72
commit 8ba6e4f190

View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="compact" contentWidth="compact"
sizing="mediumLargeSizeLargeTitles" sizing="mediumLargeSizeLargeTitles"
background="noise" background="circleGradient"
cardStyle="subtle-shadow" cardStyle="subtle-shadow"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
@@ -47,15 +47,15 @@ export default function LandingPage() {
description="AI-powered real-time analytics across unlimited camera feeds. Transform surveillance into actionable insights with YOLOv8 computer vision. One platform for Workplace Safety, Traffic Analytics, Manufacturing QA, and Restaurant Operations." description="AI-powered real-time analytics across unlimited camera feeds. Transform surveillance into actionable insights with YOLOv8 computer vision. One platform for Workplace Safety, Traffic Analytics, Manufacturing QA, and Restaurant Operations."
tag="AI Surveillance Revolution" tag="AI Surveillance Revolution"
tagIcon={Zap} tagIcon={Zap}
background={{ variant: "noise" }} background={{ variant: "sparkles-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-modern-ai-powered-surveillance-dashboa-1772477572857-f81e1ae7.png?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-modern-ai-powered-surveillance-dashboa-1772477572857-f81e1ae7.png"
imageAlt="VisionSync AI surveillance dashboard with multi-camera feeds and real-time analytics" imageAlt="VisionSync AI surveillance dashboard with multi-camera feeds and real-time analytics"
buttons={[ buttons={[
{ text: "Get Early Access", href: "#contact" }, { text: "Get Early Access", href: "#contact" },
{ text: "View Demo", href: "#features" } { text: "View Demo", href: "#features" }
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
buttonAnimation="entrance-slide" buttonAnimation="blur-reveal"
/> />
</div> </div>
@@ -110,13 +110,13 @@ export default function LandingPage() {
id: "workplace", name: "Workplace Safety", price: "PPE Compliance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-live-demo-showing-visionsync-detecting-1772477572828-a28bf781.png", imageAlt: "Workplace safety PPE detection interface", initialQuantity: 1 id: "workplace", name: "Workplace Safety", price: "PPE Compliance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-live-demo-showing-visionsync-detecting-1772477572828-a28bf781.png", imageAlt: "Workplace safety PPE detection interface", initialQuantity: 1
}, },
{ {
id: "traffic", name: "Traffic Analytics", price: "Vehicle Counting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/traffic-analytics-dashboard-displaying-v-1772477572527-e78472d2.png?_wi=1", imageAlt: "Traffic analytics and vehicle detection dashboard", initialQuantity: 1 id: "traffic", name: "Traffic Analytics", price: "Vehicle Counting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/traffic-analytics-dashboard-displaying-v-1772477572527-e78472d2.png", imageAlt: "Traffic analytics and vehicle detection dashboard", initialQuantity: 1
}, },
{ {
id: "manufacturing", name: "Manufacturing QA", price: "Defect Detection", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/manufacturing-quality-control-screen-usi-1772477572965-8dd9f16a.png?_wi=1", imageAlt: "Manufacturing quality control defect detection", initialQuantity: 1 id: "manufacturing", name: "Manufacturing QA", price: "Defect Detection", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/manufacturing-quality-control-screen-usi-1772477572965-8dd9f16a.png", imageAlt: "Manufacturing quality control defect detection", initialQuantity: 1
}, },
{ {
id: "restaurant", name: "Restaurant Ops", price: "Occupancy Monitor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/restaurant-operations-dashboard-monitori-1772477573813-8fce1c44.png?_wi=1", imageAlt: "Restaurant occupancy and table management", initialQuantity: 1 id: "restaurant", name: "Restaurant Ops", price: "Occupancy Monitor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/restaurant-operations-dashboard-monitori-1772477573813-8fce1c44.png", imageAlt: "Restaurant occupancy and table management", initialQuantity: 1
} }
]} ]}
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
@@ -134,7 +134,7 @@ export default function LandingPage() {
<MetricCardEleven <MetricCardEleven
metrics={[ metrics={[
{ {
id: "streaming", value: "∞", title: "Multi-Camera Support", description: "Unlimited concurrent camera feeds and streams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-modern-ai-powered-surveillance-dashboa-1772477572857-f81e1ae7.png?_wi=2", imageAlt: "Multi-camera streaming dashboard" id: "streaming", value: "∞", title: "Multi-Camera Support", description: "Unlimited concurrent camera feeds and streams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-modern-ai-powered-surveillance-dashboa-1772477572857-f81e1ae7.png", imageAlt: "Multi-camera streaming dashboard"
}, },
{ {
id: "alerts", value: "100%", title: "Smart Alert System", description: "Configurable severity levels with real-time notifications", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/artistic-representation-of-ai-video-proc-1772477573050-67c8d435.png", imageAlt: "Alert configuration and notification system" id: "alerts", value: "100%", title: "Smart Alert System", description: "Configurable severity levels with real-time notifications", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/artistic-representation-of-ai-video-proc-1772477573050-67c8d435.png", imageAlt: "Alert configuration and notification system"
@@ -143,13 +143,13 @@ export default function LandingPage() {
id: "accuracy", value: "25+", title: "Real-Time FPS", description: "Fast inference speed with YOLOv8 optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/technical-architecture-visualization-sho-1772477572910-370d8505.png", imageAlt: "Performance metrics and FPS display" id: "accuracy", value: "25+", title: "Real-Time FPS", description: "Fast inference speed with YOLOv8 optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/technical-architecture-visualization-sho-1772477572910-370d8505.png", imageAlt: "Performance metrics and FPS display"
}, },
{ {
id: "training", value: "Custom", title: "Training Pipeline", description: "Fine-tune models for your specific use cases", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/manufacturing-quality-control-screen-usi-1772477572965-8dd9f16a.png?_wi=2", imageAlt: "Custom model training interface" id: "training", value: "Custom", title: "Training Pipeline", description: "Fine-tune models for your specific use cases", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/manufacturing-quality-control-screen-usi-1772477572965-8dd9f16a.png", imageAlt: "Custom model training interface"
}, },
{ {
id: "demo", value: "GPU-Free", title: "Demo Mode", description: "Evaluate VisionSync without GPU infrastructure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/restaurant-operations-dashboard-monitori-1772477573813-8fce1c44.png?_wi=2", imageAlt: "Demo mode interface showing sample detections" id: "demo", value: "GPU-Free", title: "Demo Mode", description: "Evaluate VisionSync without GPU infrastructure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/restaurant-operations-dashboard-monitori-1772477573813-8fce1c44.png", imageAlt: "Demo mode interface showing sample detections"
}, },
{ {
id: "websocket", value: "Live", title: "WebSocket Dashboards", description: "Sub-second latency data updates and streaming", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/traffic-analytics-dashboard-displaying-v-1772477572527-e78472d2.png?_wi=2", imageAlt: "Live WebSocket dashboard with real-time updates" id: "websocket", value: "Live", title: "WebSocket Dashboards", description: "Sub-second latency data updates and streaming", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/traffic-analytics-dashboard-displaying-v-1772477572527-e78472d2.png", imageAlt: "Live WebSocket dashboard with real-time updates"
} }
]} ]}
animationType="scale-rotate" animationType="scale-rotate"