From db040e7e2ffdf38c4e89411e43751436372eb129 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 18:50:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b6c20a8..99d6345 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,11 +15,11 @@ export default function VisionSyncLanding() {
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="text-stagger"
       borderRadius="soft"
       contentWidth="compact"
       sizing="mediumLargeSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="radial-glow"
@@ -47,15 +47,15 @@ export default function VisionSyncLanding() {
           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"
           tagIcon={Zap}
-          background={{ variant: "noise" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-modern-ai-powered-surveillance-dashboa-1772477275441-39687cbe.png?_wi=1"
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwG6UBG1VgAzptAMsnXE4YBZC/a-modern-ai-powered-surveillance-dashboa-1772477275441-39687cbe.png"
           imageAlt="VisionSync AI surveillance dashboard with multi-camera feeds and real-time analytics"
           buttons={[
             { text: "Get Early Access", href: "#contact" },
             { text: "View Demo", href: "#features" }
           ]}
           mediaAnimation="slide-up"
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
         />
       </div>
 
@@ -110,13 +110,13 @@ export default function VisionSyncLanding() {
               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-1772477273728-5d692d6a.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-1772477273660-d2887677.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-1772477273660-d2887677.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-1772477275658-4b9c8ded.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-1772477275658-4b9c8ded.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-1772477273814-6a808913.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-1772477273814-6a808913.png",              imageAlt: "Restaurant occupancy and table management",              initialQuantity: 1
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
@@ -134,7 +134,7 @@ export default function VisionSyncLanding() {
         <MetricCardEleven
           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-1772477275441-39687cbe.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-1772477275441-39687cbe.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-1772477274656-c1655340.png",              imageAlt: "Alert configuration and notification system"
@@ -143,13 +143,13 @@ export default function VisionSyncLanding() {
               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-1772477273692-90359d74.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-1772477275658-4b9c8ded.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-1772477275658-4b9c8ded.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-1772477273814-6a808913.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-1772477273814-6a808913.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-1772477273660-d2887677.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-1772477273660-d2887677.png",              imageAlt: "Live WebSocket dashboard with real-time updates"
             }
           ]}
           animationType="scale-rotate"
-- 
2.49.1