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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6a45528..0c58a7d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -49,13 +49,13 @@ export default function LandingPage() {
           ]}
           slides={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/a-modern-dark-mode-dashboard-interface-s-1772491628943-43ea1851.png",              imageAlt: "Dashboard interface with analytics"
+              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CcanvasGradient id='grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3CstopOffset='0%' style='stop-color:%231a1a2e;stop-opacity:1'/%3E%3CstopOffset='100%' style='stop-color:%232d3561;stop-opacity:1'/%3E%3C/canvasGradient%3E%3C/defs%3E%3Crect width='1200' height='800' fill='url(%23grad)'/%3E%3Ctext x='50%' y='50%' font-size='48' fill='%2300ff88' text-anchor='middle' dominant-baseline='middle'%3EWebGL Shader Gradient%3C/text%3E%3C/svg%3E",              imageAlt: "Dashboard interface with WebGL shader rendering"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/an-abstract-data-visualization-showing-p-1772491628626-abd20e02.png",              imageAlt: "Performance metrics visualization"
+              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='grad2' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3CstopOffset='0%' style='stop-color:%23ff006e;stop-opacity:1'/%3E%3CstopOffset='100%' style='stop-color:%238338ec;stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='800' fill='url(%23grad2)'/%3E%3Ctext x='50%' y='50%' font-size='48' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EPerformance WebGL Metrics%3C/text%3E%3C/svg%3E",              imageAlt: "Performance metrics visualization with WebGL shaders"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/a-sophisticated-dashboard-metric-display-1772491627755-5b3dd7fc.png",              imageAlt: "Real-time data analytics"
+              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='grad3' cx='50%' cy='50%' r='50%'%3E%3CstopOffset='0%' style='stop-color:%2300d9ff;stop-opacity:1'/%3E%3CstopOffset='100%' style='stop-color:%230066cc;stop-opacity:1'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1200' height='800' fill='url(%23grad3)'/%3E%3Ctext x='50%' y='50%' font-size='48' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EReal-time WebGL Analytics%3C/text%3E%3C/svg%3E",              imageAlt: "Real-time data analytics with WebGL rendering"
             }
           ]}
           autoplayDelay={4000}
