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

---
 src/app/page.tsx | 220 +++++++++++++----------------------------------
 1 file changed, 59 insertions(+), 161 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16a5c70..d3e9751 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,8 +23,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "/features" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
@@ -32,8 +31,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Blog", href: "/blog" },
         { label: "Careers", href: "/careers" },
@@ -41,8 +39,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "/docs" },
         { label: "API Reference", href: "/api" },
         { label: "Community", href: "/community" },
@@ -58,7 +55,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="medium"
-      background="grid"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="radial-glow"
@@ -77,34 +74,24 @@ export default function HomePage() {
         <HeroBillboard
           title="AI-Powered SRE Platform for Debug & Health Intelligence"
           description="Analyze logs, metrics, and errors in real-time with advanced AI insights. Generate comprehensive health reports automatically and resolve issues faster with intelligent root cause analysis."
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Advanced AI SRE"
           tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Start Debugging Now",
-              href: "https://dashboard.debugsre.com",
-            },
+              text: "Start Debugging Now",              href: "https://dashboard.debugsre.com"},
             {
-              text: "View Demo",
-              href: "/features",
-            },
+              text: "View Demo",              href: "/features"},
           ]}
           buttonAnimation="slide-up"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-technical-tea-1772968227055-be21996e.png",
-              alt: "Team member",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-technical-tea-1772968227055-be21996e.png",              alt: "Team member"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-female-devops-1772968227171-cb176b93.png",
-              alt: "Team member",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-female-devops-1772968227171-cb176b93.png",              alt: "Team member"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-platform-engi-1772968227088-d0035749.png",
-              alt: "Team member",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-platform-engi-1772968227088-d0035749.png",              alt: "Team member"},
           ]}
           avatarText="Trusted by 500+ SRE teams worldwide"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/a-cutting-edge-ai-powered-sre-debugging--1772968227122-cbc36d5e.png"
@@ -119,24 +106,15 @@ export default function HomePage() {
         <InlineImageSplitTextAbout
           heading={[
             {
-              type: "text",
-              content: "Intelligent debugging powered by",
-            },
+              type: "text",              content: "Intelligent debugging powered by"},
             {
-              type: "image",
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/ai-powered-insights-panel-showing-intell-1772968228473-6d61adfb.png",
-              alt: "AI Technology",
-            },
+              type: "image",              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/ai-powered-insights-panel-showing-intell-1772968228473-6d61adfb.png",              alt: "AI Technology"},
             {
-              type: "text",
-              content: "for modern infrastructure teams",
-            },
+              type: "text",              content: "for modern infrastructure teams"},
           ]}
           buttons={[
             {
-              text: "Learn More",
-              href: "/features",
-            },
+              text: "Learn More",              href: "/features"},
           ]}
           buttonAnimation="opacity"
           useInvertedBackground={false}
@@ -154,38 +132,24 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Explore All Features",
-              href: "/features",
-            },
+              text: "Explore All Features",              href: "/features"},
           ]}
           buttonAnimation="slide-up"
           accordionItems={[
             {
-              id: "1",
-              title: "Advanced Log Analysis",
-              content:
-                "Real-time parsing and correlation of logs from all sources. Identify patterns, anomalies, and root causes instantly with AI-powered log intelligence. Full-text search, filtering, and custom log rules.",
-            },
+              id: "1",              title: "Advanced Log Analysis",              content:
+                "Real-time parsing and correlation of logs from all sources. Identify patterns, anomalies, and root causes instantly with AI-powered log intelligence. Full-text search, filtering, and custom log rules."},
             {
-              id: "2",
-              title: "Comprehensive Metrics Tracking",
-              content:
-                "Track all metrics - CPU, memory, network, custom metrics. Real-time dashboards with historical trending, forecasting, and predictive alerting. Automatic baseline detection and anomaly identification.",
-            },
+              id: "2",              title: "Comprehensive Metrics Tracking",              content:
+                "Track all metrics - CPU, memory, network, custom metrics. Real-time dashboards with historical trending, forecasting, and predictive alerting. Automatic baseline detection and anomaly identification."},
             {
-              id: "3",
-              title: "Intelligent Error Tracking",
-              content:
-                "Automatic error aggregation and grouping. Track error frequency, affected services, and user impact. AI-generated remediation suggestions and automatic escalation to relevant teams.",
-            },
+              id: "3",              title: "Intelligent Error Tracking",              content:
+                "Automatic error aggregation and grouping. Track error frequency, affected services, and user impact. AI-generated remediation suggestions and automatic escalation to relevant teams."},
             {
-              id: "4",
-              title: "Health Report Generation",
-              content:
-                "Automated comprehensive health reports delivered on schedule. Executive summaries with KPIs, trend analysis, and predictive insights. Exportable reports for compliance and auditing.",
-            },
+              id: "4",              title: "Health Report Generation",              content:
+                "Automated comprehensive health reports delivered on schedule. Executive summaries with KPIs, trend analysis, and predictive insights. Exportable reports for compliance and auditing."},
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/advanced-log-analysis-visualization-show-1772968229540-3770656f.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/advanced-log-analysis-visualization-show-1772968229540-3770656f.png"
           imageAlt="Log analysis interface"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -199,25 +163,13 @@ export default function HomePage() {
         <MetricCardTwo
           metrics={[
             {
-              id: "1",
-              value: "98.5%",
-              description: "Average System Uptime",
-            },
+              id: "1",              value: "98.5%",              description: "Average System Uptime"},
             {
-              id: "2",
-              value: "2.3s",
-              description: "Avg Issue Resolution Time",
-            },
+              id: "2",              value: "2.3s",              description: "Avg Issue Resolution Time"},
             {
-              id: "3",
-              value: "500+",
-              description: "Active SRE Teams",
-            },
+              id: "3",              value: "500+",              description: "Active SRE Teams"},
             {
-              id: "4",
-              value: "99.9%",
-              description: "Accuracy Rate",
-            },
+              id: "4",              value: "99.9%",              description: "Accuracy Rate"},
           ]}
           carouselMode="buttons"
           gridVariant="uniform-all-items-equal"
