Update 2024 regional events section

Author: zorexsalvo

src/views/events/Events.tsx

@@ -70,6 +70,39 @@ export default function Events() {
     }
   }
 
+  const events: any = [
+    {
+        date: '25-26 Feb',
+        title: 'PyCon PH',
+        location: 'Makati Sports Club, Makati City, Philippines',
+        link: 'https://pycon-2024.python.ph',
+    },
+    {
+        date: '24-25 Aug (Tentative)',
+        title: 'PyCon MY',
+    },
+    {
+        date: '7-8 Sep (Tentative)',
+        title: 'PyCon TW',
+    },
+    {
+        date: '27-29 Sep (Tentative)',
+        title: 'PyCon JP',
+    },
+    {
+        date: '25-27 Oct',
+        title: 'PyCon APAC',
+        location: 'Yogyakarta, Indonesia',
+        link: 'https://pycon.id',
+    },
+    {
+        date: 'Near end of Year (Tentative)',
+        title: 'PyCon KR',
+    }
+  ];
+
+  const eventsNextYear: any = [];
+
   return (
     <div className="events-container">
       <div className="container">
@@ -79,44 +112,39 @@ export default function Events() {
               <div className="section-heading">
                 <h1 className="text-white">Events</h1>
                 <br />
-                <h4 className="text-white">Regional PyCon 2023 in APAC Schedule</h4>
+                <h4 className="text-white">Regional PyCon 2024 in APAC Schedule</h4>
                 <br />
               </div>
               <div className="medium-text text-white" style={{opacity: '60%'}}>
                 <ul>
-                  <li>Feb 25-26: <strong>PyCon PH</strong> Manila, Philippines <a href="https://pycon-2023.python.ph">🔗</a></li>
-                  <li>Aug 11-13: <strong>PyCon KR</strong> Seoul, Korea <a href="https://2023.pycon.kr">🔗</a></li>
-                  <li>Aug 18-22: <strong>PyCon AU</strong> Adelaide, Australia <a href="http://au.pycon.org">🔗</a></li>
-                  <li>Aug 26: <strong>PyCon MY</strong> Malaysia <a href="https://pycon.my">🔗</a></li>
-                  <li>Sept 2-3: <strong>PyCon TW</strong> Taipei, Taiwan <a href="https://tw.pycon.org">🔗</a></li>
-                  <li>Sept 15-17: <strong>Kiwi PyCon</strong> Invercargill, New Zealand <a href="https://kiwipycon.nz">🔗</a></li>
-                  <li>Sept 29-Oct 2: <strong>PyCon India</strong> Hyderabad, India <a href="https://in.pycon.org/2023/">🔗</a></li>
-                  <li>Oct 27-29: <strong>PyCon APAC (by PyCon JP)</strong> Tokyo, Japan  <a href="https://2023-apac.pycon.jp">🔗</a></li>
-                  <li>Nov 10-11: <strong>PyCon HK</strong> Hong Kong <a href="https://pycon.hk">🔗</a></li>
-                  <li>Nov 18-19: <strong>PyCon ID</strong> Indonesia <a href="https://pycon.id">🔗</a></li>
-                  <li>Dec 15-16: <strong>PyCon TH </strong> Thailand <a href="https://th.pycon.org">🔗</a></li>
+                  {events.map((event: any, index: number) => (
+                    <li>{event.date}: <strong>{event.title}</strong> {event.location} {event.link && <a href={event.link}>🔗</a>}</li>
+                  ))}
                 </ul>
               </div>
             </div>
           </div>
         </div>
-        <div className="row">
-          <div className="col-lg-6 col-xs-12">
-            <div className="left-text-content">
-              <div className="section-heading">
-                <br />
-                <h4 className="text-white">Regional PyCon 2024 in APAC Schedule</h4>
-                <br />
-              </div>
-              <div className="medium-text text-white" style={{opacity: '60%'}}>
-                <ul>
-                  <li>Feb 25-26: <strong>PyCon PH</strong> Manila, Philippines <a href="https://ph.pycon.org">🔗</a></li>
-                  <li>Oct 25-27: <strong>PyCon APAC</strong> Yogyakarta, Indonesia <a href="https://pycon.id">🔗</a></li>
-                </ul>
+        {eventsNextYear.length > 0 && (
+          <div className="row">
+            <div className="col-lg-6 col-xs-12">
+              <div className="left-text-content">
+                <div className="section-heading">
+                  <br />
+                  <h4 className="text-white">Regional PyCon 2025 in APAC Schedule</h4>
+                  <br />
+                </div>
+                <div className="medium-text text-white" style={{opacity: '60%'}}>
+                  <ul>
+                    {eventsNextYear.map((event: any, index: number) => (
+                      <li key={index}>{event.date}: <strong>{event.title}</strong> {event.location} {event.link && <a href={event.link}>🔗</a>}</li>
+                    ))}
+                  </ul>
+                </div>
               </div>
             </div>
           </div>
-        </div>
+        )}
       </div>
       <div className="events-slides-container mt-8">
         <div className="container">