From 3ac16c73ed02cb04b2945bc89b4303c52284db63 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 03:26:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 311 ++++++++++++++++-------------------------------
 1 file changed, 106 insertions(+), 205 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9b65f93..af7865a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,220 +15,121 @@ import { Cloud, Database, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Experience",
-          id: "#features",
-        },
-        {
-          name: "Achievements",
-          id: "#metrics",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="SeniorDev"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Experience", id: "#features" },
+              { name: "Achievements", id: "#metrics" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="SeniorDev"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Architecting Scalable Software Solutions"
-      description="I'm a Senior Software Engineer specializing in distributed systems, performance optimization, and architectural design for high-traffic platforms."
-      tag="Available for Consulting"
-      buttons={[
-        {
-          text: "View Experience",
-          href: "#features",
-        },
-        {
-          text: "Contact Me",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-highly-professional-futuristic-softwar-1774841127042-3bb9fd76.png"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Architecting Scalable Software Solutions"
+            description="I'm a Senior Software Engineer specializing in distributed systems, performance optimization, and architectural design for high-traffic platforms."
+            tag="Available for Consulting"
+            buttons={[
+              { text: "View Experience", href: "#features" },
+              { text: "Contact Me", href: "#contact" }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-highly-professional-futuristic-softwar-1774841127042-3bb9fd76.png"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Engineering Excellence"
-      description="With over 10 years of experience, I bridge the gap between complex business requirements and robust, maintainable codebases. My expertise spans cloud-native architecture, microservices, and performance tuning at scale."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-portrait-of-a-professional-senior-soft-1774841178952-ddcdd1be.png"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Engineering Excellence"
+            description="With over 10 years of experience, I bridge the gap between complex business requirements and robust, maintainable codebases. My expertise spans cloud-native architecture, microservices, and performance tuning at scale."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-portrait-of-a-professional-senior-soft-1774841178952-ddcdd1be.png"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Cloud,
-          title: "Cloud Architecture",
-          description: "Expert in AWS, GCP, and Kubernetes for global service orchestration.",
-        },
-        {
-          icon: Database,
-          title: "Database Engineering",
-          description: "Advanced SQL/NoSQL performance tuning and data modeling.",
-        },
-        {
-          icon: Zap,
-          title: "System Scalability",
-          description: "Designing high-concurrency systems using event-driven architectures.",
-        },
-      ]}
-      title="Core Technical Competencies"
-      description="Building reliable, performant, and secure systems that empower businesses to scale."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Cloud, title: "Cloud Architecture", description: "Expert in AWS, GCP, and Kubernetes for global service orchestration." },
+              { icon: Database, title: "Database Engineering", description: "Advanced SQL/NoSQL performance tuning and data modeling." },
+              { icon: Zap, title: "System Scalability", description: "Designing high-concurrency systems using event-driven architectures." }
+            ]}
+            title="Core Technical Competencies"
+            description="Building reliable, performant, and secure systems that empower businesses to scale."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Production stability across core systems.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-high-performance-ben-1774841163159-8dfb222a.png",
-        },
-        {
-          id: "m2",
-          value: "40%",
-          title: "Performance Gain",
-          description: "Reduction in average API latency.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-code-reliability-met-1774841103362-c9b5c064.png",
-        },
-        {
-          id: "m3",
-          value: "1M+",
-          title: "Requests/Day",
-          description: "Handled throughput per cluster.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-production-uptime-an-1774841103378-023d814a.png",
-        },
-      ]}
-      title="Impact at Scale"
-      description="Measured results across production systems."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "99.9%", title: "Uptime", description: "Production stability across core systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-high-performance-ben-1774841163159-8dfb222a.png" },
+              { id: "m2", value: "40%", title: "Performance Gain", description: "Reduction in average API latency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-code-reliability-met-1774841103362-c9b5c064.png" },
+              { id: "m3", value: "1M+", title: "Requests/Day", description: "Handled throughput per cluster.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-production-uptime-an-1774841103378-023d814a.png" }
+            ]}
+            title="Impact at Scale"
+            description="Measured results across production systems."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivet",
-          role: "CEO, TechFlow",
-          testimonial: "The architectural roadmap provided was transformative for our scaling challenges.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Maria Garcia",
-          role: "VP Engineering, DataCorp",
-          testimonial: "A master of complex distributed systems. Delivered under tight deadlines.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-project-manager-smiling-pr-1774841102525-2b10494a.png",
-        },
-        {
-          id: "t3",
-          name: "Sam Thorne",
-          role: "Founder, CloudInnov",
-          testimonial: "Reliable, strategic, and technically gifted. Highly recommend.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-startup-founder-smiling-pr-1774841103074-99721494.png",
-        },
-        {
-          id: "t4",
-          name: "Jessica Lee",
-          role: "Technical Lead, DevSystems",
-          testimonial: "Deep knowledge of backend design saved us months of development.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-technical-lead-smiling-pro-1774841108641-2b3c136c.png",
-        },
-        {
-          id: "t5",
-          name: "David Chen",
-          role: "CTO, ScaleUp Inc",
-          testimonial: "Exceptional clarity in system design. He truly understands high-scale infrastructure.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png?_wi=2",
-        },
-      ]}
-      title="Professional Endorsements"
-      description="Trusted by leaders and innovators in the industry."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Alex Rivet", role: "CEO, TechFlow", testimonial: "The architectural roadmap provided was transformative for our scaling challenges.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png" },
+              { id: "t2", name: "Maria Garcia", role: "VP Engineering, DataCorp", testimonial: "A master of complex distributed systems. Delivered under tight deadlines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-project-manager-smiling-pr-1774841102525-2b10494a.png" },
+              { id: "t3", name: "Sam Thorne", role: "Founder, CloudInnov", testimonial: "Reliable, strategic, and technically gifted. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-startup-founder-smiling-pr-1774841103074-99721494.png" },
+              { id: "t4", name: "Jessica Lee", role: "Technical Lead, DevSystems", testimonial: "Deep knowledge of backend design saved us months of development.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-technical-lead-smiling-pro-1774841108641-2b3c136c.png" },
+              { id: "t5", name: "David Chen", role: "CTO, ScaleUp Inc", testimonial: "Exceptional clarity in system design. He truly understands high-scale infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png" }
+            ]}
+            title="Professional Endorsements"
+            description="Trusted by leaders and innovators in the industry."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Let's Connect"
-      title="Ready to discuss your architecture?"
-      description="Open for strategic roles, technical advisory, and high-impact engineering projects."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/professional-workspace-with-an-open-lapt-1774841173200-7fe46d6f.png"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "animated-grid" }}
+            tag="Let's Connect"
+            title="Ready to discuss your architecture?"
+            description="Open for strategic roles, technical advisory, and high-impact engineering projects."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/professional-workspace-with-an-open-lapt-1774841173200-7fe46d6f.png"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-minimalist-abstract-digital-data-strea-1774841147265-5e968814.png"
-      columns={[
-        {
-          title: "Professional",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Experience",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "GitHub",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-minimalist-abstract-digital-data-strea-1774841147265-5e968814.png"
+            columns={[
+              { title: "Professional", items: [{ label: "About", href: "#about" }, { label: "Experience", href: "#features" }] },
+              { title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file