diff --git a/src/app/page.tsx b/src/app/page.tsx index 0c58a7d..c7dcdba 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() {