added date and time for the event in the hero section

src/ignite/index.html

@@ -168,6 +168,30 @@ <h1 class="text-pretty text-5xl font-semibold tracking-tight text-odevs-primary
                 <p class="mt-8 text-pretty text-lg font-medium text--500 sm:max-w-md sm:text-xl/8 lg:max-w-none">
                   Join us for a tech-tastic celebration of code, community, and holiday cheer at the Zymarium Meadery. Our annual Ignite the Holidays event brings together Orlando's most passionate developers for an evening of lightning-fast talks, networking, and festive fun!
                 </p>
+      <!--  Date and Time Section -->
+          <div class="mt-6 bg-odevs-accent/10 rounded-xl p-4 inline-block">
+            <div class="flex items-center space-x-4">
+              <div class="bg-odevs-accent text-white rounded-full p-2">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="black">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                </svg>
+              </div>
+              <div>
+                <p class="font-semibold text-odevs-primary">Thursday, December 18, 2024</p>
+                <p class="text-sm text-gray-600">7:00 PM - 10:00 PM</p>
+              </div>
+              <div class="bg-odevs-accent text-white rounded-full p-2">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="black">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
+                </svg>
+              </div>
+              <div>
+                <p class="font-semibold text-odevs-primary">Zymarium Meadery</p>
+                <p class="text-sm text-gray-600">Orlando, FL</p>
+              </div>
+            </div>
+          </div>
                 <div class="mt-10 flex items-center gap-x-6">
                   <a href="https://www.eventbrite.com/e/odevs-ignite-the-holidays-party-tickets-1089955278579" class="rounded-md bg-primary px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-odevs-secondary transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-md">Get Tickets</a>
                   <a href="https://sessionize.com/odevs-ignite-the-holidays" class="text-sm/6 font-semibold text-black hover:text-odevs-accent transition-all duration-300 ease-in-out hover:translate-x-1">Become a Speaker<span aria-hidden="true" class="inline-block transition-transform duration-300 ease-in-out group-hover:translate-x-1">→</span></a>
@@ -186,19 +210,19 @@ <h1 class="text-pretty text-5xl font-semibold tracking-tight text-odevs-primary
                     <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                   </div>
                   <div class="relative">
-                      <img src="/static/img/christmas-vibe-odev.jpeg"  alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
+                      <img src="/static/img/DevOps-Days-Image.jpg"  alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                     <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                   </div>
                 </div>
                 <div class="w-44 flex-none space-y-8 pt-32 sm:pt-0">
-                  <div class="relative">
+                  <!-- <div class="relative">
                       <img src="/static/img/christmas-vibe-odev.jpeg"  alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                     <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
-                  </div>
-                  <div class="relative">
+                  </div> -->
+                  <!-- <div class="relative">
                       <img src="/static/img/christmas-vibe-odev.jpeg" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                     <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
-                  </div>
+                  </div> -->
                 </div>
               </div>
             </div>
@@ -215,7 +239,7 @@ <h1 class="text-pretty text-5xl font-semibold tracking-tight text-odevs-primary
                 <h2 class="text-4xl font-bold tracking-tight text-gray-900">Unleash Your Ideas in 5 Minutes</h2>
                 <p class="mt-4 text-gray-500">Ignite talks are your chance to share your passion, insight, or vision with the world - all in a fast-paced, 5-minute format. Our stage is your platform to spark new conversations and ignite change.</p>
               </div>
-              <img src="/static/img/ignite-talk-FelipeTalk.JPG" alt="Ignite talk stage" class="aspect-[3/2] w-full rounded-lg bg-gray-100 object-cover">
+              <img src="/static/img/ignite-talk-felipe-talk-with-slides.jpg" alt="Ignite talk stage" class="aspect-[3/2] w-full rounded-lg bg-gray-100 object-cover">
             </div>
             <div class="mt-16 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3">
               <div class="sm:flex lg:block">