From 2dbcda499714dca42dbf13b63391b407c6d304ce Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Tue, 18 Nov 2025 14:55:27 +0100
Subject: [PATCH] refactor: update border colors from gray-100 to gray-200 in
 SecondaryFeatures

- Changed all border-gray-100 classes to border-gray-200 for increased contrast
- Applied to top/bottom horizontal lines, container borders, and feature card borders
---
 src/pages/network/SecondaryFeatures.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/network/SecondaryFeatures.tsx b/src/pages/network/SecondaryFeatures.tsx
index 9d233e1..ed5f2f2 100644
--- a/src/pages/network/SecondaryFeatures.tsx
+++ b/src/pages/network/SecondaryFeatures.tsx
@@ -191,11 +191,11 @@ export function SecondaryFeatures() {
     <section className="w-full max-w-8xl mx-auto bg-transparent">
 
       {/* ✅ Top horizontal line with spacing */}
-      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div>
-      <div className="w-full border-t border-l border-r border-gray-100" />
+      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-200"></div>
+      <div className="w-full border-t border-l border-r border-gray-200" />
       
       
-      <Container className="py-12 border border-t-0 border-b-0 border-gray-100">
+      <Container className="py-12 border border-t-0 border-b-0 border-gray-200">
         <div className="mx-auto max-w-4xl sm:text-center">
           <Eyebrow className="text-cyan-500 uppercase tracking-[0.16em]">FEATURES</Eyebrow>
           <H3 className="mt-6 text-black">
@@ -212,7 +212,7 @@ export function SecondaryFeatures() {
           {features.map((feature) => (
             <li
               key={feature.name}
-              className="rounded-2xl border border-gray-100 p-8 transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
+              className="rounded-2xl border border-gray-200 p-8 transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
             >
               <feature.icon className="h-8 w-8" />
               <CP className="mt-6 font-semibold text-gray-900">
@@ -224,8 +224,8 @@ export function SecondaryFeatures() {
         </ul>
       </Container>
        {/* ✅ Bottom horizontal line with spacing */}
-      <div className="w-full border-b  border-gray-100" />
-      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div>
+      <div className="w-full border-b  border-gray-200" />
+      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-200"></div>
     </section>
   )
 }