From 996abf6ae5515b18191fc361b13fb70e61c1a386 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 06:26:50 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9c88ea1..57e2f52 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -48,7 +48,7 @@ export default function Page() {
           description="DevOps Engineer | Cloud Automation Specialist. Building scalable infrastructure, automated pipelines, and resilient cloud systems that power modern applications."
           tag="DevOps Control Center"
           tagIcon={Zap}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-dynamic-devops-control-center-dashboar-1773383127704-84e13961.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-dynamic-devops-control-center-dashboar-1773383127704-84e13961.png"
           imageAlt="DevOps control center dashboard with live infrastructure monitoring"
           showBlur={true}
           showDimOverlay={false}
@@ -76,18 +76,18 @@ export default function Page() {
             },
             {
               id: 2,
-              title: "CI/CD Automation",              description: "Architecting complete CI/CD pipelines using GitHub Actions, Docker multi-stage builds, container registries, and zero-downtime deployments.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-ci-cd-pipeline-flow-diagram-showing-gi-1773383126736-6d0a68ea.png?_wi=1" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-complete-ci-cd-automation-system-diagr-1773383127683-8487fcec.png?_wi=1" }
+              title: "CI/CD Automation",              description: "Architecting complete CI/CD pipelines using GitHub Actions, Docker multi-stage builds, container registries, and zero-downtime deployments.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-ci-cd-pipeline-flow-diagram-showing-gi-1773383126736-6d0a68ea.png" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-complete-ci-cd-automation-system-diagr-1773383127683-8487fcec.png" }
             },
             {
               id: 3,
-              title: "Infrastructure as Code",              description: "Building multi-cloud infrastructure with Terraform, managing AWS and OCI resources, VPN configurations, and infrastructure versioning with Git.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-terraform-infrastructure-as-code-visua-1773383128091-2911d2d6.png?_wi=1" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-production-kubernetes-cluster-architec-1773383127641-39bfe185.png?_wi=1" }
+              title: "Infrastructure as Code",              description: "Building multi-cloud infrastructure with Terraform, managing AWS and OCI resources, VPN configurations, and infrastructure versioning with Git.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-terraform-infrastructure-as-code-visua-1773383128091-2911d2d6.png" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-production-kubernetes-cluster-architec-1773383127641-39bfe185.png" }
             },
             {
               id: 4,
               title: "Observability & Monitoring",              description: "Implementing comprehensive monitoring stacks with Prometheus, Grafana dashboards, Loki log aggregation, and real-time alerting systems.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-grafana-style-monitoring-dashboard-sho-1773383127137-a688f3a0.png" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/an-integrated-monitoring-stack-showing-p-1773383127750-63cb22af.png?_wi=1" }
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/an-integrated-monitoring-stack-showing-p-1773383127750-63cb22af.png" }
             }
           ]}
         />
@@ -111,13 +111,13 @@ export default function Page() {
           tag="Production Systems"
           products={[
             {
-              id: "1",              name: "Kubernetes Production Cluster",              price: "EKS + Terraform",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-production-kubernetes-cluster-architec-1773383127641-39bfe185.png?_wi=2",              imageAlt: "Kubernetes production cluster with EKS, Terraform, Helm, and ArgoCD"
+              id: "1",              name: "Kubernetes Production Cluster",              price: "EKS + Terraform",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-production-kubernetes-cluster-architec-1773383127641-39bfe185.png",              imageAlt: "Kubernetes production cluster with EKS, Terraform, Helm, and ArgoCD"
             },
             {
-              id: "2",              name: "CI/CD Automation System",              price: "GitHub Actions + Docker",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-complete-ci-cd-automation-system-diagr-1773383127683-8487fcec.png?_wi=2",              imageAlt: "Complete CI/CD pipeline with GitHub Actions, Docker, and zero-downtime deployment"
+              id: "2",              name: "CI/CD Automation System",              price: "GitHub Actions + Docker",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-complete-ci-cd-automation-system-diagr-1773383127683-8487fcec.png",              imageAlt: "Complete CI/CD pipeline with GitHub Actions, Docker, and zero-downtime deployment"
             },
             {
-              id: "3",              name: "Monitoring & Observability Stack",              price: "Prometheus + Grafana + Loki",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/an-integrated-monitoring-stack-showing-p-1773383127750-63cb22af.png?_wi=2",              imageAlt: "Integrated monitoring stack with Prometheus, Grafana dashboards, and Loki log aggregation"
+              id: "3",              name: "Monitoring & Observability Stack",              price: "Prometheus + Grafana + Loki",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/an-integrated-monitoring-stack-showing-p-1773383127750-63cb22af.png",              imageAlt: "Integrated monitoring stack with Prometheus, Grafana dashboards, and Loki log aggregation"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -137,6 +137,7 @@ export default function Page() {
             { id: "3", value: "CI/CD", description: "GitHub Actions, GitLab CI, Jenkins, Docker Registry" },
             { id: "4", value: "Monitoring", description: "Prometheus, Grafana, Loki, Alert Manager" }
           ]}
+          metricsAnimation="none"
           useInvertedBackground={false}
         />
       </div>
@@ -147,15 +148,16 @@ export default function Page() {
           tag="Featured Work"
           members={[
             {
-              id: "1",              name: "Multi-Cloud VPN Infrastructure",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-terraform-infrastructure-as-code-visua-1773383128091-2911d2d6.png?_wi=2"
+              id: "1",              name: "Multi-Cloud VPN Infrastructure",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-terraform-infrastructure-as-code-visua-1773383128091-2911d2d6.png"
             },
             {
-              id: "2",              name: "GitOps ArgoCD Deployments",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-ci-cd-pipeline-flow-diagram-showing-gi-1773383126736-6d0a68ea.png?_wi=2"
+              id: "2",              name: "GitOps ArgoCD Deployments",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-ci-cd-pipeline-flow-diagram-showing-gi-1773383126736-6d0a68ea.png"
             },
             {
               id: "3",              name: "Cross-Cloud Automation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-devops-technology-stack-diagram-showin-1773383127432-c2fe0367.png"
             }
           ]}
+          membersAnimation="none"
           memberVariant="default"
           useInvertedBackground={false}
         />
@@ -193,7 +195,7 @@ export default function Page() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-dynamic-devops-control-center-dashboar-1773383127704-84e13961.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-dynamic-devops-control-center-dashboar-1773383127704-84e13961.png"
           imageAlt="DevOps infrastructure control center"
           columns={[
             {
-- 
2.49.1


From 2eda2576172370916660157ce955ad4a7266c165 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 06:26:51 +0000
Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

---
 .../shared/SvgTextLogo/SvgTextLogo.tsx        | 57 +++++++------------
 1 file changed, 20 insertions(+), 37 deletions(-)

diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..9052de7 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,34 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from 'react';
 
 interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
+  text: string;
   className?: string;
+  fontSize?: number;
+  letterSpacing?: number;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
+  text,
+  className = '',
+  fontSize = 32,
+  letterSpacing = 2,
+}) => {
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
-      role="img"
-      aria-label={`${logoText} logo`}
+      viewBox={`0 0 ${text.length * fontSize} ${fontSize * 1.5}`}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
     >
       <text
-        ref={textRef}
         x="0"
-        y={verticalAlign === "center" ? "50%" : "0"}
-        className="font-bold fill-current"
-        style={{
-          fontSize: "20px",
-          letterSpacing: "-0.02em",
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
-        }}
+        y={fontSize}
+        fontSize={fontSize}
+        letterSpacing={letterSpacing}
+        fill="currentColor"
+        dominantBaseline="middle"
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+};
-- 
2.49.1