bender/cd1b796b-b477-41f2-99d7-7a00c425103c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-03-02 22:51:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +28 -28
1 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/page.tsx
View File

@@ -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}