Skip to content

Commit d9eb73f

Browse files
dtinthclaude[bot]
dtinth
and
claude[bot]
committed
เพิ่ม component sections ที่หายไปทั้งหมดพร้อมแปลง CSS เป็น Tailwind
- สร้าง VenueSection พร้อมข้อมูล GameDevHub Bangkok และการเดินทาง - สร้าง RegistrationSection พร้อมข้อมูลตั๋วฟรีและ team formation - สร้าง SponsorshipSection พร้อมเป้าหมายเงินทุนและแผนสปอนเซอร์ - สร้าง GuidelinesSection พร้อมของที่ต้องเอามาและ code of conduct - สร้าง CTASection พร้อม call-to-action และ tagline สุดท้าย - แปลง CSS ทั้งหมดเป็น Tailwind CSS แบบ responsive - ลบ "Website is under construction" section - จัดเรียง sections ใหม่ให้เป็นลำดับที่สมเหตุสมผล Co-Authored-By: Claude <209825114+claude[bot]@users.noreply.github.com>
1 parent b8539b8 commit d9eb73f

6 files changed

Lines changed: 246 additions & 3 deletions

File tree

‎src/components/CTASection.astro‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
---
2+
---
3+
4+
<section class="w-full bg-pink-100 text-pink-600 py-16">
5+
<div class="max-w-7xl mx-auto px-8 text-center">
6+
<h2 class="text-4xl font-black uppercase mb-8 tracking-wide">
7+
Ready to Join?
8+
</h2>
9+
10+
<div class="max-w-4xl mx-auto">
11+
<ol class="text-xl leading-relaxed mb-8 space-y-4">
12+
<li class="flex items-center justify-center gap-2">
13+
<span class="bg-pink-600 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold">1</span>
14+
<span>
15+
<span class="font-bold">Follow</span> our <a
16+
href="https://www.facebook.com/creatorsgarten"
17+
target="_blank"
18+
class="text-pink-600 hover:text-pink-800 underline font-bold transition-colors"
19+
>Facebook page</a> for ticket updates
20+
</span>
21+
</li>
22+
<li class="flex items-center justify-center gap-2">
23+
<span class="bg-pink-600 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold">2</span>
24+
<span><span class="font-bold">Help us</span> reach our funding goals - become a sponsor!</span>
25+
</li>
26+
</ol>
27+
28+
<div class="text-xl mb-8">
29+
<span class="font-bold">Questions?</span> Contact us through our <a
30+
href="https://www.facebook.com/creatorsgarten"
31+
target="_blank"
32+
class="text-pink-600 hover:text-pink-800 underline font-bold transition-colors"
33+
>Facebook page</a>
34+
</div>
35+
36+
<div class="text-2xl font-bold text-center text-orange-500 bg-white/50 rounded-2xl p-6">
37+
Stupido Hackettino ครั้งที่ ๙ - Where unnecessary becomes unforgettable! 🚀
38+
</div>
39+
</div>
40+
</div>
41+
</section>

‎src/components/GuidelinesSection.astro‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
---
2+
---
3+
4+
<section class="w-full bg-orange-500 text-white py-16">
5+
<div class="max-w-7xl mx-auto px-8">
6+
<h2 class="text-4xl font-black uppercase text-center mb-8 tracking-wide">
7+
What to Bring & Guidelines
8+
</h2>
9+
10+
<div class="max-w-6xl mx-auto">
11+
<div class="text-center mb-12">
12+
<h3 class="text-2xl font-bold mb-6">Essential Items</h3>
13+
<div class="flex flex-col md:flex-row gap-8 justify-center text-xl">
14+
<div class="bg-white/10 rounded-2xl p-6">
15+
<span class="font-bold">Laptop</span> and chargers
16+
</div>
17+
<div class="bg-white/10 rounded-2xl p-6">
18+
<span class="font-bold">Sleeping gear</span> (pillows, blankets, etc.)
19+
</div>
20+
<div class="bg-white/10 rounded-2xl p-6">
21+
<span class="font-bold">Your creativity!</span>
22+
</div>
23+
</div>
24+
</div>
25+
26+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8 text-lg">
27+
<div class="bg-green-600/20 rounded-2xl p-6">
28+
<h4 class="font-bold text-xl mb-4 text-green-200">Allowed & Recommended:</h4>
29+
<ul class="space-y-2">
30+
<li>• Make stupid shit ✨</li>
31+
</ul>
32+
</div>
33+
34+
<div class="bg-red-600/20 rounded-2xl p-6">
35+
<h4 class="font-bold text-xl mb-4 text-red-200">Not Allowed:</h4>
36+
<ul class="space-y-2">
37+
<li>• Racist/sexist/discriminatory content</li>
38+
<li>• Harassment or insulting other participants</li>
39+
<li>• Illegal activities</li>
40+
</ul>
41+
</div>
42+
43+
<div class="bg-blue-600/20 rounded-2xl p-6">
44+
<h4 class="font-bold text-xl mb-4 text-blue-200">Please Note:</h4>
45+
<ul class="space-y-2">
46+
<li>• Mature content allowed, but all ages welcome (be considerate)</li>
47+
<li>• We reserve the right to remove anyone who endangers others or acts inappropriately</li>
48+
<li>• Photography will take place during the event</li>
49+
</ul>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
</section>

