From 0e23c33068b0ef618b7b9bd723d09275cef13584 Mon Sep 17 00:00:00 2001
From: aishwary jhunjhunwala <aishwaryjjw@gmail.com>
Date: Thu, 14 Aug 2025 15:12:42 +0530
Subject: [PATCH] modified changes

---
 src/components/Achievements.jsx            | 10 +++++-----
 src/components/Timeline.jsx                |  2 +-
 src/config/achievement.js                  | 16 ++++++++--------
 src/pages/achievements/AchievementPage.jsx |  4 ++--
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/Achievements.jsx b/src/components/Achievements.jsx
index 8967e85..3443406 100644
--- a/src/components/Achievements.jsx
+++ b/src/components/Achievements.jsx
@@ -5,12 +5,12 @@ export default function Achievements() {
   const navigate = useNavigate();
 
   return (
-    <div className="px-4 md:px-12 py-10 max-w-screen-xl mx-auto">
+    <div className=" max-w-6xl mx-auto px-4 md:px-12 py-10 ">
       <div style={{ marginBottom: "12rem" }}>
-        <h2 className="text-3xl font-bold text-[#0B2044] mb-4">
+        <h2 className="text-3xl sm-text-4xl font-bold text-slate-900 mb-2">
           Our Achievements
         </h2>
-        <p className="text-gray-700 mb-6 max-w-3xl">
+        <p className="text-gray-700 mb-6 max-w-3xl text-lg">
           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 HPVC, the
@@ -19,10 +19,10 @@ export default function Achievements() {
           solidifying their reputation for excellence in mechanical engineering.
         </p>
         <button
-          className="bg-white text-blue-800 border border-blue-800 px-4 py-2 rounded hover:bg-blue-50 md:mb-12"
+          className="bg-slate-900 text-white border border-slate-900 px-4 py-2 rounded hover:bg-white hover:text-slate-900 md:mb-12"
           onClick={() => navigate("/achievements")}
         >
-          View All Achievements &gt;
+          View all Achievements
         </button>
       </div>
 
diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx
index 39877a0..b516694 100644
--- a/src/components/Timeline.jsx
+++ b/src/components/Timeline.jsx
@@ -33,7 +33,7 @@ const Timeline = () => {
         <div className="relative" ref={timelineRef}>
           <div className="grid grid-cols-9 gap-2">
             {achievementsData
-              .sort((a, b) => parseInt(a.year) - parseInt(b.year))
+              .sort((a, b) => parseInt(b.year) - parseInt(a.year))
               .map((achievement, index) => (
                 <div key={achievement.id} className="contents">
                   {/* Left card */}
diff --git a/src/config/achievement.js b/src/config/achievement.js
index a7111e0..cf3b941 100644
--- a/src/config/achievement.js
+++ b/src/config/achievement.js
@@ -1,14 +1,14 @@
 const achievementsData = [
   {
     id: 1,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "Secured 3rd Position Globally in Critical Design Review and 1st Position among Indian Colleges.",
     year: "2021",
   },
   {
     id: 2,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "2nd Position Globally in Critical Design and 3rd Position in Innovation- BlueStreak 9.0.",
     year: "2022",
@@ -29,41 +29,41 @@ const achievementsData = [
   },
   {
     id: 5,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "Team BlueStreak 11.0 Secured 3rd Position in Design Presentation, The Best Innovation Award, 3rd Position in Drag Race and 3rd Position Overall in e-HPVC.",
     year: "2025",
   },
   {
     id: 6,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "Secured 9th in Endurance and 13th Overall in E-Fest Asia Pacific",
     year: "2019",
   },
   {
     id: 7,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "Secured 20th in men's endurance race and 24th in female drag race out of 43 teams, HPVC ASIA PACIFIC.",
     year: "2017",
   },
   {
     id: 8,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "Secured 2nd Position in design event and 9th in overall, HPVC ASIA PACIFIC VIT VELLORE.",
     year: "2016",
   },
   {
     id: 9,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description: "Highest Innovation Score, HPVC India at DTU.",
     year: "2015",
   },
   {
     id: 10,
-    title: "HPVC",
+    title: "Human Powered Vechile Competition",
     description:
       "First International Participation at HPVC East, University of Central Florida and Highest marks in Analysis Section, HPV India at IIT Delhi.",
     year: "2014",
diff --git a/src/pages/achievements/AchievementPage.jsx b/src/pages/achievements/AchievementPage.jsx
index 9c4fc70..1a59393 100644
--- a/src/pages/achievements/AchievementPage.jsx
+++ b/src/pages/achievements/AchievementPage.jsx
@@ -6,7 +6,7 @@ const AchievementPage = () => {
     <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-gray-50">
       <div className="relative overflow-hidden h-screen w-screen">
         <div
-          className="absolute inset-0  bg-cover bg-center bg-no-repeat"
+          className="absolute inset-0  bg-cover bg-center bg-no-repeat blur-[1px]"
           style={{
             backgroundImage: `url(${achievementImg})`,
           }}
@@ -14,7 +14,7 @@ const AchievementPage = () => {
 
         <div className="relative z-10 text-center h-full flex flex-col justify-center">
           <div className="max-w-4xl mx-auto">
-            <h1 className="text-5xl md:text-6xl font-bold text-white mb-6 tracking-tight">
+            <h1 className="text-6xl md:text-6xl  text-white mb-6 font-extrabold drop-shadow-lg ">
               Our Achievements
             </h1>
           </div>