fix: init

src/routes/community/+page.svelte

@@ -1,12 +1,72 @@
 <script lang="ts" context="module">
     export const events: EventCardProps[] = [
+        {
+            href: 'https://discord.com/events/564160730845151244/1209117134417035365',
+            cover: {
+                src: '/images/community/events/init-0.png',
+                alt: ''
+            },
+            date: 'February 26th, 2024',
+            location: 'Discord',
+            title: 'Guest speaker: Diana Pham',
+            description: 'Join day zero of Init together with Vonage developer advocate Diana Pham.',
+            buttonText: 'View event'
+        },
+        {
+            href: 'https://discord.com/events/564160730845151244/1209117245859569754',
+            cover: {
+                src: '/images/community/events/init-1.png',
+                alt: ''
+            },
+            date: 'February 27th, 2024',
+            location: 'Discord',
+            title: 'Guest speaker: Diana Pham',
+            description: 'Join day zero of Init together with Vonage developer advocate Diana Pham.',
+            buttonText: 'View event'
+        },
+        {
+            href: 'https://discord.com/events/564160730845151244/1209117412247609354',
+            cover: {
+                src: '/images/community/events/init-2.png',
+                alt: ''
+            },
+            date: 'February 28th, 2024',
+            location: 'Discord',
+            title: 'Guest speaker: Diana Pham',
+            description: 'Join day zero of Init together with Vonage developer advocate Diana Pham.',
+            buttonText: 'View event'
+        },
+        {
+            href: 'https://discord.com/events/564160730845151244/1209117457294295121',
+            cover: {
+                src: '/images/community/events/init-3.png',
+                alt: ''
+            },
+            date: 'February 29th, 2024',
+            location: 'Discord',
+            title: 'Guest speaker: Diana Pham',
+            description: 'Join day zero of Init together with Vonage developer advocate Diana Pham.',
+            buttonText: 'View event'
+        },
+        {
+            href: 'https://discord.com/events/564160730845151244/1209117535723851776',
+            cover: {
+                src: '/images/community/events/init-4.png',
+                alt: ''
+            },
+            date: 'March 1st, 2024',
+            location: 'Discord',
+            title: 'Guest speaker: Diana Pham',
+            description: 'Join day zero of Init together with Vonage developer advocate Diana Pham.',
+            buttonText: 'View event'
+        },
         {
             href: '/discord',
             cover: {
                 src: '/images/community/events/december-1.png',
                 alt: ''
             },
-            date: 'December 14th',
+            date: 'December 14th, 2023',
             location: 'Discord',
             title: 'Office hours',
             description: 'Join us for an exciting hour of technical conversations around Appwrite.',
@@ -18,7 +78,7 @@
                 src: '/images/community/events/december-2.png',
                 alt: ''
             },
-            date: 'December 21st',
+            date: 'December 21st, 2023',
             location: 'Discord',
             title: 'Office hours',
             description: 'Join us for an exciting hour of technical conversations around Appwrite.',
@@ -30,7 +90,7 @@
                 src: '/images/community/events/december-3.png',
                 alt: ''
             },
-            date: 'December 28th',
+            date: 'December 28th, 2023',
             location: 'Discord',
             title: 'Office hours',
             description: 'Join us for an exciting hour of technical conversations around Appwrite.',

src/routes/init/(animations)/index.ts

@@ -1,7 +1,5 @@
 import Logo from './Logo.svelte';
-import Messaging from './Messaging.svelte';
 
 export const Animations = {
-    Logo,
-    Messaging
+    Logo
 };

src/routes/init/+page.svelte

@@ -14,7 +14,7 @@
     import type { TicketVariant } from './ticket/constants';
     import CountdownCard from './(components)/CountdownCard.svelte';
 
-    const base = new Date('2024-02-21 15:00:00 GMT+0000');
+    const base = new Date('2024-02-26 15:00:00 GMT+0000');
     const addDays = (date: Date, days: number) => {
         return new Date(date.getTime() + days * 24 * 60 * 60 * 1000);
     };
@@ -92,10 +92,10 @@
         <p class="aw-description">The start of something new.</p>
         <div class="buttons">
             <a href="/init/ticket" class="aw-button">Claim your ticket</a>
-            <button class="aw-button is-secondary">
+            <!-- <button class="aw-button is-secondary">
                 <div class="aw-icon-play" />
                 <span class="text">Watch the video</span>
-            </button>
+            </button> -->
         </div>
 
         <img class="shines" src={ShinesSvg} alt="" />
@@ -104,16 +104,17 @@
     <div class="aw-container">
         <div class="day-cards">
             {#each days as day, i (day.release.toISOString())}
-                <DayCard {day} number={i}>
-                    {#if i === 0}
-                        <Animations.Messaging />
-                    {/if}
-                </DayCard>
+                <DayCard {day} number={i} />
             {/each}
         </div>
         <hr />
 
         <div class="days">
+            <h2 class="aw-eyebrow aw-u-color-text-primary">
+                <div class="aw-dot" />
+            </h2>
+
+            <CountdownCard date={new Date('2024-02-21 15:00:00 GMT+0000')} />
             {#each days as day, i}
                 <h2 class="aw-eyebrow aw-u-color-text-primary">
                     <div class="aw-dot" />
@@ -163,7 +164,9 @@
                 <a href="/init/ticket" class="aw-button is-secondary">Claim your ticket</a>
             </div>
 
-            <div class="aw-card is-normal has-border-gradient" />
+            <div class="aw-card is-normal has-border-gradient">
+                <enhanced:img class="swag" src="./(assets)/swag.png" alt="" />
+            </div>
         </div>
 
         <div class="tickets">
@@ -391,6 +394,11 @@
             .aw-card {
                 width: 480px;
                 height: 200px;
+                padding: 8px;
+
+                .swag {
+                    border-radius: 12px;
+                }
             }
 
             @media screen and (max-width: 1023px) {

src/routes/init/ticket/customize/form.svelte

@@ -8,6 +8,8 @@
         'Vue',
         'Angular',
         'Next',
+        'Astro',
+        'Qwik',
         'Apple',
         'Android',
         'Windows',
@@ -39,26 +41,6 @@
     $: ({ ticket } = $page.data as PageData);
 
     const variants: TicketVariant[] = ['default', 'pink', 'rainbow'] as const;
-
-    const tribes = [
-        null,
-        'Appwrite',
-        'Flutter',
-        'Svelte',
-        'React',
-        'Vue',
-        'Angular',
-        'Next',
-        'Apple',
-        'Android',
-        'Windows',
-        'Linux',
-        'Python',
-        'Dart',
-        'php',
-        'Ruby',
-        'NET'
-    ];
 </script>
 
 <div class="u-flex u-flex-vertical u-gap-4 u-margin-block-start-32">