‎src/components/RegistrationSection.astro‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
---
2+
---
3+
4+
<section class="w-full bg-pink-100 text-pink-600 py-16">
5+
<div class="max-w-7xl mx-auto px-8">
6+
<h2 class="text-4xl font-black uppercase text-center mb-8 tracking-wide">
7+
Registration
8+
</h2>
9+
10+
<div class="max-w-4xl mx-auto">
11+
<div class="text-xl leading-relaxed mb-6">
12+
<div class="font-bold text-2xl mb-2">Tickets Coming Soon!</div>
13+
<div class="space-y-2">
14+
<div><span class="font-bold">Platform:</span> Eventpop</div>
15+
<div><span class="font-bold">Release Strategy:</span> Themed batches, creative unlocks, CTFs, quizzes, and more!</div>
16+
<div><span class="font-bold">Cost:</span> FREE</div>
17+
<div><span class="font-bold">Deposit:</span> Some tickets may require ฿300 refundable deposit</div>
18+
</div>
19+
</div>
20+
21+
<div class="text-lg mb-6">
22+
Follow our <a
23+
href="https://www.facebook.com/creatorsgarten"
24+
target="_blank"
25+
class="text-pink-600 hover:text-pink-800 underline font-bold transition-colors"
26+
>Facebook page</a> for ticket release announcements.
27+
</div>
28+
29+
<div class="bg-white/50 rounded-2xl p-6">
30+
<h3 class="text-xl font-bold mb-4">Team Formation</h3>
31+
<ul class="space-y-2 text-lg">
32+
<li>• Some tickets are for team applications</li>
33+
<li>• Some tickets are individual (team formation at the event)</li>
34+
</ul>
35+
</div>
36+
</div>
37+
</div>
38+
</section>

‎src/components/SponsorshipSection.astro‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
---
2+
---
3+
4+
<section class="w-full bg-orange-500 text-white py-16">
5+
<div class="max-w-7xl mx-auto px-8">
6+
<h2 class="text-4xl font-black uppercase text-center mb-8 tracking-wide">
7+
Sponsorship & Funding
8+
</h2>
9+
10+
<div class="max-w-4xl mx-auto">
11+
<div class="flex flex-col md:flex-row gap-8 justify-center items-center text-xl mb-8">
12+
<div class="text-center">
13+
<span class="font-bold">฿60,000</span> → Basic event 🎯
14+
</div>
15+
<div class="text-center">
16+
<span class="font-bold">฿90,000</span> → Food upgrades & prizes 🎯
17+
</div>
18+
<div class="text-center">
19+
<span class="font-bold">฿120,000</span> → More prizes & swag 🎯
20+
</div>
21+
</div>
22+
23+
<div class="text-center text-xl mb-8">
24+
<span class="font-bold text-pink-200">฿52,400 raised</span> of ฿120,000 goal
25+
</div>
26+
27+
<div class="bg-white/10 rounded-2xl p-6 mb-8">
28+
<h3 class="text-2xl font-bold mb-4 text-center">Sponsorship Options</h3>
29+
<div class="space-y-3 text-lg">
30+
<div>
31+
<span class="font-bold">Corporate Sponsorship:</span> ฿5,555.55+ (logo placement & benefits)
32+
</div>
33+
<div>
34+
<span class="font-bold">Individual Sponsorship:</span> ฿555.55+ (name on website)
35+
</div>
36+
<div>
37+
<span class="font-bold">In-Kind Sponsorship:</span> Contact us for details
38+
</div>
39+
</div>
40+
</div>
41+
42+
<div class="text-center">
43+
<a
44+
href="https://grtn.org/e/sht9/spon"
45+
target="_blank"
46+
class="inline-block bg-pink-600 hover:bg-pink-700 text-white px-8 py-4 rounded-2xl font-bold text-xl transition-colors"
47+
>
48+
Full sponsorship details
49+
</a>
50+
</div>
51+
</div>
52+
</div>
53+
</section>

