From dc759e3e2c9b2f62a219e56e23f21878701c8570 Mon Sep 17 00:00:00 2001
From: Siddhi Chakarvarti <siddhichakarvarti1234@gmail.com>
Date: Tue, 30 Dec 2025 18:26:57 +0530
Subject: [PATCH] Improve readability of hero text

---
 src/components/sections/HeroSection.jsx | 35 +++++++++++++------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/sections/HeroSection.jsx b/src/components/sections/HeroSection.jsx
index 1f2527a..b59bd37 100644
--- a/src/components/sections/HeroSection.jsx
+++ b/src/components/sections/HeroSection.jsx
@@ -101,23 +101,24 @@ export default function HeroSection() {
               </span>
             </motion.div>
 
-            <h1 className="text-5xl md:text-6xl lg:text-7xl font-black mb-8 leading-[1.1] text-white">
-              Start your{' '}
-              <span className="inline-block bg-gradient-to-r from-[#9B87FE] via-[#FF9FB8] to-[#9B87FE] bg-clip-text text-transparent animate-gradient bg-[length:200%_auto]">
-                Open Source
-              </span>
-              <br />
-              Odyssey
-            </h1>
-
-            <p className="text-xl md:text-2xl text-gray-300 mb-10 max-w-lg leading-relaxed">
-              A month-long journey into software development. No experience
-              required—just an{' '}
-              <span className="text-[#9B87FE] font-semibold">
-                enthusiastic heart
-              </span>{' '}
-              to learn.
-            </p>
+           <h1 className="text-5xl md:text-6xl lg:text-7xl font-black mb-8 leading-[1.15] text-white">
+   Start your{' '}
+  <span className="inline-block bg-gradient-to-r from-[#9B87FE] via-[#FF9FB8] to-[#9B87FE] bg-clip-text text-transparent animate-gradient bg-[length:200%_auto] drop-shadow-sm">
+    Open Source
+  </span>
+  <br />
+  Odyssey
+</h1>
+
+<p className="text-xl md:text-2xl text-white/85 mb-10 max-w-lg leading-relaxed font-normal">
+  A month-long journey into software development. No experience
+  required—just an{' '}
+  <span className="text-[#E6E1FF] font-bold drop-shadow-[0_1px_2px_rgba(0,0,0,0.6)]">
+    enthusiastic heart
+  </span>{' '}
+  to learn.
+</p>
+
 
             <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 max-w-md">
               <div className="sm:col-span-2">