Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import TeamCardTen from "@/components/sections/team/TeamCardTen";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Mail, Zap } from "lucide-react";
+import { Mail, Zap, Linkedin } from "lucide-react";
 
 export default function Page() {
   return (
@@ -68,25 +68,45 @@ export default function Page() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          buttons={[
+            { text: "See Full Tech Stack", href: "#toolstack" },
+            { text: "View Case Studies", href: "#architecture" }
+          ]}
           features={[
             {
               id: 1,
-              title: "Container Orchestration",              description: "Expert in Amazon EKS cluster management, production workloads with autoscaling, GitOps deployments with ArgoCD, and multi-cluster orchestration.",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-clean-professional-kubernetes-logo-ico-1773383126287-f2c4e3c6.png" },
+              title: "Container Orchestration",              description: "Expert in Amazon EKS cluster management, production workloads with autoscaling, GitOps deployments with ArgoCD, and multi-cluster orchestration.",              buttons: [
+                { text: "Explore Container Orchestration", href: "#" },
+                { text: "Learn More", href: "#" }
+              ],
+              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/a-clean-professional-kubernetes-logo-ico-1773383126287-f2c4e3c6.png" },
               phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsYlssVELw7D97dcMAyvKBPfBi/an-aws-eks-elastic-kubernetes-service-cl-1773383127412-8f7acbda.png" }
             },
             {
               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" },
+              title: "CI/CD Automation",              description: "Architecting complete CI/CD pipelines using GitHub Actions, Docker multi-stage builds, container registries, and zero-downtime deployments.",              buttons: [
+                { text: "Explore CI/CD Automation", href: "#" },
+                { text: "Learn More", href: "#" }
+              ],
+              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" }
             },
             {
               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" },
+              title: "Infrastructure as Code",              description: "Building multi-cloud infrastructure with Terraform, managing AWS and OCI resources, VPN configurations, and infrastructure versioning with Git.",              buttons: [
+                { text: "Explore Infrastructure as Code", href: "#" },
+                { text: "Learn More", href: "#" }
+              ],
+              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" }
             },
             {
               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" },
+              title: "Observability & Monitoring",              description: "Implementing comprehensive monitoring stacks with Prometheus, Grafana dashboards, Loki log aggregation, and real-time alerting systems.",              buttons: [
+                { text: "Explore Observability", href: "#" },
+                { text: "Learn More", href: "#" }
+              ],
+              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" }
             }
           ]}
@@ -99,7 +119,8 @@ export default function Page() {
           title="Streamlined CI/CD Architecture: From Code Commit to Production Deployment"
           useInvertedBackground={false}
           buttons={[
-            { text: "View Pipeline Diagram", href: "#" }
+            { text: "View Pipeline Diagram", href: "#" },
+            { text: "Schedule Consultation", href: "https://linkedin.com" }
           ]}
         />
       </div>
@@ -183,7 +204,7 @@ export default function Page() {
           tag="Let's Connect"
           tagIcon={Mail}
           title="Ready to Transform Your Infrastructure?"
-          description="Let's discuss how DevOps automation, cloud architecture, and infrastructure-as-code can accelerate your organization's digital transformation and operational excellence."
+          description="Let's discuss your infrastructure challenges—I typically respond within 24 hours. I'm here to help you design scalable solutions, optimize your DevOps workflows, and accelerate your organization's digital transformation."
           buttons={[
             { text: "Get in Touch", href: "mailto:yogesh@example.com" },
             { text: "View GitHub", href: "https://github.com" }