chore: staged changes

Author: rayriffy

src/packlets/assets/tickets-avail.svg

@@ -17,7 +17,7 @@ const speakers: Speaker[] = await fetch("https://sessionize.com/api/v2/i9esy36q/
 
 <section class="bg-brand-green px-8 py-12">
   <h1 class="text-5xl font-bold text-brand-yellow text-center pb-6">Speakers</h1>
-  <p class="mx-auto max-w-3xl text-center text-white pb-12">
+  <p class="mx-auto max-w-3xl text-center text-white pb-12 text-lg">
     We're looking for speakers who are passionate about their craft and have a
     story to share. If you're interested in speaking at the conference, please
     submit a proposal at <a class="text-brand-blue" href="https://sessionize.com/javascript-bangkok-2024/">Sessionize</a>.

src/packlets/new-front/speakers.astro

@@ -13,14 +13,14 @@ import devcon from '$assets/devcon.svg'
 
 <section class="py-12 px-8 bg-white">
   <div class="pb-12 text-center">
-    <h1 class="pb-6 text-5xl font-bold text-brand-blue">Sponsors</h1>
-    <p>
+    <h1 class="pb-6 text-5xl font-bold text-brand-orange">Sponsors</h1>
+    <p class="text-lg">
       JavaScript Bangkok would like to thank our sponsors for their kind
       contributions.
     </p>
-    <p>
+    <p class="text-lg">
       If you're interested in becoming a sponsor, email us at
-      <a href="mailto:sponsor@javascriptbangkok.com" class="text-brand-blue"
+      <a href="mailto:sponsor@javascriptbangkok.com" class="text-brand-orange"
         >sponsor@javascriptbangkok.com</a
       >
     </p>

src/packlets/new-front/sponsors.astro

@@ -0,0 +1,21 @@
+---
+import { Image } from 'astro:assets'
+
+import ticketsAvailable from '$assets/tickets-avail.svg'
+---
+
+<section class="bg-brand-blue px-8 py-12">
+    <h1 class="text-5xl font-bold text-white text-center pb-6">Tickets</h1>
+    <p class="mx-auto max-w-3xl text-center text-white pb-12 text-lg">
+        Tickets are on sale, and available for purchase at <a class="text-brand-green" href="https://www.eventpop.me/e/38704/javascript-bangkok-2-0-0">Eventpop</a>
+    </p>
+    <div class="flex justify-center">
+        <a
+            href="https://www.eventpop.me/e/38704/javascript-bangkok-2-0-0"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="bg-white rounded-xl shadow border">
+            <Image src={ticketsAvailable} alt="Ticket avaialble at Eventpop" class="w-72" />
+        </a>
+    </div>
+</section>

src/packlets/new-front/tickets.astro

@@ -5,6 +5,7 @@ import Logo from '$new-front/logo.astro'
 import Patterns from '$playground/patterns.svelte'
 import Schedule from '$new-front/schedule.astro'
 import Map from '$new-front/map.astro'
+import Tickets from '$new-front/tickets.astro'
 import Speakers from '$new-front/speakers.astro'
 import Sponsors from '$new-front/sponsors.astro'
 import MobileStrip from '$playground/mobileStrip.svelte'
@@ -22,6 +23,7 @@ import MobileStrip from '$playground/mobileStrip.svelte'
   </div>
   <Schedule />
   <Map />
+  <Tickets />
   <Speakers />
   <Sponsors />