@@ -240,65 +192,29 @@ export default function HomePage() {
         <TestimonialCardSix
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Chen",
-              handle: "@sarahchen_sre",
-              testimonial:
-                "DebugSRE transformed how our team handles incident response. The AI insights cut our MTTR in half. Absolutely game-changing platform.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-technical-tea-1772968227055-be21996e.png",
-              imageAlt: "Sarah Chen",
-            },
+              id: "1",              name: "Sarah Chen",              handle: "@sarahchen_sre",              testimonial:
+                "DebugSRE transformed how our team handles incident response. The AI insights cut our MTTR in half. Absolutely game-changing platform.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-technical-tea-1772968227055-be21996e.png",              imageAlt: "Sarah Chen"},
             {
-              id: "2",
-              name: "Marcus Williams",
-              handle: "VP Infrastructure, TechCorp",
-              testimonial:
-                "The health reports alone save us hours every week. We finally have actionable intelligence instead of noise. Highly recommend.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-female-devops-1772968227171-cb176b93.png",
-              imageAlt: "Marcus Williams",
-            },
+              id: "2",              name: "Marcus Williams",              handle: "VP Infrastructure, TechCorp",              testimonial:
+                "The health reports alone save us hours every week. We finally have actionable intelligence instead of noise. Highly recommend.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-female-devops-1772968227171-cb176b93.png",              imageAlt: "Marcus Williams"},
             {
-              id: "3",
-              name: "Elena Rodriguez",
-              handle: "@elena_devops",
-              testimonial:
-                "Best debugging tool we've used. The log correlation and error tracking are incredibly powerful. Our team can't imagine working without it now.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-platform-engi-1772968227088-d0035749.png",
-              imageAlt: "Elena Rodriguez",
-            },
+              id: "3",              name: "Elena Rodriguez",              handle: "@elena_devops",              testimonial:
+                "Best debugging tool we've used. The log correlation and error tracking are incredibly powerful. Our team can't imagine working without it now.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-platform-engi-1772968227088-d0035749.png",              imageAlt: "Elena Rodriguez"},
             {
-              id: "4",
-              name: "James Park",
-              handle: "Lead SRE, CloudScale",
-              testimonial:
-                "Finally a platform that understands SRE workflows. The AI recommendations are spot-on and have helped us prevent multiple outages.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-site-reliabil-1772968227467-d4a7cc1d.png",
-              imageAlt: "James Park",
-            },
+              id: "4",              name: "James Park",              handle: "Lead SRE, CloudScale",              testimonial:
+                "Finally a platform that understands SRE workflows. The AI recommendations are spot-on and have helped us prevent multiple outages.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-site-reliabil-1772968227467-d4a7cc1d.png",              imageAlt: "James Park"},
             {
-              id: "5",
-              name: "Priya Sharma",
-              handle: "@priya_infrastructure",
-              testimonial:
-                "The real-time analytics and predictive alerting have made our on-call rotations significantly less stressful. Exceptional product.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-tech-operatio-1772968226478-6d8cb243.png",
-              imageAlt: "Priya Sharma",
-            },
+              id: "5",              name: "Priya Sharma",              handle: "@priya_infrastructure",              testimonial:
+                "The real-time analytics and predictive alerting have made our on-call rotations significantly less stressful. Exceptional product.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-tech-operatio-1772968226478-6d8cb243.png",              imageAlt: "Priya Sharma"},
             {
-              id: "6",
-              name: "David Thompson",
-              handle: "Director of Operations",
-              testimonial:
-                "ROI was immediate. We reduced our operations team workload by 40% and improved system reliability. This is infrastructure management reimagined.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-cloud-archite-1772968226817-3d2cbd3b.png",
-              imageAlt: "David Thompson",
-            },
+              id: "6",              name: "David Thompson",              handle: "Director of Operations",              testimonial:
+                "ROI was immediate. We reduced our operations team workload by 40% and improved system reliability. This is infrastructure management reimagined.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/professional-headshot-of-a-cloud-archite-1772968226817-3d2cbd3b.png",              imageAlt: "David Thompson"},
           ]}
           animationType="slide-up"
           title="Loved by SRE Teams Worldwide"
