feat: 🎉 Adding Sessionize schedule

src/components/pages/home/proposal/proposal.jsx

@@ -16,7 +16,8 @@ const Proposal = () => (
         <p className="mt-8 text-2xl leading-normal sm:text-lg">
           Call for Proposals are now closed. We are currently in review of those proposals which
           were submitted. Watch this space for the schedule release, or follow us on{' '}
-          <a href="https://www.linkedin.com/company/kubernetes-community-days-denmark/">LinkedIn</a>.
+          <a href="https://www.linkedin.com/company/kubernetes-community-days-denmark/">LinkedIn</a>
+          .
         </p>
 
         <div className="container mx-auto overflow-x-auto py-10">
@@ -32,18 +33,18 @@ const Proposal = () => (
                 <td className="px-4 py-4 font-medium">CFP Opens</td>
                 <td className="px-4 py-4">1st July, 2024</td>
               </tr>
+              <tr className="dark:border-neutral-500 border-b">
+                <td className="px-4 py-4 font-medium">CFP Closes</td>
+                <td className="px-4 py-4">1st September, 2024</td>
+              </tr>
               <tr className="dark:border-neutral-500 border-b">
                 <td className="px-4 py-4 font-medium">
-                  <strong>CFP Closes</strong>
+                  <strong>CFP Notifications</strong>
                 </td>
                 <td className="px-4 py-4">
-                  <strong>1st September, 2024</strong>
+                  <strong>20th September, 2024</strong>
                 </td>
               </tr>
-              <tr className="dark:border-neutral-500 border-b">
-                <td className="px-4 py-4 font-medium">CFP Notifications</td>
-                <td className="px-4 py-4">20th September, 2024</td>
-              </tr>
               <tr className="dark:border-neutral-500 border-b">
                 <td className="px-4 py-4 font-medium">Schedule Announced</td>
                 <td className="px-4 py-4">1st October, 2024</td>

src/components/pages/schedule/hero/hero.jsx

@@ -1,39 +1,55 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 
 import Button from 'components/shared/button';
+import { useSessionizeSchedule } from 'hooks/use-sessionize';
 
 const TITLE = 'Conference Schedule';
 const DESCRIPTION =
-  "Check the schedule of KCD Denmark 2023 and watch the presentation recordings by expanding the details of your favorite sessions.";
-  //"Get ready for an action-packed day. With two tracks and more than 15 sessions to choose from, you'll have plenty of opportunities to learn from experts in the field. The whole event will be held in English.";
+  "Get ready for an action-packed day. The schedule will be announced shortly with two tracks and more than 25 sessions to choose from, you'll have plenty of opportunities to learn from experts in the field. The whole event will be held in English.";
+const DESCRIPTION_ANNOUNCED =
+  "Get ready for an action-packed day. With two tracks and more than 25 sessions to choose from, you'll have plenty of opportunities to learn from experts in the field. The whole event will be held in English.";
 
-const Hero = () => (
-  <section className="safe-paddings pt-24 pb-10 lg:pt-[4.5rem] md:pt-16 md:pb-4 sm:py-8">
-    <div className="container mt-4 text-center text-primary-1 sm:px-7">
-      <h1
-        className="text-6xl font-bold leading-denser tracking-[-0.01em] md:text-4xl"
-        dangerouslySetInnerHTML={{ __html: TITLE }}
-      />
-      <p className="mx-auto mt-9 max-w-[865px] text-2xl leading-normal md:mt-6 md:text-xl sm:text-lg">
-        {DESCRIPTION}
-      </p>
-      {/* <Button
-        className="mt-10 shadow-xl bg-red text-white hover:shadow-[0px_15px_30px_#adadad] md:mt-8 xs:mt-7 xs:w-full"
-        size="lg"
-        to="https://kcddenmark-1.ticketbutler.io/e/kcd-denmark-2023"
-        target="_blank"
-      >
-        Get your ticket
-      </Button> */}
-      {/* <Button
+//"Check the schedule of KCD Denmark 2023 and watch the presentation recordings by expanding the details of your favorite sessions.";
+//"Get ready for an action-packed day. With two tracks and more than 15 sessions to choose from, you'll have plenty of opportunities to learn from experts in the field. The whole event will be held in English.";
+
+const Hero = () => {
+  const { schedule } = useSessionizeSchedule();
+  const [announcement, setAnnouncement] = useState(DESCRIPTION);
+
+  useEffect(() => {
+    if (schedule.length > 0) {
+      setAnnouncement(DESCRIPTION_ANNOUNCED);
+    }
+  });
+
+  return (
+    <section className="safe-paddings pb-10 pt-24 lg:pt-[4.5rem] md:pb-4 md:pt-16 sm:py-8">
+      <div className="container mt-4 text-center text-primary-1 sm:px-7">
+        <h1
+          className="text-6xl font-bold leading-denser tracking-[-0.01em] md:text-4xl"
+          dangerouslySetInnerHTML={{ __html: TITLE }}
+        />
+        <p className="mx-auto mt-9 max-w-[865px] text-2xl leading-normal md:mt-6 md:text-xl sm:text-lg">
+          {announcement}
+        </p>
+        <Button
+          className="mt-10 bg-red text-white shadow-xl hover:shadow-[0px_15px_30px_#adadad] md:mt-8 xs:mt-7 xs:w-full"
+          size="lg"
+          to="https://kcddenmark-3.ticketbutler.io/en/e/kcd-denmark-2024-1/"
+          target="_blank"
+        >
+          Get your ticket
+        </Button>
+        {/* <Button
         className="mt-10 shadow-xl bg-red text-white hover:shadow-[0px_15px_30px_#adadad] md:mt-8 xs:mt-7 xs:w-full"
         size="lg"
         to="/workshops"
       >
         Check the workshops
       </Button> */}
-    </div>
-  </section>
-);
+      </div>
+    </section>
+  );
+};
 
 export default Hero;