From 89344027bd4dd0fa700dff3520895655dfa8668e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 21:01:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 117 ++++++++++++++++++++++++++++-------------------
 1 file changed, 70 insertions(+), 47 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c70b242..574fa26 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import {
   Zap,
-  GitHub,
+  Github,
   GitBranch,
   Code,
   Database,
@@ -35,7 +35,7 @@ export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
       borderRadius="pill"
       contentWidth="medium"
       sizing="medium"
@@ -65,11 +65,14 @@ export default function LandingPage() {
           description="Accelerate your development workflow with DevFlow's comprehensive platform for building, testing, and deploying production-ready applications. Trusted by thousands of developers worldwide."
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-female-softwa-1772485189424-f9f18ee7.png",              alt: "Professional headshot of a female software engineer with confident expression, modern tech professio"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-female-softwa-1772485189424-f9f18ee7.png",              alt: "Professional headshot of a female software engineer with confident expression, modern tech professio"
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-male-tech-lea-1772485189088-d5b52e9d.png",              alt: "Professional headshot of a male tech lead with friendly expression, modern tech professional style, "},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-male-tech-lea-1772485189088-d5b52e9d.png",              alt: "Professional headshot of a male tech lead with friendly expression, modern tech professional style, "
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-diverse-team--1772485188938-b9f5e271.png",              alt: "Professional headshot of a diverse team member with approachable expression, modern tech professiona"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-diverse-team--1772485188938-b9f5e271.png",              alt: "Professional headshot of a diverse team member with approachable expression, modern tech professiona"
+            }
           ]}
           avatarText="Trusted by 5,000+ development teams"
           background={{ variant: "sparkles-gradient" }}
