From ce4b4b3360d56a45ecaeec4c75aeee546c5f6620 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 19 Nov 2025 17:25:34 +0100
Subject: [PATCH] refactor: update border colors from gray-200 to gray-100 in
 HomeDesign and add overflow-hidden to pods CallToAction

- Changed border-gray-200 to border-gray-100 across HomeDesign component borders and benefit cards
- Added overflow-hidden class to pods CallToAction main container div
---
 src/pages/home/HomeDesign.tsx   | 8 ++++----
 src/pages/pods/CallToAction.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/home/HomeDesign.tsx b/src/pages/home/HomeDesign.tsx
index 2d7665c..c0dd154 100644
--- a/src/pages/home/HomeDesign.tsx
+++ b/src/pages/home/HomeDesign.tsx
@@ -30,11 +30,11 @@ export function HomeDesign() {
   return (
     <section className="w-full max-w-8xl mx-auto bg-white">
       {/* Top spacing line */}
-      <div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-200" />
-      <div className="w-full border border-l border-r border-gray-200" />
+      <div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-100" />
+      <div className="w-full border border-l border-r  border-gray-100" />
 
       {/* Content */}
-      <div className="mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-200">
+      <div className="mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100">
         {/* Centered intro */}
         <div className="px-6 pt-12 pb-4 text-center max-w-4xl mx-auto ">
           <Eyebrow className="text-cyan-500">
@@ -54,7 +54,7 @@ export function HomeDesign() {
           {benefits.map((item) => (
             <div
               key={item.id}
-              className="mt-8 group flex items-start gap-2 bg-white px-8 py-12 border border-gray-200 lg:border-t lg:border-b border-l-0.5 border-r-0.5 transition-all duration-300 ease-in-out hover:scale-[1.02] hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
+              className="mt-8 group flex items-start gap-2 bg-white px-8 py-12 border border-gray-100 lg:border-t lg:border-b border-l-0.5 border-r-0.5 transition-all duration-300 ease-in-out hover:scale-[1.02] hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
             >
               {/* Image on the LEFT */}
               <img
diff --git a/src/pages/pods/CallToAction.tsx b/src/pages/pods/CallToAction.tsx
index 4874ddf..1a81c98 100644
--- a/src/pages/pods/CallToAction.tsx
+++ b/src/pages/pods/CallToAction.tsx
@@ -23,7 +23,7 @@ export function CallToAction() {
       {/* ✅ Main boxed area */}
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl  overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg