diff --git a/src/assets/achievementimg.jpg b/src/assets/achievementimg.jpg new file mode 100644 index 0000000..1d5d458 Binary files /dev/null and b/src/assets/achievementimg.jpg differ diff --git a/src/components/AchievementCard.jsx b/src/components/AchievementCard.jsx index 665c1ae..82734e0 100644 --- a/src/components/AchievementCard.jsx +++ b/src/components/AchievementCard.jsx @@ -1,50 +1,30 @@ import { Calendar } from "lucide-react"; -const AchievementCard = ({ - title, - description, - image, - date, - isLeft, - index, -}) => { +const AchievementCard = ({ title, description, year, isLeft, index }) => { return (
- {/* Image */} -
- {title} -
-
- - {/* Content */}
-
+
- {date} + {year}
- -

+

{title}

+

{description}

-

{description}

- - {/* Decorative element */} -
+
diff --git a/src/components/Achievements.jsx b/src/components/Achievements.jsx index 53f76cd..8967e85 100644 --- a/src/components/Achievements.jsx +++ b/src/components/Achievements.jsx @@ -5,9 +5,9 @@ export default function Achievements() { const navigate = useNavigate(); return ( -
-
-

+
+
+

Our Achievements

@@ -20,7 +20,7 @@ export default function Achievements() {

@@ -31,25 +31,38 @@ export default function Achievements() {
- {achievementsData.map((item, index) => ( -
-
- + {achievementsData + .filter((item) => item.id <= 5) + .map((item, index) => (
-

{item.title}

-

{item.description}

+
+ +
+

{item.year}

+

+ {item.title}:{" "} +

+

+ {item.description} +

+
-
- ))} + ))}
diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx index 5f30814..39877a0 100644 --- a/src/components/Timeline.jsx +++ b/src/components/Timeline.jsx @@ -28,98 +28,79 @@ const Timeline = () => { }, []); return ( -
+
- {/* Header */} -
-

- Our Achievements -

-

- 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 chapter addresses real-world problems with engineering - creativity. Their STEM outreach initiatives further enhance their - impact, solidifying their reputation for excellence in mechanical - engineering. -

-
- {/* Timeline */}
- {achievementsData.map((achievement, index) => ( -
- {/* Left card */} - - {/* Timeline line and dot */} -
- {/* Vertical line */} -
+ {achievementsData + .sort((a, b) => parseInt(a.year) - parseInt(b.year)) + .map((achievement, index) => ( +
+ {/* Left card */} + + + {/* Timeline line and dot */} +
+ {/* Vertical line */} +
- {/* Timeline dot */} -
-
+
+ ? "bg-[#0B2044] shadow-lg shadow-blue-900/50 scale-125" + : "bg-gray-400" + }`} + >
+
-
- {/* Right card */} - - ))} + ))}
diff --git a/src/config/achievement.js b/src/config/achievement.js index 99d69f0..a7111e0 100644 --- a/src/config/achievement.js +++ b/src/config/achievement.js @@ -1,48 +1,72 @@ const achievementsData = [ { id: 1, - title: "Name", + title: "HPVC", description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.", - image: - "https://images.unsplash.com/photo-1593376853899-fbb47a057fa0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cm9ib3RzfGVufDB8fDB8fHww", - date: "December 2023", + "Secured 3rd Position Globally in Critical Design Review and 1st Position among Indian Colleges.", + year: "2021", }, { id: 2, - title: "Name", + title: "HPVC", description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.", - image: - "https://images.unsplash.com/photo-1593376853899-fbb47a057fa0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cm9ib3RzfGVufDB8fDB8fHww", - date: "December 2023", + "2nd Position Globally in Critical Design and 3rd Position in Innovation- BlueStreak 9.0.", + year: "2022", }, { id: 3, - title: "Name", + title: "IAM-3D", description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.", - image: - "https://images.unsplash.com/photo-1593376853899-fbb47a057fa0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cm9ib3RzfGVufDB8fDB8fHww", - date: "December 2023", + "Secured 2nd Position Overall, Team BlueStreak 3.0 (FPV Drone Project) and 9th Place Globally in 2022.", + year: "2023", }, { id: 4, - title: "Name", + title: "ASME XRC 2024", description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.", - image: - "https://images.unsplash.com/photo-1593376853899-fbb47a057fa0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cm9ib3RzfGVufDB8fDB8fHww", - date: "December 2023", + "Team BlueBirds Secured 1st Position in Extended Reality Challenge For Sustainable innovations in ocean cleanup.", + year: "2024", }, { id: 5, - title: "Name", + title: "HPVC", description: - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.", - image: - "https://images.unsplash.com/photo-1593376853899-fbb47a057fa0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cm9ib3RzfGVufDB8fDB8fHww", - date: "December 2023", + "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", + description: + "Secured 9th in Endurance and 13th Overall in E-Fest Asia Pacific", + year: "2019", + }, + { + id: 7, + title: "HPVC", + 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", + description: + "Secured 2nd Position in design event and 9th in overall, HPVC ASIA PACIFIC VIT VELLORE.", + year: "2016", + }, + { + id: 9, + title: "HPVC", + description: "Highest Innovation Score, HPVC India at DTU.", + year: "2015", + }, + { + id: 10, + title: "HPVC", + 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 ba4a9df..9c4fc70 100644 --- a/src/pages/achievements/AchievementPage.jsx +++ b/src/pages/achievements/AchievementPage.jsx @@ -1,9 +1,27 @@ import Timeline from "../../components/Timeline"; +import achievementImg from "../../assets/achievementimg.jpg"; const AchievementPage = () => { return ( -
-
+
+
+
+ +
+
+

+ Our Achievements +

+
+
+
+ +