@@ -88,43 +91,48 @@ export default function LandingPage() {
           description="Everything you need to build, test, and deploy modern applications at scale. From local development to production deployment."
           tag="Features"
           tagIcon={Zap}
-          tagAnimation="entrance-slide"
+          tagAnimation="reveal-blur"
           features={[
             {
-              title: "Global Infrastructure",              description: "Deploy to 150+ regions worldwide with automatic failover and geographic load balancing.",              bentoComponent: "globe"},
+              title: "Global Infrastructure",              description: "Deploy to 150+ regions worldwide with automatic failover and geographic load balancing.",              bentoComponent: "globe"
+            },
             {
-              title: "Real-time Analytics",              description: "Monitor application performance, user metrics, and system health with interactive dashboards.",              bentoComponent: "animated-bar-chart"},
+              title: "Real-time Analytics",              description: "Monitor application performance, user metrics, and system health with interactive dashboards.",              bentoComponent: "animated-bar-chart"
+            },
             {
               title: "Integrated DevOps",              description: "Connect your favorite tools and services for seamless CI/CD pipelines and automation.",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
               items: [
-                { icon: GitHub, ring: 1 },
+                { icon: Github, ring: 1 },
                 { icon: GitBranch, ring: 1 },
                 { icon: Code, ring: 2 },
                 { icon: Database, ring: 2 },
                 { icon: Cloud, ring: 3 },
-                { icon: Shield, ring: 3 },
-              ],
+                { icon: Shield, ring: 3 }
+              ]
             },
             {
               title: "Advanced Security",              description: "Enterprise-grade security with encryption, compliance certifications, and security audit logs.",              bentoComponent: "3d-stack-cards",              items: [
                 {
                   icon: Shield,
-                  title: "Encryption",                  subtitle: "End-to-end",                  detail: "All data encrypted at rest and in transit"},
+                  title: "Encryption",                  subtitle: "End-to-end",                  detail: "All data encrypted at rest and in transit"
+                },
                 {
                   icon: Lock,
-                  title: "Access Control",                  subtitle: "Fine-grained",                  detail: "Role-based permission management"},
+                  title: "Access Control",                  subtitle: "Fine-grained",                  detail: "Role-based permission management"
+                },
                 {
                   icon: Eye,
-                  title: "Monitoring",                  subtitle: "24/7 Audit",                  detail: "Complete security event tracking"},
-              ],
+                  title: "Monitoring",                  subtitle: "24/7 Audit",                  detail: "Complete security event tracking"
+                }
+              ]
             },
             {
-              title: "Getting Started",              description: "Intuitive APIs, comprehensive documentation, and extensive SDK support for all major languages.",              bentoComponent: "3d-task-list",              title: "Getting Started",              items: [
+              title: "Getting Started",              description: "Intuitive APIs, comprehensive documentation, and extensive SDK support for all major languages.",              bentoComponent: "3d-task-list",              items: [
                 { icon: FileCode, label: "Setup Project", time: "2 min" },
                 { icon: Zap, label: "Deploy App", time: "5 min" },
-                { icon: CheckCircle, label: "Monitor Live", time: "1 min" },
-              ],
-            },
+                { icon: CheckCircle, label: "Monitor Live", time: "1 min" }
+              ]
+            }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -140,26 +148,32 @@ export default function LandingPage() {
           description="High-performance infrastructure designed to handle millions of concurrent connections with sub-millisecond latency."
           tag="Performance"
           tagIcon={Zap}
-          tagAnimation="entrance-slide"
+          tagAnimation="reveal-blur"
           features={[
             {
               icon: Zap,
-              title: "Lightning Fast",              description: "Microsecond-level latency with optimized routing and edge computing capabilities."},
+              title: "Lightning Fast",              description: "Microsecond-level latency with optimized routing and edge computing capabilities."
+            },
             {
               icon: Scale,
-              title: "Auto-scaling",              description: "Automatically scale resources based on demand without manual intervention or downtime."},
+              title: "Auto-scaling",              description: "Automatically scale resources based on demand without manual intervention or downtime."
+            },
             {
               icon: Shield,
-              title: "Reliability",              description: "99.99% uptime SLA with redundant systems and automatic failover protection."},
+              title: "Reliability",              description: "99.99% uptime SLA with redundant systems and automatic failover protection."
+            },
             {
               icon: Cpu,
-              title: "Resource Efficient",              description: "Optimized compute utilization reduces costs while maintaining peak performance."},
+              title: "Resource Efficient",              description: "Optimized compute utilization reduces costs while maintaining peak performance."
+            },
             {
               icon: Activity,
-              title: "Real-time Monitoring",              description: "Instant visibility into system health, performance metrics, and user experience."},
+              title: "Real-time Monitoring",              description: "Instant visibility into system health, performance metrics, and user experience."
+            },
             {
               icon: Network,
-              title: "Global CDN",              description: "Content delivery from edge locations worldwide for optimal user experience anywhere."},
+              title: "Global CDN",              description: "Content delivery from edge locations worldwide for optimal user experience anywhere."
+            }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -176,19 +190,25 @@ export default function LandingPage() {
           author="Sarah Chen, CTO at TechVenture"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-software-engine-1772485189217-ef8527f6.png",              alt: "Sarah Chen"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-software-engine-1772485189217-ef8527f6.png",              alt: "Sarah Chen"
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-tech-lead-testi-1772485189145-ce1511b2.png",              alt: "Team member 2"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-tech-lead-testi-1772485189145-ce1511b2.png",              alt: "Team member 2"
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-product-manager-1772485189498-b2971232.png",              alt: "Team member 3"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-product-manager-1772485189498-b2971232.png",              alt: "Team member 3"
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-startup-founder-1772485189236-49cfcdfe.png",              alt: "Team member 4"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-startup-founder-1772485189236-49cfcdfe.png",              alt: "Team member 4"
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-engineering-man-1772485189513-653334b3.png",              alt: "Team member 5"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-engineering-man-1772485189513-653334b3.png",              alt: "Team member 5"
+            },
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-cto-testimonial-1772485188900-ecfeb294.png",              alt: "Team member 6"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-cto-testimonial-1772485188900-ecfeb294.png",              alt: "Team member 6"
+            }
           ]}