@@ -67,7 +67,7 @@ export default function LandingPage() {
         <MetricCardSeven
           metrics={[
             {
-              id: "1",              value: "10M+",              title: "Data Points Processed Daily",              items: ["Real-time processing", "99.99% uptime guarantee", "Global infrastructure"]
+              id: "1",              value: "10M+",              title: "Data Points Processed Daily",              items: ["WebGL-accelerated processing", "99.99% uptime guarantee", "GPU-optimized infrastructure"]
             },
             {
               id: "2",              value: "500K+",              title: "Active Users Worldwide",              items: ["50+ countries", "Multi-language support", "24/7 availability"]
@@ -80,7 +80,7 @@ export default function LandingPage() {
             }
           ]}
           title="Dashboard Performance Metrics"
-          description="Industry-leading analytics that power data-driven decisions across enterprises globally"
+          description="Industry-leading analytics with WebGL shader acceleration for real-time data visualization"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -89,25 +89,25 @@ export default function LandingPage() {
 
       <div id="features" data-section="features">
         <FeatureCardNine
-          title="Powerful Dashboard Features"
-          description="Everything you need for advanced data analytics and real-time monitoring"
+          title="Advanced Dashboard Features with WebGL Acceleration"
+          description="Everything you need for advanced data analytics with real-time WebGL-rendered visualizations"
           features={[
             {
               id: 1,
-              title: "Real-Time Analytics",              description: "Monitor your metrics live with instant updates and predictive insights",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/a-sleek-dark-mode-product-interface-show-1772491628305-b20d660a.png?_wi=1",                imageAlt: "Real-time analytics display"
+              title: "WebGL Real-Time Analytics",              description: "Monitor your metrics live with WebGL-accelerated instant updates and predictive insights",              phoneOne: {
+                imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 800'%3E%3Crect width='600' height='800' fill='%231a1a2e'/%3E%3Ctext x='300' y='400' font-size='32' fill='%2300ff88' text-anchor='middle' dominant-baseline='middle'%3EWebGL Analytics%3C/text%3E%3C/svg%3E",                imageAlt: "Real-time analytics display with WebGL rendering"
               },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/modern-dashboard-control-panel-with-inte-1772491627969-826e935f.png?_wi=1",                imageAlt: "Control panel interface"
+                imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 800'%3E%3Crect width='600' height='800' fill='%232d3561'/%3E%3Ctext x='300' y='400' font-size='32' fill='%230066cc' text-anchor='middle' dominant-baseline='middle'%3EGPU Control Panel%3C/text%3E%3C/svg%3E",                imageAlt: "Control panel interface with GPU acceleration"
               }
             },
             {
               id: 2,
-              title: "Custom Dashboards",              description: "Build personalized views with drag-and-drop widgets tailored to your needs",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/modern-dashboard-control-panel-with-inte-1772491627969-826e935f.png?_wi=2",                imageAlt: "Custom dashboard builder"
+              title: "Custom WebGL Visualizations",              description: "Build personalized views with WebGL-powered shader visualizations tailored to your needs",              phoneOne: {
+                imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 800'%3E%3Crect width='600' height='800' fill='%23ff006e'/%3E%3Ctext x='300' y='400' font-size='32' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3ECustom Shaders%3C/text%3E%3C/svg%3E",                imageAlt: "Custom dashboard builder with WebGL shaders"
               },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/a-sleek-dark-mode-product-interface-show-1772491628305-b20d660a.png?_wi=2",                imageAlt: "Widget configuration"
+                imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 800'%3E%3Crect width='600' height='800' fill='%238338ec'/%3E%3Ctext x='300' y='400' font-size='32' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EShader Config%3C/text%3E%3C/svg%3E",                imageAlt: "Widget configuration with WebGL effects"
               }
             }
           ]}
@@ -120,17 +120,17 @@ export default function LandingPage() {
 
       <div id="product" data-section="product">
         <ProductCardOne
-          title="Premium Dashboard Solutions"
-          description="Choose from our range of professional analytics and monitoring tools"
+          title="WebGL-Powered Dashboard Solutions"
+          description="Choose from our range of professional analytics and monitoring tools with GPU acceleration"
           products={[
             {
-              id: "1",              name: "Analytics Pro",              price: "$299/mo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/premium-dashboard-analytics-tool-display-1772491628188-41cf5af0.png",              imageAlt: "Analytics Pro dashboard"
+              id: "1",              name: "WebGL Analytics Pro",              price: "$299/mo",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Crect width='400' height='300' fill='%231a1a2e'/%3E%3Ctext x='200' y='150' font-size='28' fill='%2300ff88' text-anchor='middle' dominant-baseline='middle'%3EAnalytics Pro%3C/text%3E%3C/svg%3E",              imageAlt: "Analytics Pro dashboard with WebGL rendering"
             },
             {
-              id: "2",              name: "Enterprise Monitor",              price: "$599/mo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/advanced-data-management-system-on-dark--1772491628394-de17f017.png",              imageAlt: "Enterprise monitoring system"
+              id: "2",              name: "Enterprise GPU Monitor",              price: "$599/mo",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Crect width='400' height='300' fill='%232d3561'/%3E%3Ctext x='200' y='150' font-size='28' fill='%230066cc' text-anchor='middle' dominant-baseline='middle'%3EEnterprise Monitor%3C/text%3E%3C/svg%3E",              imageAlt: "Enterprise monitoring system with GPU acceleration"
             },
             {
-              id: "3",              name: "Real-Time Metrics",              price: "$199/mo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/real-time-monitoring-dashboard-with-dark-1772491628786-2ba55445.png",              imageAlt: "Real-time metrics dashboard"
+              id: "3",              name: "WebGL Metrics Engine",              price: "$199/mo",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Crect width='400' height='300' fill='%23ff006e'/%3E%3Ctext x='200' y='150' font-size='28' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EMetrics Engine%3C/text%3E%3C/svg%3E",              imageAlt: "Real-time metrics dashboard with WebGL rendering"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -143,10 +143,10 @@ export default function LandingPage() {
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
           title="Trusted by Industry Leaders"
-          description="Enterprise companies rely on our dashboard for mission-critical data analytics"
+          description="Enterprise companies rely on our WebGL-accelerated dashboard for mission-critical data analytics"
           names={["TechCorp", "DataFlow Systems", "Analytics Pro", "Enterprise Cloud", "MetricsHub", "Insight AI", "CloudSync", "DashFlow"]}
           logos={[
-            "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148220592.jpg",            "http://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg",            "http://img.b2bpic.net/free-vector/gradient-code-logo-with-tagline_23-2148809313.jpg",            "http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149202347.jpg",            "http://img.b2bpic.net/free-vector/geometric-ideas-agency-logo-template_742173-17631.jpg",            "http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149202351.jpg",            "http://img.b2bpic.net/free-vector/abstract-logo-gradient-style_23-2148135214.jpg",            "http://img.b2bpic.net/free-vector/logotype_23-2148145174.jpg"
+            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%230066cc'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3ETechCorp%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%2300ff88'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23000000' text-anchor='middle' dominant-baseline='middle'%3EDataFlow%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%23ff006e'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EAnalytics%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%238338ec'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EEnterprise%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%23ffb703'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23000000' text-anchor='middle' dominant-baseline='middle'%3EMetricsHub%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%2300d9ff'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23000000' text-anchor='middle' dominant-baseline='middle'%3EInsight AI%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%231db584'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3ECloudSync%3C/text%3E%3C/svg%3E",            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Crect width='200' height='100' fill='%23fb5607'/%3E%3Ctext x='100' y='50' font-size='16' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EDashFlow%3C/text%3E%3C/svg%3E"
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
@@ -159,26 +159,26 @@ export default function LandingPage() {
         <TestimonialCardSix
           testimonials={[
             {
-              id: "1",              name: "Sarah Chen",              handle: "@sarahchen_cto",              testimonial: "DashHub transformed our data operations completely. The real-time analytics and intuitive interface made a massive impact on our decision-making process.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/professional-headshot-of-a-confident-bus-1772491627719-a64f829f.png",              imageAlt: "Sarah Chen"
+              id: "1",              name: "Sarah Chen",              handle: "@sarahchen_cto",              testimonial: "DashHub's WebGL acceleration transformed our data operations completely. The GPU-accelerated visualizations and instant rendering made a massive impact on our decision-making process.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%230066cc'/%3E%3Ctext x='100' y='100' font-size='64' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3ESC%3C/text%3E%3C/svg%3E",              imageAlt: "Sarah Chen"
             },
             {
-              id: "2",              name: "Michael Rodriguez",              handle: "@mrodriguez_founder",              testimonial: "The dark mode interface is absolutely stunning, and the performance metrics are unmatched in the industry. Highly recommended for any data-driven organization.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/corporate-team-member-profile-photo-with-1772491627601-e9a2a61c.png",              imageAlt: "Michael Rodriguez"
+              id: "2",              name: "Michael Rodriguez",              handle: "@mrodriguez_founder",              testimonial: "The dark mode interface with WebGL rendering is absolutely stunning, and the performance metrics are unmatched in the industry. Highly recommended for any data-driven organization.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2300ff88'/%3E%3Ctext x='100' y='100' font-size='64' fill='%23000000' text-anchor='middle' dominant-baseline='middle'%3EMR%3C/text%3E%3C/svg%3E",              imageAlt: "Michael Rodriguez"
             },
             {
-              id: "3",              name: "Emily Watson",              handle: "@ewatson_analytics",              testimonial: "Our team was up and running in minutes. The dashboard customization options are incredible, and customer support is exceptional.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/confident-female-executive-portrait-with-1772491627777-21f035ca.png",              imageAlt: "Emily Watson"
+              id: "3",              name: "Emily Watson",              handle: "@ewatson_analytics",              testimonial: "Our team was up and running in minutes with the WebGL-powered dashboard. The shader customization options are incredible, and customer support is exceptional.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23ff006e'/%3E%3Ctext x='100' y='100' font-size='64' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EEW%3C/text%3E%3C/svg%3E",              imageAlt: "Emily Watson"
             },
             {
-              id: "4",              name: "David Park",              handle: "@dpark_enterprise",              testimonial: "DashHub provides enterprise-grade analytics at a fraction of the cost. The ROI within the first month was remarkable.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/male-tech-entrepreneur-headshot-with-pro-1772491627639-4302844d.png",              imageAlt: "David Park"
+              id: "4",              name: "David Park",              handle: "@dpark_enterprise",              testimonial: "DashHub provides enterprise-grade GPU-accelerated analytics at a fraction of the cost. The ROI within the first month was remarkable with WebGL optimizations.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%238338ec'/%3E%3Ctext x='100' y='100' font-size='64' fill='%23ffffff' text-anchor='middle' dominant-baseline='middle'%3EDP%3C/text%3E%3C/svg%3E",              imageAlt: "David Park"
             },
             {
-              id: "5",              name: "Jessica Martinez",              handle: "@jmartinez_insights",              testimonial: "The real-time monitoring capabilities have been game-changing for our operations. We couldn't imagine working without it now.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/business-leader-profile-photo-with-confi-1772491627517-a6206712.png",              imageAlt: "Jessica Martinez"
+              id: "5",              name: "Jessica Martinez",              handle: "@jmartinez_insights",              testimonial: "The real-time monitoring with WebGL rendering has been game-changing for our operations. We couldn't imagine working without this GPU acceleration now.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23ffb703'/%3E%3Ctext x='100' y='100' font-size='64' fill='%23000000' text-anchor='middle' dominant-baseline='middle'%3EJM%3C/text%3E%3C/svg%3E",              imageAlt: "Jessica Martinez"
             },
             {
-              id: "6",              name: "James Thompson",              handle: "@jthompson_tech",              testimonial: "Best investment we made this year. DashHub's analytics platform delivers insights we never had access to before.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APQ8370A2oGZPhQGgZ85l393e5/corporate-professional-headshot-with-mod-1772491627375-8b0de793.png",              imageAlt: "James Thompson"
+              id: "6",              name: "James Thompson",              handle: "@jthompson_tech",              testimonial: "Best investment we made this year. DashHub's WebGL-accelerated analytics platform delivers shader-enhanced visualizations we never had access to before.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2300d9ff'/%3E%3Ctext x='100' y='100' font-size='64' fill='%23000000' text-anchor='middle' dominant-baseline='middle'%3EJT%3C/text%3E%3C/svg%3E",              imageAlt: "James Thompson"
             }
           ]}
-          title="What Industry Leaders Say"
-          description="See how teams across the world are transforming their analytics with DashHub"
+          title="What Industry Leaders Say About Our WebGL Dashboard"
+          description="See how teams across the world are transforming their analytics with DashHub's GPU-accelerated visualizations"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-- 
2.49.1