UI changes on hero page

src/data/data.ts

@@ -16,10 +16,10 @@ export const chapters = [
     shortName: 'RAS',
     path: '/chapters/ras',
     logo: '/RAS.png',
-    bgColor: 'from-slate-800 via-slate-900 to-black', // Richer
-    borderColor: 'border-blue-400',
-    accentColor: 'bg-blue-400',
-    textColor: 'text-blue-100',
+    bgColor: 'from-red-800 via-red-900 to-black', // Deep, intense dark background with a subtle touch of red
+    borderColor: 'border-red-600',
+    accentColor: 'bg-rose-500',
+    textColor: 'text-red-100',
     motto: 'Innovation Through Automation',
     description:
       'Advancing the theory and practice of robotics, automation, and intelligent systems through our ROBO TIDING newsletter and cutting-edge workshops.',

src/pages/home/components/About.tsx

@@ -169,10 +169,10 @@ const About = () => {
               About IEEE MSIT
             </div>
 
-            <h2 className="text-4xl md:text-5xl font-serif text-black mb-8 leading-tight text-balance">
-              Community of <span className="text-primary">Change-Makers</span>:{' '}
-              <span className="text-secondary">Engineers</span>, Designers, and{' '}
-              <span className="text-accent">Leaders</span>
+            <h2 className="text-4xl md:text-5xl font-serif text-slate-900 mb-8 leading-tight text-balance">
+              Community of <span className="text-orange-500">Change-Makers</span>:{' '}
+              <span className="text-primary">Engineers</span>, Designers, and{' '}
+              <span className="text-rose-500">Leaders</span>
             </h2>
 
             <p className="text-lg text-gray-700 leading-relaxed max-w-3xl mx-auto">

src/pages/home/components/ChapterHighlights.tsx

@@ -18,7 +18,7 @@ const ChapterHighlights = () => {
           </div>
 
           <h2 className="text-4xl md:text-5xl font-serif text-black mb-4">
-            Choose Your <span className="text-primary">Engineering</span> House
+            Choose Your <span className="text-orange-500">Engineering</span> House
           </h2>
           <p className="text-lg text-gray-600 mb-16 max-w-2xl mx-auto">
             Which chapter calls to your engineering spirit? Each house has its own noble traditions

src/pages/home/components/Events.tsx

@@ -37,8 +37,8 @@ const Events = () => {
           </div>
 
           <h2 className="text-4xl md:text-5xl font-serif text-black mb-8 leading-tight">
-            Join Our <span className="text-primary">Technical</span> Events &{' '}
-            <span className="text-accent">Workshops</span>
+            Join Our <span className="text-orange-500">Technical</span> Events &{' '}
+            <span className="text-rose-500">Workshops</span>
           </h2>
 
           <p className="text-lg text-gray-700 leading-relaxed max-w-3xl mx-auto">

src/pages/home/components/Hero.tsx

@@ -103,15 +103,21 @@ const Hero = () => {
               </em>
               , IEEE
             </p>
-            <p className="text-lg md:text-xl text-black mb-8 leading-relaxed">
+
+            <p className="text-lg md:text-xl text-slate-600 mb-8 leading-relaxed font-sans">
               We're a community of engineering students who organize{' '}
-              <em className="border-b-2 border-dashed border-primary">
+              <span className="font-serif italic text-orange-500 underline decoration-orange-400/40 decoration-2 underline-offset-4">
                 workshops, hackathons, and tech events
-              </em>{' '}
+              </span>{' '}
               to help you learn{' '}
-              <em className="border-b-2 border-dashed border-secondary">cutting-edge technology</em>
+              <span className="font-serif italic text-primary underline decoration-indigo-400/40 decoration-2 underline-offset-4">
+                cutting-edge technology
+              </span>
               , build amazing projects, and connect with{' '}
-              <em className="border-b-2 border-dashed border-accent">like-minded innovators</em>.
+              <span className="font-serif italic text-rose-500 underline decoration-rose-400/40 decoration-2 underline-offset-4">
+                like-minded innovators
+              </span>
+              .
             </p>
 
             <div className="flex flex-col sm:flex-row gap-4">