improvement: about-page project timeline section (#2408)

* improvement: about-page project timeline section

* Update timeline data

---------

Co-authored-by: Arkadii Yakovets <[email protected]>
Co-authored-by: Arkadii Yakovets <[email protected]>

Author: Utkarsh-0304

frontend/src/app/about/page.tsx

@@ -275,13 +275,13 @@ const About = () => {
             {[...projectTimeline].reverse().map((milestone, index) => (
               <div key={`${milestone.year}-${milestone.title}`} className="relative pl-10">
                 {index !== projectTimeline.length - 1 && (
-                  <div className="absolute top-6 left-[7px] h-full w-0.5 bg-blue-400"></div>
+                  <div className="absolute top-5 left-[5px] h-full w-0.5 bg-gray-400"></div>
                 )}
                 <div
                   aria-hidden="true"
-                  className="absolute top-2 left-0 h-4 w-4 rounded-full bg-blue-400"
+                  className="absolute top-[10px] left-0 h-3 w-3 rounded-full bg-gray-400"
                 ></div>
-                <div className="pt-1">
+                <div>
                   <h3 className="text-lg font-semibold text-blue-400">{milestone.title}</h3>
                   <h4 className="mb-1 font-medium text-gray-400">{milestone.year}</h4>
                   <p className="text-gray-600 dark:text-gray-300">{milestone.description}</p>

frontend/src/utils/aboutData.ts

@@ -63,45 +63,43 @@ export const projectTimeline: ProjectTimeline[] = [
     title: 'Project Inception',
     description:
       'Initial brainstorming and vision by Arkadii Yakovets & Starr Brown to solve OWASP project navigation challenges.',
-    year: 'Aug 2024',
+    year: 'August 2024',
   },
   {
     title: 'Backend Minimum Viable Product',
     description:
       'Backend foundations built by Arkadii Yakovets using Django and Docker. GitHub sync implemented for automated data updates.',
-    year: 'Aug 2024',
+    year: 'August 2024',
   },
   {
     title: 'NestBot for Slack Community Integration',
     description:
       'A key feature allowing users to browse and search all OWASP projects effectively.',
-    year: 'Sep 2024',
+    year: 'September 2024',
   },
   {
     title: 'Initial Frontend Development',
     description: 'Frontend initially developed by Kate Golovanova using Vue.js and Bootstrap.',
-    year: 'Sep 2024',
+    year: 'September 2024',
   },
   {
     title: 'New React-based Frontend',
     description:
       'Started transitioning the frontend from Vue.js to React for better performance and scalability.',
-    year: 'Nov 2024',
+    year: 'November 2024',
   },
   {
     title: 'NestBot Commands and Event Handlers Expansion',
     description:
       'Enhanced NestBot with advanced command processing and intelligent event handlers to improve user interaction efficiency.',
-    year: 'Jan 2025',
+    year: 'January 2025',
   },
-
   {
     title: 'First Official Release and Production Launch',
     description:
       'We officially launched OWASP Nest to the public, inviting the community to explore and contribute.',
-    year: 'Feb 2025',
+    year: 'February 2025',
   },
-
   {
     title: 'GSoC 2025 Participation',
     description: 'OWASP Nest accepted for Google Summer of Code 2025 as part of OWASP.',
@@ -113,6 +111,18 @@ export const projectTimeline: ProjectTimeline[] = [
       'We started sponsoring some interesting projects that have not made it to the GSoC 2025.',
     year: 'June 2025',
   },
+  {
+    title: 'OWASP Nest Sponsorship Program Expansion',
+    description:
+      'OWASP Nest expanded its Sponsorship Program to support ongoing project maintenance and new initiatives.',
+    year: 'October 2025',
+  },
+  {
+    title: 'Lab Level Promotion',
+    description:
+      "OWASP Nest promoted to Lab level, marking a significant milestone in the project's growth and maturity within the OWASP ecosystem",
+    year: 'October 2025',
+  },
 ]
 
 export const technologies = [