Merge version_2 into main #3

Merged
bender merged 1 commits from version_2 into main 2026-03-02 22:52:48 +00:00

View File

@@ -49,13 +49,13 @@ export default function LandingPage() {
]}
slides={[
{
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: "data:image/svg+xml,%3Csvg xmlns=?_wi=1'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: "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: "data:image/svg+xml,%3Csvg xmlns=?_wi=2'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: "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"
imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=3'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}
@@ -95,19 +95,19 @@ export default function LandingPage() {
{
id: 1,
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"
imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=4'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: "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"
imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=5'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 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"
imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=6'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: "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"
imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=7'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"
}
}
]}
@@ -124,13 +124,13 @@ export default function LandingPage() {
description="Choose from our range of professional analytics and monitoring tools with GPU acceleration"
products={[
{
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: "1", name: "WebGL Analytics Pro", price: "$299/mo", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=8'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 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: "2", name: "Enterprise GPU Monitor", price: "$599/mo", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=9'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: "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"
id: "3", name: "WebGL Metrics Engine", price: "$199/mo", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=10'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"
@@ -159,22 +159,22 @@ export default function LandingPage() {
<TestimonialCardSix
testimonials={[
{
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: "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=?_wi=11'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 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: "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=?_wi=12'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 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: "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=?_wi=13'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 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: "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=?_wi=14'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 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: "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=?_wi=15'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 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"
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=?_wi=16'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 About Our WebGL Dashboard"