ปรับปรุงข้อมูลเกี่ยวกับการนอนค้างคืน เพิ่มข้อมูลอาบน้ำ และจัดระเบียบรายการของที่ต้องเตรียม

- เพิ่มหมายเหตุในตารางกิจกรรมว่าการนอนค้างคืนเป็นทางเลือก
- ปรับข้อความ "we'll hack" เป็น "some will hack" ให้ชัดเจนขึ้น
- เพิ่มข้อมูลสิ่งอำนวยความสะดวกอาบน้ำใกล้เคียง (QSNCC และ Silom Edge)
- ย้าย "Change of clothes" ไปอยู่ในหมวด Sleep Setup
- เพิ่ม "Deodorant" ในหมวด Personal Care
- ปรับปรุงความชัดเจนของรายการที่ต้องเตรียมสำหรับการนอนค้างคืน

Co-Authored-By: Claude <209825114+claude[bot]@users.noreply.github.com>

Author: dtinth

.gitignore

@@ -22,3 +22,4 @@ pnpm-debug.log*
 
 # jetbrains setting folder
 .idea/
+*.local/

src/components/EventAgenda.astro

@@ -71,12 +71,27 @@ import mascot2 from "../assets/mascot2.webp?url";
           <div
             class="border border-neutral-700 text-white px-4 py-3 md:px-6 md:py-4 rounded-xl flex-1 text-base md:text-lg"
           >
-            Keep hacking (bring sleeping gear!)
+            Keep hacking (for those staying overnight)
           </div>
         </div>
       </div>
     </div>
 
+    <!-- Flexibility Note -->
+    <div class="mb-8 md:mb-12 bg-[#19806f]/10 border border-[#19806f]/30 rounded-xl p-6 scroll-animate fade-up">
+      <div class="flex items-start gap-4">
+        <iconify-icon icon="mdi:information" class="text-[#19806f] text-2xl mt-1"></iconify-icon>
+        <div>
+          <h4 class="text-xl font-bold mb-2 text-white font-subhead">Flexibility Note</h4>
+          <p class="text-gray-300 leading-relaxed">
+            Staying overnight is completely optional! Feel free to come and go as needed throughout the hackathon. 
+            Just make sure you're here for the <strong>project pitching & awards</strong> session on Sunday afternoon.
+            If you do choose to stay overnight, check out our <a href="#what-to-bring" class="text-[#19806f] hover:underline">What to Bring</a> section for hygiene essentials!
+          </p>
+        </div>
+      </div>
+    </div>
+
     <!-- Day 2 -->
     <div class="mb-8 md:mb-12">
       <div class="relative mb-6 md:mb-8 scroll-animate fade-right stagger-6">

src/components/VenueSection.astro

@@ -26,7 +26,7 @@
 
       <p class="text-white text-lg leading-relaxed max-w-3xl mx-auto mb-4 scroll-animate fade-up stagger-2">
         Bangkok's first collaborative workspace built by game creators, for game
-        creators. A 500 sqm innovation playground where we'll hack through the
+        creators. A 500 sqm innovation playground where some will hack through the
         night!
       </p>
 

src/components/WhatToBringSection.astro

@@ -39,7 +39,8 @@
       <div class="bg-gray-900 rounded-xl p-8 border border-gray-800 hover:border-[#19806f] transition-colors group scroll-animate rotate-in stagger-3">
         <div class="text-center">
           <iconify-icon icon="mdi:bed" class="text-[#19806f] text-6xl mb-6 block"></iconify-icon>
-          <h3 class="text-2xl font-bold mb-4 font-subhead text-white">Sleep Setup</h3>
+          <h3 class="text-2xl font-bold mb-2 font-subhead text-white">Sleep Setup</h3>
+          <p class="text-sm text-gray-400 mb-4">(if you choose to stay overnight)</p>
           <ul class="space-y-3 text-gray-300">
             <li class="flex items-center gap-3">
               <iconify-icon icon="mdi:check-circle" class="text-[#19806f] text-xl"></iconify-icon>
@@ -53,6 +54,10 @@
               <iconify-icon icon="mdi:check-circle" class="text-[#19806f] text-xl"></iconify-icon>
               <span>Eye mask & earplugs</span>
             </li>
+            <li class="flex items-center gap-3">
+              <iconify-icon icon="mdi:check-circle" class="text-[#19806f] text-xl"></iconify-icon>
+              <span>Change of clothes</span>
+            </li>
           </ul>
         </div>
       </div>