‎src/components/VenueSection.astro‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
---
2+
---
3+
4+
<section class="w-full bg-orange-500 text-white py-16">
5+
<div class="max-w-7xl mx-auto px-8">
6+
<h2 class="text-4xl font-black uppercase text-center mb-8 tracking-wide">
7+
Venue
8+
</h2>
9+
10+
<div class="flex flex-col lg:flex-row gap-8 lg:gap-16">
11+
<div class="flex-1">
12+
<div class="text-xl font-bold mb-2">GameDevHub Bangkok</div>
13+
<div class="text-lg leading-relaxed mb-4">
14+
BB Building 16th Floor, Unit 1605-1609<br />
15+
54 Sukhumvit 21, Khlong Toei Nuea, Watthana, Bangkok 10110
16+
</div>
17+
<div class="flex gap-4 text-lg">
18+
<a
19+
href="https://www.gamedevhub.co.th/"
20+
target="_blank"
21+
class="text-white hover:text-orange-200 underline transition-colors"
22+
>
23+
Website
24+
</a>
25+
<span>|</span>
26+
<a
27+
href="https://maps.app.goo.gl/kJ9qo89T36Jc4MMs6"
28+
target="_blank"
29+
class="text-white hover:text-orange-200 underline transition-colors"
30+
>
31+
Google Maps
32+
</a>
33+
</div>
34+
</div>
35+
36+
<div class="flex-1">
37+
<div class="text-xl font-bold mb-4">Getting There (Public Transit Recommended)</div>
38+
<ul class="space-y-2 text-lg leading-relaxed mb-4">
39+
<li><span class="font-bold">9 min walk</span> from MRT Phetchaburi (650m)</li>
40+
<li><span class="font-bold">10 min walk</span> from MRT Sukhumvit (700m)</li>
41+
<li><span class="font-bold">14 min walk</span> from BTS Asok (1km)</li>
42+
<li><span class="font-bold">16 min walk</span> from ARL Makkasan (1km)</li>
43+
</ul>
44+
<p class="text-orange-100 font-medium">
45+
<em>Note: Asok Montri Rd has heavy traffic jams - public transit strongly recommended over driving</em>
46+
</p>
47+
</div>
48+
</div>
49+
</div>
50+
</section>

‎src/pages/index.astro‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
11
---
22
import AboutSection from "../components/AboutSection.astro";
33
import CreatoriGiardinoMarquee from "../components/CreatoriGiardinoMarquee.astro";
4+
import CTASection from "../components/CTASection.astro";
45
import EventAgenda from "../components/EventAgenda.astro";
6+
import GuidelinesSection from "../components/GuidelinesSection.astro";
57
import HeroSection from "../components/HeroSection.astro";
68
import QuickOverview from "../components/QuickOverview.astro";
9+
import RegistrationSection from "../components/RegistrationSection.astro";
10+
import SponsorshipSection from "../components/SponsorshipSection.astro";
711
import SponsorsSection from "../components/SponsorsSection.astro";
12+
import VenueSection from "../components/VenueSection.astro";
813
import WhatIsStupidHackSection from "../components/WhatIsStupidHackSection.astro";
914
import Layout from "../layouts/Layout.astro";
1015
---
@@ -17,8 +22,10 @@ import Layout from "../layouts/Layout.astro";
1722
<EventAgenda />
1823
<QuickOverview />
1924
<AboutSection />
25+
<VenueSection />
26+
<RegistrationSection />
27+
<SponsorshipSection />
2028
<SponsorsSection />
21-
<section class="py-16 text-center">
22-
<p class="text-neutral-600 text-xl">Website is under construction</p>
23-
</section>
29+
<GuidelinesSection />
30+
<CTASection />
2431
</Layout>

0 commit comments

Comments
 (0)