From a601ba8079378d295c524b91344f0e09f89fac17 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Fri, 17 Oct 2025 17:48:55 +0200
Subject: [PATCH] style: update hero section layout and color scheme for better
 visual hierarchy

---
 src/components/AboutHero.tsx      | 8 ++++----
 src/components/AboutSolutions.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AboutHero.tsx b/src/components/AboutHero.tsx
index 79855bb..29f022f 100644
--- a/src/components/AboutHero.tsx
+++ b/src/components/AboutHero.tsx
@@ -30,19 +30,19 @@ const rotatingWords = [
 
 export function AboutHero() {
   return (
-    <section className="flex flex-col items-start justify-center min-h-[70vh] px-6 md:px-16  text-white">
-      <h1 className="text-5xl lg:text-8xl font-medium leading-none">
+    <section className="lg:max-w-6xl flex flex-col items-start justify-center min-h-[60vh] px-6 md:px-16  text-white">
+      <h1 className="text-5xl lg:text-6xl font-medium leading-none">
         Building a Decentralized Internet for{" "}
         <TypeAnimation
           sequence={rotatingWords}
           wrapper="span"
           speed={50}
-          className="relative inline-block text-[#00FFD1]"
+          className="relative inline-block text-white drop-shadow-[0_0_20px_#ffffff]"
           repeat={Infinity}
         />        .
       </h1>
       <p className="max-w-3xl mt-6 text-lg md:text-2xl text-gray-800">
-        At <span className="text-[#00FFD1] font-medium">ThreeFold</span>, we are empowering
+        At <span className="text-white font-semibold">ThreeFold</span>, we are empowering
         individuals and organizations to shape an open, resilient, and sustainable internet.
       </p>
     </section>
diff --git a/src/components/AboutSolutions.tsx b/src/components/AboutSolutions.tsx
index ae68e25..cc27fa8 100644
--- a/src/components/AboutSolutions.tsx
+++ b/src/components/AboutSolutions.tsx
@@ -41,7 +41,7 @@ export function AboutSolutions() {
           <div
             key={i}
             className={`border border-[#1f1f1f] transition-colors duration-500 cursor-pointer ${
-              active.includes(i) ? "bg-[#00FFD1]" : "bg-transparent"
+              active.includes(i) ? "bg-[#f1fffc]" : "bg-transparent"
             }`}
           />
         ))}