Added the fixes suggested by PG.

src/components/AboutItem.astro

@@ -14,7 +14,7 @@ const { title, subtext, variant = "primary" } = Astro.props;
     }`}
   >
     <span
-      class={`absolute bg-black z-10 top-[-20px] px-[12px] uppercase text-[1rem] ${variant === "secondary" ? "text-[#909090]" : "text-white"} font-bold`}
+      class={`absolute bg-black z-10 top-[-20px] px-[12px] uppercase text-[0.8rem] md:text-[1rem] ${variant === "secondary" ? "text-[#909090]" : "text-white"} font-bold`}
     >
       {title}
     </span>

src/components/AboutItemGrid.astro

@@ -31,14 +31,17 @@ import AboutItem from "../components/AboutItem.astro";
         </div>
         <div>
           <div class="flex items-center flex-nowrap space-x-5">
-            <span
-              class="font-bold text-white underline"
-              style="text-underline-offset: 4px;"
-            >
+            <a href="">
               PRIVACY EXPLORER
-            </span>
+
+              <span
+                class="font-bold text-white underline"
+                style="text-underline-offset: 4px;"
+              >
+              </span>
+            </a>
           </div>
-          <span class="text-[1rem] mt-0 w-full"
+          <span class="text-[0.8rem] md:text-[1rem] mt-0 w-full"
             >For Projects, Use-case list, Market & Funding info
           </span>
         </div>
@@ -59,7 +62,7 @@ import AboutItem from "../components/AboutItem.astro";
               HACKATHON IDEA GENERATOR
             </span>
           </div>
-          <span class="text-[1rem] mt-0 w-full"
+          <span class="text-[0.8rem] md:text-[1rem] mt-0 w-full"
             >Helps developers build applications that address real-world
             problems, that people will actually use.
           </span>

src/components/SpeakerGrid.astro

@@ -42,7 +42,7 @@ function personLink(person) {
           <img
             src={person.imageUrl}
             alt={person.name}
-            class="h-24 w-full md:h-48 object-cover object-center h-full"
+            class="h-24 w-full md:h-48 object-cover object-center h-full transition duration-200 ease-in"
           />
         </a>
         <div class="mt-4">

src/config.yaml

@@ -1,5 +1,5 @@
 title: Web3Privacy Now
-description: Advocates worldwide are uniting to make privacy fundamental pillar of the Web3 industry, transforming it into a cultural movement that champions freedom and decentralization.
+description: The leading nonprofit advancing Privacy & Freedom in the web3 industry. 
In our Ecosystem, we foster a culture that empowers decentralization, open-source , and anti surveillance.
 header:
   menu:
     - name: Home
@@ -54,7 +54,9 @@ footer:
       link: matrix
 hero:
   text: |
-    Advocates worldwide are uniting to make privacy fundamental pillar of the Web3 industry, transforming it into a cultural movement that champions freedom and decentralization.
+    The leading nonprofit advancing Privacy & Freedom in the web3 industry. 
+    <br />
+    In our Ecosystem, we foster a culture that empowers decentralization, open-source, and anti surveillance.
 landing:
   merch: |
     To make humans gain control over their privacy by utilizing Web3 stack. So privacy would become a cultural phenomena & active lifestyle.

src/layouts/base.astro

@@ -157,7 +157,7 @@ function genHeading(str) {
               {/* <h1 class="glitch-text-interval text-6xl">
                 web3privacy summit #1
               </h1> */}
-              <div class="text-left mt-10">{config.hero.text}</div>
+<div class="text-left mt-10" set:html={config.hero.text}></div>
               <div class="mt-6">
                 <a class="button" href="/about">
                   <button>

src/lib/events.js

@@ -321,7 +321,7 @@ export function ccRenderer (item) {
     return cc
 }
 
-export function eventStatus (item) {
+export function eventStatus(item) {
     const statuses = {
         preregistration: {
             title: 'Pre-registration',
@@ -341,9 +341,12 @@ export function eventStatus (item) {
         }
     }
 
-    const date = dateInfo(item)
+    const date = dateInfo(item);
+    const eventDate = new Date(item.date);
+    const currentDate = new Date();
+
     return item.confirmed
-        ? (date.isDate ? statuses.past : statuses.confirmed)
+        ? (eventDate < currentDate ? statuses.past : statuses.confirmed)
         : (item.links?.rsvp ? statuses.preregistration : statuses.unconfirmed);
 }