From 6855d53bb437e7b89067527aa05e8940806b3a91 Mon Sep 17 00:00:00 2001
From: asmitaanand785-a11y <asmitaanand785@gmail.com>
Date: Thu, 2 Jul 2026 06:40:03 +0530
Subject: [PATCH] better U

---
 src/components/AboutSection.jsx         | 4 ++--
 src/components/Achievements.jsx         | 4 ++--
 src/components/Footer.jsx               | 2 +-
 src/components/GallerySection.jsx       | 4 ++--
 src/components/HeroSection.jsx          | 6 +++---
 src/components/MissionSection.jsx       | 4 ++--
 src/components/Sponsor.jsx              | 2 +-
 src/components/Team.jsx                 | 2 +-
 src/components/Timeline.jsx             | 4 ++--
 src/pages/applications/Applications.jsx | 4 ++--
 src/pages/events/Events.jsx             | 4 ++--
 src/pages/gallery/Gallery.jsx           | 2 +-
 src/pages/team/TeamPage.jsx             | 4 ++--
 13 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/AboutSection.jsx b/src/components/AboutSection.jsx
index ab2208d..248a4cc 100644
--- a/src/components/AboutSection.jsx
+++ b/src/components/AboutSection.jsx
@@ -24,10 +24,10 @@ export default function AboutSection() {
         {/* Text Content */}
         <div className="w-full lg:w-1/2 space-y-8 text-center lg:text-left order-1 lg:order-2">
           <div className="space-y-6">
-            <h2 className="text-4xl md:text-5xl font-bold text-[#021640] dark:text-white leading-tight tracking-tight">
+            <h2 className="text-4xl md:text-6xl font-extrabold text-[#021640] dark:text-white leading-tight tracking-wide">
               {siteConfig.about.title}
             </h2>
-            <p className="text-lg md:text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-2xl mx-auto lg:mx-0">
+            <p className="text-[22px] md:text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-2xl mx-auto lg:mx-0">
               {siteConfig.about.description}
             </p>
           </div>
diff --git a/src/components/Achievements.jsx b/src/components/Achievements.jsx
index a3bf140..57ea4f8 100644
--- a/src/components/Achievements.jsx
+++ b/src/components/Achievements.jsx
@@ -10,10 +10,10 @@ export default function Achievements() {
         {/* Header Section */}
         <div className="text-center mb-16">
           <div className="space-y-6">
-            <h2 className="text-4xl md:text-5xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
+            <h2 className="text-4xl md:text-5xl font-extrabold dark:text-white text-[#021640] leading-tight tracking-tight">
               Our Achievements
             </h2>
-            <p className="text-lg md:text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-lg md:text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
               ASME NIT Rourkela excels in fostering innovation and leadership
               through workshops, competitions, and expert lectures. Recognized
               for achievements in events like the Student Design Challenge and
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index c08c814..42992fc 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -86,7 +86,7 @@ const Footer = ({
               <li>
                 <Link
                   to="/gallery"
-                  className="text-gray-300 hover:text-[#51B8F2] duration-200 text-sm sm:text-base inline-block hover:translate-x-1 transform transition-transform"
+                  className="text-gray-300 hover:text-[#51B8F2] duration-200 font-extrabold text-sm sm:text-base inline-block hover:translate-x-1 transform transition-transform"
                 >
                   Gallery
                 </Link>
diff --git a/src/components/GallerySection.jsx b/src/components/GallerySection.jsx
index 4da948a..e0dffed 100644
--- a/src/components/GallerySection.jsx
+++ b/src/components/GallerySection.jsx
@@ -22,10 +22,10 @@ export default function GallerySection() {
         {/* Header Section */}
         <div className="text-center mb-16">
           <div className="space-y-6">
-            <h2 className="text-4xl sm:text-4xl md:text-5xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
+            <h2 className="text-4xl sm:text-4xl md:text-5xl font-extrabold dark:text-white text-[#021640] leading-tight tracking-tight">
               Gallery
             </h2>
-            <p className="text-lg md:text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-lg md:text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
               Explore our vibrant moments captured through stunning visuals that
               showcase our activities, achievements, and memorable experiences.
             </p>
diff --git a/src/components/HeroSection.jsx b/src/components/HeroSection.jsx
index 40c6850..dbd65c0 100644
--- a/src/components/HeroSection.jsx
+++ b/src/components/HeroSection.jsx
@@ -2,7 +2,7 @@ import Button from "./shared/Button";
 import { siteConfig } from "../config/navbarHero";
 
 import { useNavigate } from "react-router-dom";
-  
+
 export default function HeroSection() {
   const navigate = useNavigate();
   const handleJoinUs = () => {
@@ -28,10 +28,10 @@ export default function HeroSection() {
             <div className="inline-block px-4 py-2 dark:text-gray-100 dark:bg-slate-800 bg-[#021640]/10 text-[#021640] rounded-full text-sm md:text-base font-medium tracking-wide uppercase mt-10">
               {siteConfig.hero.title}
             </div>
-            <h1 className="text-5xl sm:text-5xl md:text-6xl lg:text-6xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
+            <h1 className="text-5xl sm:text-5xl md:text-7xl lg:text-8xl font-extrabold dark:text-white text-[#021640] leading-tight tracking-wide">
               {siteConfig.hero.subtitle}
             </h1>
-            <p className="text-xl md:text-[22px] dark:text-gray-300 text-gray-600 leading-relaxed md:leading-normal max-w-2xl mx-auto lg:mx-0">
+            <p className="text-xl md:text-2xl dark:text-gray-300 text-gray-600 leading-relaxed md:leading-normal max-w-2xl mx-auto lg:mx-0">
               {siteConfig.hero.description}
             </p>
           </div>
diff --git a/src/components/MissionSection.jsx b/src/components/MissionSection.jsx
index 38dd3b6..a0ca19f 100644
--- a/src/components/MissionSection.jsx
+++ b/src/components/MissionSection.jsx
@@ -23,10 +23,10 @@ export default function MissionSection() {
       <div className="relative z-10 max-w-7xl mx-auto px-6 lg:px-8">
         {/* Section Header */}
         <div className="text-center mb-16">
-          <h2 className="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-6 leading-tight">
+          <h2 className="text-4xl lg:text-5xl font-extrabold text-gray-900 dark:text-white mb-6 leading-tight">
             Driving Innovation Forward
           </h2>
-          <p className="text-lg lg:text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed">
+          <p className="text-[22px] lg:text-2xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed">
             Discover the core values and principles that guide our engineering
             community toward innovation, collaboration, and excellence in
             technology.
diff --git a/src/components/Sponsor.jsx b/src/components/Sponsor.jsx
index d77637e..73b3484 100644
--- a/src/components/Sponsor.jsx
+++ b/src/components/Sponsor.jsx
@@ -20,7 +20,7 @@ const SponsorsSection = () => {
             <h2 className="text-4xl md:text-5xl font-bold text-[#021640] dark:text-white leading-tight tracking-tight">
               Our Trusted Partners
             </h2>
-            <p className="text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
               Proudly supported by amazing organizations who believe in our
               mission and help us drive innovation forward.
             </p>
diff --git a/src/components/Team.jsx b/src/components/Team.jsx
index 175c132..8dfeac9 100644
--- a/src/components/Team.jsx
+++ b/src/components/Team.jsx
@@ -30,7 +30,7 @@ const TeamSlider = () => {
             <h2 className="text-4xl sm:text-4xl md:text-5xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
               Our Team
             </h2>
-            <p className="text-lg md:text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-lg md:text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
               Meet our amazing team members who drive innovation and excellence
               in mechanical engineering through their dedication and expertise.
             </p>
diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx
index 9397971..bdee54e 100644
--- a/src/components/Timeline.jsx
+++ b/src/components/Timeline.jsx
@@ -129,10 +129,10 @@ const Timeline = () => {
       >
         {/* Section Header */}
         <div className="text-center mb-16">
-          <h2 className="text-4xl dark:text-white md:text-5xl font-bold text-[#0B2044] mb-6">
+          <h2 className="text-4xl dark:text-white md:text-5xl font-extrabold text-[#0B2044] mb-6">
             Excellence Through Innovation
           </h2>
-          <p className="text-lg md:text-xl dark:text-gray-300 text-gray-600 max-w-3xl mx-auto leading-relaxed">
+          <p className="text-lg md:text-2xl dark:text-gray-300 text-gray-600 max-w-3xl mx-auto leading-relaxed">
             Discover our remarkable journey of achievements spanning over a
             decade of engineering excellence, innovation, and competitive
             success in mechanical engineering challenges worldwide.
diff --git a/src/pages/applications/Applications.jsx b/src/pages/applications/Applications.jsx
index 2cd3b04..0228d1b 100644
--- a/src/pages/applications/Applications.jsx
+++ b/src/pages/applications/Applications.jsx
@@ -14,10 +14,10 @@ const Applications = () => {
         {/* Header Section */}
         <div className="text-center mb-16 pt-8">
           <div className="space-y-6">
-            <h1 className="text-4xl sm:text-[42px] md:text-5xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
+            <h1 className="text-4xl sm:text-[42px] md:text-5xl font-extrabold dark:text-white text-[#021640] leading-tight tracking-tight">
               Join Our Community
             </h1>
-            <p className="text-lg md:text-xl dark:text-gray-300 text-gray-600 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-lg md:text-2xl dark:text-gray-300 text-gray-600 leading-relaxed max-w-4xl mx-auto">
               Begin your journey with ASME NIT Rourkela and become part of a
               legacy of engineering excellence and innovation.
             </p>
diff --git a/src/pages/events/Events.jsx b/src/pages/events/Events.jsx
index 214b116..b321e28 100644
--- a/src/pages/events/Events.jsx
+++ b/src/pages/events/Events.jsx
@@ -92,10 +92,10 @@ const Events = () => {
         {/* Header Section */}
         <div className="text-center mb-16 pt-8">
           <div className="space-y-6">
-            <h1 className="text-4xl sm:text-[42px] md:text-5xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
+            <h1 className="text-4xl sm:text-[42px] md:text-5xl font-extrabold dark:text-white text-[#021640] leading-tight tracking-tight">
               Our Events
             </h1>
-            <p className="text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
               Discover our technical workshops, competitions, and networking
               events designed to enhance your engineering journey and foster
               innovation.
diff --git a/src/pages/gallery/Gallery.jsx b/src/pages/gallery/Gallery.jsx
index 0bceba0..9639f59 100644
--- a/src/pages/gallery/Gallery.jsx
+++ b/src/pages/gallery/Gallery.jsx
@@ -143,7 +143,7 @@ export default function GallaryPage() {
                 ))}
               </div>
             </div>
-            <p className="text-black-600 dark:text-gray-300 md:max-w-xl text-lg md:text-lg">
+            <p className="text-black-600 dark:text-gray-300 md:max-w-2xl text-lg md:text-lg">
               Step into our visual storybook — where every image captures a
               moment, every frame holds a memory, and every detail speaks of the
               journey we’ve lived and the beauty we’ve created. Welcome to our
diff --git a/src/pages/team/TeamPage.jsx b/src/pages/team/TeamPage.jsx
index ca60827..f0eddf4 100644
--- a/src/pages/team/TeamPage.jsx
+++ b/src/pages/team/TeamPage.jsx
@@ -99,10 +99,10 @@ const TeamPage = () => {
       <div className="max-w-7xl mx-auto">
         <div className="text-center mb-16 pt-8">
           <div className="space-y-6">
-            <h1 className="text-4xl sm:text-[42px] md:text-5xl font-bold dark:text-white text-[#021640] leading-tight tracking-tight">
+            <h1 className="text-4xl sm:text-[42px] md:text-5xl font-extrabold dark:text-white text-[#021640] leading-tight tracking-tight">
               Meet Our Team
             </h1>
-            <p className="text-xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
+            <p className="text-2xl text-gray-600 dark:text-gray-300 leading-relaxed max-w-4xl mx-auto">
               Discover the passionate individuals driving innovation and
               excellence at ASME NIT Rourkela through their dedication and
               expertise.