@@ -321,41 +237,23 @@ export default function HomePage() {
         <FaqBase
           faqs={[
             {
-              id: "1",
-              title: "How does DebugSRE analyze logs?",
-              content:
-                "DebugSRE uses advanced machine learning algorithms to parse, correlate, and analyze logs from all your systems in real-time. Our AI identifies patterns, anomalies, and root causes that would take humans hours to find. We support all major log formats and can ingest from any source.",
-            },
+              id: "1",              title: "How does DebugSRE analyze logs?",              content:
+                "DebugSRE uses advanced machine learning algorithms to parse, correlate, and analyze logs from all your systems in real-time. Our AI identifies patterns, anomalies, and root causes that would take humans hours to find. We support all major log formats and can ingest from any source."},
             {
-              id: "2",
-              title: "What metrics can we track?",
-              content:
-                "Track any metric your systems expose - CPU, memory, network, disk I/O, application-specific metrics, and custom metrics. We provide real-time dashboards, historical trending, forecasting, and automatic anomaly detection with intelligent alerting.",
-            },
+              id: "2",              title: "What metrics can we track?",              content:
+                "Track any metric your systems expose - CPU, memory, network, disk I/O, application-specific metrics, and custom metrics. We provide real-time dashboards, historical trending, forecasting, and automatic anomaly detection with intelligent alerting."},
             {
-              id: "3",
-              title: "How are health reports generated?",
-              content:
-                "Health reports are generated automatically on your schedule using AI-powered analysis. They include system status, component health indicators, trending analysis, KPIs, and predictive insights. Reports are customizable, exportable, and compliance-ready.",
-            },
+              id: "3",              title: "How are health reports generated?",              content:
+                "Health reports are generated automatically on your schedule using AI-powered analysis. They include system status, component health indicators, trending analysis, KPIs, and predictive insights. Reports are customizable, exportable, and compliance-ready."},
             {
-              id: "4",
-              title: "Can we integrate with existing tools?",
-              content:
-                "Yes, DebugSRE integrates seamlessly with your existing stack. We offer APIs, webhooks, integrations with major monitoring tools, incident management platforms, and communication systems like Slack and PagerDuty.",
-            },
+              id: "4",              title: "Can we integrate with existing tools?",              content:
+                "Yes, DebugSRE integrates seamlessly with your existing stack. We offer APIs, webhooks, integrations with major monitoring tools, incident management platforms, and communication systems like Slack and PagerDuty."},
             {
-              id: "5",
-              title: "How secure is our data?",
-              content:
-                "Security is paramount. We use end-to-end encryption, SOC 2 Type II compliance, HIPAA compliance options, role-based access control, and audit logging. Data retention and deletion policies are fully configurable to meet your requirements.",
-            },
+              id: "5",              title: "How secure is our data?",              content:
+                "Security is paramount. We use end-to-end encryption, SOC 2 Type II compliance, HIPAA compliance options, role-based access control, and audit logging. Data retention and deletion policies are fully configurable to meet your requirements."},
             {
-              id: "6",
-              title: "What's your pricing model?",
-              content:
-                "Flexible pricing based on log volume, metrics, and team size. We offer free tier for startups, usage-based pricing, or enterprise plans with volume discounts and dedicated support. No long-term contracts required.",
-            },
+              id: "6",              title: "What's your pricing model?",              content:
+                "Flexible pricing based on log volume, metrics, and team size. We offer free tier for startups, usage-based pricing, or enterprise plans with volume discounts and dedicated support. No long-term contracts required."},
           ]}
           title="Frequently Asked Questions"
           description="Get answers to common questions about DebugSRE"
@@ -375,7 +273,7 @@ export default function HomePage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/error-tracking-and-incident-management-i-1772968228174-1d836731.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aezd1jgjhOVb0SVhHd0Pzrd2NP/error-tracking-and-incident-management-i-1772968228174-1d836731.png"
           imageAlt="Error tracking interface"
           columns={footerColumns}
           logoText="DebugSRE"
-- 
2.49.1