-          ratingAnimation="entrance-slide"
+          ratingAnimation="reveal-blur"
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
           ariaLabel="Customer testimonial section"
@@ -201,29 +221,32 @@ export default function LandingPage() {
           description="Choose the perfect plan for your team. All plans include our core features with unlimited applications."
           tag="Pricing"
           tagIcon={DollarSign}
-          tagAnimation="entrance-slide"
+          tagAnimation="reveal-blur"
           plans={[
             {
               id: "starter",              badge: "Great for Teams",              badgeIcon: Sparkles,
               price: "$99/month",              subtitle: "For growing development teams",              buttons: [{ text: "Start Free Trial", href: "#contact" }],
               features: [
-                "Up to 5 team members",                "10 concurrent deployments",                "100GB monthly bandwidth",                "Basic analytics dashboard",                "Community support",                "Standard rate limits"],
+                "Up to 5 team members",                "10 concurrent deployments",                "100GB monthly bandwidth",                "Basic analytics dashboard",                "Community support",                "Standard rate limits"
+              ]
             },
             {
               id: "professional",              badge: "Most Popular",              badgeIcon: Zap,
               price: "$299/month",              subtitle: "For scaling SaaS companies",              buttons: [
                 { text: "Start Free Trial", href: "#contact" },
-                { text: "View Details", href: "#" },
+                { text: "View Details", href: "#" }
               ],
               features: [
-                "Up to 25 team members",                "50 concurrent deployments",                "1TB monthly bandwidth",                "Advanced analytics & AI insights",                "Priority email support",                "Premium rate limits",                "Custom domains",                "SSO integration"],
+                "Up to 25 team members",                "50 concurrent deployments",                "1TB monthly bandwidth",                "Advanced analytics & AI insights",                "Priority email support",                "Premium rate limits",                "Custom domains",                "SSO integration"
+              ]
             },
             {
               id: "enterprise",              badge: "For Enterprises",              badgeIcon: Crown,
               price: "Custom",              subtitle: "Unlimited scale for your business",              buttons: [{ text: "Contact Sales", href: "mailto:sales@example.com" }],
               features: [
-                "Unlimited team members",                "Unlimited concurrent deployments",                "Unlimited bandwidth",                "Custom analytics & reporting",                "24/7 dedicated support",                "Custom rate limits",                "White-label options",                "Advanced security features",                "Custom SLA agreements"],
-            },
+                "Unlimited team members",                "Unlimited concurrent deployments",                "Unlimited bandwidth",                "Custom analytics & reporting",                "24/7 dedicated support",                "Custom rate limits",                "White-label options",                "Advanced security features",                "Custom SLA agreements"
+              ]
+            }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -239,7 +262,7 @@ export default function LandingPage() {
           title="Ready to Transform Your Development Workflow?"
           description="Join thousands of developers and companies using DevFlow to build and deploy applications faster. Start your free trial today—no credit card required."
           tagIcon={Rocket}
-          tagAnimation="entrance-slide"
+          tagAnimation="reveal-blur"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           inputPlaceholder="your@email.com"
@@ -257,25 +280,25 @@ export default function LandingPage() {
                 { label: "Features", href: "#features-bento" },
                 { label: "Pricing", href: "#pricing" },
                 { label: "Security", href: "#" },
-                { label: "Performance", href: "#features-glow" },
-              ],
+                { label: "Performance", href: "#features-glow" }
+              ]
             },
             {
               title: "Resources",              items: [
                 { label: "Documentation", href: "https://docs.example.com" },
                 { label: "API Reference", href: "https://api.example.com" },
                 { label: "Community", href: "#" },
-                { label: "Blog", href: "#" },
-              ],
+                { label: "Blog", href: "#" }
+              ]
             },
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#" },
                 { label: "Careers", href: "#" },
                 { label: "Contact", href: "#contact" },
-                { label: "Privacy Policy", href: "#" },
-              ],
-            },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            }
           ]}
           copyrightText="© 2025 DevFlow. All rights reserved."
           ariaLabel="Footer section"
-- 
2.49.1