Merge pull request #66 from asmitaanand785-a11y/feature-better-ui

better U

Author: Krish-2118

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>

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

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>

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>

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>

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.

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>

src/components/Team.jsx

@@ -87,7 +87,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>

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.

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>