@@ -69,7 +74,7 @@
             </li>
             <li class="flex items-center gap-3">
               <iconify-icon icon="mdi:check-circle" class="text-[#19806f] text-xl"></iconify-icon>
-              <span>Change of clothes</span>
+              <span>Deodorant</span>
             </li>
             <li class="flex items-center gap-3">
               <iconify-icon icon="mdi:check-circle" class="text-[#19806f] text-xl"></iconify-icon>
@@ -100,5 +105,67 @@
         </div>
       </div>
     </div>
+
+    <!-- Shower Facilities -->
+    <div class="mt-8 bg-gray-900/50 border border-gray-700 rounded-xl p-6 scroll-animate fade-up stagger-6">
+      <div class="flex items-start gap-4 mb-4">
+        <iconify-icon icon="mdi:shower" class="text-[#19806f] text-2xl mt-1"></iconify-icon>
+        <div>
+          <h4 class="text-xl font-bold mb-2 text-white font-subhead">Shower Facilities Nearby</h4>
+          <p class="text-gray-300 leading-relaxed mb-4">
+            For a 36+ hour hackathon, you might want to freshen up! Here are nearby shower facilities:
+          </p>
+        </div>
+      </div>
+
+      <div class="grid md:grid-cols-2 gap-6">
+        <!-- Shower Station QSNCC -->
+        <div class="bg-gray-800/50 rounded-lg p-4 border border-gray-600">
+          <div class="flex items-center gap-2 mb-3">
+            <iconify-icon icon="mdi:map-marker" class="text-[#19806f] text-lg"></iconify-icon>
+            <h5 class="font-semibold text-white">Shower Station (QSNCC)</h5>
+          </div>
+          <ul class="space-y-2 text-sm text-gray-300 mb-4">
+            <li><strong>Hours:</strong> 7:00 - 21:00</li>
+            <li><strong>Price:</strong> 100-200 THB</li>
+            <li><strong>Includes:</strong> Towel, dryer, shower gel, shampoo</li>
+            <li><strong>Booking:</strong> <a href="https://line.me/R/ti/p/@781uyocx" target="_blank" class="text-[#19806f] hover:underline">LINE @781uyocx</a> (recommended for Saturdays)</li>
+          </ul>
+          <div class="flex gap-2">
+            <a href="https://maps.app.goo.gl/L6oyX5Dxxvqj63tr7" target="_blank" class="inline-flex items-center gap-1 px-3 py-1.5 bg-[#19806f] hover:bg-[#146b5c] text-white text-xs rounded-lg transition-colors">
+              <iconify-icon icon="mdi:map-marker" class="text-sm"></iconify-icon>
+              View on Maps
+            </a>
+            <a href="https://www.qsncc.com/th/media/news-and-update/qsncc-launches-the-shower-station-to-complement/" target="_blank" class="inline-flex items-center gap-1 px-3 py-1.5 bg-gray-600 hover:bg-gray-500 text-white text-xs rounded-lg transition-colors">
+              <iconify-icon icon="mdi:information" class="text-sm"></iconify-icon>
+              More Info
+            </a>
+          </div>
+        </div>
+
+        <!-- Silom Edge -->
+        <div class="bg-gray-800/50 rounded-lg p-4 border border-gray-600">
+          <div class="flex items-center gap-2 mb-3">
+            <iconify-icon icon="mdi:map-marker" class="text-[#19806f] text-lg"></iconify-icon>
+            <h5 class="font-semibold text-white">Silom Edge (Silom Station)</h5>
+          </div>
+          <ul class="space-y-2 text-sm text-gray-300 mb-4">
+            <li><strong>Hours:</strong> 6:00 - 21:00</li>
+            <li><strong>Price:</strong> 40 THB + extras</li>
+            <li><strong>Note:</strong> Extra charges for amenities</li>
+          </ul>
+          <div class="flex gap-2">
+            <a href="https://maps.app.goo.gl/EaATk1eZmudXb4CV7" target="_blank" class="inline-flex items-center gap-1 px-3 py-1.5 bg-[#19806f] hover:bg-[#146b5c] text-white text-xs rounded-lg transition-colors">
+              <iconify-icon icon="mdi:map-marker" class="text-sm"></iconify-icon>
+              View on Maps
+            </a>
+            <a href="https://www.facebook.com/SilomEdge/posts/549609300899372" target="_blank" class="inline-flex items-center gap-1 px-3 py-1.5 bg-gray-600 hover:bg-gray-500 text-white text-xs rounded-lg transition-colors">
+              <iconify-icon icon="mdi:information" class="text-sm"></iconify-icon>
+              More Info
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </section>