Merge branch 'main' into homepage-2025

2025-12-06 04:22:07 +00:00 · 2025-05-08 11:34:46 -04:00
parent 610776a56f fbec2f0102
commit 5d5f7d2b8a
188 changed files with 6451 additions and 11494 deletions
--- a/package.json
+++ b/package.json
@@ -50,9 +50,11 @@
        "@tailwindcss/postcss": "^4.1.4",
        "@types/compression": "^1.7.5",
        "@types/glob": "^8.1.0",
+        "@types/jsdom": "^21.1.7",
        "@types/markdown-it": "^13.0.9",
        "@types/morgan": "^1.9.9",
        "analytics": "^0.8.16",
+        "appwrite": "^17.0.1",
        "bits-ui": "^1.3.19",
        "clsx": "^2.1.1",
        "cva": "npm:class-variance-authority@^0.7.1",
@@ -68,10 +70,12 @@
        "fuse.js": "^7.0.0",
        "globals": "^15.14.0",
        "highlight.js": "^11.11.1",
+        "linkedom": "^0.18.9",
        "markdown-it": "^14.1.0",
        "meilisearch": "^0.37.0",
        "melt": "^0.29.2",
        "motion": "^12.7.4",
+        "node-appwrite": "^16.0.0",
        "node-html-parser": "^6.1.13",
        "openapi-types": "^12.1.3",
        "oslllo-svg-fixer": "^3.0.0",
@@ -95,11 +99,13 @@
        "tslib": "^2.8.1",
        "typescript": "^5.8.2",
        "typescript-eslint": "^8.21.0",
+        "vaul-svelte": "1.0.0-next.7",
        "vite": "^6.2.4",
        "vite-plugin-dynamic-import": "^1.6.0",
        "vite-plugin-image-optimizer": "^1.1.8",
        "vite-plugin-manifest-sri": "^0.2.0",
-        "vitest": "^3.1.1"
+        "vitest": "^3.1.1",
+        "zod": "^3.24.2"
    },
    "pnpm": {
        "onlyBuiltDependencies": [
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,6 +75,9 @@ importers:
      '@types/glob':
        specifier: ^8.1.0
        version: 8.1.0
+      '@types/jsdom':
+        specifier: ^21.1.7
+        version: 21.1.7
      '@types/markdown-it':
        specifier: ^13.0.9
        version: 13.0.9
@@ -84,6 +87,9 @@ importers:
      analytics:
        specifier: ^0.8.16
        version: 0.8.16(@types/dlv@1.1.5)
+      appwrite:
+        specifier: ^17.0.1
+        version: 17.0.2
      bits-ui:
        specifier: ^1.3.19
        version: 1.3.19(svelte@5.25.6)
@@ -129,6 +135,9 @@ importers:
      highlight.js:
        specifier: ^11.11.1
        version: 11.11.1
+      linkedom:
+        specifier: ^0.18.9
+        version: 0.18.10
      markdown-it:
        specifier: ^14.1.0
        version: 14.1.0
@@ -141,6 +150,9 @@ importers:
      motion:
        specifier: ^12.7.4
        version: 12.7.4
+      node-appwrite:
+        specifier: ^16.0.0
+        version: 16.0.0
      node-html-parser:
        specifier: ^6.1.13
        version: 6.1.13
@@ -207,6 +219,9 @@ importers:
      typescript-eslint:
        specifier: ^8.21.0
        version: 8.26.1(eslint@9.22.0(jiti@2.4.2))(typescript@5.8.2)
+      vaul-svelte:
+        specifier: 1.0.0-next.7
+        version: 1.0.0-next.7(svelte@5.25.6)
      vite:
        specifier: ^6.2.4
        version: 6.2.4(@types/node@22.13.10)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.85.1)(yaml@2.7.0)
@@ -222,6 +237,9 @@ importers:
      vitest:
        specifier: ^3.1.1
        version: 3.1.1(@types/node@22.13.10)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.85.1)(yaml@2.7.0)
+      zod:
+        specifier: ^3.24.2
+        version: 3.24.4

 packages:

@@ -1436,6 +1454,9 @@ packages:
  '@types/http-errors@2.0.4':
    resolution: {integrity: sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==}

+  '@types/jsdom@21.1.7':
+    resolution: {integrity: sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==}
+
  '@types/json-schema@7.0.15':
    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}

@@ -1490,6 +1511,9 @@ packages:
  '@types/serve-static@1.15.7':
    resolution: {integrity: sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==}

+  '@types/tough-cookie@4.0.5':
+    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
+
  '@typescript-eslint/eslint-plugin@8.26.1':
    resolution: {integrity: sha512-2X3mwqsj9Bd3Ciz508ZUtoQQYpOhU/kWoUqIf49H8Z0+Vbh6UF/y0OEYp0Q0axOGzaBGs7QxRwq0knSQ8khQNA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1641,6 +1665,9 @@ packages:
  any-promise@1.3.0:
    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}

+  appwrite@17.0.2:
+    resolution: {integrity: sha512-h8frLDRYzFDLS9xA2s8ZSlH/prPFq/ma5477fgQHHLcE/t9RDxNImpq9AleRUb9Oh1YJiP49HCObxgSTGW5AQA==}
+
  aproba@2.0.0:
    resolution: {integrity: sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==}

@@ -1892,6 +1919,9 @@ packages:
    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}

+  cssom@0.5.0:
+    resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
+
  cubic2quad@1.2.1:
    resolution: {integrity: sha512-wT5Y7mO8abrV16gnssKdmIhIbA9wSkeMzhh27jAguKrV82i24wER0vL5TGhUJ9dbJNDcigoRZ0IAHFEEEI4THQ==}

@@ -2040,6 +2070,10 @@ packages:
    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
    engines: {node: '>=0.12'}

+  entities@6.0.0:
+    resolution: {integrity: sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==}
+    engines: {node: '>=0.12'}
+
  env-paths@2.2.1:
    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
    engines: {node: '>=6'}
@@ -2398,6 +2432,9 @@ packages:
  html-escaper@3.0.3:
    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}

+  htmlparser2@10.0.0:
+    resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
+
  htmlparser2@9.1.0:
    resolution: {integrity: sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==}

@@ -2676,6 +2713,9 @@ packages:
  lines-and-columns@1.2.4:
    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}

+  linkedom@0.18.10:
+    resolution: {integrity: sha512-ESCqVAtme2GI3zZnlVRidiydByV6WmPlmKeFzFVQslADiAO2Wi+H6xL/5kr/pUOESjEoVb2Eb3cYFJ/TQhQOWA==}
+
  linkify-it@5.0.0:
    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}

@@ -2899,6 +2939,12 @@ packages:
  node-addon-api@7.1.1:
    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}

+  node-appwrite@16.0.0:
+    resolution: {integrity: sha512-KLC8bNtZ8T2sxiudYNC0V5UwegxE7+FmLo96a5RuSgRRw3B4WSzs3JYy+WG8p+eZJjg1o1JrQeB7ikUc8qZc0Q==}
+
+  node-fetch-native-with-agent@1.7.2:
+    resolution: {integrity: sha512-5MaOOCuJEvcckoz7/tjdx1M6OusOY6Xc5f459IaruGStWnKzlI1qpNgaAwmn4LmFYcsSlj+jBMk84wmmRxfk5g==}
+
  node-fetch@2.7.0:
    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
    engines: {node: 4.x || >=6.0.0}
@@ -3682,6 +3728,9 @@ packages:
  ufo@1.5.4:
    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}

+  uhyphen@0.2.0:
+    resolution: {integrity: sha512-qz3o9CHXmJJPGBdqzab7qAYuW8kQGKNEuoHFYrBwV6hWIMcpAmxDLXojcHfFr9US1Pe6zUswEIJIbLI610fuqA==}
+
  uncrypto@0.1.3:
    resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}

@@ -3717,6 +3766,12 @@ packages:
    resolution: {integrity: sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==}
    engines: {node: '>= 0.10'}

+  vaul-svelte@1.0.0-next.7:
+    resolution: {integrity: sha512-7zN7Bi3dFQixvvbUJY9uGDe7Ws/dGZeBQR2pXdXmzQiakjrxBvWo0QrmsX3HK+VH+SZOltz378cmgmCS9f9rSg==}
+    engines: {node: '>=18', pnpm: '>=8.7.0'}
+    peerDependencies:
+      svelte: ^5.0.0
+
  vite-imagetools@7.0.5:
    resolution: {integrity: sha512-OOvVnaBTqJJ2J7X1cM1qpH4pj9jsfTxia1VSuWeyXtf+OnP8d0YI1LHpv8y2NT47wg+n7XiTgh3BvcSffuBWrw==}
    engines: {node: '>=18.0.0'}
@@ -3924,6 +3979,9 @@ packages:
  zimmerframe@1.1.2:
    resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}

+  zod@3.24.4:
+    resolution: {integrity: sha512-OdqJE9UDRPwWsrHjLN2F8bPxvwJBK22EHLWtanu0LSYr5YqzsaaW3RMgmjwr8Rypg5k+meEJdSPXJZXE/yqOMg==}
+
 snapshots:

  '@alloc/quick-lru@5.2.0': {}
@@ -5028,6 +5086,12 @@ snapshots:

  '@types/http-errors@2.0.4': {}

+  '@types/jsdom@21.1.7':
+    dependencies:
+      '@types/node': 22.13.10
+      '@types/tough-cookie': 4.0.5
+      parse5: 7.2.1
+
  '@types/json-schema@7.0.15': {}

  '@types/linkify-it@3.0.5': {}
@@ -5084,6 +5148,8 @@ snapshots:
      '@types/node': 22.13.10
      '@types/send': 0.17.4

+  '@types/tough-cookie@4.0.5': {}
+
  '@typescript-eslint/eslint-plugin@8.26.1(@typescript-eslint/parser@8.26.1(eslint@9.22.0(jiti@2.4.2))(typescript@5.8.2))(eslint@9.22.0(jiti@2.4.2))(typescript@5.8.2)':
    dependencies:
      '@eslint-community/regexpp': 4.12.1
@@ -5268,6 +5334,8 @@ snapshots:

  any-promise@1.3.0: {}

+  appwrite@17.0.2: {}
+
  aproba@2.0.0: {}

  are-we-there-yet@3.0.1:
@@ -5553,6 +5621,8 @@ snapshots:
    dependencies:
      css-tree: 2.2.1

+  cssom@0.5.0: {}
+
  cubic2quad@1.2.1: {}

  date-fns@3.6.0: {}
@@ -5683,6 +5753,8 @@ snapshots:

  entities@4.5.0: {}

+  entities@6.0.0: {}
+
  env-paths@2.2.1: {}

  err-code@2.0.3: {}
@@ -6094,6 +6166,13 @@ snapshots:

  html-escaper@3.0.3: {}

+  htmlparser2@10.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 6.0.0
+
  htmlparser2@9.1.0:
    dependencies:
      domelementtype: 2.3.0
@@ -6348,6 +6427,14 @@ snapshots:

  lines-and-columns@1.2.4: {}

+  linkedom@0.18.10:
+    dependencies:
+      css-select: 5.1.0
+      cssom: 0.5.0
+      html-escaper: 3.0.3
+      htmlparser2: 10.0.0
+      uhyphen: 0.2.0
+
  linkify-it@5.0.0:
    dependencies:
      uc.micro: 2.1.0
@@ -6570,6 +6657,12 @@ snapshots:
  node-addon-api@7.1.1:
    optional: true

+  node-appwrite@16.0.0:
+    dependencies:
+      node-fetch-native-with-agent: 1.7.2
+
+  node-fetch-native-with-agent@1.7.2: {}
+
  node-fetch@2.7.0(encoding@0.1.13):
    dependencies:
      whatwg-url: 5.0.0
@@ -7359,6 +7452,8 @@ snapshots:

  ufo@1.5.4: {}

+  uhyphen@0.2.0: {}
+
  uncrypto@0.1.3: {}

  undici-types@6.20.0: {}
@@ -7387,6 +7482,12 @@ snapshots:

  validator@13.12.0: {}

+  vaul-svelte@1.0.0-next.7(svelte@5.25.6):
+    dependencies:
+      runed: 0.23.4(svelte@5.25.6)
+      svelte: 5.25.6
+      svelte-toolbelt: 0.7.1(svelte@5.25.6)
+
  vite-imagetools@7.0.5(rollup@4.35.0):
    dependencies:
      '@rollup/pluginutils': 5.1.4(rollup@4.35.0)
@@ -7590,3 +7691,5 @@ snapshots:
  yocto-queue@0.1.0: {}

  zimmerframe@1.1.2: {}
+
+  zod@3.24.4: {}
--- a/src/app.css
+++ b/src/app.css
@@ -16,6 +16,9 @@
    --color-secondary: var(--color-secondary);
    --color-accent: var(--color-secondary);
    --color-smooth: var(--color-smooth);
+    --color-subtle: var(--color-subtle);
+    --color-tertiary: var(--color-tertiary);
+    --color-card: var(--color-card);

    /* pink */
    --color-pink-200: hsl(var(--color-pink-hue) 98% 84%);
@@ -385,20 +388,28 @@
    --color-yellow-hue: 42;
    --color-blue-hue: 217;
    --color-greyscale-hue: 240;
+    --color-primary-bg: var(--color-greyscale-25);

    /* base */
    --color-primary: var(--color-greyscale-900);
    --color-secondary: var(--color-greyscale-700);
    --color-accent: var(--color-pink-600);
+    --carousel-gradient: transparent;
    --color-badge-bg: var(--color-badge-bg-light);
    --color-badge-border: var(--color-badge-border-light);
    --color-smooth: hsl(var(--color-greyscale-hue) 6%, 10%, 0.04);
+    --color-card: var(--color-greyscale-850);
+    --color-tertiary: hsl(var(--color-greyscale-600));
+    --color-offset: hsl(var(--color-greyscale-hue) 2%, 11%, 0.94);
+    --color-subtle: var(--color-greyscale-850);
 }

 .dark {
    --color-primary: var(--color-greyscale-100);
    --color-secondary: var(--color-greyscale-300);
-    --color-badge-bg: var(--color-badge-bg-dark);
-    --color-badge-border: var(--color-badge-border-dark);
+    --carousel-gradient: 23, 23, 26;
+    --color-primary-bg: var(--color-greyscale-900);
    --color-smooth: hsl(0 0%, 100%, 0.06);
+    --color-tertiary: hsl(var(--color-greyscale-600));
+    --color-offset: hsl(0 0% 100% / 0.1);
 }
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -1,4 +1,7 @@
 // See https://kit.svelte.dev/docs/types#app
+
+import type { Account } from 'node-appwrite';
+
 // for information about these interfaces
 declare global {
    namespace App {
@@ -8,6 +11,19 @@ declare global {
            changelogEntries: number;
        }
        // interface Platform {}
+        interface Locals {
+            initUser: {
+                github: {
+                    login: string;
+                    name: string;
+                    email: string;
+                    avatar_url: string | undefined;
+                } | null;
+                appwrite: AppwriteUser | null;
+            };
+            account: Models.User<Models.Preferences>;
+            nonce: string;
+        }
    }
 }

--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -1,8 +1,14 @@
-import type { Handle } from '@sveltejs/kit';
+import type { Handle, RequestEvent } from '@sveltejs/kit';
 import redirects from './redirects.json';
 import { sequence } from '@sveltejs/kit/hooks';
 import { BANNER_KEY } from '$lib/constants';
 import { dev } from '$app/environment';
+import { type GithubUser } from '$routes/(init)/init/(utils)/auth';
+import {
+    createInitServerClient,
+    createInitSessionClient
+} from '$routes/(init)/init/(utils)/appwrite';
+import type { AppwriteUser } from '$lib/utils/console';

 const redirectMap = new Map(redirects.map(({ link, redirect }) => [link, redirect]));

@@ -22,7 +28,7 @@ const redirecter: Handle = async ({ event, resolve }) => {

 const securityheaders: Handle = async ({ event, resolve }) => {
    const nonce = Buffer.from(crypto.randomUUID()).toString('base64');
-    (event.locals as { nonce: string }).nonce = nonce;
+    event.locals.nonce = nonce;

    const response = await resolve(event, {
        transformPageChunk: ({ html }) => {
@@ -131,4 +137,72 @@ const fontPreloader: Handle = async ({ event, resolve }) => {
    });
 };

-export const handle = sequence(fontPreloader, redirecter, bannerRewriter, securityheaders);
+const initSession: Handle = async ({ event, resolve }) => {
+    const session = await createInitSessionClient(event.cookies);
+
+    const getGithubUser = async () => {
+        try {
+            const identitiesList = await session?.account.listIdentities();
+
+            if (!identitiesList?.total) return null;
+            const identity = identitiesList.identities[0];
+            const { providerAccessToken, provider, providerEmail } = identity;
+            if (provider !== 'github') return null;
+
+            const res = await fetch('https://api.github.com/user', {
+                method: 'GET',
+                headers: {
+                    Authorization: `Bearer ${providerAccessToken}`
+                }
+            })
+                .then((res) => {
+                    return res.json() as Promise<GithubUser>;
+                })
+                .then((user) => ({
+                    login: user.login,
+                    name: user.name,
+                    email: providerEmail,
+                    avatar_url: user.avatar_url
+                }));
+
+            if (!res.login) {
+                await session?.account.deleteSession('current');
+                return null;
+            }
+
+            return res;
+        } catch (e) {
+            console.error(e);
+            return null;
+        }
+    };
+
+    const getAppwriteUser = async (): Promise<AppwriteUser | null> => {
+        const appwriteUser = await session?.account
+            .get()
+            .then((res) => res)
+            .catch((e) => null);
+
+        return appwriteUser || null;
+    };
+
+    const getInitUser = async () => {
+        const [github, appwrite] = await Promise.all([getGithubUser(), getAppwriteUser()]);
+
+        return { github, appwrite };
+    };
+
+    event.locals.initUser = await getInitUser();
+
+    const response = await resolve(event);
+
+    return response;
+};
+
+export const handle = sequence(
+    redirecter,
+    fontPreloader,
+    bannerRewriter,
+    securityheaders,
+    initSession
+);
--- a/src/icons/optimized/customize.svg
+++ b/src/icons/optimized/customize.svg
@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.750 2.914 C 13.517 2.971,13.319 3.079,13.067 3.285 C 12.947 3.383,11.791 4.525,10.497 5.823 C 7.967 8.360,8.038 8.279,7.918 8.749 C 7.847 9.023,7.846 10.546,7.916 10.876 C 8.045 11.485,8.515 11.955,9.124 12.084 C 9.454 12.154,10.977 12.153,11.251 12.082 C 11.724 11.961,11.628 12.046,14.286 9.387 C 15.793 7.880,16.802 6.845,16.874 6.733 C 17.208 6.214,17.216 5.562,16.893 5.058 C 16.714 4.778,15.221 3.285,14.940 3.106 C 14.603 2.890,14.144 2.816,13.750 2.914 M14.321 4.138 C 14.468 4.249,15.656 5.429,15.803 5.611 C 15.994 5.848,15.984 5.940,15.737 6.224 C 15.628 6.348,15.400 6.589,15.228 6.758 L 14.916 7.066 13.924 6.074 L 12.933 5.083 13.342 4.681 C 13.903 4.128,13.980 4.067,14.113 4.067 C 14.175 4.067,14.267 4.099,14.321 4.138 M4.733 4.438 C 4.093 4.525,3.540 5.078,3.435 5.733 C 3.388 6.028,3.387 14.966,3.434 15.267 C 3.536 15.920,4.077 16.460,4.733 16.565 C 5.028 16.612,13.966 16.613,14.267 16.566 C 14.920 16.464,15.460 15.923,15.565 15.267 C 15.586 15.138,15.600 14.352,15.600 13.324 C 15.600 11.492,15.598 11.463,15.440 11.289 C 15.174 10.995,14.666 11.062,14.472 11.417 C 14.423 11.505,14.415 11.730,14.400 13.341 L 14.383 15.165 14.274 15.274 L 14.165 15.383 9.500 15.383 L 4.835 15.383 4.726 15.274 L 4.617 15.165 4.617 10.500 L 4.617 5.835 4.726 5.726 L 4.835 5.617 6.742 5.600 C 8.591 5.584,8.654 5.581,8.767 5.515 C 9.173 5.276,9.156 4.699,8.736 4.477 L 8.590 4.400 6.770 4.404 C 5.769 4.406,4.852 4.422,4.733 4.438 M12.593 9.390 C 11.782 10.201,11.079 10.881,11.031 10.901 C 10.894 10.958,9.338 10.931,9.247 10.870 C 9.092 10.767,9.085 10.725,9.072 9.890 C 9.066 9.453,9.070 9.056,9.082 9.006 C 9.097 8.948,9.622 8.398,10.593 7.425 L 12.083 5.933 13.075 6.925 L 14.067 7.916 12.593 9.390 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>
--- a/src/icons/optimized/ticket.svg
+++ b/src/icons/optimized/ticket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path d="M2.891 4.559 C 2.428 4.669,1.905 5.107,1.686 5.567 C 1.497 5.964,1.474 6.254,1.488 8.020 C 1.502 9.864,1.474 9.750,2.016 10.150 C 2.563 10.554,2.880 11.063,2.970 11.684 C 3.094 12.531,2.726 13.352,1.992 13.872 C 1.800 14.008,1.658 14.143,1.596 14.252 L 1.500 14.420 1.488 15.980 C 1.480 16.919,1.492 17.665,1.517 17.853 C 1.629 18.690,2.283 19.360,3.104 19.479 C 3.482 19.533,20.518 19.533,20.896 19.479 C 21.717 19.360,22.371 18.690,22.483 17.853 C 22.508 17.665,22.520 16.919,22.512 15.980 L 22.500 14.420 22.404 14.252 C 22.342 14.143,22.200 14.008,22.008 13.872 C 20.670 12.926,20.670 11.074,22.008 10.128 C 22.200 9.992,22.342 9.857,22.404 9.748 L 22.500 9.580 22.512 8.020 C 22.526 6.254,22.503 5.964,22.314 5.567 C 22.144 5.210,21.789 4.857,21.420 4.677 L 21.140 4.540 12.080 4.534 C 7.097 4.531,2.962 4.542,2.891 4.559 M15.760 6.457 C 15.760 6.968,15.789 7.082,15.970 7.269 C 16.252 7.562,16.748 7.562,17.030 7.269 C 17.211 7.082,17.240 6.968,17.240 6.457 L 17.240 6.000 18.958 6.000 C 20.205 6.000,20.705 6.013,20.781 6.048 C 20.992 6.144,21.000 6.203,21.000 7.643 L 21.000 8.970 20.667 9.295 C 19.891 10.053,19.509 10.945,19.509 12.000 C 19.509 13.055,19.891 13.947,20.667 14.705 L 21.000 15.030 21.000 16.358 C 21.000 17.738,20.994 17.793,20.825 17.929 C 20.747 17.992,20.588 17.998,18.990 17.999 L 17.240 18.000 17.240 17.543 C 17.240 17.043,17.210 16.919,17.047 16.745 C 16.907 16.595,16.726 16.520,16.504 16.520 C 16.280 16.520,16.132 16.575,15.985 16.713 C 15.799 16.887,15.760 17.030,15.760 17.539 L 15.760 18.000 9.510 17.999 C 3.649 17.998,3.255 17.994,3.175 17.929 C 3.006 17.793,3.000 17.738,3.000 16.358 L 3.000 15.031 3.334 14.703 C 4.114 13.935,4.491 13.055,4.491 12.000 C 4.491 10.944,4.107 10.050,3.332 9.297 L 3.000 8.974 3.001 7.637 C 3.003 6.208,3.009 6.164,3.204 6.056 C 3.283 6.012,4.436 6.003,9.530 6.001 L 15.760 6.000 15.760 6.457 M16.167 9.084 C 16.068 9.134,15.948 9.241,15.887 9.333 C 15.785 9.487,15.779 9.520,15.768 10.097 C 15.755 10.779,15.783 10.877,16.055 11.096 C 16.324 11.314,16.818 11.273,17.045 11.014 C 17.213 10.824,17.240 10.700,17.240 10.135 C 17.240 9.657,17.229 9.563,17.155 9.410 C 16.982 9.052,16.525 8.901,16.167 9.084 M7.167 12.086 C 6.848 12.243,6.682 12.662,6.798 13.013 C 6.868 13.227,7.110 13.424,7.369 13.478 C 7.520 13.509,8.393 13.519,10.263 13.511 C 12.693 13.501,12.951 13.494,13.064 13.432 C 13.229 13.342,13.433 13.105,13.463 12.969 C 13.476 12.909,13.493 12.838,13.501 12.812 C 13.530 12.717,13.410 12.355,13.315 12.253 C 13.263 12.196,13.148 12.116,13.060 12.076 C 12.909 12.006,12.737 12.002,10.120 12.001 C 7.357 12.000,7.339 12.001,7.167 12.086 M16.152 12.842 C 16.071 12.885,15.954 12.986,15.892 13.067 C 15.783 13.210,15.780 13.227,15.767 13.808 C 15.755 14.354,15.761 14.418,15.842 14.584 C 15.971 14.850,16.187 14.980,16.500 14.980 C 16.811 14.980,17.029 14.850,17.155 14.590 C 17.229 14.438,17.240 14.343,17.240 13.866 C 17.240 13.287,17.197 13.116,17.014 12.955 C 16.781 12.750,16.416 12.702,16.152 12.842 M7.420 14.259 C 7.398 14.267,7.331 14.284,7.271 14.297 C 7.211 14.310,7.095 14.379,7.015 14.450 C 6.595 14.818,6.699 15.443,7.220 15.684 C 7.367 15.752,7.507 15.758,9.000 15.758 C 10.493 15.758,10.633 15.752,10.780 15.684 C 11.075 15.547,11.240 15.303,11.240 15.000 C 11.240 14.799,11.181 14.647,11.047 14.506 C 10.810 14.255,10.854 14.261,9.080 14.252 C 8.189 14.248,7.442 14.251,7.420 14.259 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>
--- a/src/icons/svg/customize.svg
+++ b/src/icons/svg/customize.svg
@@ -0,0 +1,28 @@
+<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M8.46377 5L5.6 5C5.03995 5 4.75992 5 4.54601 5.10899C4.35785 5.20487 4.20487 5.35785 4.10899 5.54601C4 5.75992 4 6.03995 4 6.6V14.4C4 14.9601 4 15.2401 4.10899 15.454C4.20487 15.6422 4.35785 15.7951 4.54601 15.891C4.75992 16 5.03995 16 5.6 16H13.4C13.9601 16 14.2401 16 14.454 15.891C14.6422 15.7951 14.7951 15.6422 14.891 15.454C15 15.2401 15 14.9601 15 14.4V11.6957"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M12.99 4.18163C13.386 3.78562 13.584 3.58761 13.8123 3.51342C14.0132 3.44816 14.2295 3.44816 14.4304 3.51342C14.6587 3.58761 14.8567 3.78562 15.2527 4.18163L15.8184 4.74732C16.2144 5.14334 16.4124 5.34134 16.4866 5.56967C16.5519 5.77052 16.5519 5.98686 16.4866 6.18771C16.4124 6.41603 16.2144 6.61404 15.8184 7.01006L11.7615 11.0669C11.5886 11.2399 11.5021 11.3263 11.4012 11.3882C11.3117 11.443 11.2142 11.4834 11.1121 11.5079C10.9971 11.5355 10.8748 11.5355 10.6302 11.5355H10.0645C9.50443 11.5355 9.2244 11.5355 9.01049 11.4266C8.82233 11.3307 8.66935 11.1777 8.57348 10.9895C8.46448 10.7756 8.46448 10.4956 8.46448 9.93554V9.36986C8.46448 9.12527 8.46448 9.00297 8.49211 8.88788C8.51661 8.78585 8.55701 8.6883 8.61184 8.59883C8.67369 8.49791 8.76016 8.41144 8.93311 8.23849L12.99 4.18163Z"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M12 5L15 8"
+        stroke="currentColor"
+        stroke-width="1.2"
+        stroke-linejoin="round"
+    />
+</svg>
--- a/src/icons/svg/ticket.svg
+++ b/src/icons/svg/ticket.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+    stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round"
+        d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z" />
+</svg>
--- a/src/lib/actions/animate-in-view.ts
+++ b/src/lib/actions/animate-in-view.ts
@@ -1,4 +1,4 @@
-import { inView, type InViewOptions } from 'motion';
+import { inView, type InViewOptions } from 'motion-legacy';
 import { writable } from 'svelte/store';

 export const useAnimateInView = ({ options }: { options?: InViewOptions }) => {
--- a/src/lib/actions/mouse-position.ts
+++ b/src/lib/actions/mouse-position.ts
@@ -1,5 +1,5 @@
-import { hover, inView } from 'motion';
-import { type Writable, writable } from 'svelte/store';
+import { hover } from 'motion';
+import { writable } from 'svelte/store';

 export const useMousePosition = () => {
    let position = writable<{ x: number; y: number }>({
--- a/src/lib/appwrite/init.server.ts
+++ b/src/lib/appwrite/init.server.ts
@@ -1,14 +0,0 @@
-import { APPWRITE_API_KEY_INIT } from '$env/static/private';
-import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
-import { Account, Client, Databases } from '@appwrite.io/console';
-
-const clientServer = new Client();
-clientServer
-    .setEndpoint(PUBLIC_APPWRITE_ENDPOINT)
-    .setProject(PUBLIC_APPWRITE_PROJECT_INIT_ID)
-    .setKey(APPWRITE_API_KEY_INIT);
-
-export const appwriteInitServer = {
-    account: new Account(clientServer),
-    databases: new Databases(clientServer)
-};
--- a/src/lib/appwrite/init.ts
+++ b/src/lib/appwrite/init.ts
@@ -1,10 +0,0 @@
-import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
-import { Client, Account } from '@appwrite.io/console';
-
-const client = new Client();
-client.setEndpoint(PUBLIC_APPWRITE_ENDPOINT).setProject(PUBLIC_APPWRITE_PROJECT_INIT_ID);
-
-export const appwriteInit = {
-    client,
-    account: new Account(client)
-};
--- a/src/lib/components/FooterNav.svelte
+++ b/src/lib/components/FooterNav.svelte
@@ -96,7 +96,7 @@

 <nav
    aria-label="Footer"
-    class="web-footer-nav relative mt-24"
+    class="web-footer-nav relative container mt-24"
    class:web-u-sep-block-start={!noBorder}
 >
    <img class="web-logo" src="/images/logos/appwrite.svg" alt="appwrite" height="24" width="130" />
--- a/src/lib/components/shared/button.svelte
+++ b/src/lib/components/shared/button.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+    import { classNames } from '$lib/utils/classnames';
+    import type { HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
+    import { cva, type VariantProps } from 'cva';
+    import InlineTag from '../ui/InlineTag.svelte';
+
+    const button = cva(
+        [
+            'flex w-fit justify-center px-[0.875rem] h-10 transition-all text-center no-underline select-none min-w-10 bg-origin-border text-white font-medium items-center gap-2 rounded-lg border border-transparent button duration-200'
+        ],
+        {
+            variants: {
+                variant: {
+                    primary: [
+                        'bg-[linear-gradient(135deg,_var(--color-accent)_0%,_var(--color-accent)_61%,_var(--color-secondary-100)_100%)]',
+                        'hover:shadow-[0_0_2rem_var(--color-accent-200)] active:not:disabled:shadow-[0_0_2rem_var(--color-accent-200)]'
+                    ],
+                    secondary: [
+                        'bg-[#fd366e0a] relative',
+                        'hover:shadow-[0_-6px_10px_0px_rgba(253,54,110,0.08)_inset]'
+                    ],
+                    text: [
+                        'bg-transparent border-transparent text-white',
+                        'hover:backdrop-blur-md hover:bg-[linear-gradient(135deg,_rgba(255,_255,_255,_0.06)_0%,_rgba(255,_255,_255,_0.10)_54.74%,_rgba(255,_255,_255,_0.06)_100%)]'
+                    ]
+                }
+            }
+        }
+    );
+
+    type ButtonProps =
+        | (HTMLButtonAttributes & { href?: undefined })
+        | (HTMLAnchorAttributes & { href: string });
+
+    type $$Props = ButtonProps & VariantProps<typeof button>;
+
+    export let href: $$Props['href'] = undefined;
+    export let variant: $$Props['variant'] = 'primary';
+    const { class: classes, ...props } = $$restProps;
+
+    const buttonClasses = classNames(button({ variant }), classes, {
+        secondary: variant === 'secondary',
+        'leading-tight': $$slots.icon
+    });
+</script>
+
+{#if href}
+    <a {...props} {href} class={buttonClasses}>
+        {#if $$slots.icon}
+            <slot name="icon" />
+        {/if}
+        <slot />
+        {#if $$slots.tag}
+            <InlineTag>
+                <slot name="tag" />
+            </InlineTag>
+        {/if}
+    </a>
+{:else}
+    <button {...props} class={buttonClasses}>
+        {#if $$slots.icon}
+            <slot name="icon" />
+        {/if}
+        <slot />
+        {#if $$slots.tag}
+            <InlineTag>
+                <slot name="tag" />
+            </InlineTag>
+        {/if}
+    </button>
+{/if}
--- a/src/lib/components/shared/dialog.svelte
+++ b/src/lib/components/shared/dialog.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+    import { fade, scale } from 'svelte/transition';
+    import { createDialog, melt } from '@melt-ui/svelte';
+    import type { Snippet } from 'svelte';
+
+    type Props = {
+        url: string;
+        title?: string;
+        children: Snippet;
+    };
+
+    const {
+        elements: { portalled, trigger, content, overlay },
+        states: { open }
+    } = createDialog({
+        forceVisible: true,
+        preventScroll: true
+    });
+
+    const { url, title = 'YouTube video player', children }: Props = $props();
+</script>
+
+<div use:melt={$trigger} class="contents cursor-pointer">
+    {@render children()}
+</div>
+
+{#if $open}
+    <div class="fixed inset-0 z-1000 flex items-center justify-center">
+        <div
+            use:melt={$overlay}
+            class="fixed inset-0 top-0 z-1000 bg-black/50 transition ease-out"
+            transition:fade={{ duration: 150 }}
+        ></div>
+
+        <div
+            class="web-media content fixed z-1000 block aspect-video max-h-[75vh] w-[80%] object-contain"
+            use:melt={$content}
+            transition:scale={{ duration: 250, start: 0.95 }}
+        >
+            <iframe
+                src={url}
+                {title}
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen
+                class="block aspect-video h-full w-full"
+            ></iframe>
+        </div>
+    </div>
+{/if}
--- a/src/lib/components/shared/index.ts
+++ b/src/lib/components/shared/index.ts
@@ -1,2 +1,3 @@
 export { default as GithubStats } from './github-stats.svelte';
 export { default as DiscordLink } from './discord-link.svelte';
+export { default as Dialog } from './dialog.svelte';
--- a/src/lib/components/shared/spinner.svelte
+++ b/src/lib/components/shared/spinner.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+    export let size: number = 16;
+</script>
+
+<div role="status" class="flex shrink-0 items-center" style="--size:{size}px">
+    <svg
+        aria-hidden="true"
+        class="text-greyscale-200 dark:text-greyscale-600 size-[var(--size)] animate-spin fill-white"
+        viewBox="0 0 100 101"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+            fill="currentColor"
+        />
+        <path
+            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+            fill="currentFill"
+        />
+    </svg>
+    <span class="sr-only">Loading...</span>
+</div>
--- a/src/routes/init/(components)/VideoDialog.svelte
+++ b/src/routes/init/(components)/VideoDialog.svelte
--- a/src/routes/init/(components)/VideoWrapper.svelte
+++ b/src/routes/init/(components)/VideoWrapper.svelte
--- a/src/lib/components/ui/icon/icon.svelte
+++ b/src/lib/components/ui/icon/icon.svelte
@@ -5,7 +5,7 @@

    type Props = SvelteHTMLElements['svg'] & {
        class?: string;
-        name?: IconType;
+        name: IconType;
    };

    const {
@@ -14,7 +14,7 @@
        height = 20,
        width = 20,
        class: className = '',
-        name = 'arrow-right',
+        name,
        ...rest
    }: Props = $props();
 </script>
--- a/src/lib/components/ui/icon/sprite/sprite.svelte
+++ b/src/lib/components/ui/icon/sprite/sprite.svelte
@@ -139,6 +139,14 @@
            fill-rule="evenodd"
        ></path>
    </symbol>
+    <symbol id="customize" stroke="currentColor" viewBox="0 0 20 20">
+        <path
+            d="M13.750 2.914 C 13.517 2.971,13.319 3.079,13.067 3.285 C 12.947 3.383,11.791 4.525,10.497 5.823 C 7.967 8.360,8.038 8.279,7.918 8.749 C 7.847 9.023,7.846 10.546,7.916 10.876 C 8.045 11.485,8.515 11.955,9.124 12.084 C 9.454 12.154,10.977 12.153,11.251 12.082 C 11.724 11.961,11.628 12.046,14.286 9.387 C 15.793 7.880,16.802 6.845,16.874 6.733 C 17.208 6.214,17.216 5.562,16.893 5.058 C 16.714 4.778,15.221 3.285,14.940 3.106 C 14.603 2.890,14.144 2.816,13.750 2.914 M14.321 4.138 C 14.468 4.249,15.656 5.429,15.803 5.611 C 15.994 5.848,15.984 5.940,15.737 6.224 C 15.628 6.348,15.400 6.589,15.228 6.758 L 14.916 7.066 13.924 6.074 L 12.933 5.083 13.342 4.681 C 13.903 4.128,13.980 4.067,14.113 4.067 C 14.175 4.067,14.267 4.099,14.321 4.138 M4.733 4.438 C 4.093 4.525,3.540 5.078,3.435 5.733 C 3.388 6.028,3.387 14.966,3.434 15.267 C 3.536 15.920,4.077 16.460,4.733 16.565 C 5.028 16.612,13.966 16.613,14.267 16.566 C 14.920 16.464,15.460 15.923,15.565 15.267 C 15.586 15.138,15.600 14.352,15.600 13.324 C 15.600 11.492,15.598 11.463,15.440 11.289 C 15.174 10.995,14.666 11.062,14.472 11.417 C 14.423 11.505,14.415 11.730,14.400 13.341 L 14.383 15.165 14.274 15.274 L 14.165 15.383 9.500 15.383 L 4.835 15.383 4.726 15.274 L 4.617 15.165 4.617 10.500 L 4.617 5.835 4.726 5.726 L 4.835 5.617 6.742 5.600 C 8.591 5.584,8.654 5.581,8.767 5.515 C 9.173 5.276,9.156 4.699,8.736 4.477 L 8.590 4.400 6.770 4.404 C 5.769 4.406,4.852 4.422,4.733 4.438 M12.593 9.390 C 11.782 10.201,11.079 10.881,11.031 10.901 C 10.894 10.958,9.338 10.931,9.247 10.870 C 9.092 10.767,9.085 10.725,9.072 9.890 C 9.066 9.453,9.070 9.056,9.082 9.006 C 9.097 8.948,9.622 8.398,10.593 7.425 L 12.083 5.933 13.075 6.925 L 14.067 7.916 12.593 9.390 "
+            stroke="none"
+            fill-rule="evenodd"
+            fill="currentColor"
+        ></path>
+    </symbol>
    <symbol id="daily-dev" stroke="currentColor" viewBox="0 0 40 40">
        <path
            d="M12.467 11.058 C 12.375 11.089,12.180 11.176,12.033 11.252 C 11.646 11.454,4.391 18.744,4.191 19.133 C 3.977 19.550,3.974 20.303,4.186 20.735 C 4.293 20.953,5.393 22.094,8.150 24.846 C 11.945 28.635,11.969 28.657,12.359 28.769 C 12.842 28.908,13.335 28.876,13.737 28.680 C 13.954 28.575,16.126 26.443,21.866 20.702 L 29.699 12.868 28.966 12.129 C 28.531 11.691,28.101 11.322,27.908 11.223 C 27.463 10.994,26.981 10.953,26.491 11.101 C 26.102 11.219,26.069 11.251,18.211 19.093 L 10.322 26.967 11.189 25.233 L 12.056 23.500 10.278 21.716 L 8.501 19.933 10.717 17.717 L 12.933 15.501 14.700 17.267 L 16.467 19.033 17.783 17.716 L 19.099 16.400 16.566 13.866 C 14.733 12.032,13.950 11.293,13.733 11.191 C 13.410 11.039,12.740 10.968,12.467 11.058 M28.844 14.711 L 27.989 16.422 29.761 18.195 L 31.533 19.967 28.532 22.967 C 26.392 25.105,25.489 26.053,25.385 26.266 C 25.191 26.665,25.188 27.313,25.379 27.739 C 25.681 28.413,26.326 28.829,27.067 28.829 C 27.884 28.829,27.776 28.919,31.907 24.780 C 36.005 20.674,35.947 20.743,35.953 19.967 C 35.959 19.197,35.961 19.199,32.715 15.950 C 31.094 14.327,29.752 13.000,29.733 13.000 C 29.714 13.000,29.314 13.770,28.844 14.711 "
@@ -425,6 +433,14 @@
            fill-rule="evenodd"
        ></path>
    </symbol>
+    <symbol id="ticket" stroke="currentColor" viewBox="0 0 24 24">
+        <path
+            d="M2.891 4.559 C 2.428 4.669,1.905 5.107,1.686 5.567 C 1.497 5.964,1.474 6.254,1.488 8.020 C 1.502 9.864,1.474 9.750,2.016 10.150 C 2.563 10.554,2.880 11.063,2.970 11.684 C 3.094 12.531,2.726 13.352,1.992 13.872 C 1.800 14.008,1.658 14.143,1.596 14.252 L 1.500 14.420 1.488 15.980 C 1.480 16.919,1.492 17.665,1.517 17.853 C 1.629 18.690,2.283 19.360,3.104 19.479 C 3.482 19.533,20.518 19.533,20.896 19.479 C 21.717 19.360,22.371 18.690,22.483 17.853 C 22.508 17.665,22.520 16.919,22.512 15.980 L 22.500 14.420 22.404 14.252 C 22.342 14.143,22.200 14.008,22.008 13.872 C 20.670 12.926,20.670 11.074,22.008 10.128 C 22.200 9.992,22.342 9.857,22.404 9.748 L 22.500 9.580 22.512 8.020 C 22.526 6.254,22.503 5.964,22.314 5.567 C 22.144 5.210,21.789 4.857,21.420 4.677 L 21.140 4.540 12.080 4.534 C 7.097 4.531,2.962 4.542,2.891 4.559 M15.760 6.457 C 15.760 6.968,15.789 7.082,15.970 7.269 C 16.252 7.562,16.748 7.562,17.030 7.269 C 17.211 7.082,17.240 6.968,17.240 6.457 L 17.240 6.000 18.958 6.000 C 20.205 6.000,20.705 6.013,20.781 6.048 C 20.992 6.144,21.000 6.203,21.000 7.643 L 21.000 8.970 20.667 9.295 C 19.891 10.053,19.509 10.945,19.509 12.000 C 19.509 13.055,19.891 13.947,20.667 14.705 L 21.000 15.030 21.000 16.358 C 21.000 17.738,20.994 17.793,20.825 17.929 C 20.747 17.992,20.588 17.998,18.990 17.999 L 17.240 18.000 17.240 17.543 C 17.240 17.043,17.210 16.919,17.047 16.745 C 16.907 16.595,16.726 16.520,16.504 16.520 C 16.280 16.520,16.132 16.575,15.985 16.713 C 15.799 16.887,15.760 17.030,15.760 17.539 L 15.760 18.000 9.510 17.999 C 3.649 17.998,3.255 17.994,3.175 17.929 C 3.006 17.793,3.000 17.738,3.000 16.358 L 3.000 15.031 3.334 14.703 C 4.114 13.935,4.491 13.055,4.491 12.000 C 4.491 10.944,4.107 10.050,3.332 9.297 L 3.000 8.974 3.001 7.637 C 3.003 6.208,3.009 6.164,3.204 6.056 C 3.283 6.012,4.436 6.003,9.530 6.001 L 15.760 6.000 15.760 6.457 M16.167 9.084 C 16.068 9.134,15.948 9.241,15.887 9.333 C 15.785 9.487,15.779 9.520,15.768 10.097 C 15.755 10.779,15.783 10.877,16.055 11.096 C 16.324 11.314,16.818 11.273,17.045 11.014 C 17.213 10.824,17.240 10.700,17.240 10.135 C 17.240 9.657,17.229 9.563,17.155 9.410 C 16.982 9.052,16.525 8.901,16.167 9.084 M7.167 12.086 C 6.848 12.243,6.682 12.662,6.798 13.013 C 6.868 13.227,7.110 13.424,7.369 13.478 C 7.520 13.509,8.393 13.519,10.263 13.511 C 12.693 13.501,12.951 13.494,13.064 13.432 C 13.229 13.342,13.433 13.105,13.463 12.969 C 13.476 12.909,13.493 12.838,13.501 12.812 C 13.530 12.717,13.410 12.355,13.315 12.253 C 13.263 12.196,13.148 12.116,13.060 12.076 C 12.909 12.006,12.737 12.002,10.120 12.001 C 7.357 12.000,7.339 12.001,7.167 12.086 M16.152 12.842 C 16.071 12.885,15.954 12.986,15.892 13.067 C 15.783 13.210,15.780 13.227,15.767 13.808 C 15.755 14.354,15.761 14.418,15.842 14.584 C 15.971 14.850,16.187 14.980,16.500 14.980 C 16.811 14.980,17.029 14.850,17.155 14.590 C 17.229 14.438,17.240 14.343,17.240 13.866 C 17.240 13.287,17.197 13.116,17.014 12.955 C 16.781 12.750,16.416 12.702,16.152 12.842 M7.420 14.259 C 7.398 14.267,7.331 14.284,7.271 14.297 C 7.211 14.310,7.095 14.379,7.015 14.450 C 6.595 14.818,6.699 15.443,7.220 15.684 C 7.367 15.752,7.507 15.758,9.000 15.758 C 10.493 15.758,10.633 15.752,10.780 15.684 C 11.075 15.547,11.240 15.303,11.240 15.000 C 11.240 14.799,11.181 14.647,11.047 14.506 C 10.810 14.255,10.854 14.261,9.080 14.252 C 8.189 14.248,7.442 14.251,7.420 14.259 "
+            stroke="none"
+            fill-rule="evenodd"
+            fill="currentColor"
+        ></path>
+    </symbol>
    <symbol id="tiktok" stroke="currentColor" viewBox="0 0 40 40">
        <path
            d="M20.933 15.427 C 20.933 27.068,20.957 26.455,20.471 27.433 C 19.554 29.280,17.606 30.221,15.707 29.735 C 14.100 29.324,12.853 27.987,12.526 26.324 C 12.414 25.752,12.486 24.537,12.662 24.033 C 13.214 22.458,14.427 21.383,15.983 21.089 L 16.600 20.972 16.600 18.419 L 16.600 15.867 16.417 15.868 C 16.316 15.869,15.918 15.912,15.533 15.964 C 11.480 16.512,8.319 19.669,7.623 23.866 C 7.487 24.688,7.487 26.179,7.623 27.001 C 8.204 30.507,10.559 33.375,13.768 34.487 C 14.884 34.873,15.425 34.961,16.700 34.964 C 17.921 34.967,18.480 34.885,19.500 34.555 C 21.214 34.001,22.910 32.774,24.036 31.274 C 24.872 30.160,25.559 28.557,25.839 27.067 C 25.947 26.497,25.961 25.860,25.984 20.721 L 26.009 15.009 26.569 15.374 C 28.134 16.394,30.132 17.074,31.878 17.180 L 32.535 17.220 32.517 14.660 L 32.500 12.100 32.033 12.053 C 30.985 11.946,29.712 11.463,28.843 10.843 C 27.985 10.230,27.175 9.279,26.692 8.317 C 26.217 7.372,26.024 6.668,25.896 5.417 L 25.854 5.000 23.393 5.000 L 20.933 5.000 20.933 15.427 "
@@ -453,6 +469,7 @@
        <path
            d="M1.224 2.042 C 1.706 2.660,7.867 10.737,7.867 10.749 C 7.867 10.759,6.449 12.387,4.717 14.367 C 2.984 16.346,1.567 17.974,1.567 17.983 C 1.567 17.992,2.171 18.000,2.910 18.000 L 4.254 18.000 6.685 15.219 C 8.023 13.690,9.132 12.442,9.150 12.447 C 9.168 12.451,10.136 13.701,11.300 15.225 L 13.417 17.996 16.142 17.998 C 17.640 17.999,18.867 17.992,18.867 17.983 C 18.867 17.974,17.306 15.903,15.398 13.381 C 13.490 10.859,11.934 8.783,11.940 8.767 C 11.945 8.751,13.238 7.265,14.813 5.466 C 16.387 3.667,17.712 2.151,17.757 2.098 L 17.839 2.000 16.478 2.002 L 15.117 2.004 12.950 4.487 C 11.758 5.852,10.753 6.998,10.716 7.033 C 10.648 7.098,10.644 7.092,8.720 4.549 L 6.792 2.000 3.992 2.000 C 1.757 2.000,1.198 2.008,1.224 2.042 M10.759 9.867 C 13.388 13.341,15.568 16.225,15.605 16.275 L 15.671 16.367 14.922 16.367 L 14.172 16.367 9.298 9.992 C 6.617 6.485,4.409 3.598,4.391 3.574 C 4.364 3.540,4.517 3.534,5.169 3.541 L 5.980 3.550 10.759 9.867 "
            stroke="none"
+            fill="currentColor"
            fill-rule="evenodd"
        ></path>
    </symbol>
--- a/src/lib/components/ui/icon/types.ts
+++ b/src/lib/components/ui/icon/types.ts
@@ -16,6 +16,7 @@ export type IconType =
    | 'close'
    | 'command'
    | 'copy'
+    | 'customize'
    | 'daily-dev'
    | 'dark'
    | 'discord'
@@ -52,6 +53,7 @@ export type IconType =
    | 'star'
    | 'system'
    | 'textmagic'
+    | 'ticket'
    | 'tiktok'
    | 'twitter'
    | 'vue'
--- a/src/lib/layouts/Main.svelte
+++ b/src/lib/layouts/Main.svelte
@@ -21,6 +21,7 @@
    import { page } from '$app/state';
    import { getAppwriteDashboardUrl } from '$lib/utils/dashboard';
    import { Button, Icon, InlineTag } from '$lib/components/ui';
+    import AnnouncementBanner from '$routes/(init)/init/(components)/announcement-banner.svelte';

    export let omitMainId = false;
    let theme: 'light' | 'dark' | null = 'dark';
@@ -145,6 +146,14 @@
 </script>

 <div class="relative">
+    {#if !page.url.pathname.includes('/init')}
+        <div class="border-smooth relative z-10 border-b bg-[#19191C]">
+            <div class="is-special-padding mx-auto">
+                <AnnouncementBanner />
+            </div>
+        </div>
+    {/if}
+
    <section
        class="web-mobile-header {resolvedTheme}"
        class:is-transparent={browser && !$isMobileNavOpen}
@@ -186,25 +195,8 @@
            </Button>
        </div>
    </section>
-    <header
-        class="web-main-header is-special-padding {resolvedTheme} is-transparent"
-        class:is-special-padding={!BANNER_KEY.startsWith('init-banner-')}
-        style={BANNER_KEY === 'init-banner-02' ? 'padding-inline: 0' : ''}
-    >
-        <!-- {#if !page.data.isStickyNav}
-            {#if BANNER_KEY.startsWith('init-banner-')}
-                <InitBanner />
-            {:else}
-                <AnnouncementBanner>
-                    <a href="/discord" target="_blank" rel="noopener noreferrer">
-                        <span class="text-caption font-medium">We are having lots of fun on</span>
-                        <span class="web-icon-discord" aria-hidden="true" />
-                        <span class="text-caption font-medium">Discord. Come and join us!</span>
-                    </a>
-                </AnnouncementBanner>
-            {/if}
-        {/if} -->

+    <header class="web-main-header is-special-padding {resolvedTheme} is-transparent">
        <div
            class="web-main-header-wrapper"
            class:is-special-padding={BANNER_KEY.startsWith('init-banner-')}
@@ -252,7 +244,7 @@
    <MobileNav bind:open={$isMobileNavOpen} links={navLinks} />

    <main
-        class="space-y-6"
+        class="relative space-y-6"
        class:web-u-hide-mobile={$isMobileNavOpen}
        id={omitMainId ? undefined : 'main'}
    >
--- a/src/lib/utils/console.ts
+++ b/src/lib/utils/console.ts
@@ -61,8 +61,8 @@ function isAppwriteUser(user: unknown): user is AppwriteUser {
    return typeof user === 'object' && user !== null && '$id' in user;
 }

-export function getAppwriteUser(): Promise<AppwriteUser | null> {
-    return account
+export async function getAppwriteUser(): Promise<AppwriteUser | null> {
+    return await account
        .get()
        .then((res) => res)
        .catch(() => null);
--- a/src/lib/utils/copy.ts
+++ b/src/lib/utils/copy.ts
@@ -7,22 +7,28 @@ export const copyToClipboard = async (value: string) => {
    return data;
 };

-export function createCopy(value: string) {
-    const copied = writable(false);
+export const createCopy = (value: string, delay: number = 3000) => {
+    const copied = writable<boolean>(false);

-    let timeout: ReturnType<typeof setTimeout> | undefined = undefined;
-    function handleCopy() {
+    let timeout: NodeJS.Timeout | undefined = undefined;
+
+    const handleCopy = async () => {
        if (timeout) clearTimeout(timeout);
        copied.set(true);
        copyToClipboard(value);
-        timeout = setTimeout(() => copied.set(false), 1000);
-    }
+        timeout = setTimeout(() => copied.set(false), delay);
+
+        return () => {
+            if (timeout) clearTimeout(timeout);
+            copied.set(false);
+        };
+    };

    return {
        copied,
        copy: handleCopy
    };
-}
+};

 export const handleCopy = (value: string, duration: number = 1000) => {
    const copied = writable<boolean>(false);
--- a/src/lib/utils/create-countdown.ts
+++ b/src/lib/utils/create-countdown.ts
@@ -0,0 +1,51 @@
+import { onMount } from 'svelte';
+import { get, writable } from 'svelte/store';
+
+export const createCountdown = (date: Date) => {
+    const today = new Date();
+    const hasReleased = today >= date;
+
+    const [days, hours, minutes, seconds] = [writable(0), writable(0), writable(0), writable(0)];
+
+    function update() {
+        const today = new Date();
+        const timeRemaining = date.getTime() - today.getTime();
+
+        if (timeRemaining <= 0) {
+            // Target date has passed, stop the countdown
+            return;
+        }
+
+        const totalSeconds = Math.floor(timeRemaining / 1000);
+        seconds.set(totalSeconds % 60);
+        const totalMinutes = Math.floor(totalSeconds / 60);
+        minutes.set(totalMinutes % 60);
+        hours.set(Math.floor(totalMinutes / 60));
+        days.set(Math.ceil(get(hours) / 24));
+    }
+
+    update();
+
+    onMount(() => {
+        let frame: number;
+
+        function updateFrame() {
+            update();
+            frame = requestAnimationFrame(() => {
+                updateFrame();
+            });
+        }
+
+        updateFrame();
+
+        return () => cancelAnimationFrame(frame);
+    });
+
+    return {
+        hasReleased,
+        days,
+        hours,
+        minutes,
+        seconds
+    };
+};
--- a/src/markdoc/tags/Youtube.svelte
+++ b/src/markdoc/tags/Youtube.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Video from '$routes/init/(components)/Video.svelte';
+    import Video from '$lib/components/shared/video/player.svelte';

    interface Props {
        src: string;
--- a/src/routes/(init)/+layout.svelte
+++ b/src/routes/(init)/+layout.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    import Lockup from './init/(components)/lockup.svelte';
+    import { isStarted } from './init/+page.svelte';
+    import type { Snippet } from 'svelte';
+    import { Main } from '$lib/layouts';
+    import { page } from '$app/state';
+    interface Props {
+        children: Snippet;
+    }
+
+    const { children }: Props = $props();
+</script>
+
+<Main>
+    <div
+        class="flex min-h-screen flex-col bg-[url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDI1MCA1MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjI1MSIgd2lkdGg9IjQiIGhlaWdodD0iNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPgo8cmVjdCB4PSIxMjAiIHk9IjQ5NiIgd2lkdGg9IjQiIGhlaWdodD0iNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPgo8L3N2Zz4K)] bg-[size:calc(100vw_/_11)] bg-[position:center_top]"
+    >
+        {@render children()}
+        {#if page.url.pathname.includes('/init/tickets') && !isStarted}
+            <div class="hidden overflow-y-hidden md:block">
+                <Lockup class="-mb-[16rem] w-full lg:-mb-[24rem]" />
+            </div>
+        {/if}
+    </div>
+</Main>
--- a/src/routes/(init)/init/(assets)/avatar.png
+++ b/src/routes/(init)/init/(assets)/avatar.png
--- a/src/routes/(init)/init/(assets)/github-icon.svg
+++ b/src/routes/(init)/init/(assets)/github-icon.svg
@@ -0,0 +1,3 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0022 0.836914C38.3485 0.836914 49.1672 11.9285 49.1672 25.6131C49.1672 36.5574 42.2511 45.8417 32.6552 49.1208C31.43 49.3649 30.9951 48.5912 30.9951 47.9315C30.9951 47.1147 31.0241 44.447 31.0241 41.1315C31.0241 38.8214 30.2508 37.3136 29.3833 36.5451C34.7648 35.9314 40.4194 33.8361 40.4194 24.3199C40.4194 21.6134 39.4818 19.4048 37.9304 17.6698C38.1817 17.0439 39.0106 14.5238 37.6936 11.1117C37.6936 11.1117 35.6686 10.4479 31.0555 13.6521C29.1247 13.1036 27.0562 12.8276 25.0022 12.8179C22.9481 12.8276 20.882 13.1036 18.9537 13.6521C14.3357 10.4479 12.3059 11.1117 12.3059 11.1117C10.9937 14.5238 11.8226 17.0439 12.0715 17.6698C10.5273 19.4048 9.58248 21.6134 9.58248 24.3199C9.58248 33.8119 15.225 35.9393 20.5921 36.5652C19.9009 37.1838 19.2751 38.2751 19.0576 39.8773C17.6802 40.5104 14.1811 41.6061 12.0255 37.8195C12.0255 37.8195 10.7472 35.4389 8.32106 35.2649C8.32106 35.2649 5.96497 35.2336 8.15673 36.7705C8.15673 36.7705 9.73954 37.5317 10.8391 40.3953C10.8391 40.3953 12.2575 44.8174 18.9802 43.3191C18.9923 45.3901 19.0141 47.3418 19.0141 47.9315C19.0141 48.5863 18.5694 49.3528 17.3636 49.1232C7.76042 45.8488 0.837158 36.5598 0.837158 25.6131C0.837158 11.9285 11.6582 0.836914 25.0022 0.836914Z" fill="white"/>
+</svg>
--- a/src/routes/(init)/init/(assets)/globe.svg
+++ b/src/routes/(init)/init/(assets)/globe.svg
--- a/src/routes/(init)/init/(assets)/icons/discord.svg
+++ b/src/routes/(init)/init/(assets)/icons/discord.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2091 5.28412C17.8644 4.65286 16.4266 4.19409 14.9234 3.93286C14.7388 4.26775 14.5232 4.71818 14.3745 5.07649C12.7766 4.83538 11.1933 4.83538 9.6248 5.07649C9.47613 4.71818 9.25556 4.26775 9.0693 3.93286C7.5645 4.19409 6.12505 4.65455 4.78037 5.28746C2.06814 9.39978 1.3329 13.4099 1.70052 17.3632C3.49941 18.7111 5.24276 19.5299 6.95668 20.0657C7.37986 19.4813 7.75728 18.8601 8.08241 18.2054C7.46318 17.9693 6.87009 17.678 6.30969 17.3397C6.45836 17.2292 6.60378 17.1137 6.74428 16.9948C10.1623 18.5989 13.8761 18.5989 17.2534 16.9948C17.3955 17.1137 17.5409 17.2292 17.688 17.3397C17.1259 17.6796 16.5312 17.971 15.912 18.2071C16.2371 18.8601 16.6129 19.483 17.0377 20.0673C18.7533 19.5315 20.4982 18.7127 22.2971 17.3632C22.7285 12.7804 21.5603 8.80703 19.2091 5.28412ZM8.54808 14.932C7.52201 14.932 6.68056 13.9709 6.68056 12.8005C6.68056 11.6301 7.50404 10.6673 8.54808 10.6673C9.59214 10.6673 10.4336 11.6284 10.4156 12.8005C10.4172 13.9709 9.59214 14.932 8.54808 14.932ZM15.4496 14.932C14.4235 14.932 13.582 13.9709 13.582 12.8005C13.582 11.6301 14.4055 10.6673 15.4496 10.6673C16.4936 10.6673 17.3351 11.6284 17.3171 12.8005C17.3171 13.9709 16.4936 14.932 15.4496 14.932Z" fill="#E4E4E7"/>
+</svg>
--- a/src/routes/(init)/init/(assets)/icons/play.svg
+++ b/src/routes/(init)/init/(assets)/icons/play.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.7754 10.0869L0.818651 19.205L0.818652 0.968749L16.7754 10.0869Z" fill="#EDEDF0"/>
+</svg>
--- a/src/routes/(init)/init/(assets)/illustrations/devkeys.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/devkeys.svg
--- a/src/routes/(init)/init/(assets)/illustrations/flutter.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/flutter.svg
--- a/src/routes/(init)/init/(assets)/illustrations/formats.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/formats.svg
--- a/src/routes/(init)/init/(assets)/illustrations/images.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/images.svg
--- a/src/routes/(init)/init/(assets)/illustrations/sites.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/sites.svg
--- a/src/routes/(init)/init/(assets)/illustrations/templates.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/templates.svg
--- a/src/routes/(init)/init/(assets)/illustrations/tokens.svg
+++ b/src/routes/(init)/init/(assets)/illustrations/tokens.svg
--- a/src/routes/(init)/init/(assets)/lockup.png
+++ b/src/routes/(init)/init/(assets)/lockup.png
--- a/src/routes/(init)/init/(assets)/lockup.svg
+++ b/src/routes/(init)/init/(assets)/lockup.svg
--- a/src/routes/(init)/init/(assets)/poster.png
+++ b/src/routes/(init)/init/(assets)/poster.png
--- a/src/routes/(init)/init/(assets)/small-lockup.png
+++ b/src/routes/(init)/init/(assets)/small-lockup.png
--- a/src/routes/(init)/init/(assets)/stickers/devkeys.webp
+++ b/src/routes/(init)/init/(assets)/stickers/devkeys.webp
--- a/src/routes/(init)/init/(assets)/stickers/flutter.webp
+++ b/src/routes/(init)/init/(assets)/stickers/flutter.webp
--- a/src/routes/(init)/init/(assets)/stickers/formats.webp
+++ b/src/routes/(init)/init/(assets)/stickers/formats.webp
--- a/src/routes/(init)/init/(assets)/stickers/sites.webp
+++ b/src/routes/(init)/init/(assets)/stickers/sites.webp
--- a/src/routes/(init)/init/(assets)/stickers/tokens.webp
+++ b/src/routes/(init)/init/(assets)/stickers/tokens.webp
--- a/src/routes/(init)/init/(components)/announcement-banner.svelte
+++ b/src/routes/(init)/init/(components)/announcement-banner.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+    import Icon from '$lib/components/ui/icon';
+    import Lockup from '../(assets)/small-lockup.png';
+    import { initDates } from '../+page.svelte';
+
+    import Badge from './badge.svelte';
+</script>
+
+<div
+    class="mx-auto flex w-full items-center gap-4 bg-[url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTIyIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB5PSIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+CjxyZWN0IHg9IjYwIiB5PSIzMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPgo8L3N2Zz4K)] py-4 md:h-[76px]"
+>
+    <div class="md:basis-1/3">
+        <Badge class="ml-0">Init is coming <span class="text-accent">/</span> {initDates}</Badge>
+    </div>
+    <a href="/init" class="md:basis-1/3">
+        <img class="mx-auto mt-2 hidden max-w-[200px] md:block" src={Lockup} alt="Appwrite" />
+    </a>
+    <div class="mr-0 ml-auto justify-self-end text-right">
+        <a href="/init" class="text-primary group mr-0 ml-auto flex items-center gap-2 text-right"
+            >Register now <Icon
+                class="transition group-hover:-translate-x-0.5"
+                name="arrow-right"
+            /></a
+        >
+    </div>
+</div>
--- a/src/routes/(init)/init/(components)/badge.svelte
+++ b/src/routes/(init)/init/(components)/badge.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+    import { classNames } from '$lib/utils/classnames';
+    import type { Snippet } from 'svelte';
+
+    interface Props {
+        class?: string;
+        children: Snippet;
+    }
+
+    const { class: className = '', children }: Props = $props();
+</script>
+
+<span
+    class={classNames(
+        'font-aeonik-fono text-micro text-primary rounded-full bg-black px-1.5 py-1 uppercase outline-2 [outline-offset:-1px] outline-[var(--color-offset)] outline-dashed',
+        className
+    )}
+>
+    {@render children()}
+</span>
--- a/src/routes/(init)/init/(components)/countdown-card.svelte
+++ b/src/routes/(init)/init/(components)/countdown-card.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+    import { createCountdown } from '$lib/utils/create-countdown';
+
+    import Badge from './badge.svelte';
+    import Counter from './counter.svelte';
+    import type { DayProps } from './day.svelte';
+
+    type $$Props = Pick<DayProps, 'illustration' | 'release' | 'index' | 'title'>;
+
+    interface Props {
+        illustration?: $$Props['illustration'];
+        release: $$Props['release'];
+        index: $$Props['index'];
+        title: $$Props['title'];
+    }
+
+    const { illustration = '', release, index, title }: Props = $props();
+
+    const { days, hours, minutes, seconds, hasReleased } = createCountdown(release);
+</script>
+
+<a href="#day-{index}">
+    <div class="text-caption text-primary mb-2 flex gap-2 font-mono uppercase">
+        Day {index}
+        {#if hasReleased}
+            <span class="text-accent">/</span><span>{title}</span>{/if}
+    </div>
+    <div
+        class="group relative aspect-square gap-4 overflow-hidden rounded-[4px] border border-dashed border-white/32 p-1"
+    >
+        <div
+            class="relative z-20 h-full w-full rounded-[4px] bg-[#19191C] transition group-hover:-translate-x-0.5 group-hover:-translate-y-0.5"
+        >
+            <div class="relative flex h-full w-full flex-col items-center justify-center">
+                {#if hasReleased}
+                    <img src={illustration} alt="Logo" class="size-32" />
+                {/if}
+
+                {#if !hasReleased}
+                    <Badge class="text-[1.125rem]">
+                        {#if $hours > 24}
+                            {$days}
+                            {$days > 1 ? 'days' : 'day'}
+                        {:else}
+                            <Counter value={$hours} />:<Counter value={$minutes} />:<Counter
+                                value={$seconds}
+                            />
+                        {/if}
+                    </Badge>
+                {/if}
+            </div>
+        </div>
+        <div
+            class="absolute inset-0 transform bg-black transition-transform duration-300 ease-in-out"
+        ></div>
+    </div>
+</a>
--- a/src/routes/(init)/init/(components)/countdown-grid.svelte
+++ b/src/routes/(init)/init/(components)/countdown-grid.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+    import { classNames } from '$lib/utils/classnames';
+    import CountdownCard from './countdown-card.svelte';
+    import type { DayProps } from './day.svelte';
+    import Window from './window.svelte';
+
+    interface Props {
+        days?: Array<Omit<DayProps, 'index'>>;
+    }
+
+    let { days = [] }: Props = $props();
+</script>
+
+<div class={classNames('relative')}>
+    <div class="container">
+        <Window>
+            {#snippet title()}
+                <span>Init_Schedule</span>
+            {/snippet}
+            <div
+                class="bg-smooth border-smooth grid grid-cols-1 gap-4 rounded-xl border p-4 md:grid-cols-5"
+            >
+                {#each days as day, i}
+                    {@const index = i + 1}
+                    <CountdownCard
+                        title={day.title}
+                        illustration={day.illustration}
+                        release={day.release}
+                        {index}
+                    />
+                {/each}
+            </div>
+        </Window>
+    </div>
+</div>
--- a/src/routes/(init)/init/(components)/counter.svelte
+++ b/src/routes/(init)/init/(components)/counter.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import NumberFlow, { type Format } from '@number-flow/svelte';
+
+    interface Props {
+        value: number;
+        format?: Format;
+    }
+
+    let { value = 0, format = { notation: 'compact', minimumIntegerDigits: 2 } }: Props = $props();
+</script>
+
+<NumberFlow class="text-center" {format} {value} />
--- a/src/routes/(init)/init/(components)/day.svelte
+++ b/src/routes/(init)/init/(components)/day.svelte
@@ -0,0 +1,158 @@
+<script lang="ts" module>
+    export type DayProps = {
+        illustration: string;
+        release: Date;
+        title: string;
+        description: string;
+        url: string;
+        index: number;
+        content?: Array<{
+            type: 'Blog' | 'Docs' | 'Article';
+            title: string;
+            url: string;
+            label?: string;
+        }>;
+        links?: Array<{
+            title: string;
+            url: string;
+            poster: string;
+            type: 'discord' | 'video' | 'announcement';
+        }>;
+        announcementVideo?: {
+            title: string;
+            url: string;
+            poster: string;
+        };
+    };
+</script>
+
+<script lang="ts">
+    import { format } from 'date-fns';
+    import PreReleaseCard from './pre-release-card.svelte';
+    import Window from './window.svelte';
+    import { classNames } from '$lib/utils/classnames';
+    import MediaCard from './media-card.svelte';
+    import { onDestroy } from 'svelte';
+
+    const {
+        release,
+        illustration,
+        content = [],
+        announcementVideo = undefined,
+        links = [],
+        title,
+        description,
+        url,
+        index
+    }: DayProps = $props();
+
+    let now = $state(new Date());
+    const interval = setInterval(() => {
+        if (hasReleased) {
+            clearInterval(interval);
+            return;
+        }
+        now = new Date();
+    }, 1000);
+
+    onDestroy(() => {
+        clearInterval(interval);
+    });
+
+    let hasReleased = $derived(now >= release);
+</script>
+
+{#if hasReleased}
+    <div class="scroll-mt-10 space-y-4 pb-8" id="day-{index}">
+        <Window>
+            {#snippet title()}
+                <div class="text-micro flex items-center gap-1 text-white">
+                    Day {index} <span class="text-accent">/</span>
+                    {format(release, 'EEEE, MMM d')}
+                </div>
+            {/snippet}
+
+            <div class="border-smooth overflow-hidden rounded-xl border-2">
+                <div
+                    class="bg-smooth relative grid grid-cols-1 place-items-center justify-between px-4 md:min-h-[50vh] md:grid-cols-12"
+                >
+                    <div
+                        class="border-offset relative z-10 col-span-5 flex h-full flex-col justify-center gap-4 border-x-2 border-none px-4 py-8 md:border-dashed md:p-8"
+                    >
+                        <h2 class="text-display font-aeonik-pro text-primary">
+                            {title}<span class="text-accent">_</span>
+                        </h2>
+                        <p class="text-secondary text-body max-w-sm font-medium">
+                            {description}
+                        </p>
+                        {#if announcementVideo}
+                            <div class="mt-4">
+                                <MediaCard {...announcementVideo} type="announcement" />
+                            </div>
+                        {:else}
+                            <a href={url} class="text-primary group text-sub-body mt-12 flex gap-1"
+                                >Announcement
+                                <span
+                                    class="web-icon-arrow-right transition-transform group-hover:translate-x-0.5"
+                                ></span>
+                            </a>
+                        {/if}
+                    </div>
+                    <div
+                        class="col-span-7 flex max-h-[50vh] items-center justify-center overflow-hidden"
+                    >
+                        <img
+                            src={illustration}
+                            alt="key illustration"
+                            class="-mb-10 size-[320px] md:size-[500px]"
+                        />
+                    </div>
+                </div>
+                {#if content?.length}
+                    <div
+                        class={classNames(
+                            'divide-offset my-10 divide-y-2 divide-dashed',
+                            'before:border-offset before:-mb-px before:block before:h-0.5 before:w-full before:border-t-2 before:border-dashed',
+                            'after:border-offset after:-mt-px after:block after:h-0.5 after:w-full after:border-t-2 after:border-dashed'
+                        )}
+                    >
+                        {#each content as { type, title, url, label }}
+                            <a href={url} class="group block cursor-pointer">
+                                <div
+                                    class={classNames(
+                                        'bg-smooth group-hover:bg-offset relative mx-4 -mb-0.5 flex flex-col justify-between px-4 py-4 transition md:mx-8 md:flex-row',
+                                        'before:border-offset before:absolute before:inset-y-0 before:left-0 before:-mr-px before:block before:w-0.5 before:border-l-2 before:border-dashed',
+                                        'after:border-offset after:absolute after:inset-y-0 after:right-0 after:-ml-px after:block after:w-0.5 after:border-r-2 after:border-dashed'
+                                    )}
+                                >
+                                    <div class="text-primary flex flex-col gap-4 md:flex-row">
+                                        <span class="bg-smooth w-fit rounded-[4px] px-2 py-0.5"
+                                            >{type}</span
+                                        >
+                                        <span class="font-aeonik-pro text-label">{title}</span>
+                                    </div>
+                                    <div class="flex items-center gap-2">
+                                        {label ?? 'Read article'}
+                                        <span
+                                            class="web-icon-arrow-right transition-transform group-hover:translate-x-0.5"
+                                        ></span>
+                                    </div>
+                                </div>
+                            </a>
+                        {/each}
+                    </div>
+                {/if}
+
+                {#if links?.length}
+                    <div class="flex min-h-48 flex-col items-center gap-8 px-8 pb-10 md:flex-row">
+                        {#each links as link}
+                            <MediaCard {...link} />
+                        {/each}
+                    </div>
+                {/if}
+            </div>
+        </Window>
+    </div>
+{:else}
+    <PreReleaseCard {index} {release} />
+{/if}
--- a/src/routes/(init)/init/(components)/event-carousel.svelte
+++ b/src/routes/(init)/init/(components)/event-carousel.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+    import embla from 'embla-carousel-svelte';
+    import type { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
+    import { Button, Icon } from '$lib/components/ui';
+
+    let emblaApi: EmblaCarouselType;
+
+    let hasPrev: boolean = false;
+    let hasNext: boolean = true;
+
+    export let options: EmblaOptionsType = {
+        align: 'center',
+        skipSnaps: true,
+        loop: true
+    };
+
+    let plugins: EmblaPluginType[] = [];
+
+    const onPrev = () => {
+        emblaApi.scrollPrev();
+    };
+
+    const onNext = () => {
+        emblaApi.scrollNext();
+    };
+
+    const togglePrevNextBtnsState = () => {
+        if (emblaApi.canScrollPrev()) hasPrev = true;
+        else hasPrev = false;
+
+        if (emblaApi.canScrollNext()) hasNext = true;
+        else hasNext = false;
+    };
+
+    const onEmblaInit = (event: CustomEvent<EmblaCarouselType>) => {
+        emblaApi = event.detail;
+
+        emblaApi
+            .on('init', togglePrevNextBtnsState)
+            .on('select', togglePrevNextBtnsState)
+            .on('reInit', togglePrevNextBtnsState);
+    };
+</script>
+
+<div class="border-offset relative min-h-[45vh] border-y-2 border-dashed bg-black/14 py-24">
+    <div class="container flex w-full items-center justify-between">
+        <h2 class="font-aeonik-pro text-primary text-label">Upcoming Events</h2>
+        <nav class="flex gap-1">
+            <Button
+                class="bg-smooth size-8 cursor-pointer rounded-xl transition active:scale-95"
+                onclick={onPrev}
+                disabled={!hasPrev}
+            >
+                <Icon name="arrow-left" aria-hidden="true"></Icon>
+            </Button>
+            <Button
+                class="bg-smooth size-8 cursor-pointer rounded-xl transition active:scale-95"
+                onclick={onNext}
+                disabled={!hasNext}
+            >
+                <Icon name="arrow-right" aria-hidden="true"></Icon>
+            </Button>
+        </nav>
+    </div>
+
+    <div class="embla overflow-hidden pl-36">
+        <div
+            class="embla__viewport pt-8"
+            use:embla={{ options, plugins }}
+            on:emblaInit={onEmblaInit}
+        >
+            <div class="embla__container flex">
+                {#each Array.from({ length: 8 }) as _}
+                    <div
+                        class="embla__slide bg-card/90 mr-4 h-[180px] min-w-0 [flex:0_0_33%] rounded-lg"
+                    ></div>
+                {/each}
+            </div>
+        </div>
+    </div>
+</div>
--- a/src/routes/(init)/init/(components)/giveaway.svelte
+++ b/src/routes/(init)/init/(components)/giveaway.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+    import TicketCard from '../tickets/(components)/ticket-card.svelte';
+    import Avatar from '../(assets)/avatar.png';
+    import { classNames } from '$lib/utils/classnames';
+    import { Button } from '$lib/components/ui';
+</script>
+
+<div class="container grid min-h-[65vh] w-full grid-cols-1 place-items-center py-20 md:grid-cols-2">
+    <div>
+        <h2 class="text-title text-primary font-aeonik-pro mb-4">
+            Get a ticket and enter<br /> our Init giveaway
+        </h2>
+        <p class="text-secondary text-body mb-8">
+            Create, customize and share your ticket to get the chance to win exclusive Init swag.
+        </p>
+        <Button href="/init/tickets/customize" variant="secondary">Claim your ticket</Button>
+    </div>
+    <div class="relative flex w-full items-center">
+        <div style:transform="rotate(4deg)" class="absolute right-40 z-0">
+            <TicketCard
+                $id="1"
+                disableEffects
+                name="Walter"
+                title="Software Developer"
+                id={123456}
+                avatar_url={Avatar}
+            />
+        </div>
+
+        <div
+            style:transform="rotate(-5deg) scale(.95)"
+            class={classNames('absolute right-20 -z-1')}
+        >
+            <TicketCard
+                $id="1"
+                disableEffects
+                name="Walter"
+                title="Software Developer"
+                id={123456}
+                avatar_url={Avatar}
+            />
+        </div>
+        <div style:transform="rotate(7deg) scale(.90)" class={classNames('absolute right-0 -z-2')}>
+            <TicketCard
+                $id="1"
+                disableEffects
+                name="Walter"
+                title="Software Developer"
+                id={123456}
+                avatar_url={Avatar}
+            />
+        </div>
+    </div>
+</div>
--- a/src/routes/(init)/init/(components)/hero.svelte
+++ b/src/routes/(init)/init/(components)/hero.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+    import Spinner from '$lib/components/shared/spinner.svelte';
+    import VideoDialog from '$lib/components/shared/dialog.svelte';
+    import { Button, Icon } from '$lib/components/ui';
+    import { classNames } from '$lib/utils/classnames';
+    import { initDates } from '../+page.svelte';
+    import LockupImage from '../(assets)/lockup.png';
+
+    import Badge from './badge.svelte';
+    import Lockup from './lockup.svelte';
+    import { type PageData } from '../$types';
+    import { enhance } from '$app/forms';
+
+    type Props = {} & Omit<PageData, 'changelogEntries'>;
+
+    let { claimed, ticketId }: Props = $props();
+    let claiming: boolean = $state(false);
+</script>
+
+<div
+    class={classNames(
+        'relative container -mb-10 flex min-h-[50vh] w-full flex-col items-center justify-center gap-8 px-0 py-20 md:min-h-[80vh]',
+        'before:border-offset before:absolute before:inset-0 before:z-0 before:border-r-2 before:border-l-2 before:border-dashed',
+        'before:[mask-image:linear-gradient(to_top,transparent,black_150px,black_calc(100%_-_150px),black)]'
+    )}
+>
+    <Badge>{initDates}</Badge>
+    <div class="relative z-10 mx-auto px-4 md:w-5/8">
+        <img src={LockupImage} alt="Init logo" class="block w-full md:hidden" />
+        <Lockup />
+    </div>
+    <div class="relative z-10 flex w-full max-w-lg flex-col items-center justify-center gap-8">
+        <div class="text flex flex-col gap-4 [animation-delay:0.75s]">
+            <p class="text-description text-secondary block max-w-lg text-center">
+                Join us at Appwrite for another week of exciting new announcements and events.
+            </p>
+
+            <nav class="mt-4 flex w-full flex-col items-center justify-center gap-4 md:flex-row">
+                {#if claimed}
+                    <Button href={`/init/tickets/${ticketId}`}>
+                        <Icon name="ticket" />Your Init ticket
+                    </Button>
+                {:else}
+                    <form
+                        action="?/oauth"
+                        method="post"
+                        use:enhance={async () => {
+                            claiming = true;
+                        }}
+                    >
+                        <Button type="submit" disabled={claiming}>
+                            {#if claiming}
+                                <Spinner />
+                            {:else}
+                                <Icon name="github" />
+                            {/if}Claim your ticket</Button
+                        >
+                    </form>
+                {/if}
+                <Button
+                    href="https://www.producthunt.com/products/appwrite"
+                    variant="secondary"
+                    target="_blank"
+                    rel="noopener"
+                >
+                    Follow on Product Hunt
+                </Button>
+            </nav>
+        </div>
+    </div>
+</div>
--- a/src/routes/(init)/init/(components)/lockup.svelte
+++ b/src/routes/(init)/init/(components)/lockup.svelte
--- a/src/routes/(init)/init/(components)/media-card.svelte
+++ b/src/routes/(init)/init/(components)/media-card.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+    import type { DayProps } from './day.svelte';
+    import DiscordIcon from '../(assets)/icons/discord.svg';
+    import PlayIcon from '../(assets)/icons/play.svg';
+    import Poster from '../(assets)/poster.png';
+    import VideoDialog from '$lib/components/shared/dialog.svelte';
+
+    type Props = NonNullable<DayProps['links']>[number];
+
+    const { title, poster, type, url }: Props = $props();
+
+    const icon = type === 'discord' ? DiscordIcon : PlayIcon;
+</script>
+
+<div class="group mt-2 w-fit min-w-[190px]">
+    {#if type === 'video' || type === 'announcement'}
+        <VideoDialog {url}>
+            <div
+                class="relative flex aspect-video w-full max-w-[190px] cursor-pointer flex-col items-center rounded-md outline-2 outline-offset-3 outline-[var(--color-offset)] outline-dashed"
+            >
+                <img
+                    src={Poster}
+                    alt={title}
+                    class="absolute inset-0 object-cover transition-opacity group-hover:opacity-75"
+                />
+
+                <div
+                    class="pointer-events-none absolute bottom-2 left-2 z-1 flex size-10 items-center justify-center rounded-full border border-white/5 bg-gradient-to-bl from-white/10 to-transparent backdrop-blur-lg transition group-hover:scale-105"
+                >
+                    <img src={icon} alt={title} class="size-5" />
+                </div>
+            </div>
+        </VideoDialog>
+    {:else}
+        <a
+            href={url}
+            target="_blank"
+            class="group relative flex aspect-video w-full max-w-[190px] flex-col items-center rounded-md outline-2 outline-offset-3 outline-[var(--color-offset)] outline-dashed"
+        >
+            <img
+                src={Poster}
+                alt={title}
+                class="absolute inset-0 object-cover transition-opacity group-hover:opacity-75"
+            />
+
+            <button
+                class="absolute bottom-2 left-2 z-1 flex size-10 items-center justify-center rounded-full border border-white/5 bg-gradient-to-bl from-white/10 to-transparent backdrop-blur-lg transition group-hover:scale-105"
+            >
+                <img src={icon} alt={title} class="size-6" /></button
+            >
+        </a>
+    {/if}
+    <h3 class="text-x-micro font-aeonik-fono text-primary tracking-loose mt-4 block uppercase">
+        {title}
+    </h3>
+</div>
--- a/src/routes/(init)/init/(components)/pre-release-card.svelte
+++ b/src/routes/(init)/init/(components)/pre-release-card.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+    import { classNames } from '$lib/utils/classnames';
+    import Window from './window.svelte';
+    import { createCountdown } from '$lib/utils/create-countdown';
+    import Counter from './counter.svelte';
+    import { format } from 'date-fns';
+
+    interface Props {
+        release: Date;
+        index: number;
+    }
+
+    let { release, index }: Props = $props();
+
+    const { days, hours, minutes, seconds } = createCountdown(release);
+</script>
+
+<div class="relative h-fit pb-8">
+    <Window class="aspect-[4/1]">
+        {#snippet title()}
+            <div class="text-micro flex items-center gap-1 text-white">
+                Day {index} <span class="text-accent">/</span>
+                {format(release, 'MMM-dd-yyyy')}
+            </div>
+        {/snippet}
+
+        <div
+            class={classNames(
+                'relative flex flex-1 items-center justify-center rounded-xl bg-[#19191C]'
+            )}
+        >
+            <div
+                class="font-aeonik-fono text-primary relative flex items-center rounded-full bg-black px-4 py-1.5 text-center text-xl uppercase outline-2 outline-[var(--color-offset)] outline-dashed"
+            >
+                {#if $hours > 24}
+                    <p>
+                        {$days}
+                        {$days > 1 ? 'days' : 'day'}
+                    </p>
+                {:else}
+                    <Counter value={$hours} />:<Counter value={$minutes} />:<Counter
+                        value={$seconds}
+                    />
+                {/if}
+            </div>
+        </div>
+    </Window>
+</div>
--- a/src/routes/(init)/init/(components)/window.svelte
+++ b/src/routes/(init)/init/(components)/window.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+    import { classNames } from '$lib/utils/classnames';
+    import type { Snippet } from 'svelte';
+
+    interface Props {
+        class?: string;
+        link?: Snippet;
+        title?: Snippet;
+        children: Snippet;
+    }
+
+    let { class: className = '', link, title, children }: Props = $props();
+</script>
+
+<div
+    class={classNames(
+        'bg-smooth relative z-10 container mx-auto flex flex-col rounded-2xl p-1 backdrop-blur-2xl',
+        'before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-linear-to-r before:from-transparent before:via-white/30 before:to-transparent',
+        className
+    )}
+>
+    <div class="relative flex items-center justify-between px-1.5 pt-1 pb-2">
+        {#if link}
+            <span
+                class="font-aeonik-fono tracking-loose text-micro text-primary absolute flex pl-2 uppercase"
+                >{@render link()}</span
+            >
+        {:else}
+            <svg
+                width="20"
+                height="20"
+                viewBox="0 0 20 20"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+            >
+                <path
+                    fill-rule="evenodd"
+                    clip-rule="evenodd"
+                    d="M8.85993 15.9082C9.1532 16.1887 9.42886 16.3008 9.67815 16.3008C9.92743 16.3008 10.2031 16.1887 10.4964 15.9082C10.7921 15.6254 11.0813 15.1923 11.335 14.6187C11.7947 13.5793 12.1058 12.1513 12.1596 10.5412L7.19664 10.5412C7.25046 12.1513 7.56154 13.5793 8.02129 14.6187C8.27499 15.1923 8.56414 15.6254 8.85993 15.9082ZM6.19613 10.5412C6.25014 12.2655 6.5818 13.8363 7.10675 15.0232C7.24724 15.3408 7.40393 15.6363 7.57643 15.9022C5.46084 15.0694 3.90506 13.0155 3.71892 10.5412L6.19613 10.5412ZM3.71892 9.54119L6.19613 9.54118C6.25014 7.81689 6.5818 6.24603 7.10675 5.05917C7.24724 4.74154 7.40393 4.44609 7.57643 4.18017C5.46084 5.01297 3.90505 7.06689 3.71892 9.54119ZM7.19664 9.54118L12.1596 9.54118C12.1058 7.93106 11.7948 6.5031 11.335 5.46367C11.0813 4.89009 10.7921 4.45701 10.4964 4.17415C10.2031 3.89371 9.92743 3.78158 9.67815 3.78158C9.42886 3.78158 9.1532 3.89371 8.85993 4.17415C8.56414 4.45701 8.27499 4.89009 8.02129 5.46367C7.56154 6.5031 7.25046 7.93106 7.19664 9.54118ZM13.1602 9.54118C13.1061 7.81689 12.7745 6.24603 12.2495 5.05917C12.109 4.74154 11.9524 4.44609 11.7799 4.18017C13.8955 5.01297 15.4512 7.06689 15.6374 9.54118L13.1602 9.54118ZM15.6374 10.5412C15.4512 13.0155 13.8955 15.0694 11.7799 15.9022C11.9524 15.6363 12.109 15.3408 12.2495 15.0232C12.7745 13.8363 13.1061 12.2655 13.1602 10.5412L15.6374 10.5412ZM16.6561 10.0412C16.6561 6.05208 13.5518 2.78158 9.67815 2.78158C5.80449 2.78158 2.7002 6.05208 2.7002 10.0412C2.7002 14.0303 5.80449 17.3008 9.67815 17.3008C13.5518 17.3008 16.6561 14.0303 16.6561 10.0412Z"
+                    fill="#E4E4E7"
+                />
+            </svg>
+        {/if}
+
+        {#if title}
+            <span
+                class="font-aeonik-fono tracking-loose text-micro text-primary mx-auto block text-center uppercase"
+                >{@render title()}</span
+            >
+        {/if}
+    </div>
+
+    {@render children()}
+</div>
--- a/src/routes/(init)/init/(utils)/appwrite.ts
+++ b/src/routes/(init)/init/(utils)/appwrite.ts
@@ -0,0 +1,37 @@
+import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
+import { Client, Account, Databases } from 'node-appwrite';
+import type { RequestEvent } from '../$types';
+import { cookieKey } from './auth';
+import type { Cookies } from '@sveltejs/kit';
+import { APPWRITE_API_KEY_INIT } from '$env/static/private';
+
+export const createInitServerClient = () => {
+    const client = new Client()
+        .setEndpoint(PUBLIC_APPWRITE_ENDPOINT)
+        .setProject(PUBLIC_APPWRITE_PROJECT_INIT_ID)
+        .setKey(APPWRITE_API_KEY_INIT);
+
+    return {
+        get account() {
+            return new Account(client);
+        },
+        get databases() {
+            return new Databases(client);
+        }
+    };
+};
+
+export const createInitSessionClient = async (cookies: Cookies) => {
+    const client = new Client();
+    client.setEndpoint(PUBLIC_APPWRITE_ENDPOINT).setProject(PUBLIC_APPWRITE_PROJECT_INIT_ID);
+
+    const session = cookies.get(cookieKey);
+    if (!session) return;
+
+    client.setSession(session);
+    return {
+        get account() {
+            return new Account(client);
+        }
+    };
+};
--- a/src/routes/(init)/init/(utils)/auth.ts
+++ b/src/routes/(init)/init/(utils)/auth.ts
@@ -0,0 +1,36 @@
+import { type AppwriteUser } from '$lib/utils/console';
+import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
+import { Client, OAuthProvider, Account } from 'node-appwrite';
+import type { RequestEvent } from '../$types';
+
+export const cookieKey = `init_session_${PUBLIC_APPWRITE_PROJECT_INIT_ID}`;
+
+export interface GithubUser {
+    login: string;
+    name: string;
+    email: string;
+    avatar_url?: string;
+}
+
+export type User = {
+    github: GithubUser | null;
+    appwrite: AppwriteUser | null;
+};
+
+export const loginGithub = async (url: RequestEvent['url']) => {
+    const client = new Client();
+    client.setEndpoint(PUBLIC_APPWRITE_ENDPOINT).setProject(PUBLIC_APPWRITE_PROJECT_INIT_ID);
+
+    const githubInit = {
+        account: new Account(client)
+    };
+
+    const redirectUrl = await githubInit.account.createOAuth2Token(
+        OAuthProvider.Github,
+        `${url.origin}/init/tickets/validate-session?success=1`,
+        `${url.origin}/init/tickets/validate-session?error=1`,
+        ['read:user']
+    );
+
+    return redirectUrl;
+};
--- a/src/routes/(init)/init/(utils)/contributions.ts
+++ b/src/routes/(init)/init/(utils)/contributions.ts
@@ -0,0 +1,139 @@
+import { APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID } from '$env/static/private';
+import { DOMParser, parseHTML } from 'linkedom';
+
+import type { TicketData } from './tickets';
+import { z } from 'zod';
+import { createInitServerClient } from './appwrite';
+
+const contributionsSchema = z.array(z.array(z.number()));
+export type ContributionsMatrix = z.infer<typeof contributionsSchema>;
+
+const normalizeContributionMatrix = (matrix: number[][]) => {
+    // Flatten the input matrix while preserving the actual values
+    let flattened = matrix.flat().filter((value) => value !== undefined);
+    const currentDays = flattened.length;
+
+    // If we have fewer than 365 days, pad with zeros at the start
+    if (currentDays < 364) {
+        const padding = Array(364 - currentDays).fill(0);
+        flattened = [...padding, ...flattened];
+    }
+
+    // If we have more than 364 days, take the most recent 364
+    if (currentDays > 364) {
+        flattened = flattened.slice(-364);
+    }
+
+    // Normalize contribution levels to be between 0-4
+    // Only normalize if the value exists (is not zero from padding)
+    flattened = flattened.map((value) => {
+        if (value === 0) return 0;
+        return Math.min(Math.max(Math.round(value), 0), 4);
+    });
+
+    // Convert back to weekly matrix format
+    const normalizedMatrix: number[][] = [];
+    for (let i = 0; i < flattened.length; i += 7) {
+        const weekSlice = flattened.slice(i, Math.min(i + 7, flattened.length));
+        normalizedMatrix.push(weekSlice);
+    }
+
+    return normalizedMatrix;
+};
+
+export const getTicketContributions = async (id: string) => {
+    const { databases } = createInitServerClient();
+    try {
+        let matrix: number[][] = [];
+
+        const { gh_user, contributions } = (await databases.getDocument(
+            APPWRITE_DB_INIT_ID,
+            APPWRITE_COL_INIT_ID,
+            id
+        )) as unknown as TicketData;
+
+        if (!gh_user) return [];
+
+        if (contributions?.length) {
+            matrix = contributions.reduce((acc: number[][], curr: number, i: number) => {
+                if (i % 7 === 0) acc.push([]);
+                acc[acc.length - 1].push(curr);
+                return acc;
+            }, []);
+        }
+
+        const res = await fetch(`https://github.com/users/${gh_user}/contributions`);
+        const html = await res.text();
+        const root = parseHTML(html, 'text/html');
+        const table = root.document.querySelector('table.ContributionCalendar-grid');
+
+        if (!table) return [];
+
+        const rows = table.querySelectorAll('tbody tr');
+        const maxCols = rows[0].querySelectorAll('[role="gridcell"]').length;
+        matrix = Array(maxCols)
+            .fill(null)
+            .map(() => []);
+
+        for (let c = 0; c < maxCols; c++) {
+            for (let r = 0; r < rows.length; r++) {
+                const cells = rows[r].querySelectorAll('[role="gridcell"]');
+                if (c >= cells.length) continue;
+                const dataLevel = cells[c].getAttribute('data-level');
+                matrix[c].push(Number(dataLevel));
+            }
+            matrix[c] = matrix[c].reverse();
+        }
+
+        // Check if all contributions are zero
+        const allZero = matrix.flat().every((val) => val === 0);
+        if (allZero) return [];
+
+        // ... rest of your code
+        matrix = matrix.map((col) => col.filter((val) => val !== 0));
+        matrix = matrix.map((col) => {
+            if (col.length > 7) return col.slice(0, 7);
+            if (col.length < 7) return [...col, ...Array(7 - col.length).fill(0)];
+            return col;
+        });
+
+        if (matrix.length > 52) {
+            matrix = matrix.slice(0, 52);
+        } else if (matrix.length < 52) {
+            const emptyCol = Array(7).fill(0);
+            while (matrix.length < 52) {
+                matrix.push([...emptyCol]);
+            }
+        }
+
+        await databases.updateDocument(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, id, {
+            contributions: normalizeContributionMatrix(matrix).flat()
+        });
+
+        const normalized = matrix.map((week) =>
+            week.map((day) => (day === 0 ? 0 : Math.min(Math.max(Math.round(day), 0), 4)))
+        );
+
+        const finalMatrix = normalizeContributionMatrix(matrix);
+
+        if (finalMatrix.flat().every((val) => val === 0)) {
+            return [];
+        }
+
+        return await contributionsSchema.parseAsync(normalizeContributionMatrix(normalized));
+    } catch (e) {
+        console.error(e);
+        return [];
+    }
+};
+
+export const getMockContributions = () => {
+    const result: ContributionsMatrix = [];
+    for (let i = 0; i < 53; i++) {
+        result.push([]);
+        for (let j = 0; j < 7; j++) {
+            result[i].push(Math.floor(Math.random() * 4));
+        }
+    }
+    return result;
+};
--- a/src/routes/(init)/init/(utils)/get-ticket-svg.ts
+++ b/src/routes/(init)/init/(utils)/get-ticket-svg.ts
--- a/src/routes/(init)/init/(utils)/tickets.ts
+++ b/src/routes/(init)/init/(utils)/tickets.ts
@@ -0,0 +1,114 @@
+import { APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, NODE_ENV } from '$env/static/private';
+import { Query, ID, type Models } from 'appwrite';
+import type { User } from './auth';
+import { createInitServerClient } from './appwrite';
+import { redirect } from '@sveltejs/kit';
+
+type SendToUserListArgs = {
+    name: string;
+    email: string;
+    userId: string;
+};
+
+const sendToUserList = async ({ name, email, userId }: SendToUserListArgs) => {
+    try {
+        await fetch('https://growth.appwrite.io/v1/mailinglists/init-3.0', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                email,
+                name,
+                userId
+            })
+        });
+    } catch (e) {
+        console.error('Error sending to user list', e);
+    }
+};
+
+export const getTicketByUser = async (user: User) => {
+    const { databases } = createInitServerClient();
+    const githubLogin = user.github?.login;
+
+    if (!githubLogin) return null;
+
+    const githubAccount = await databases.listDocuments(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, [
+        Query.equal('gh_user', githubLogin)
+    ]);
+
+    const githubDoc = githubAccount?.documents[0] as unknown as TicketDoc;
+
+    if (!githubDoc) return null;
+
+    return githubDoc;
+};
+
+export const createNewTicket = async (user: User) => {
+    const { databases } = createInitServerClient();
+    const githubLogin = user.github?.login;
+    const githubEmail = user.github?.email;
+    const githubName = user.github?.name;
+    const githubAvatar = user.github?.avatar_url;
+
+    const appwriteId = user.appwrite?.$id;
+    const appwriteEmail = user.appwrite?.email;
+    const appwriteName = user.appwrite?.name;
+
+    // Send request details to user list for growth in production
+    if (NODE_ENV === 'production' && githubEmail && appwriteId) {
+        await sendToUserList({
+            name: appwriteName ?? githubName ?? githubEmail,
+            email: appwriteEmail ?? githubEmail,
+            userId: appwriteId ?? ''
+        });
+    }
+
+    if (!githubLogin) return;
+    const githubTicket = await databases.listDocuments(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, [
+        Query.equal('gh_user', githubLogin)
+    ]);
+
+    const getFirstName = (fullName?: string) => fullName?.split(' ')[0] ?? undefined;
+    const firstName = getFirstName(appwriteName) ?? getFirstName(githubName);
+
+    if (!githubTicket?.total) {
+        const countQuery = await databases.listDocuments(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID);
+
+        await databases.createDocument(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, ID.unique(), {
+            aw_email: appwriteEmail,
+            gh_user: githubLogin,
+            avatar_url: githubAvatar,
+            id: countQuery.total + 1,
+            name: firstName,
+            title: ''
+        });
+
+        redirect(307, '/init/tickets/customize');
+    }
+
+    redirect(307, '/init');
+};
+
+export const getTicketDocByUsername = async (username: string) => {
+    const { databases } = createInitServerClient();
+    const tickets = await databases.listDocuments(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, [
+        Query.equal('gh_user', username)
+    ]);
+
+    return tickets.documents[0] as unknown as TicketDoc;
+};
+
+export type TicketData = Pick<Models.Document, '$id'> & {
+    name: string;
+    title?: string;
+    gh_user: string;
+    aw_email?: string;
+    avatar_url?: string;
+    id: number;
+    contributions?: number[];
+    sticker?: number | null;
+};
+
+export type TicketDoc = Omit<TicketData, 'contributions'>;
--- a/src/routes/(init)/init/+page.server.ts
+++ b/src/routes/(init)/init/+page.server.ts
@@ -0,0 +1,30 @@
+import { redirect, type Action, type Actions } from '@sveltejs/kit';
+import { getTicketByUser } from './(utils)/tickets';
+import { OAuthProvider } from 'appwrite';
+import { Account, Client } from 'node-appwrite';
+import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
+import { loginGithub } from './(utils)/auth';
+
+export const prerender = false;
+
+export const load = async ({ locals }) => {
+    const ticket = await getTicketByUser(locals.initUser);
+
+    if (!ticket) {
+        return {
+            claimed: false
+        };
+    }
+
+    return {
+        ticketId: ticket.gh_user,
+        claimed: true
+    };
+};
+
+export const actions = {
+    oauth: async (event) => {
+        const redirectUrl = await loginGithub(event.url);
+        redirect(302, redirectUrl);
+    }
+} satisfies Actions;
--- a/src/routes/(init)/init/+page.svelte
+++ b/src/routes/(init)/init/+page.svelte
@@ -0,0 +1,186 @@
+<script lang="ts" module>
+    const base = new Date('2025-05-19T13:00:00.000Z');
+
+    export const isStarted = new Date() >= base;
+    export const initDates = `${format(base, 'MMM d')} - ${format(addDays(base, 4), 'd')}`;
+</script>
+
+<script lang="ts">
+    import { buildOpenGraphImage } from '$lib/utils/metadata';
+
+    import CountdownGrid from './(components)/countdown-grid.svelte';
+    import Poster from './(assets)/poster.png';
+    import Sites from './(assets)/illustrations/sites.svg';
+    import Flutter from './(assets)/illustrations/flutter.svg';
+    import Formats from './(assets)/illustrations/formats.svg';
+    import DevKeys from './(assets)/illustrations/devkeys.svg';
+    import Tokens from './(assets)/illustrations/tokens.svg';
+    import { addDays, format } from 'date-fns';
+    import Day, { type DayProps } from './(components)/day.svelte';
+    import Hero from './(components)/hero.svelte';
+    import Giveaway from './(components)/giveaway.svelte';
+    import EventCarousel from './(components)/event-carousel.svelte';
+
+    const title = 'Init - Appwrite';
+    const description = 'The start of something new.';
+    const ogImage = buildOpenGraphImage('init', description);
+
+    const today = new Date();
+
+    let { data } = $props();
+
+    let days: Array<Omit<DayProps, 'index'>> = [
+        {
+            title: 'Feature',
+            release: base,
+            illustration: Sites,
+            description:
+                'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lacus lectus. Nunc gravida arcu posuere odio sagittis, ac congue lacus placerat.',
+            url: '/',
+            content: [
+                { title: 'Serverless functions 101: best practices', url: '/', type: 'Blog' },
+                {
+                    title: 'Local serverless function development with the new Appwrite CLI',
+                    url: '/',
+                    type: 'Blog'
+                },
+                {
+                    title: 'Local development',
+                    url: '/',
+                    type: 'Docs'
+                }
+            ],
+            announcementVideo: {
+                url: 'https://www.youtube.com/watch?v=31udvDQ5I4Y',
+                title: 'Announcement Video',
+                poster: Poster
+            },
+            links: [
+                {
+                    title: 'Product demo',
+                    type: 'video',
+                    poster: '',
+                    url: 'https://www.youtube-nocookie.com/embed/31udvDQ5I4Y'
+                },
+                { title: 'Discord Stage', type: 'discord', poster: '', url: 'https://discord.com' }
+            ]
+        },
+        {
+            title: 'Feature',
+            release: addDays(base, 1),
+            illustration: Flutter,
+            description:
+                'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lacus lectus. Nunc gravida arcu posuere odio sagittis, ac congue lacus placerat.',
+            url: '/',
+            content: [
+                { title: 'Serverless functions 101: best practices', url: '/', type: 'Blog' },
+                {
+                    title: 'Local serverless function development with the new Appwrite CLI',
+                    url: '/',
+                    type: 'Blog'
+                },
+                {
+                    title: 'Local development',
+                    url: '/',
+                    type: 'Docs'
+                }
+            ]
+        },
+        {
+            title: 'Key',
+            release: addDays(base, 2),
+            illustration: DevKeys,
+            description:
+                'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lacus lectus. Nunc gravida arcu posuere odio sagittis, ac congue lacus placerat.',
+            url: '/',
+            content: [
+                { title: 'Serverless functions 101: best practices', url: '/', type: 'Blog' },
+                {
+                    title: 'Local serverless function development with the new Appwrite CLI',
+                    url: '/',
+                    type: 'Blog'
+                },
+                {
+                    title: 'Local development',
+                    url: '/',
+                    type: 'Docs'
+                }
+            ]
+        },
+        {
+            title: 'Feature',
+            release: addDays(base, 3),
+            illustration: Formats,
+            description:
+                'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lacus lectus. Nunc gravida arcu posuere odio sagittis, ac congue lacus placerat.',
+            url: '/',
+            content: [
+                { title: 'Serverless functions 101: best practices', url: '/', type: 'Blog' },
+                {
+                    title: 'Local serverless function development with the new Appwrite CLI',
+                    url: '/',
+                    type: 'Blog'
+                },
+                {
+                    title: 'Local development',
+                    url: '/',
+                    type: 'Docs'
+                }
+            ]
+        },
+        {
+            title: 'Feature',
+            release: addDays(base, 4),
+            illustration: Tokens,
+            description:
+                'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed lacus lectus. Nunc gravida arcu posuere odio sagittis, ac congue lacus placerat.',
+            url: '/',
+            content: [
+                { title: 'Serverless functions 101: best practices', url: '/', type: 'Blog' },
+                {
+                    title: 'Local serverless function development with the new Appwrite CLI',
+                    url: '/',
+                    type: 'Blog'
+                },
+                {
+                    title: 'Local development',
+                    url: '/',
+                    type: 'Docs'
+                }
+            ]
+        }
+    ];
+</script>
+
+<svelte:head>
+    <!-- Titles -->
+    <title>{title}</title>
+    <meta property="og:title" content={title} />
+    <meta name="twitter:title" content={title} />
+    <!-- Description -->
+    <meta name="description" content={description} />
+    <meta property="og:description" content={description} />
+    <meta name="twitter:description" content={description} />
+    <!-- Image -->
+    <meta property="og:image" content={ogImage} />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:image" content={ogImage} />
+    <meta name="twitter:card" content="summary_large_image" />
+</svelte:head>
+
+<Hero ticketId={data.ticketId} claimed={data.claimed} />
+
+{#if today >= base}
+    <CountdownGrid {days} />
+
+    <div class="container w-full py-20">
+        {#each days as day, i}
+            {@const index = i + 1}
+            <Day {...day} {index} />
+        {/each}
+    </div>
+
+    <EventCarousel />
+    <Giveaway />
+{/if}
--- a/src/routes/(init)/init/tickets/(components)/ticket-card.svelte
+++ b/src/routes/(init)/init/tickets/(components)/ticket-card.svelte
@@ -0,0 +1,312 @@
+<script lang="ts">
+    import { classNames } from '$lib/utils/classnames';
+    import Lockup from '../../(components)/lockup.svelte';
+    import type { ContributionsMatrix } from '../../(utils)/contributions';
+    import type { TicketData } from '../../(utils)/tickets';
+    import TicketUrl from './ticket-url.svelte';
+    import { initDates } from '../../+page.svelte';
+    import LockupImage from '../../(assets)/lockup.png';
+
+    let coords = $state({ x: 0, y: 0 });
+
+    type Props = Omit<TicketData, 'contributions'> & {
+        disableEffects?: boolean;
+        flipped?: boolean;
+        stickerPack?: string[];
+        editing?: boolean;
+        $id?: string;
+        contributions?: Promise<ContributionsMatrix>;
+    };
+
+    let {
+        name,
+        id,
+        title,
+        contributions,
+        avatar_url,
+        flipped = false,
+        editing,
+        disableEffects = false,
+        sticker,
+        stickerPack,
+        ...props
+    }: Props = $props();
+
+    const firstName = name?.split(' ')[0].trim();
+
+    const handleFlip = () => {
+        if (disableEffects) return;
+        flipped = !flipped;
+    };
+
+    interface TiltBounds {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }
+
+    interface CenterPoint {
+        x: number;
+        y: number;
+    }
+
+    const tilt = (node: HTMLElement) => {
+        let bounds: TiltBounds;
+
+        const rotateToMouse = (e: MouseEvent) => {
+            const mouseX = e.clientX;
+            const mouseY = e.clientY;
+            const leftX = mouseX - bounds.x;
+            const topY = mouseY - bounds.y;
+
+            coords = { x: leftX, y: topY };
+
+            const center: CenterPoint = {
+                x: leftX - bounds.width / 2,
+                y: topY - bounds.height / 2
+            };
+            const distance = Math.sqrt(center.x ** 2 + center.y ** 2);
+
+            node.style.transform = `scale3d(1.05, 1.05, 1.05) rotate3d(${center.y / 100}, ${-center.x / 100}, 0, ${Math.log(distance) * 2}deg)`;
+
+            const glowElement = node.querySelector('.glow') as HTMLElement | null;
+            if (glowElement) {
+                glowElement.style.backgroundImage = `
+        radial-gradient(
+          circle at
+          ${center.x * 2 + bounds.width / 2}px
+          ${center.y * 2 + bounds.height / 2}px,
+          rgba(255,255,255,0.075),
+          transparent
+        )
+      `;
+            }
+        };
+
+        const handleMouseenter = () => {
+            bounds = node.getBoundingClientRect();
+            document.addEventListener('mousemove', rotateToMouse);
+        };
+
+        const handleMouseleave = () => {
+            document.removeEventListener('mousemove', rotateToMouse);
+
+            node.style.transform = '';
+            const glowElement = node.querySelector('.glow') as HTMLElement | null;
+            if (glowElement) {
+                glowElement.style.backgroundImage = '';
+            }
+        };
+
+        node.addEventListener('mouseenter', handleMouseenter);
+        node.addEventListener('mouseleave', handleMouseleave);
+
+        return {
+            destroy(): void {
+                node.removeEventListener('mouseenter', handleMouseenter);
+                node.removeEventListener('mouseleave', handleMouseleave);
+                document.removeEventListener('mousemove', rotateToMouse);
+            }
+        };
+    };
+</script>
+
+<button
+    class={classNames('group peer relative perspective-[1500px]', {
+        'hover:cursor-none': !disableEffects
+    })}
+    onclick={handleFlip}
+>
+    <div use:tilt class="size-full rounded-2xl transition-all duration-300 ease-out">
+        <div
+            class={classNames(
+                'group relative z-10 mx-auto flex aspect-[3.65/5.72] max-w-xs min-w-xs flex-col gap-1 rounded-3xl bg-[#27272A] p-1 shadow-lg transition-transform transform-3d',
+                'shadow-black/25 hover:shadow-xl',
+                'outline-accent border-8 border-black outline-2 outline-dashed',
+                'before:absolute before:inset-x-0 before:top-0 before:h-px before:rounded-2xl before:bg-linear-to-r before:from-transparent before:via-white/30 before:to-transparent',
+                { 'rotate-y-180': flipped }
+            )}
+        >
+            <!-- front of the ticket -->
+            <div class="absolute inset-1 flex flex-1 flex-col gap-1 backface-hidden">
+                <TicketUrl username={props.gh_user} />
+                <div class="relative z-10 flex flex-1 flex-col rounded-xl bg-[#19191C] p-2">
+                    <img
+                        src="/images/logos/appwrite.svg"
+                        alt="appwrite"
+                        class="mt-3 ml-2 h-4 w-auto self-start"
+                    />
+                    <div class="flex flex-1 items-center">
+                        <img src={LockupImage} alt="Init logo" class="block w-full md:hidden" />
+                        <Lockup class="w-full" />
+                    </div>
+
+                    <div class="mb-2 flex items-center gap-4 p-1 text-left">
+                        <img
+                            src={avatar_url}
+                            alt="{firstName}'s Avatar"
+                            class="size-16 rounded outline-2 outline-offset-1 outline-[var(--color-offset)] outline-dashed"
+                        />
+                        <div class="flex flex-col flex-wrap gap-1">
+                            <h3
+                                class="text-primary font-aeonik-pro max-w-[10ch] overflow-hidden pb-1 text-[2rem] leading-8 overflow-ellipsis whitespace-nowrap"
+                            >
+                                {name}<span
+                                    class={classNames('text-accent', {
+                                        'animate-caret-blink': editing
+                                    })}>_</span
+                                >
+                            </h3>
+                            {#if title}
+                                <span
+                                    class="text-secondary font-aeonik-pro text-x-micro tracking-loose relative w-fit max-w-[32ch] overflow-hidden overflow-ellipsis whitespace-nowrap uppercase"
+                                    >{title}
+                                </span>
+                            {/if}
+                        </div>
+                    </div>
+
+                    <div
+                        class="font-aeonik-fono tracking-loose border-offset text-x-micro relative z-10 flex items-center justify-between rounded-lg border-2 border-dashed bg-black p-2 uppercase"
+                    >
+                        <span>Init / {initDates}</span>
+                        <span
+                            >Ticket <span class="text-accent">#</span>{id
+                                .toString()
+                                .padStart(6, '0')}</span
+                        >
+                    </div>
+
+                    <div
+                        class="absolute inset-0 top-0 min-h-full w-full bg-[radial-gradient(rgba(255,255,255,0.24)_1px,transparent_1px)] [background-size:60px_60px]"
+                    ></div>
+                </div>
+            </div>
+            <!-- back of the ticket -->
+            <div class="absolute inset-1 z-10 flex rotate-y-180 flex-col gap-1 backface-hidden">
+                <TicketUrl username={props.gh_user} />
+                <div class="relative z-10 flex flex-1 flex-col gap-1 rounded-xl bg-[#19191C] p-2">
+                    <div class="relative aspect-square">
+                        {#if sticker !== null && typeof sticker !== 'undefined' && stickerPack && sticker in stickerPack}
+                            <div
+                                class="flex aspect-square size-full items-stretch overflow-hidden rounded-[6px] border-black bg-black outline-2 [outline-offset:-1px] outline-[var(--color-offset)] outline-dashed"
+                            >
+                                <div
+                                    class="bg-smooth m-1 flex flex-1 items-center justify-center rounded-[2.5px] border border-white/32"
+                                >
+                                    <img
+                                        src={stickerPack[sticker]}
+                                        alt="Sticker"
+                                        class="h-auto w-7/8"
+                                    />
+                                </div>
+                            </div>
+                        {/if}
+                    </div>
+
+                    {#if contributions}
+                        {#await contributions then c}
+                            {#if c.length}
+                                <div
+                                    class="border-offset mt-auto mb-0 rounded-md border-2 border-dashed bg-black p-2"
+                                >
+                                    <div
+                                        class="font-aeonik-fono tracking-loose text-x-micro border-offset flex items-center justify-between border-b pb-2 uppercase"
+                                    >
+                                        <span>Init / {initDates}</span>
+                                        <span>
+                                            Ticket <span class="text-accent">#</span>{id
+                                                .toString()
+                                                .padStart(6, '0')}
+                                        </span>
+                                    </div>
+                                    <div
+                                        class="mt-2 grid h-10 w-full grid-cols-52 grid-rows-7 gap-0.5"
+                                    >
+                                        {#each c as l, i}
+                                            {#each l as level}
+                                                <div class="flex gap-1">
+                                                    <div
+                                                        class={classNames(
+                                                            'contribution size-1 shrink-0 rounded-[1px]',
+                                                            {
+                                                                'opacity-20': level === 1,
+                                                                'opacity-40': level === 2,
+                                                                'opacity-64': level === 3,
+                                                                'opacity-80': level === 4
+                                                            }
+                                                        )}
+                                                        style:--delay="{i * 0.0075}s"
+                                                    ></div>
+                                                </div>
+                                            {/each}
+                                        {/each}
+                                    </div>
+                                </div>
+                            {:else}
+                                <div
+                                    class="font-aeonik-fono tracking-loose border-offset text-x-micro relative z-10 mt-auto mb-0 flex items-center justify-between rounded-lg border-2 border-dashed bg-black p-2 uppercase"
+                                >
+                                    <span>Init / {initDates}</span>
+                                    <span
+                                        >Ticket <span class="text-accent">#</span>{id
+                                            .toString()
+                                            .padStart(6, '0')}</span
+                                    >
+                                </div>
+                            {/if}
+                        {/await}
+                    {/if}
+                </div>
+            </div>
+            <!-- that sweet sweet glow-->
+            <div
+                class="glow pointer-events-none absolute inset-0 z-10 overflow-hidden rounded-2xl"
+            ></div>
+        </div>
+    </div>
+    <div
+        class={classNames(
+            'bg-offset text-primary text-caption pointer-events-none absolute flex items-center gap-1 rounded-md px-3 py-0.5 font-medium opacity-0 backdrop-blur-2xl transition-opacity group-hover:opacity-100',
+            {
+                hidden: disableEffects
+            }
+        )}
+        style:left="{coords.x}px"
+        style:top="{coords.y}px"
+    >
+        <svg
+            width="20"
+            height="20"
+            viewBox="0 0 20 20"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M1.66669 9.16667C1.66669 6.83333 5.41669 5 10 5C14.5834 5 18.3334 6.83333 18.3334 9.16667C18.3334 10.7011 16.7316 11.9793 14.3708 12.7203C13.8458 12.8851 13.3334 12.4756 13.3334 11.9254C13.3334 11.5293 13.6069 11.1889 13.9847 11.0698C15.6745 10.5368 16.6667 9.68638 16.6667 9.16667C16.6667 8.25 14.1667 6.66667 10 6.66667C5.83335 6.66667 3.33335 8.25 3.33335 9.16667C3.33335 9.81543 5.64166 10.918 8.22316 11.4375C8.33083 11.4592 8.43689 11.4883 8.53998 11.5259C8.58827 11.5157 8.63824 11.5104 8.68941 11.5104L7.71966 10.5003C7.42677 10.1952 7.42677 9.70057 7.71966 9.39547C8.01256 9.09038 8.48743 9.09038 8.78032 9.39547L11.0303 11.7392C11.171 11.8857 11.25 12.0844 11.25 12.2917C11.25 12.4989 11.171 12.6976 11.0303 12.8441L8.78032 15.1878C8.48743 15.4929 8.01255 15.4929 7.71966 15.1878C7.42677 14.8827 7.42677 14.3881 7.71966 14.083L8.56982 13.1975C5.20571 12.588 1.66669 10.9678 1.66669 9.16667Z"
+                fill="currentColor"
+            />
+        </svg>
+
+        Flip
+    </div>
+</button>
+
+<style>
+    .contribution {
+        --bg-color: 0 0% 100%;
+        animation: contributions 0.5s var(--delay) ease-in-out forwards;
+    }
+
+    @keyframes contributions {
+        from {
+            background: hsla(var(--bg-color) / 0);
+        }
+        to {
+            background: hsla(var(--bg-color) / 1);
+        }
+    }
+</style>
--- a/src/routes/(init)/init/tickets/(components)/ticket-url.svelte
+++ b/src/routes/(init)/init/tickets/(components)/ticket-url.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+    interface Props {
+        username: string;
+    }
+
+    let { username }: Props = $props();
+
+    const copyUrl = `https://appwrite.io/init/tickets/${username}`;
+</script>
+
+<div
+    class="border-offset font-aeonik-fono tracking-loose text-micro bg-subtle relative z-10 flex h-9 w-full items-center justify-between rounded-xl border p-2 uppercase"
+>
+    <svg
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        class="shrink-0"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M8.85993 15.9082C9.1532 16.1887 9.42886 16.3008 9.67815 16.3008C9.92743 16.3008 10.2031 16.1887 10.4964 15.9082C10.7921 15.6254 11.0813 15.1923 11.335 14.6187C11.7947 13.5793 12.1058 12.1513 12.1596 10.5412L7.19664 10.5412C7.25046 12.1513 7.56154 13.5793 8.02129 14.6187C8.27499 15.1923 8.56414 15.6254 8.85993 15.9082ZM6.19613 10.5412C6.25014 12.2655 6.5818 13.8363 7.10675 15.0232C7.24724 15.3408 7.40393 15.6363 7.57643 15.9022C5.46084 15.0694 3.90506 13.0155 3.71892 10.5412L6.19613 10.5412ZM3.71892 9.54119L6.19613 9.54118C6.25014 7.81689 6.5818 6.24603 7.10675 5.05917C7.24724 4.74154 7.40393 4.44609 7.57643 4.18017C5.46084 5.01297 3.90505 7.06689 3.71892 9.54119ZM7.19664 9.54118L12.1596 9.54118C12.1058 7.93106 11.7948 6.5031 11.335 5.46367C11.0813 4.89009 10.7921 4.45701 10.4964 4.17415C10.2031 3.89371 9.92743 3.78158 9.67815 3.78158C9.42886 3.78158 9.1532 3.89371 8.85993 4.17415C8.56414 4.45701 8.27499 4.89009 8.02129 5.46367C7.56154 6.5031 7.25046 7.93106 7.19664 9.54118ZM13.1602 9.54118C13.1061 7.81689 12.7745 6.24603 12.2495 5.05917C12.109 4.74154 11.9524 4.44609 11.7799 4.18017C13.8955 5.01297 15.4512 7.06689 15.6374 9.54118L13.1602 9.54118ZM15.6374 10.5412C15.4512 13.0155 13.8955 15.0694 11.7799 15.9022C11.9524 15.6363 12.109 15.3408 12.2495 15.0232C12.7745 13.8363 13.1061 12.2655 13.1602 10.5412L15.6374 10.5412ZM16.6561 10.0412C16.6561 6.05208 13.5518 2.78158 9.67815 2.78158C5.80449 2.78158 2.7002 6.05208 2.7002 10.0412C2.7002 14.0303 5.80449 17.3008 9.67815 17.3008C13.5518 17.3008 16.6561 14.0303 16.6561 10.0412Z"
+            fill="#E4E4E7"
+        />
+    </svg>
+
+    <span
+        class="mask line-clamp-1 px-2 text-ellipsis"
+        style:--mask-direction="left"
+        style:--mask-height="100px"
+    >
+        {copyUrl}
+    </span>
+</div>
--- a/src/routes/(init)/init/tickets/[username]/+page.server.ts
+++ b/src/routes/(init)/init/tickets/[username]/+page.server.ts
@@ -0,0 +1,34 @@
+import { getTicketDocByUsername } from '../../(utils)/tickets';
+import { error, redirect, type Actions } from '@sveltejs/kit';
+import { getTicketContributions } from '../../(utils)/contributions';
+import { OAuthProvider } from 'appwrite';
+import { Account, Client } from 'node-appwrite';
+import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
+import { loginGithub } from '../../(utils)/auth';
+
+export const ssr = true;
+
+export const load = async ({ params, locals }) => {
+    try {
+        const isCurrentUsersTicket = locals.initUser.github?.login === params.username;
+        const ticket = await getTicketDocByUsername(params.username);
+
+        return {
+            ticket,
+            isCurrentUsersTicket,
+            streamed: {
+                contributions: getTicketContributions(ticket.$id)
+            }
+        };
+    } catch (e) {
+        console.error(e);
+        error(404, 'Ticket not found');
+    }
+};
+
+export const actions = {
+    oauth: async (event) => {
+        const redirectUrl = await loginGithub(event.url);
+        redirect(302, redirectUrl);
+    }
+} satisfies Actions;
--- a/src/routes/(init)/init/tickets/[username]/+page.svelte
+++ b/src/routes/(init)/init/tickets/[username]/+page.svelte
@@ -0,0 +1,177 @@
+<script lang="ts">
+    import { page } from '$app/state';
+    import Spinner from '$lib/components/shared/spinner.svelte';
+
+    import { Button, Icon } from '$lib/components/ui';
+    import { createCopy } from '$lib/utils/copy';
+    import TicketCard from '../(components)/ticket-card.svelte';
+    import { stickerPack } from '../customize/+page.svelte';
+    import { initDates } from '../../+page.svelte';
+    import { enhance } from '$app/forms';
+
+    const { data } = $props();
+
+    let firstName = data.ticket?.name?.split(/\s/)[0] ?? '';
+    let id = data.ticket?.id.toString().padStart(6, '0');
+    const ticketUrl = `${page.url.origin}/init/tickets/${data.ticket.gh_user}`;
+    const ogImage = `${ticketUrl}/og`;
+
+    const { copied, copy } = createCopy(page.url.href);
+
+    let claiming = $state<boolean>(false);
+
+    const shareTextOptions = [
+        `Join us during the week of ${initDates} to celebrate everything new with @appwrite. Claim your ticket here 👇 ${ticketUrl}`,
+        `Come celebrate everything new with @appwrite from ${initDates}! Don't miss out on the latest features and updates. Get your ticket ASAP! 📅 ${ticketUrl}`,
+        `Don't miss out on init @appwrite from ${initDates}. Get your ticket now and join us for a week of innovation. 🚀 ${ticketUrl}`,
+        `Join us ${initDates} to explore everything new with @appwrite. Reserve your spot and be the first to know about the latest features 📌 ${ticketUrl}`,
+        `Join the fun! We're celebrating everything new with @appwrite from ${initDates}. Secure your ticket here 🎟️ ${ticketUrl}`,
+        `We're celebrating everything new with @appwrite from ${initDates}. Come join us and see what's in store. Get your ticket 🗓️ ${ticketUrl}`,
+        `Join us for an incredible week of exploring everything new with @appwrite, ${initDates}. Get your ticket here ✨ ${ticketUrl}`,
+        `Join us ${initDates} to see everything new with @appwrite. Claim your ticket and be the first to experience the FRESH updates 👇 ${ticketUrl}`,
+        `Let's celebrate everything new with @appwrite from ${initDates}. Grab your ticket and join us for a week full of surprises 🎁 ${ticketUrl}`,
+        `Be part of everything new with @appwrite from ${initDates}. Get your ticket here: ${ticketUrl}`,
+        `Join the fun! ${initDates}, let's check out everything new with @appwrite together. Get your ticket and don't miss out 🎟️ ${ticketUrl}`,
+        `I'm attending init @appwrite from ${initDates}. Come along and experience the latest features with us. Get your ticket 🎫 ${ticketUrl}`,
+        `Don't miss out on the fun! Join us at @appwrite init from ${initDates}. Get your ticket here 🔥 ${ticketUrl}`,
+        `My ticket looks so good! I'll be at @appwrite init from ${initDates}. Join us and be the first to explore the updates 🌐 ${ticketUrl}`,
+        `Spot my GitHub contribution graph! 🔥 Let's explore everything new with @appwrite from ${initDates}. Secure your spot right away! ${ticketUrl}`,
+        `I'm excited for everything new with @appwrite ${initDates}. Come check out all the cool stuff with me! ${ticketUrl}`,
+        `It's finally happening! Grab your ticket here and don't miss out on everything new with @appwrite from ${initDates} 🚀 ${ticketUrl}`,
+        `Join us for a week of everything new with @appwrite, ${initDates}. Get your ticket here: ${ticketUrl}`,
+        `Don't miss out on everything new with @appwrite from ${initDates}. Get your ticket here: 💡 ${ticketUrl}`,
+        `Let's check out everything new with @appwrite from ${initDates}. Secure your ticket and join us for a week full of awesomeness! 🎉 ${ticketUrl}`
+    ];
+
+    let twitterText = $state(
+        encodeURIComponent(shareTextOptions[Math.floor(Math.random() * shareTextOptions.length)])
+    );
+</script>
+
+<svelte:head>
+    <!-- Title -->
+    <title>Init - {firstName}'s ticket</title>
+    <meta property="og:title" content="Appwrite init_ - {firstName}'s Ticket" />
+    <meta name="twitter:title" content="Appwrite init_ - {firstName}'s Ticket" />
+    <!-- Description -->
+    <meta
+        name="description"
+        content="Get your own ticket for Appwrite's brand new release event and get the chance to win prizes."
+    />
+    <meta
+        property="og:description"
+        content="Get your own ticket for Appwrite's brand new release event and get the chance to win prizes."
+    />
+    <!-- Image -->
+    <meta property="og:image" content={ogImage} />
+    <meta property="og:image:width" content="1000" />
+    <meta property="og:image:height" content="568" />
+    <meta name="twitter:image" content={ogImage} />
+    <meta name="twitter:card" content="summary_large_image" />
+</svelte:head>
+
+<div class="container">
+    <div
+        class="border-offset grid min-h-[80vh] grid-cols-1 border-b-2 border-dashed md:grid-cols-12"
+    >
+        <div
+            class="border-offset divide-offset grid place-items-center divide-y-2 divide-dashed border-r-2 border-l-2 border-dashed md:col-span-6 md:border-r-0"
+        >
+            <div class="row-span-2 hidden h-full w-full px-8 md:block"></div>
+            <div class="row-span-8 flex h-full w-full items-center px-4 py-6 md:px-12">
+                <div class="flex flex-1 flex-col gap-2">
+                    <a href="/init" class="text-primary group mb-2 flex items-center gap-2">
+                        <Icon
+                            name="arrow-left"
+                            class="transition-transform group-hover:-translate-x-0.5"
+                        />
+                        Back to Init</a
+                    >
+                    <h2 class="text-display font-aeonik-pro text-primary">
+                        {#if data.isCurrentUsersTicket}
+                            Here's your Init ticket
+                        {:else}
+                            {data.ticket.name.split(' ')[0]}'s ticket
+                        {/if}
+                        <span class="text-display font-aeonik-pro text-primary"
+                            ><span class="text-accent">#</span>{id}</span
+                        >
+                    </h2>
+
+                    <p class="text-body text-secondary mt-2 font-medium">
+                        Thank you for registering for Init. Share your ticket on social media to
+                        enter the raffle to win limited edition swag.
+                    </p>
+                    <div class="mt-8 flex items-center gap-4">
+                        {#if data.isCurrentUsersTicket}
+                            <Button
+                                class="w-1/2! active:scale-98"
+                                variant="secondary"
+                                onclick={copy}
+                            >
+                                {#if $copied}
+                                    <Icon name="check" />
+                                    Copied!
+                                {:else}
+                                    <Icon name="customize" />
+                                    Copy ticket URL
+                                {/if}
+                            </Button>
+                            <Button
+                                class="text-primary w-1/2! active:scale-98"
+                                variant="secondary"
+                                href={`https://twitter.com/intent/tweet?text=${twitterText}`}
+                                target="_blank"
+                            >
+                                <Icon name="x" />
+                                Share
+                            </Button>
+                        {:else}
+                            <form
+                                action="?/oauth"
+                                method="post"
+                                use:enhance={async () => {
+                                    claiming = true;
+                                }}
+                                class="w-1/2"
+                            >
+                                <Button class="w-full!" disabled={claiming}>
+                                    {#if claiming}
+                                        <Spinner />
+                                    {:else}
+                                        <Icon name="github" class="text-primary" />
+                                    {/if}Claim your TIcket</Button
+                                >
+                            </form>
+
+                            <Button href="/init" variant="secondary" class="w-1/2!"
+                                >Go to Init</Button
+                            >
+                        {/if}
+                    </div>
+                </div>
+            </div>
+            <div class="row-span-2 h-full w-full px-8"></div>
+        </div>
+        <div
+            class="border-offset flex flex-col items-center justify-center border-x-2 border-dashed bg-black/24 px-4 py-8 md:col-span-6"
+        >
+            <TicketCard
+                {stickerPack}
+                {...data.ticket}
+                contributions={data.streamed.contributions}
+            />
+
+            {#if data.isCurrentUsersTicket}
+                <Button
+                    class="mt-8 active:scale-98"
+                    variant="secondary"
+                    href="/init/tickets/customize"
+                >
+                    <Icon name="customize" />
+                    Customize ticket
+                </Button>
+            {/if}
+        </div>
+    </div>
+</div>
--- a/src/routes/(init)/init/tickets/[username]/og/+server.ts
+++ b/src/routes/(init)/init/tickets/[username]/og/+server.ts
@@ -0,0 +1,28 @@
+import { APPWRITE_COL_INIT_ID, APPWRITE_DB_INIT_ID } from '$env/static/private';
+import sharp from 'sharp';
+import { getTicketSvg } from '../../../(utils)/get-ticket-svg.js';
+import { getTicketDocByUsername, type TicketData } from '$routes/(init)/init/(utils)/tickets.js';
+
+export const GET = async ({ params }) => {
+    const ticket = await getTicketDocByUsername(params.username);
+    const svg = await getTicketSvg({ ...ticket });
+
+    const svgBuffer = Buffer.from(svg);
+    const pngBuffer = await sharp(svgBuffer, {})
+        .resize({
+            width: 1200,
+            height: 630,
+            kernel: 'nearest'
+        })
+        .toFormat('png')
+        .toBuffer();
+
+    return new Response(pngBuffer, {
+        headers: {
+            'Content-Type': 'image/png',
+            'Cache-Control': 'public, max-age=31536000, immutable',
+            'Content-Disposition': `inline; filename="${params.username}.png"`,
+            'Content-Length': pngBuffer.byteLength.toString()
+        }
+    });
+};
--- a/src/routes/(init)/init/tickets/create/+page.server.ts
+++ b/src/routes/(init)/init/tickets/create/+page.server.ts
@@ -0,0 +1,6 @@
+import { redirect } from '@sveltejs/kit';
+import { createNewTicket } from '../../(utils)/tickets';
+
+export const load = async ({ url, locals }) => {
+    return await createNewTicket(locals.initUser);
+};
--- a/src/routes/(init)/init/tickets/customize/(components)/customization-drawer.svelte
+++ b/src/routes/(init)/init/tickets/customize/(components)/customization-drawer.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+    import { Button, Icon } from '$lib/components/ui';
+    import { type Snippet } from 'svelte';
+    import { Drawer } from 'vaul-svelte';
+
+    type CustomizationDrawerProps = {
+        children: Snippet;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+    };
+
+    let { children, open, onOpenChange }: CustomizationDrawerProps = $props();
+</script>
+
+<svelte:window onresize={() => (open = false)} />
+
+<Drawer.Root {open} {onOpenChange}>
+    <Drawer.Trigger
+        >{#snippet children()}
+            <Button class="active:scale-98" variant="secondary">
+                <Icon name="customize" />
+                Customize
+            </Button>
+        {/snippet}</Drawer.Trigger
+    >
+
+    <Drawer.Portal>
+        <Drawer.Content
+            class="bg-greyscale-900 fixed inset-0 top-50 isolate z-20 flex max-h-svh flex-col rounded-t-2xl p-6"
+        >
+            <div
+                class="mx-auto flex h-fit max-h-screen w-full max-w-md flex-col overflow-scroll rounded-t-[10px] p-4"
+            >
+                {@render children()}
+            </div>
+        </Drawer.Content>
+        <Drawer.Overlay class="bg-greyscale-900/50 fixed inset-0 z-10 backdrop-blur-sm" />
+    </Drawer.Portal>
+</Drawer.Root>
--- a/src/routes/(init)/init/tickets/customize/+page.server.ts
+++ b/src/routes/(init)/init/tickets/customize/+page.server.ts
@@ -0,0 +1,47 @@
+import { redirect } from '@sveltejs/kit';
+
+import { getTicketByUser } from '../../(utils)/tickets';
+import { getTicketContributions } from '../../(utils)/contributions';
+import type { Actions } from './$types';
+import { APPWRITE_COL_INIT_ID, APPWRITE_DB_INIT_ID } from '$env/static/private';
+import { Query } from 'node-appwrite';
+import { createInitServerClient } from '../../(utils)/appwrite';
+
+export const load = async ({ locals }) => {
+    const ticket = await getTicketByUser(locals.initUser);
+    const isCurrentUsersTicket = ticket?.gh_user === locals.initUser.github?.login;
+
+    if (!locals.initUser.github || !isCurrentUsersTicket) {
+        redirect(307, '/init');
+    }
+
+    return {
+        ticket,
+        streamed: {
+            contributions: getTicketContributions(ticket!.$id)
+        }
+    };
+};
+
+export const actions = {
+    default: async ({ request, locals }) => {
+        const { databases } = createInitServerClient();
+        const data = await request.formData();
+
+        const documentsList = await databases.listDocuments(
+            APPWRITE_DB_INIT_ID,
+            APPWRITE_COL_INIT_ID,
+            [Query.equal('gh_user', locals.initUser.github!.login)]
+        );
+
+        if (!documentsList.total) return;
+
+        const document = documentsList.documents[0];
+
+        await databases.updateDocument(APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID, document.$id, {
+            name: data.get('name'),
+            title: data.get('title'),
+            sticker: Number(data.get('sticker'))
+        });
+    }
+} satisfies Actions;
--- a/src/routes/(init)/init/tickets/customize/+page.svelte
+++ b/src/routes/(init)/init/tickets/customize/+page.svelte
@@ -0,0 +1,258 @@
+<script lang="ts" module>
+    export const stickerPack = [Sites, Flutter, DevKeys, Formats, Tokens];
+</script>
+
+<script lang="ts">
+    import { funnel } from 'remeda';
+
+    import DevKeys from '../../(assets)/stickers/devkeys.webp';
+    import Sites from '../../(assets)/stickers/sites.webp';
+    import Flutter from '../../(assets)/stickers/flutter.webp';
+    import Formats from '../../(assets)/stickers/formats.webp';
+    import Tokens from '../../(assets)/stickers/tokens.webp';
+    import Window from '../../(components)/window.svelte';
+
+    import { enhance } from '$app/forms';
+    import { classNames } from '$lib/utils/classnames';
+    import TicketCard from '../(components)/ticket-card.svelte';
+    import { Button, Icon } from '$lib/components/ui';
+    import { initDates } from '../../+page.svelte';
+    import CustomizationDrawer from './(components)/customization-drawer.svelte';
+
+    let { data } = $props();
+
+    let form: HTMLFormElement;
+
+    const debouncer = funnel(
+        () => {
+            form.requestSubmit();
+            formState.drawerClosed = true;
+            originalTicketData = updatedTicketData;
+            formState.saved = true;
+            formState.saving = false;
+        },
+        { minQuietPeriodMs: 1000 }
+    );
+
+    let originalTicketData = $state({
+        name: data.ticket?.name ?? '',
+        title: data.ticket?.title ?? '',
+        sticker: data.ticket?.sticker
+    });
+
+    let updatedTicketData = $derived({
+        name: originalTicketData.name.split(' ')[0],
+        title: originalTicketData.title,
+        sticker: originalTicketData.sticker
+    });
+
+    let formState = $state({
+        editing: false,
+        saving: false,
+        saved: false,
+        drawerClosed: true
+    });
+
+    $effect(() => {
+        if (formState.saved) {
+            const timeout = setTimeout(() => {
+                formState.saved = false;
+            }, 2000);
+
+            return () => {
+                clearTimeout(timeout);
+            };
+        }
+    });
+</script>
+
+<svelte:head>
+    <title>Customize Your Ticket - Appwrite</title>
+    <meta
+        name="description"
+        content="Join Init {initDates}. Register today and claim your ticket."
+    />
+</svelte:head>
+
+<div class="mx-4">
+    <Window class="container my-10">
+        {#snippet link()}
+            <a href="/init" class="group flex items-center gap-2 uppercase">
+                <Icon
+                    name="chevron-left"
+                    class="transition-transform group-hover:-translate-x-0.5"
+                />
+                Back</a
+            >
+        {/snippet}
+        {#snippet title()}
+            <div>Init Ticket<span class="text-accent">_</span></div>
+        {/snippet}
+
+        <div class="grid grid-cols-1 p-0.5 md:grid-cols-12">
+            <div class="col-span-12 flex flex-col p-4 lg:col-span-3">
+                <div
+                    class="border-offset flex w-full items-center justify-between border-b border-dashed pb-4"
+                >
+                    <h3 class="text-primary font-aeonik-pro text-label">Customize ticket</h3>
+                    <div class="block lg:hidden">
+                        <CustomizationDrawer
+                            open={!formState.drawerClosed}
+                            onOpenChange={() => (formState.drawerClosed = !formState.drawerClosed)}
+                        >
+                            {@render Form()}
+                        </CustomizationDrawer>
+                    </div>
+                </div>
+
+                <div class="hidden lg:block">
+                    {@render Form()}
+                </div>
+            </div>
+            <div
+                class="bg-smooth relative flex w-full flex-col items-center justify-center gap-8 rounded-xl p-4 outline-2 [outline-offset:-2px] outline-[var(--color-offset)] outline-dashed md:col-span-12 md:flex-row lg:col-span-9"
+            >
+                <div class="flex flex-col items-center gap-4 uppercase">
+                    <TicketCard
+                        {...data.ticket!}
+                        name={originalTicketData.name}
+                        title={originalTicketData.title}
+                        sticker={originalTicketData.sticker}
+                        editing={formState.editing}
+                        disableEffects
+                    />
+                    <span
+                        class="font-aeonik-fono tracking-loose text-x-micro text-primary transition-opacity peer-hover:opacity-0"
+                        >Front</span
+                    >
+                </div>
+                <div class="flex flex-col items-center gap-4 uppercase">
+                    <TicketCard
+                        {...data.ticket!}
+                        contributions={data.streamed.contributions}
+                        sticker={updatedTicketData.sticker}
+                        disableEffects
+                        flipped
+                        {stickerPack}
+                    />
+                    <span
+                        class="font-aeonik-fono tracking-loose text-x-micro text-primary transition duration-300 peer-hover:opacity-0 peer-hover:blur-sm"
+                        >Back</span
+                    >
+                </div>
+            </div>
+        </div>
+    </Window>
+</div>
+
+{#snippet Form()}
+    <form
+        bind:this={form}
+        method="POST"
+        class="mt-4 flex flex-1 flex-col gap-4"
+        use:enhance={async () => {
+            formState.saving = true;
+            return async ({ result }) => {
+                formState.saved = true;
+            };
+        }}
+    >
+        <div class="flex flex-col gap-2">
+            <label
+                for="name"
+                class="text-primary font-aeonik-fono text-x-micro tracking-loose uppercase"
+                >First name</label
+            >
+            <input
+                bind:value={originalTicketData.name}
+                onfocus={() => (formState.editing = true)}
+                onblur={() => (formState.editing = false)}
+                oninput={() => debouncer.call()}
+                type="text"
+                name="name"
+                class="bg-smooth border-offset w-full appearance-none rounded-lg border p-2"
+                required
+            />
+        </div>
+        <div class="flex flex-col gap-2">
+            <label
+                for="title"
+                class="text-primary font-aeonik-fono text-x-micro tracking-loose uppercase"
+                >Title</label
+            >
+            <input
+                bind:value={originalTicketData.title}
+                onchange={() => debouncer.call()}
+                type="text"
+                name="title"
+                class="bg-smooth border-offset w-full appearance-none rounded-lg border p-2"
+            />
+        </div>
+
+        <div class="flex h-full flex-1 flex-col gap-2">
+            <span class="text-primary font-aeonik-fono text-x-micro tracking-loose uppercase"
+                >Sticker Pack</span
+            >
+            <div
+                class="bg-smooth border-offset grid h-full flex-1 grid-cols-3 place-items-center gap-4 overflow-y-scroll rounded-lg border p-4 lg:grid-cols-2"
+            >
+                <label
+                    class={classNames(
+                        'relative flex aspect-square w-full items-center justify-center rounded-[2px] border-black bg-black outline-2 outline-[var(--color-offset)] outline-dashed',
+                        originalTicketData.sticker === null
+                            ? 'outline-white'
+                            : 'outline-[var(--color-offset)]'
+                    )}
+                >
+                    <input
+                        type="radio"
+                        class="absolute inset-0 appearance-none border-none"
+                        name="sticker"
+                        value=""
+                        checked={originalTicketData.sticker === null}
+                        onchange={() => (originalTicketData.sticker = null)}
+                    />
+                    <div
+                        class="text-tertiary font-aeonik-fono tracking-loose text-micro bg-smooth flex size-[calc(100%_-_6px)] items-center justify-center rounded-[1px] p-1 uppercase"
+                    >
+                        None
+                    </div>
+                </label>
+
+                {#each stickerPack as s, i}
+                    <label
+                        class={classNames(
+                            'relative flex aspect-square w-full items-center justify-center rounded-sm bg-black outline-2 [outline-offset:-1px] transition outline-dashed',
+                            originalTicketData.sticker === i
+                                ? 'outline-white'
+                                : 'outline-[var(--color-offset)]'
+                        )}
+                    >
+                        <input
+                            type="radio"
+                            class="absolute inset-0 appearance-none border-none"
+                            name="sticker"
+                            value={i}
+                            checked={originalTicketData.sticker === i}
+                            onchange={() => (originalTicketData.sticker = i)}
+                        />
+                        <div
+                            class="bg-smooth flex size-[calc(100%_-_6px)] items-center justify-center rounded-[1px] p-1"
+                        >
+                            <img src={s} alt="Sticker" class="size-16 md:size-20" />
+                        </div>
+                    </label>
+                {/each}
+            </div>
+        </div>
+        <Button type="submit" class="w-full!" variant="secondary">
+            {#if formState.saving}
+                Saving
+            {:else if formState.saved}
+                Saved
+            {:else}
+                Save
+            {/if}
+        </Button>
+    </form>
+{/snippet}
--- a/src/routes/(init)/init/tickets/validate-session/+page.server.ts
+++ b/src/routes/(init)/init/tickets/validate-session/+page.server.ts
@@ -0,0 +1,24 @@
+import { redirect } from '@sveltejs/kit';
+
+import { cookieKey } from '../../(utils)/auth';
+import { createInitServerClient } from '../../(utils)/appwrite';
+
+export const load = async ({ url, cookies, locals }) => {
+    const secret = url.searchParams.get('secret');
+    const userId = url.searchParams.get('userId');
+
+    const { account } = createInitServerClient();
+
+    if (userId && secret) {
+        const session = await account.createSession(userId, secret);
+        cookies.set(cookieKey, session.secret, {
+            httpOnly: true,
+            secure: true,
+            path: '/'
+        });
+
+        redirect(307, '/init/tickets/create');
+    }
+
+    redirect(307, '/init/tickets/customize');
+};
--- a/src/routes/(marketing)/(components)/scale.svelte
+++ b/src/routes/(marketing)/(components)/scale.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
    import { classNames } from '$lib/utils/classnames';
-    import NumberFlow from '@number-flow/svelte';
    import { inView, animate } from 'motion';
    import { onDestroy } from 'svelte';

@@ -67,17 +66,17 @@
 </script>

 <div
-    class="border-smooth relative flex min-h-[750px] flex-col gap-4 border-y bg-black/8 py-20"
+    class="border-smooth bg-black/8 relative flex min-h-[750px] flex-col gap-4 border-y py-20"
    use:useInView
 >
-    <div class="relative z-10 container w-fit md:w-full">
+    <div class="container relative z-10 w-fit md:w-full">
        <div class="max-w-xl">
-            <h2 class="text-primary font-aeonik-pro text-5xl tracking-tighter text-pretty">
+            <h2 class="text-primary font-aeonik-pro text-pretty text-5xl tracking-tighter">
                Thousands of developers <span class="text-secondary">scale with Appwrite</span><span
                    class="text-accent">_</span
                >
            </h2>
-            <p class="text-secondary border-accent mt-5 border-l-2 pr-28 pl-2 font-medium">
+            <p class="text-secondary border-accent mt-5 border-l-2 pl-2 pr-28 font-medium">
                <span class="text-accent">"</span>Appwrite has supported our recent growth in every
                step of the way,
                <span class="text-primary">without any failures or outages</span><span
@@ -105,8 +104,8 @@
        class="swipe absolute inset-0 hidden md:block"
        style:--animation-duration={`${animationDuration}s`}
    >
-        <div class="relative container h-full">
-            <div class="absolute inset-0 z-100 grid grid-cols-4">
+        <div class="container relative h-full">
+            <div class="z-100 absolute inset-0 grid grid-cols-4">
                {#each stats as stat, i}
                    <div
                        class="border-smooth h-full overflow-auto border-l border-dashed [mask-image:_linear-gradient(to_bottom,_transparent,_black_var(--mask-height),_black_calc(100%_-_var(--mask-height)),_black)]"
--- a/src/routes/init/(animations)/(assets)/grid.svg
+++ b/src/routes/init/(animations)/(assets)/grid.svg
@@ -1,49 +0,0 @@
-<svg viewBox="0 0 279 229" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g filter="url(#filter0_bd_399_1519)">
-    <rect x="5" y="3" width="269" height="219" rx="8" fill="white" fill-opacity="0.04" shape-rendering="crispEdges" />
-  </g>
-  <g clip-path="url(#clip0_399_1519)">
-    <mask id="mask0_399_1519" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-73" y="3" width="427" height="222">
-      <rect x="-73" y="3" width="427" height="222" fill="url(#paint0_radial_399_1519)" fill-opacity="0.77" />
-    </mask>
-    <g mask="url(#mask0_399_1519)">
-      <path d="M38.1934 -3L38.1934 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M71.916 -3L71.916 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M105.639 -3L105.639 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M139.361 -3L139.361 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M173.084 -3L173.084 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M206.807 -3L206.807 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M240.529 -3L240.529 217.995" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M413 36.915L-14 36.915" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M413 72.207L-14 72.207" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M413 107.498L-14 107.498" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M413 142.789L-14 142.789" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M413 178.08L-14 178.08" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-      <path d="M413 213.371L-14 213.371" stroke="white" stroke-width="0.392123" stroke-linecap="round" />
-    </g>
-  </g>
-  <defs>
-    <filter id="filter0_bd_399_1519" x="-20.0959" y="-22.0959" width="319.192" height="269.192"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feGaussianBlur in="BackgroundImageFix" stdDeviation="12.5479" />
-      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_399_1519" />
-      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-        result="hardAlpha" />
-      <feOffset dy="2.09868" />
-      <feGaussianBlur stdDeviation="2.09868" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0" />
-      <feBlend mode="normal" in2="effect1_backgroundBlur_399_1519" result="effect2_dropShadow_399_1519" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_399_1519" result="shape" />
-    </filter>
-    <radialGradient id="paint0_radial_399_1519" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
-      gradientTransform="translate(124.777 124.545) rotate(142.804) scale(188.811 184.302)">
-      <stop stop-color="#FED367" />
-      <stop offset="1" stop-color="#FED367" stop-opacity="0" />
-    </radialGradient>
-    <clipPath id="clip0_399_1519">
-      <rect width="269" height="222" fill="white" transform="translate(5 3)" />
-    </clipPath>
-  </defs>
-</svg>
--- a/src/routes/init/(animations)/(assets)/lock.svg
+++ b/src/routes/init/(animations)/(assets)/lock.svg
@@ -1,19 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="43" height="43" viewBox="0 0 43 43" fill="none">
-  <mask id="path-1-inside-1_428_1453" fill="white">
-    <path
-      d="M15.1907 15.2029V10.555C15.1907 9.01411 15.8518 7.53635 17.0285 6.44679C18.2052 5.35723 19.8012 4.74512 21.4653 4.74512C23.1295 4.74512 24.7254 5.35723 25.9022 6.44679C27.0789 7.53635 27.74 9.01411 27.74 10.555V15.2029" />
-  </mask>
-  <path
-    d="M15.1907 10.555H13.7963H15.1907ZM16.585 15.2029V10.555H13.7963V15.2029H16.585ZM16.585 10.555C16.585 9.42006 17.071 8.30773 17.9758 7.46992L16.0811 5.42365C14.6325 6.76496 13.7963 8.60815 13.7963 10.555L16.585 10.555ZM17.9758 7.46992C18.8843 6.62875 20.1378 6.13948 21.4653 6.13948V3.35075C19.4645 3.35075 17.5261 4.0857 16.0811 5.42365L17.9758 7.46992ZM21.4653 6.13948C22.7928 6.13948 24.0464 6.62875 24.9548 7.46992L26.8495 5.42365C25.4045 4.0857 23.4661 3.35075 21.4653 3.35075V6.13948ZM24.9548 7.46992C25.8597 8.30773 26.3456 9.42006 26.3456 10.555H29.1343C29.1343 8.60815 28.2981 6.76496 26.8495 5.42365L24.9548 7.46992ZM26.3456 10.555V15.2029H29.1343V10.555H26.3456Z"
-    fill="#E4E4E7" mask="url(#path-1-inside-1_428_1453)" />
-  <path
-    d="M10.078 15.9003H32.8526C34.1116 15.9003 35.409 17.2878 35.409 19.3862V34.0271C35.409 36.1255 34.1116 37.513 32.8526 37.513H10.078C8.81906 37.513 7.52165 36.1255 7.52165 34.0271V19.3862C7.52165 17.2878 8.81906 15.9003 10.078 15.9003Z"
-    stroke="#E4E4E7" stroke-width="1.39437" />
-  <mask id="path-4-inside-2_428_1453" fill="white">
-    <path fill-rule="evenodd" clip-rule="evenodd"
-      d="M23.5659 27.4048C24.6606 26.7091 25.387 25.4856 25.387 24.0926C25.387 21.9267 23.6312 20.1709 21.4654 20.1709C19.2995 20.1709 17.5437 21.9267 17.5437 24.0926C17.5437 25.4858 18.2702 26.7093 19.3651 27.405L18.1975 33.2429H24.7336L23.5659 27.4048Z" />
-  </mask>
-  <path
-    d="M23.5659 27.4048L22.8181 26.228L22.0112 26.7407L22.1987 27.6782L23.5659 27.4048ZM19.3651 27.405L20.7323 27.6784L20.9199 26.7408L20.1128 26.2281L19.3651 27.405ZM18.1975 33.2429L16.8302 32.9694L16.4966 34.6372H18.1975V33.2429ZM24.7336 33.2429V34.6372H26.4344L26.1009 32.9694L24.7336 33.2429ZM23.9926 24.0926C23.9926 24.9888 23.5271 25.7773 22.8181 26.228L24.3138 28.5816C25.7941 27.6408 26.7814 25.9825 26.7814 24.0926H23.9926ZM21.4654 21.5653C22.8611 21.5653 23.9926 22.6968 23.9926 24.0926H26.7814C26.7814 21.1566 24.4013 18.7765 21.4654 18.7765V21.5653ZM18.9381 24.0926C18.9381 22.6968 20.0696 21.5653 21.4654 21.5653V18.7765C18.5294 18.7765 16.1493 21.1566 16.1493 24.0926H18.9381ZM20.1128 26.2281C19.4037 25.7775 18.9381 24.9889 18.9381 24.0926H16.1493C16.1493 25.9826 17.1367 27.6411 18.6173 28.5818L20.1128 26.2281ZM19.5648 33.5163L20.7323 27.6784L17.9978 27.1315L16.8302 32.9694L19.5648 33.5163ZM24.7336 31.8485H18.1975V34.6372H24.7336V31.8485ZM22.1987 27.6782L23.3663 33.5163L26.1009 32.9694L24.9332 27.1313L22.1987 27.6782Z"
-    fill="#E4E4E7" mask="url(#path-4-inside-2_428_1453)" />
-</svg>
--- a/src/routes/init/(animations)/(assets)/safety.svg
+++ b/src/routes/init/(animations)/(assets)/safety.svg
@@ -1,20 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="35" viewBox="0 0 32 35" fill="none">
-  <path
-    d="M14.7599 33.7133C14.6466 33.7725 14.548 33.8232 14.4653 33.8651C14.3827 33.8232 14.284 33.7725 14.1708 33.7133C13.7868 33.5123 13.2357 33.2128 12.5732 32.8213C11.2467 32.0375 9.48158 30.8897 7.72004 29.4325C4.16124 26.4884 0.783121 22.4195 0.783121 17.6491V8.78506L14.4653 1.44641L28.1476 8.78506V17.6491C28.1476 22.4195 24.7694 26.4884 21.2106 29.4325C19.4491 30.8897 17.6839 32.0375 16.3574 32.8213C15.695 33.2128 15.1439 33.5123 14.7599 33.7133Z"
-    stroke="#E4E4E7" stroke-width="1.39437" />
-  <g filter="url(#filter0_b_428_1448)">
-    <circle cx="22.8315" cy="23.9258" r="8.3662" fill="#424242" fill-opacity="1" />
-    <circle cx="22.8315" cy="23.9258" r="7.66901" stroke="#E4E4E7" stroke-width="1.39437" />
-  </g>
-  <path d="M18.9099 25.4941L21.5243 27.5856L26.7532 20.7881" stroke="#E4E4E7" stroke-width="1.39437"
-    stroke-linecap="round" />
-  <defs>
-    <filter id="filter0_b_428_1448" x="-32.9431" y="-31.8489" width="111.549" height="111.549"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feGaussianBlur in="BackgroundImageFix" stdDeviation="23.7042" />
-      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_428_1448" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_428_1448" result="shape" />
-    </filter>
-  </defs>
-</svg>
--- a/src/routes/init/(animations)/CLI.svelte
+++ b/src/routes/init/(animations)/CLI.svelte
@@ -1,465 +0,0 @@
-<div class="overlay">
-    <svg
-        width="600"
-        height="240"
-        viewBox="0 0 600 240"
-        style="width:100%;height:100%;"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <g>
-            <g filter="url(#filter0_di_576_2443)">
-                <path
-                    d="M389.034 55.2486C389.034 42.9765 389.034 36.8404 386.646 32.1531C384.545 28.03 381.193 24.6779 377.07 22.5771C372.383 20.1888 366.247 20.1888 353.974 20.1888H-69.0411V470.137H389.034V55.2486Z"
-                    fill="white"
-                    fill-opacity="0.03"
-                    shape-rendering="crispEdges"
-                />
-                <path
-                    d="M353.974 21.4216H-67.8082V468.904H387.801V55.2486C387.801 49.0922 387.8 44.549 387.507 40.9569C387.215 37.3793 386.638 34.8537 385.547 32.7128C383.565 28.8217 380.401 25.6582 376.51 23.6756C374.369 22.5847 371.844 22.0084 368.266 21.7161C364.674 21.4226 360.131 21.4216 353.974 21.4216Z"
-                    stroke="url(#paint0_linear_576_2443)"
-                    stroke-opacity="0.15"
-                    stroke-width="2.46575"
-                    shape-rendering="crispEdges"
-                />
-                <path
-                    d="M353.974 21.4216H-67.8082V468.904H387.801V55.2486C387.801 49.0922 387.8 44.549 387.507 40.9569C387.215 37.3793 386.638 34.8537 385.547 32.7128C383.565 28.8217 380.401 25.6582 376.51 23.6756C374.369 22.5847 371.844 22.0084 368.266 21.7161C364.674 21.4226 360.131 21.4216 353.974 21.4216Z"
-                    stroke="url(#paint1_linear_576_2443)"
-                    stroke-width="2.46575"
-                    shape-rendering="crispEdges"
-                />
-            </g>
-            <path
-                d="M554.729 39.3983H437.993"
-                stroke="url(#paint2_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <path
-                d="M759.928 60.8244L489.892 60.8245"
-                stroke="url(#paint3_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <path
-                d="M547.883 114.02L389.034 114.02"
-                stroke="url(#paint4_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <path
-                d="M674.962 114.02L578.175 114.02"
-                stroke="url(#paint5_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <path
-                d="M604.49 162.783L491.975 162.783"
-                stroke="url(#paint6_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <path
-                d="M780.419 180.246L510.383 180.246"
-                stroke="url(#paint7_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <path
-                d="M519.615 223.367L437.915 223.367"
-                stroke="url(#paint8_linear_576_2443)"
-                stroke-width="2.46575"
-                stroke-linecap="round"
-            />
-            <g style="mix-blend-mode:screen" filter="url(#filter1_f_576_2443)">
-                <path
-                    d="M554.729 39.3983H437.993"
-                    stroke="url(#paint9_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M759.928 60.8244L489.892 60.8245"
-                    stroke="url(#paint10_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M547.883 114.02L389.034 114.02"
-                    stroke="url(#paint11_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M674.962 114.02L578.175 114.02"
-                    stroke="url(#paint12_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M604.49 162.783L491.975 162.783"
-                    stroke="url(#paint13_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M780.419 180.246L510.383 180.246"
-                    stroke="url(#paint14_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M519.615 223.367L437.915 223.367"
-                    stroke="url(#paint15_linear_576_2443)"
-                    stroke-width="2.46575"
-                    stroke-linecap="round"
-                />
-            </g>
-            <g filter="url(#filter2_f_576_2443)">
-                <g style="mix-blend-mode:screen" filter="url(#filter3_f_576_2443)">
-                    <circle
-                        cx="13.4978"
-                        cy="13.4978"
-                        r="13.4978"
-                        transform="matrix(4.37114e-08 1 1 -4.37114e-08 376.076 98.1941)"
-                        fill="url(#paint16_radial_576_2443)"
-                        fill-opacity="0.5"
-                    />
-                </g>
-                <g style="mix-blend-mode:screen">
-                    <circle
-                        cx="7.40201"
-                        cy="7.40201"
-                        r="7.40201"
-                        transform="matrix(4.37114e-08 1 1 -4.37114e-08 382.174 104.289)"
-                        fill="url(#paint17_radial_576_2443)"
-                    />
-                </g>
-            </g>
-            <rect
-                width="449.948"
-                height="231.993"
-                transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 162.952 470.137)"
-                fill="url(#paint18_linear_576_2443)"
-            />
-        </g>
-        <defs>
-            <filter
-                id="filter0_di_576_2443"
-                x="-113.878"
-                y="-43.8634"
-                width="586.18"
-                height="578.053"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dx="19.2156" />
-                <feGaussianBlur stdDeviation="32.0261" />
-                <feComposite in2="hardAlpha" operator="out" />
-                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
-                <feBlend
-                    mode="normal"
-                    in2="BackgroundImageFix"
-                    result="effect1_dropShadow_576_2443"
-                />
-                <feBlend
-                    mode="normal"
-                    in="SourceGraphic"
-                    in2="effect1_dropShadow_576_2443"
-                    result="shape"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dy="1.6013" />
-                <feGaussianBlur stdDeviation="0.800652" />
-                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" />
-                <feBlend mode="normal" in2="shape" result="effect2_innerShadow_576_2443" />
-            </filter>
-            <filter
-                id="filter1_f_576_2443"
-                x="380.413"
-                y="30.7771"
-                width="408.627"
-                height="222.637"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="3.69416" result="effect1_foregroundBlur_576_2443" />
-            </filter>
-            <filter
-                id="filter2_f_576_2443"
-                x="366.497"
-                y="88.615"
-                width="46.1537"
-                height="46.1537"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="4.78953" result="effect1_foregroundBlur_576_2443" />
-            </filter>
-            <filter
-                id="filter3_f_576_2443"
-                x="371.722"
-                y="93.8399"
-                width="35.7038"
-                height="35.7038"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="2.17706" result="effect1_foregroundBlur_576_2443" />
-            </filter>
-            <linearGradient
-                id="paint0_linear_576_2443"
-                x1="159.997"
-                y1="51.8727"
-                x2="159.997"
-                y2="553.812"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint1_linear_576_2443"
-                x1="410.46"
-                y1="170.171"
-                x2="306.655"
-                y2="116.976"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="0.425" stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint2_linear_576_2443"
-                x1="437.488"
-                y1="39.3983"
-                x2="562.309"
-                y2="39.3983"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#C2C2C3" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint3_linear_576_2443"
-                x1="488.723"
-                y1="60.8245"
-                x2="777.462"
-                y2="60.8244"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint4_linear_576_2443"
-                x1="388.347"
-                y1="114.02"
-                x2="558.198"
-                y2="114.02"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint5_linear_576_2443"
-                x1="577.756"
-                y1="114.02"
-                x2="681.247"
-                y2="114.02"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint6_linear_576_2443"
-                x1="491.488"
-                y1="162.783"
-                x2="611.796"
-                y2="162.783"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint7_linear_576_2443"
-                x1="509.214"
-                y1="180.246"
-                x2="797.953"
-                y2="180.246"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint8_linear_576_2443"
-                x1="437.561"
-                y1="223.367"
-                x2="524.921"
-                y2="223.367"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint9_linear_576_2443"
-                x1="437.488"
-                y1="39.3983"
-                x2="562.309"
-                y2="39.3983"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#C2C2C3" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint10_linear_576_2443"
-                x1="488.723"
-                y1="60.8245"
-                x2="777.462"
-                y2="60.8244"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint11_linear_576_2443"
-                x1="388.347"
-                y1="114.02"
-                x2="558.198"
-                y2="114.02"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint12_linear_576_2443"
-                x1="577.756"
-                y1="114.02"
-                x2="681.247"
-                y2="114.02"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint13_linear_576_2443"
-                x1="491.488"
-                y1="162.783"
-                x2="611.796"
-                y2="162.783"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint14_linear_576_2443"
-                x1="509.214"
-                y1="180.246"
-                x2="797.953"
-                y2="180.246"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint15_linear_576_2443"
-                x1="437.561"
-                y1="223.367"
-                x2="524.921"
-                y2="223.367"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <radialGradient
-                id="paint16_radial_576_2443"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(13.4978 13.4978) rotate(90) scale(13.4978)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <radialGradient
-                id="paint17_radial_576_2443"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(7.40201 7.40201) rotate(90) scale(7.40201)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <linearGradient
-                id="paint18_linear_576_2443"
-                x1="224.974"
-                y1="0"
-                x2="224.974"
-                y2="231.993"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#19191C" stop-opacity="0" />
-                <stop offset="0.909146" stop-color="#19191C" />
-            </linearGradient>
-            <clipPath id="clip0_576_2443">
-                <rect width="600" height="240" fill="white" />
-            </clipPath>
-        </defs>
-    </svg>
-</div>
-
-<style lang="scss">
-    .overlay {
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            right: 0;
-            left: 0;
-
-            z-index: 0;
-            background: radial-gradient(
-                circle farthest-corner at 400px 100px,
-                hsl(var(--web-color-background) / 0) 0%,
-                hsl(var(--web-color-background)) 80%,
-                hsl(var(--web-color-background)) 100%
-            );
-        }
-    }
-</style>
--- a/src/routes/init/(animations)/Functions.svelte
+++ b/src/routes/init/(animations)/Functions.svelte
@@ -1,283 +0,0 @@
-<div class="overlay">
-    <svg
-        width="600"
-        height="240"
-        viewBox="0 0 600 240"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        style="width:100%;height:100%;"
-    >
-        <g>
-            <path
-                d="M504.079 -120.411C501.767 -120.411 499.27 -119.082 496.629 -116.011C493.995 -112.948 491.354 -108.301 488.77 -102.043C483.607 -89.5375 478.887 -71.1296 474.902 -47.8278C470.919 -24.5406 467.757 3.12239 465.599 33.5837C463.441 64.0434 462.33 96.6942 462.33 129.67C462.33 162.647 463.441 195.297 465.599 225.757C467.757 256.218 470.919 283.881 474.902 307.169C478.887 330.47 483.607 348.878 488.77 361.384C491.354 367.642 493.995 372.289 496.629 375.352C499.27 378.423 501.767 379.752 504.079 379.752C506.392 379.752 508.889 378.423 511.53 375.352C514.163 372.289 516.805 367.642 519.388 361.384C524.552 348.878 529.272 330.47 533.257 307.169C537.24 283.881 540.402 256.218 542.56 225.757C544.718 195.297 545.829 162.647 545.829 129.67C545.829 96.6941 544.718 64.0434 542.56 33.5837C540.402 3.12236 537.24 -24.5406 533.257 -47.8278C529.272 -71.1296 524.552 -89.5375 519.388 -102.043C516.805 -108.301 514.163 -112.948 511.53 -116.011C508.889 -119.082 506.392 -120.411 504.079 -120.411L504.079 -120.411Z"
-                stroke="url(#paint0_linear_577_11)"
-                stroke-width="2.46575"
-            />
-            <path
-                d="M644.848 -86.0584C643.449 -87.0143 641.137 -87.1399 637.579 -85.8097C634.07 -84.4977 629.654 -81.8773 624.367 -77.8978C613.806 -69.9484 600.218 -56.9196 584.371 -39.5166C568.534 -22.1236 550.784 -0.738901 532.136 23.4188C513.489 47.5754 494.314 74.0248 475.707 101.256C457.101 128.487 439.429 155.964 423.701 182.115C407.973 208.268 394.501 232.576 384.053 253.651C373.6 274.739 366.4 292.133 362.833 304.861C361.047 311.233 360.21 316.299 360.264 320.045C360.317 323.844 361.274 325.951 362.673 326.907C364.073 327.863 366.384 327.989 369.942 326.658C373.452 325.346 377.867 322.726 383.154 318.747C393.715 310.797 407.303 297.768 423.15 280.365C438.987 262.972 456.737 241.588 475.385 217.43C494.032 193.273 513.207 166.824 531.814 139.593C550.42 112.361 568.092 84.8851 583.82 58.7337C599.548 32.581 613.02 8.2731 623.468 -12.8025C633.921 -33.8901 641.121 -51.2842 644.688 -64.0124C646.474 -70.3843 647.311 -75.4501 647.258 -79.1965C647.204 -82.9949 646.247 -85.1024 644.848 -86.0584L644.848 -86.0584Z"
-                stroke="url(#paint1_linear_577_11)"
-                stroke-width="2.46575"
-            />
-            <path
-                d="M360.073 -73.8823C358.707 -72.8802 357.821 -70.7419 357.893 -66.9438C357.965 -63.1978 358.97 -58.1626 360.967 -51.8539C364.957 -39.2517 372.733 -22.1074 383.884 -1.38009C395.029 19.3354 409.304 43.1806 425.895 68.7941C442.486 94.4065 461.065 121.278 480.569 147.874C500.074 174.469 520.12 200.265 539.562 223.786C559.006 247.308 577.459 268.089 593.867 284.944C610.285 301.809 624.3 314.378 635.121 321.971C640.537 325.772 645.038 328.243 648.589 329.437C652.19 330.648 654.496 330.446 655.862 329.444C657.228 328.442 658.114 326.303 658.042 322.505C657.97 318.759 656.965 313.724 654.968 307.415C650.978 294.813 643.202 277.669 632.051 256.941C620.906 236.226 606.632 212.381 590.04 186.767C573.449 161.155 554.87 134.283 535.366 107.687C515.861 81.0918 495.815 55.2966 476.373 31.7753C456.929 8.25289 438.476 -12.5279 422.068 -29.3832C405.65 -46.248 391.635 -58.8164 380.815 -66.4092C375.398 -70.2102 370.897 -72.6819 367.346 -73.8761C363.745 -75.0869 361.44 -74.8843 360.073 -73.8823L360.073 -73.8823Z"
-                stroke="url(#paint2_linear_577_11)"
-                stroke-width="2.46575"
-            />
-            <path
-                d="M750.15 47.0322C750.062 46.7701 749.781 46.3922 748.942 46.0175C748.107 45.6443 746.871 45.3472 745.179 45.1713C741.803 44.8203 736.913 44.9787 730.514 45.6846C717.736 47.0944 699.451 50.6288 676.683 56.1008C653.925 61.5706 627.166 68.8609 597.935 77.5568C568.706 86.2523 537.581 96.1813 506.34 106.777C475.099 117.372 444.356 128.425 415.867 139.305C387.377 150.185 361.705 160.677 340.314 170.18C318.915 179.688 302.252 188.006 291.252 194.66C285.744 197.993 281.767 200.841 279.301 203.173C278.065 204.343 277.265 205.33 276.829 206.135C276.391 206.942 276.398 207.413 276.487 207.675C276.576 207.937 276.857 208.315 277.695 208.69C278.531 209.063 279.767 209.36 281.459 209.536C284.835 209.887 289.724 209.728 296.123 209.022C308.902 207.613 327.187 204.078 349.955 198.606C372.713 193.136 399.471 185.846 428.702 177.15C457.932 168.455 489.057 158.526 520.298 147.93C551.539 137.335 582.282 126.282 610.771 115.402C639.261 104.522 664.933 94.0301 686.324 84.5268C707.723 75.0194 724.386 66.7013 735.385 60.0468C740.894 56.7145 744.871 53.8656 747.336 51.5336C748.573 50.3646 749.373 49.3767 749.809 48.5724C750.246 47.765 750.239 47.2943 750.15 47.0322L750.15 47.0322Z"
-                stroke="url(#paint3_linear_577_11)"
-                stroke-width="2.46575"
-            />
-            <path
-                d="M752.914 192.726C752.998 192.463 752.997 191.992 752.546 191.192C752.097 190.395 751.28 189.421 750.025 188.273C747.52 185.983 743.496 183.201 737.932 179.962C726.822 173.493 710.022 165.456 688.466 156.31C666.918 147.168 641.073 137.109 612.404 126.71C583.736 116.311 552.812 105.776 521.397 95.7071C489.982 85.6386 458.695 76.2344 429.323 68.0315C399.95 59.8285 373.073 52.9891 350.226 47.9028C327.369 42.8143 309.027 39.5879 296.227 38.3932C289.817 37.7949 284.926 37.7189 281.556 38.1265C279.867 38.3309 278.636 38.6486 277.807 39.0359C276.975 39.4246 276.701 39.8072 276.617 40.0707C276.532 40.3343 276.533 40.8051 276.984 41.605C277.433 42.4018 278.25 43.3761 279.506 44.5242C282.01 46.8144 286.035 49.596 291.598 52.8353C302.708 59.3039 319.508 67.3406 341.065 76.4868C362.612 85.6292 388.457 95.6875 417.126 106.087C445.794 116.486 476.719 127.021 508.134 137.09C539.548 147.158 570.835 156.563 600.207 164.765C629.58 172.968 656.457 179.808 679.304 184.894C702.161 189.983 720.503 193.209 733.303 194.404C739.713 195.002 744.605 195.078 747.974 194.67C749.663 194.466 750.894 194.148 751.723 193.761C752.555 193.372 752.829 192.99 752.914 192.726L752.914 192.726Z"
-                stroke="url(#paint4_linear_577_11)"
-                stroke-width="2.46575"
-            />
-            <g style="mix-blend-mode:screen" filter="url(#filter0_f_577_11)">
-                <path
-                    d="M504.079 -120.411C501.767 -120.411 499.27 -119.082 496.629 -116.011C493.995 -112.948 491.354 -108.301 488.77 -102.043C483.607 -89.5375 478.887 -71.1296 474.902 -47.8278C470.919 -24.5406 467.757 3.12239 465.599 33.5837C463.441 64.0434 462.33 96.6942 462.33 129.67C462.33 162.647 463.441 195.297 465.599 225.757C467.757 256.218 470.919 283.881 474.902 307.169C478.887 330.47 483.607 348.878 488.77 361.384C491.354 367.642 493.995 372.289 496.629 375.352C499.27 378.423 501.767 379.752 504.079 379.752C506.392 379.752 508.889 378.423 511.53 375.352C514.163 372.289 516.805 367.642 519.388 361.384C524.552 348.878 529.272 330.47 533.257 307.169C537.24 283.881 540.402 256.218 542.56 225.757C544.718 195.297 545.829 162.647 545.829 129.67C545.829 96.6941 544.718 64.0434 542.56 33.5837C540.402 3.12236 537.24 -24.5406 533.257 -47.8278C529.272 -71.1296 524.552 -89.5375 519.388 -102.043C516.805 -108.301 514.163 -112.948 511.53 -116.011C508.889 -119.082 506.392 -120.411 504.079 -120.411L504.079 -120.411Z"
-                    stroke="url(#paint5_linear_577_11)"
-                    stroke-width="2.46575"
-                />
-                <path
-                    d="M644.848 -86.0584C643.449 -87.0143 641.137 -87.1399 637.579 -85.8097C634.07 -84.4977 629.654 -81.8773 624.367 -77.8978C613.806 -69.9484 600.218 -56.9196 584.371 -39.5166C568.534 -22.1236 550.784 -0.738901 532.136 23.4188C513.489 47.5754 494.314 74.0248 475.707 101.256C457.101 128.487 439.429 155.964 423.701 182.115C407.973 208.268 394.501 232.576 384.053 253.651C373.6 274.739 366.4 292.133 362.833 304.861C361.047 311.233 360.21 316.299 360.264 320.045C360.317 323.844 361.274 325.951 362.673 326.907C364.073 327.863 366.384 327.989 369.942 326.658C373.452 325.346 377.867 322.726 383.154 318.747C393.715 310.797 407.303 297.768 423.15 280.365C438.987 262.972 456.737 241.588 475.385 217.43C494.032 193.273 513.207 166.824 531.814 139.593C550.42 112.361 568.092 84.8851 583.82 58.7337C599.548 32.581 613.02 8.2731 623.468 -12.8025C633.921 -33.8901 641.121 -51.2842 644.688 -64.0124C646.474 -70.3843 647.311 -75.4501 647.258 -79.1965C647.204 -82.9949 646.247 -85.1024 644.848 -86.0584L644.848 -86.0584Z"
-                    stroke="url(#paint6_linear_577_11)"
-                    stroke-width="2.46575"
-                />
-                <path
-                    d="M360.073 -73.8823C358.707 -72.8802 357.821 -70.7419 357.893 -66.9438C357.965 -63.1978 358.97 -58.1626 360.967 -51.8539C364.957 -39.2517 372.733 -22.1074 383.884 -1.38009C395.029 19.3354 409.304 43.1806 425.895 68.7941C442.486 94.4065 461.065 121.278 480.569 147.874C500.074 174.469 520.12 200.265 539.562 223.786C559.006 247.308 577.459 268.089 593.867 284.944C610.285 301.809 624.3 314.378 635.121 321.971C640.537 325.772 645.038 328.243 648.589 329.437C652.19 330.648 654.496 330.446 655.862 329.444C657.228 328.442 658.114 326.303 658.042 322.505C657.97 318.759 656.965 313.724 654.968 307.415C650.978 294.813 643.202 277.669 632.051 256.941C620.906 236.226 606.632 212.381 590.04 186.767C573.449 161.155 554.87 134.283 535.366 107.687C515.861 81.0918 495.815 55.2966 476.373 31.7753C456.929 8.25289 438.476 -12.5279 422.068 -29.3832C405.65 -46.248 391.635 -58.8164 380.815 -66.4092C375.398 -70.2102 370.897 -72.6819 367.346 -73.8761C363.745 -75.0869 361.44 -74.8843 360.073 -73.8823L360.073 -73.8823Z"
-                    stroke="url(#paint7_linear_577_11)"
-                    stroke-width="2.46575"
-                />
-                <path
-                    d="M750.15 47.0322C750.062 46.7701 749.781 46.3922 748.942 46.0175C748.107 45.6443 746.871 45.3472 745.179 45.1713C741.803 44.8203 736.913 44.9787 730.514 45.6846C717.736 47.0944 699.451 50.6288 676.683 56.1008C653.925 61.5706 627.166 68.8609 597.935 77.5568C568.706 86.2523 537.581 96.1813 506.34 106.777C475.099 117.372 444.356 128.425 415.867 139.305C387.377 150.185 361.705 160.677 340.314 170.18C318.915 179.688 302.252 188.006 291.252 194.66C285.744 197.993 281.767 200.841 279.301 203.173C278.065 204.343 277.265 205.33 276.829 206.135C276.391 206.942 276.398 207.413 276.487 207.675C276.576 207.937 276.857 208.315 277.695 208.69C278.531 209.063 279.767 209.36 281.459 209.536C284.835 209.887 289.724 209.728 296.123 209.022C308.902 207.613 327.187 204.078 349.955 198.606C372.713 193.136 399.471 185.846 428.702 177.15C457.932 168.455 489.057 158.526 520.298 147.93C551.539 137.335 582.282 126.282 610.771 115.402C639.261 104.522 664.933 94.0301 686.324 84.5268C707.723 75.0194 724.386 66.7013 735.385 60.0468C740.894 56.7145 744.871 53.8656 747.336 51.5336C748.573 50.3646 749.373 49.3767 749.809 48.5724C750.246 47.765 750.239 47.2943 750.15 47.0322L750.15 47.0322Z"
-                    stroke="url(#paint8_linear_577_11)"
-                    stroke-width="2.46575"
-                />
-                <path
-                    d="M752.914 192.726C752.998 192.463 752.997 191.992 752.546 191.192C752.097 190.395 751.28 189.421 750.025 188.273C747.52 185.983 743.496 183.201 737.932 179.962C726.822 173.493 710.022 165.456 688.466 156.31C666.918 147.168 641.073 137.109 612.404 126.71C583.736 116.311 552.812 105.776 521.397 95.7071C489.982 85.6386 458.695 76.2344 429.323 68.0315C399.95 59.8285 373.073 52.9891 350.226 47.9028C327.369 42.8143 309.027 39.5879 296.227 38.3932C289.817 37.7949 284.926 37.7189 281.556 38.1265C279.867 38.3309 278.636 38.6486 277.807 39.0359C276.975 39.4246 276.701 39.8072 276.617 40.0707C276.532 40.3343 276.533 40.8051 276.984 41.605C277.433 42.4018 278.25 43.3761 279.506 44.5242C282.01 46.8144 286.035 49.596 291.598 52.8353C302.708 59.3039 319.508 67.3406 341.065 76.4868C362.612 85.6292 388.457 95.6875 417.126 106.087C445.794 116.486 476.719 127.021 508.134 137.09C539.548 147.158 570.835 156.563 600.207 164.765C629.58 172.968 656.457 179.808 679.304 184.894C702.161 189.983 720.503 193.209 733.303 194.404C739.713 195.002 744.605 195.078 747.974 194.67C749.663 194.466 750.894 194.148 751.723 193.761C752.555 193.372 752.829 192.99 752.914 192.726L752.914 192.726Z"
-                    stroke="url(#paint9_linear_577_11)"
-                    stroke-width="2.46575"
-                />
-            </g>
-            <g filter="url(#filter1_f_577_11)">
-                <g style="mix-blend-mode:screen" filter="url(#filter2_f_577_11)">
-                    <circle
-                        cx="460.597"
-                        cy="122.691"
-                        r="23.8638"
-                        transform="rotate(90 460.597 122.691)"
-                        fill="url(#paint10_radial_577_11)"
-                        fill-opacity="0.5"
-                    />
-                </g>
-                <g style="mix-blend-mode:screen">
-                    <circle
-                        cx="460.596"
-                        cy="122.69"
-                        r="13.0866"
-                        transform="rotate(90 460.596 122.69)"
-                        fill="url(#paint11_radial_577_11)"
-                    />
-                </g>
-            </g>
-        </g>
-        <defs>
-            <filter
-                id="filter0_f_577_11"
-                x="268.663"
-                y="-128.186"
-                width="492.069"
-                height="515.713"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="3.27108" result="effect1_foregroundBlur_577_11" />
-            </filter>
-            <filter
-                id="filter1_f_577_11"
-                x="399.515"
-                y="61.6086"
-                width="122.164"
-                height="122.164"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="18.6092" result="effect1_foregroundBlur_577_11" />
-            </filter>
-            <filter
-                id="filter2_f_577_11"
-                x="429.035"
-                y="91.1289"
-                width="63.1237"
-                height="63.1237"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="3.84901" result="effect1_foregroundBlur_577_11" />
-            </filter>
-            <linearGradient
-                id="paint0_linear_577_11"
-                x1="547.062"
-                y1="100.723"
-                x2="460.779"
-                y2="105.5"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.105" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint1_linear_577_11"
-                x1="549.163"
-                y1="116.388"
-                x2="488.936"
-                y2="79.1217"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.12" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint2_linear_577_11"
-                x1="519.241"
-                y1="83.6157"
-                x2="464.086"
-                y2="128.044"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.075" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint3_linear_577_11"
-                x1="548.107"
-                y1="139.801"
-                x2="531.977"
-                y2="96.494"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.125" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint4_linear_577_11"
-                x1="535.323"
-                y1="147.099"
-                x2="548.121"
-                y2="102.693"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="0.965" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint5_linear_577_11"
-                x1="547.062"
-                y1="100.723"
-                x2="460.779"
-                y2="105.5"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.105" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint6_linear_577_11"
-                x1="549.163"
-                y1="116.388"
-                x2="488.936"
-                y2="79.1217"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.12" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint7_linear_577_11"
-                x1="519.241"
-                y1="83.6157"
-                x2="464.086"
-                y2="128.044"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.075" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint8_linear_577_11"
-                x1="548.107"
-                y1="139.801"
-                x2="531.977"
-                y2="96.494"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.04" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint9_linear_577_11"
-                x1="535.323"
-                y1="147.099"
-                x2="548.121"
-                y2="102.693"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="0.965" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <radialGradient
-                id="paint10_radial_577_11"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(460.597 122.691) rotate(90) scale(23.8638)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <radialGradient
-                id="paint11_radial_577_11"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(460.596 122.69) rotate(90) scale(13.0866)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <clipPath id="clip0_577_11">
-                <rect width="600" height="240" fill="white" />
-            </clipPath>
-        </defs>
-    </svg>
-</div>
-
-<style lang="scss">
-    .overlay {
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            right: 0;
-            left: 0;
-
-            z-index: 0;
-            background: radial-gradient(
-                circle farthest-corner at 400px 100px,
-                hsl(var(--web-color-background) / 0) 0%,
-                hsl(var(--web-color-background)) 80%,
-                hsl(var(--web-color-background)) 100%
-            );
-        }
-    }
-</style>
--- a/src/routes/init/(animations)/Go.svelte
+++ b/src/routes/init/(animations)/Go.svelte
@@ -1,564 +0,0 @@
-<div class="overlay">
-    <svg
-        width="600"
-        height="240"
-        viewBox="0 0 600 240"
-        style="width:100%;height:100%;"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <g>
-            <g filter="url(#filter0_bdi_577_34)">
-                <rect
-                    width="225.152"
-                    height="221.336"
-                    rx="43.3515"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 660.875 90.5877)"
-                    fill="white"
-                    fill-opacity="0.02"
-                    shape-rendering="crispEdges"
-                />
-                <rect
-                    width="225.152"
-                    height="221.336"
-                    rx="43.3515"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 660.875 90.5877)"
-                    fill="url(#paint0_linear_577_34)"
-                    fill-opacity="0.08"
-                    shape-rendering="crispEdges"
-                />
-                <rect
-                    x="-2.39838"
-                    y="-0.216688"
-                    width="221.746"
-                    height="217.931"
-                    rx="41.6487"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 656.773 88.6682)"
-                    stroke="url(#paint1_linear_577_34)"
-                    stroke-opacity="0.15"
-                    stroke-width="3.40563"
-                    shape-rendering="crispEdges"
-                />
-                <rect
-                    x="-2.39838"
-                    y="-0.216688"
-                    width="221.746"
-                    height="217.931"
-                    rx="41.6487"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 656.773 88.6682)"
-                    stroke="url(#paint2_linear_577_34)"
-                    stroke-width="3.40563"
-                    shape-rendering="crispEdges"
-                />
-                <rect
-                    x="-2.39838"
-                    y="-0.216688"
-                    width="221.746"
-                    height="217.931"
-                    rx="41.6487"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 656.773 88.6682)"
-                    stroke="url(#paint3_linear_577_34)"
-                    stroke-width="3.40563"
-                    shape-rendering="crispEdges"
-                />
-            </g>
-            <g opacity="0.5" filter="url(#filter1_bdi_577_34)">
-                <rect
-                    width="225.152"
-                    height="221.336"
-                    rx="43.3515"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 504.964 -96.293)"
-                    fill="white"
-                    fill-opacity="0.02"
-                    shape-rendering="crispEdges"
-                />
-                <rect
-                    x="-2.39838"
-                    y="-0.216688"
-                    width="221.746"
-                    height="217.931"
-                    rx="41.6487"
-                    transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 500.863 -98.2125)"
-                    stroke="url(#paint4_linear_577_34)"
-                    stroke-opacity="0.15"
-                    stroke-width="3.40563"
-                    shape-rendering="crispEdges"
-                />
-            </g>
-            <g opacity="0.5" filter="url(#filter2_bdi_577_34)">
-                <path
-                    d="M763.524 321.903C782.167 306.349 791.489 298.573 795.582 289.004C799.183 280.587 800.027 271.246 797.993 262.32C795.681 252.172 787.904 242.851 772.35 224.207L716.984 157.843C701.431 139.2 693.654 129.879 684.085 125.785C675.668 122.184 666.327 121.34 657.401 123.374C647.254 125.687 637.932 133.463 619.289 149.017L555.855 201.939C537.212 217.492 527.89 225.269 523.796 234.838C520.195 243.255 519.351 252.596 521.386 261.522C523.698 271.669 531.475 280.991 547.028 299.634L602.394 365.998C617.948 384.641 625.725 393.963 635.293 398.056C643.71 401.658 653.051 402.501 661.977 400.467C672.125 398.155 681.447 390.378 700.09 374.825L763.524 321.903Z"
-                    fill="white"
-                    fill-opacity="0.02"
-                    shape-rendering="crispEdges"
-                />
-                <path
-                    d="M771.043 225.298L715.677 158.934C707.882 149.591 702.101 142.663 697.076 137.552C692.066 132.455 687.911 129.274 683.416 127.351C675.329 123.891 666.355 123.08 657.78 125.034C653.012 126.121 648.355 128.506 642.512 132.622C636.653 136.75 629.723 142.53 620.38 150.324L556.946 203.246C547.603 211.041 540.675 216.822 535.563 221.847C530.466 226.857 527.285 231.012 525.362 235.508C521.902 243.594 521.092 252.568 523.046 261.143C524.132 265.911 526.517 270.569 530.634 276.411C534.762 282.271 540.541 289.2 548.336 298.543L603.702 364.907C611.497 374.25 617.278 381.178 622.302 386.29C627.313 391.387 631.468 394.568 635.963 396.491C644.05 399.951 653.024 400.761 661.599 398.807C666.366 397.721 671.024 395.336 676.867 391.219C682.726 387.091 689.656 381.312 698.999 373.517L762.433 320.595C771.776 312.801 778.704 307.019 783.815 301.995C788.913 296.984 792.094 292.829 794.017 288.334C797.476 280.248 798.287 271.274 796.333 262.698C795.247 257.931 792.862 253.273 788.745 247.43C784.617 241.571 778.838 234.641 771.043 225.298Z"
-                    stroke="url(#paint5_linear_577_34)"
-                    stroke-opacity="0.15"
-                    stroke-width="3.40563"
-                    shape-rendering="crispEdges"
-                />
-            </g>
-            <path
-                d="M207.423 226.225L372.729 88.3139"
-                stroke="url(#paint6_linear_577_34)"
-                stroke-width="2.07646"
-                stroke-linecap="round"
-            />
-            <path
-                d="M183.003 341.684L399.022 161.464"
-                stroke="url(#paint7_linear_577_34)"
-                stroke-width="2.07646"
-                stroke-linecap="round"
-            />
-            <path
-                d="M159.616 313.652L324.922 175.741"
-                stroke="url(#paint8_linear_577_34)"
-                stroke-width="2.07646"
-                stroke-linecap="round"
-            />
-            <path
-                d="M234.672 345.13L380.961 223.085"
-                stroke="url(#paint9_linear_577_34)"
-                stroke-width="2.07646"
-                stroke-linecap="round"
-            />
-            <g style="mix-blend-mode:screen" filter="url(#filter3_f_577_34)">
-                <path
-                    d="M207.423 226.225L372.729 88.3139"
-                    stroke="url(#paint10_linear_577_34)"
-                    stroke-width="3.40563"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M183.003 341.684L399.022 161.464"
-                    stroke="url(#paint11_linear_577_34)"
-                    stroke-width="3.40563"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M159.616 313.652L324.922 175.741"
-                    stroke="url(#paint12_linear_577_34)"
-                    stroke-width="3.40563"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M234.672 345.13L380.961 223.085"
-                    stroke="url(#paint13_linear_577_34)"
-                    stroke-width="3.40563"
-                    stroke-linecap="round"
-                />
-            </g>
-            <g filter="url(#filter4_f_577_34)">
-                <g style="mix-blend-mode:screen" filter="url(#filter5_f_577_34)">
-                    <circle
-                        cx="14.0702"
-                        cy="14.0702"
-                        r="14.0702"
-                        transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 392.498 90.6401)"
-                        fill="url(#paint14_radial_577_34)"
-                        fill-opacity="0.5"
-                    />
-                </g>
-                <g style="mix-blend-mode:screen">
-                    <circle
-                        cx="7.71594"
-                        cy="7.71594"
-                        r="7.71594"
-                        transform="matrix(-0.640612 -0.767865 -0.767865 0.640612 383.549 89.8322)"
-                        fill="url(#paint15_radial_577_34)"
-                    />
-                </g>
-            </g>
-        </g>
-        <defs>
-            <filter
-                id="filter0_bdi_577_34"
-                x="223.897"
-                y="-205.084"
-                width="559.763"
-                height="560.249"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feGaussianBlur in="BackgroundImageFix" stdDeviation="61.3931" />
-                <feComposite
-                    in2="SourceAlpha"
-                    operator="in"
-                    result="effect1_backgroundBlur_577_34"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dx="15.1709" />
-                <feGaussianBlur stdDeviation="25.2849" />
-                <feComposite in2="hardAlpha" operator="out" />
-                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
-                <feBlend
-                    mode="normal"
-                    in2="effect1_backgroundBlur_577_34"
-                    result="effect2_dropShadow_577_34"
-                />
-                <feBlend
-                    mode="normal"
-                    in="SourceGraphic"
-                    in2="effect2_dropShadow_577_34"
-                    result="shape"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dy="1.26425" />
-                <feGaussianBlur stdDeviation="0.632123" />
-                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" />
-                <feBlend mode="normal" in2="shape" result="effect3_innerShadow_577_34" />
-            </filter>
-            <filter
-                id="filter1_bdi_577_34"
-                x="67.9871"
-                y="-391.965"
-                width="559.763"
-                height="560.249"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feGaussianBlur in="BackgroundImageFix" stdDeviation="61.3931" />
-                <feComposite
-                    in2="SourceAlpha"
-                    operator="in"
-                    result="effect1_backgroundBlur_577_34"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dx="15.1709" />
-                <feGaussianBlur stdDeviation="25.2849" />
-                <feComposite in2="hardAlpha" operator="out" />
-                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
-                <feBlend
-                    mode="normal"
-                    in2="effect1_backgroundBlur_577_34"
-                    result="effect2_dropShadow_577_34"
-                />
-                <feBlend
-                    mode="normal"
-                    in="SourceGraphic"
-                    in2="effect2_dropShadow_577_34"
-                    result="shape"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dy="1.26425" />
-                <feGaussianBlur stdDeviation="0.632123" />
-                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" />
-                <feBlend mode="normal" in2="shape" result="effect3_innerShadow_577_34" />
-            </filter>
-            <filter
-                id="filter2_bdi_577_34"
-                x="379.808"
-                y="-18.2037"
-                width="559.763"
-                height="560.249"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feGaussianBlur in="BackgroundImageFix" stdDeviation="61.3931" />
-                <feComposite
-                    in2="SourceAlpha"
-                    operator="in"
-                    result="effect1_backgroundBlur_577_34"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dx="15.1709" />
-                <feGaussianBlur stdDeviation="25.2849" />
-                <feComposite in2="hardAlpha" operator="out" />
-                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
-                <feBlend
-                    mode="normal"
-                    in2="effect1_backgroundBlur_577_34"
-                    result="effect2_dropShadow_577_34"
-                />
-                <feBlend
-                    mode="normal"
-                    in="SourceGraphic"
-                    in2="effect2_dropShadow_577_34"
-                    result="shape"
-                />
-                <feColorMatrix
-                    in="SourceAlpha"
-                    type="matrix"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                />
-                <feOffset dy="1.26425" />
-                <feGaussianBlur stdDeviation="0.632123" />
-                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" />
-                <feBlend mode="normal" in2="shape" result="effect3_innerShadow_577_34" />
-            </filter>
-            <filter
-                id="filter3_f_577_34"
-                x="150.308"
-                y="79.0055"
-                width="258.022"
-                height="376.108"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="3.80277" result="effect1_foregroundBlur_577_34" />
-            </filter>
-            <filter
-                id="filter4_f_577_34"
-                x="348.625"
-                y="64.7937"
-                width="48.1118"
-                height="48.1118"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="4.99267" result="effect1_foregroundBlur_577_34" />
-            </filter>
-            <filter
-                id="filter5_f_577_34"
-                x="354.071"
-                y="70.2402"
-                width="37.2187"
-                height="37.2187"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="2.26939" result="effect1_foregroundBlur_577_34" />
-            </filter>
-            <linearGradient
-                id="paint0_linear_577_34"
-                x1="112.576"
-                y1="142.984"
-                x2="112.576"
-                y2="221.336"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint1_linear_577_34"
-                x1="112.576"
-                y1="15.5858"
-                x2="112.576"
-                y2="262.497"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint2_linear_577_34"
-                x1="145.646"
-                y1="70.3512"
-                x2="206.871"
-                y2="218.659"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.5" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint3_linear_577_34"
-                x1="112.562"
-                y1="93.1678"
-                x2="13.3097"
-                y2="-3.80275"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.582792" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint4_linear_577_34"
-                x1="112.576"
-                y1="15.5858"
-                x2="112.576"
-                y2="262.497"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0.5" />
-                <stop offset="1" stop-color="white" stop-opacity="0.5" />
-            </linearGradient>
-            <linearGradient
-                id="paint5_linear_577_34"
-                x1="732.7"
-                y1="201.01"
-                x2="543.105"
-                y2="359.184"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0.5" />
-                <stop offset="1" stop-color="white" stop-opacity="0.5" />
-            </linearGradient>
-            <linearGradient
-                id="paint6_linear_577_34"
-                x1="206.936"
-                y1="226.631"
-                x2="273.688"
-                y2="48.7813"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.935" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint7_linear_577_34"
-                x1="182.366"
-                y1="342.215"
-                x2="388.255"
-                y2="145.407"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint8_linear_577_34"
-                x1="159.129"
-                y1="314.058"
-                x2="318.964"
-                y2="165.599"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint9_linear_577_34"
-                x1="234.241"
-                y1="345.489"
-                x2="261.781"
-                y2="198.926"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint10_linear_577_34"
-                x1="206.936"
-                y1="226.631"
-                x2="273.688"
-                y2="48.7813"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.935" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint11_linear_577_34"
-                x1="182.366"
-                y1="342.215"
-                x2="388.255"
-                y2="145.407"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint12_linear_577_34"
-                x1="159.129"
-                y1="314.058"
-                x2="318.964"
-                y2="165.599"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint13_linear_577_34"
-                x1="234.241"
-                y1="345.489"
-                x2="261.781"
-                y2="198.926"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <radialGradient
-                id="paint14_radial_577_34"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(14.0702 14.0702) rotate(90) scale(14.0702)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <radialGradient
-                id="paint15_radial_577_34"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(7.71594 7.71594) rotate(90) scale(7.71594)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <clipPath id="clip0_577_34">
-                <rect width="600" height="240" fill="white" />
-            </clipPath>
-        </defs>
-    </svg>
-</div>
-
-<style lang="scss">
-    .overlay {
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            right: 0;
-            left: 0;
-
-            z-index: 0;
-            background: radial-gradient(
-                circle farthest-corner at 400px 100px,
-                hsl(var(--web-color-background) / 0) 0%,
-                hsl(var(--web-color-background)) 80%,
-                hsl(var(--web-color-background)) 100%
-            );
-        }
-    }
-</style>
--- a/src/routes/init/(animations)/LocalDev.svelte
+++ b/src/routes/init/(animations)/LocalDev.svelte
@@ -1,654 +0,0 @@
-<div class="overlay">
-    <svg
-        width="600"
-        height="240"
-        viewBox="0 0 600 240"
-        style="width:100%;height:100%;"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <g>
-            <path
-                d="M599.416 243.709C598.898 244.152 598.837 244.93 599.279 245.448C599.722 245.965 600.5 246.026 601.018 245.584L599.416 243.709ZM655.234 195.994L599.416 243.709L601.018 245.584L656.836 197.868L655.234 195.994Z"
-                fill="url(#paint0_linear_576_2476)"
-            />
-            <path
-                d="M573.4 243.638C572.843 244.03 572.709 244.799 573.101 245.356C573.493 245.913 574.262 246.047 574.819 245.655L573.4 243.638ZM589.156 232.558L573.4 243.638L574.819 245.655L590.574 234.574L589.156 232.558Z"
-                fill="url(#paint1_linear_576_2476)"
-            />
-            <path
-                d="M540.187 243.575C539.595 243.913 539.389 244.666 539.726 245.257C540.064 245.849 540.817 246.055 541.408 245.717L540.187 243.575ZM655.424 177.854L540.187 243.575L541.408 245.717L656.645 179.996L655.424 177.854Z"
-                fill="url(#paint2_linear_576_2476)"
-            />
-            <path
-                d="M496.167 243.528C495.549 243.814 495.281 244.547 495.567 245.165C495.853 245.782 496.586 246.051 497.204 245.765L496.167 243.528ZM626.369 183.208L496.167 243.528L497.204 245.765L627.406 185.445L626.369 183.208Z"
-                fill="url(#paint3_linear_576_2476)"
-            />
-            <path
-                d="M435.035 243.491C434.397 243.728 434.072 244.437 434.309 245.076C434.546 245.714 435.256 246.039 435.894 245.802L435.035 243.491ZM655.607 161.564L435.035 243.491L435.894 245.802L656.465 163.876L655.607 161.564Z"
-                fill="url(#paint4_linear_576_2476)"
-            />
-            <path
-                d="M406.33 222.341C405.673 222.52 405.285 223.198 405.464 223.855C405.644 224.512 406.321 224.899 406.978 224.72L406.33 222.341ZM655.71 154.328L406.33 222.341L406.978 224.72L656.359 156.707L655.71 154.328Z"
-                fill="url(#paint5_linear_576_2476)"
-            />
-            <path
-                d="M256.461 219.59C255.79 219.709 255.343 220.348 255.462 221.019C255.581 221.689 256.221 222.136 256.892 222.017L256.461 219.59ZM514.475 173.786L256.461 219.59L256.892 222.017L514.906 176.214L514.475 173.786Z"
-                fill="url(#paint6_linear_576_2476)"
-            />
-            <path
-                d="M147.224 189.204C146.546 189.266 146.047 189.866 146.109 190.544C146.171 191.222 146.771 191.721 147.449 191.659L147.224 189.204ZM655.925 142.586L147.224 189.204L147.449 191.659L656.15 145.041L655.925 142.586Z"
-                fill="url(#paint7_linear_576_2476)"
-            />
-            <path
-                d="M421.064 137.179C420.383 137.179 419.831 137.731 419.831 138.412C419.831 139.093 420.383 139.645 421.064 139.645L421.064 137.179ZM575.008 137.179L421.064 137.179L421.064 139.645L575.008 139.645L575.008 137.179Z"
-                fill="url(#paint8_linear_576_2476)"
-            />
-            <path
-                d="M587.613 137.179C586.932 137.179 586.38 137.731 586.38 138.412C586.38 139.093 586.932 139.645 587.613 139.645L587.613 137.179ZM656.035 137.179L587.613 137.179L587.613 139.645L656.035 139.645L656.035 137.179Z"
-                fill="url(#paint9_linear_576_2476)"
-            />
-            <path
-                d="M464.377 113.776C463.699 113.719 463.102 114.222 463.045 114.901C462.988 115.579 463.491 116.176 464.17 116.233L464.377 113.776ZM656.139 129.981L464.377 113.776L464.17 116.233L655.932 132.438L656.139 129.981Z"
-                fill="url(#paint10_linear_576_2476)"
-            />
-            <path
-                d="M193.766 89.3548C193.088 89.2931 192.488 89.7929 192.426 90.471C192.365 91.1491 192.864 91.7488 193.542 91.8104L193.766 89.3548ZM436.477 111.418L193.766 89.3548L193.542 91.8104L436.254 113.874L436.477 111.418Z"
-                fill="url(#paint11_linear_576_2476)"
-            />
-            <path
-                d="M359.154 72.288C358.483 72.1699 357.844 72.6178 357.726 73.2884C357.608 73.959 358.055 74.5983 358.726 74.7164L359.154 72.288ZM656.25 124.594L359.154 72.288L358.726 74.7164L655.822 127.022L656.25 124.594Z"
-                fill="url(#paint12_linear_576_2476)"
-            />
-            <path
-                d="M292.694 18.3997C292.038 18.2174 291.358 18.6014 291.176 19.2574C290.994 19.9135 291.378 20.5931 292.034 20.7754L292.694 18.3997ZM609.551 106.451L292.694 18.3997L292.034 20.7754L608.891 108.826L609.551 106.451Z"
-                fill="url(#paint13_linear_576_2476)"
-            />
-            <path
-                d="M434.084 30.1189C433.444 29.8858 432.737 30.2154 432.504 30.8552C432.271 31.4949 432.6 32.2025 433.24 32.4356L434.084 30.1189ZM545.27 70.632L434.084 30.1189L433.24 32.4356L544.426 72.9488L545.27 70.632Z"
-                fill="url(#paint14_linear_576_2476)"
-            />
-            <path
-                d="M569.131 79.3254C568.491 79.0923 567.784 79.422 567.551 80.0617C567.318 80.7015 567.647 81.4091 568.287 81.6422L569.131 79.3254ZM656.459 111.145L569.131 79.3254L568.287 81.6422L655.615 113.462L656.459 111.145Z"
-                fill="url(#paint15_linear_576_2476)"
-            />
-            <path
-                d="M389.707 -22.5275C389.093 -22.8209 388.357 -22.5606 388.063 -21.9462C387.77 -21.3317 388.03 -20.5958 388.645 -20.3024L389.707 -22.5275ZM656.569 104.889L389.707 -22.5275L388.645 -20.3024L655.506 107.114L656.569 104.889Z"
-                fill="url(#paint16_linear_576_2476)"
-            />
-            <path
-                d="M544.134 30.2203C543.551 29.8699 542.793 30.0593 542.443 30.6431C542.093 31.227 542.282 31.9843 542.866 32.3346L544.134 30.2203ZM656.671 97.7421L544.134 30.2203L542.866 32.3346L655.402 99.8565L656.671 97.7421Z"
-                fill="url(#paint17_linear_576_2476)"
-            />
-            <path
-                d="M577.533 30.2804C576.983 29.8799 576.212 30.0016 575.811 30.5523C575.411 31.103 575.533 31.874 576.083 32.2745L577.533 30.2804ZM625.249 64.9825L577.533 30.2804L576.083 32.2745L623.799 66.9767L625.249 64.9825Z"
-                fill="url(#paint18_linear_576_2476)"
-            />
-            <path
-                d="M548.617 -15.7432C548.102 -16.1892 547.324 -16.1336 546.878 -15.6191C546.432 -15.1045 546.488 -14.3259 547.002 -13.8799L548.617 -15.7432ZM656.844 78.061L548.617 -15.7432L547.002 -13.8799L655.229 79.9243L656.844 78.061Z"
-                fill="url(#paint19_linear_576_2476)"
-            />
-            <g style="mix-blend-mode:screen" filter="url(#filter0_f_576_2476)">
-                <path
-                    d="M599.416 243.709C598.898 244.152 598.837 244.93 599.279 245.448C599.722 245.965 600.5 246.026 601.018 245.584L599.416 243.709ZM655.234 195.994L599.416 243.709L601.018 245.584L656.836 197.868L655.234 195.994Z"
-                    fill="url(#paint20_linear_576_2476)"
-                />
-                <path
-                    d="M573.4 243.638C572.843 244.03 572.709 244.799 573.101 245.356C573.493 245.913 574.262 246.047 574.819 245.655L573.4 243.638ZM589.156 232.558L573.4 243.638L574.819 245.655L590.574 234.574L589.156 232.558Z"
-                    fill="url(#paint21_linear_576_2476)"
-                />
-                <path
-                    d="M540.187 243.575C539.595 243.913 539.389 244.666 539.726 245.257C540.064 245.849 540.817 246.055 541.408 245.717L540.187 243.575ZM655.424 177.854L540.187 243.575L541.408 245.717L656.645 179.996L655.424 177.854Z"
-                    fill="url(#paint22_linear_576_2476)"
-                />
-                <path
-                    d="M496.167 243.528C495.549 243.814 495.281 244.547 495.567 245.165C495.853 245.782 496.586 246.051 497.204 245.765L496.167 243.528ZM626.369 183.208L496.167 243.528L497.204 245.765L627.406 185.445L626.369 183.208Z"
-                    fill="url(#paint23_linear_576_2476)"
-                />
-                <path
-                    d="M435.035 243.491C434.397 243.728 434.072 244.437 434.309 245.076C434.546 245.714 435.256 246.039 435.894 245.802L435.035 243.491ZM655.607 161.564L435.035 243.491L435.894 245.802L656.465 163.876L655.607 161.564Z"
-                    fill="url(#paint24_linear_576_2476)"
-                />
-                <path
-                    d="M406.33 222.341C405.673 222.52 405.285 223.198 405.464 223.855C405.644 224.512 406.321 224.899 406.978 224.72L406.33 222.341ZM655.71 154.328L406.33 222.341L406.978 224.72L656.359 156.707L655.71 154.328Z"
-                    fill="url(#paint25_linear_576_2476)"
-                />
-                <path
-                    d="M256.461 219.59C255.79 219.709 255.343 220.348 255.462 221.019C255.581 221.689 256.221 222.136 256.892 222.017L256.461 219.59ZM514.475 173.786L256.461 219.59L256.892 222.017L514.906 176.214L514.475 173.786Z"
-                    fill="url(#paint26_linear_576_2476)"
-                />
-                <path
-                    d="M147.224 189.204C146.546 189.266 146.047 189.866 146.109 190.544C146.171 191.222 146.771 191.721 147.449 191.659L147.224 189.204ZM655.925 142.586L147.224 189.204L147.449 191.659L656.15 145.041L655.925 142.586Z"
-                    fill="url(#paint27_linear_576_2476)"
-                />
-                <path
-                    d="M421.064 137.179C420.383 137.179 419.831 137.731 419.831 138.412C419.831 139.093 420.383 139.645 421.064 139.645L421.064 137.179ZM575.008 137.179L421.064 137.179L421.064 139.645L575.008 139.645L575.008 137.179Z"
-                    fill="url(#paint28_linear_576_2476)"
-                />
-                <path
-                    d="M587.613 137.179C586.932 137.179 586.38 137.731 586.38 138.412C586.38 139.093 586.932 139.645 587.613 139.645L587.613 137.179ZM656.035 137.179L587.613 137.179L587.613 139.645L656.035 139.645L656.035 137.179Z"
-                    fill="url(#paint29_linear_576_2476)"
-                />
-                <path
-                    d="M464.377 113.776C463.699 113.719 463.102 114.222 463.045 114.901C462.988 115.579 463.491 116.176 464.17 116.233L464.377 113.776ZM656.139 129.981L464.377 113.776L464.17 116.233L655.932 132.438L656.139 129.981Z"
-                    fill="url(#paint30_linear_576_2476)"
-                />
-                <path
-                    d="M193.766 89.3548C193.088 89.2931 192.488 89.7929 192.426 90.471C192.365 91.1491 192.864 91.7488 193.542 91.8104L193.766 89.3548ZM436.477 111.418L193.766 89.3548L193.542 91.8104L436.254 113.874L436.477 111.418Z"
-                    fill="url(#paint31_linear_576_2476)"
-                />
-                <path
-                    d="M359.154 72.288C358.483 72.1699 357.844 72.6178 357.726 73.2884C357.608 73.959 358.055 74.5983 358.726 74.7164L359.154 72.288ZM656.25 124.594L359.154 72.288L358.726 74.7164L655.822 127.022L656.25 124.594Z"
-                    fill="url(#paint32_linear_576_2476)"
-                />
-                <path
-                    d="M292.694 18.3997C292.038 18.2174 291.358 18.6014 291.176 19.2574C290.994 19.9135 291.378 20.5931 292.034 20.7754L292.694 18.3997ZM609.551 106.451L292.694 18.3997L292.034 20.7754L608.891 108.826L609.551 106.451Z"
-                    fill="url(#paint33_linear_576_2476)"
-                />
-                <path
-                    d="M434.084 30.1189C433.444 29.8858 432.737 30.2154 432.504 30.8552C432.271 31.4949 432.6 32.2025 433.24 32.4356L434.084 30.1189ZM545.27 70.632L434.084 30.1189L433.24 32.4356L544.426 72.9488L545.27 70.632Z"
-                    fill="url(#paint34_linear_576_2476)"
-                />
-                <path
-                    d="M569.131 79.3254C568.491 79.0923 567.784 79.422 567.551 80.0617C567.318 80.7015 567.647 81.4091 568.287 81.6422L569.131 79.3254ZM656.459 111.145L569.131 79.3254L568.287 81.6422L655.615 113.462L656.459 111.145Z"
-                    fill="url(#paint35_linear_576_2476)"
-                />
-                <path
-                    d="M389.707 -22.5275C389.093 -22.8209 388.357 -22.5606 388.063 -21.9462C387.77 -21.3317 388.03 -20.5958 388.645 -20.3024L389.707 -22.5275ZM656.569 104.889L389.707 -22.5275L388.645 -20.3024L655.506 107.114L656.569 104.889Z"
-                    fill="url(#paint36_linear_576_2476)"
-                />
-                <path
-                    d="M544.134 30.2203C543.551 29.8699 542.793 30.0593 542.443 30.6431C542.093 31.227 542.282 31.9843 542.866 32.3346L544.134 30.2203ZM656.671 97.7421L544.134 30.2203L542.866 32.3346L655.402 99.8565L656.671 97.7421Z"
-                    fill="url(#paint37_linear_576_2476)"
-                />
-                <path
-                    d="M577.533 30.2804C576.983 29.8799 576.212 30.0016 575.811 30.5523C575.411 31.103 575.533 31.874 576.083 32.2745L577.533 30.2804ZM625.249 64.9825L577.533 30.2804L576.083 32.2745L623.799 66.9767L625.249 64.9825Z"
-                    fill="url(#paint38_linear_576_2476)"
-                />
-                <path
-                    d="M548.617 -15.7432C548.102 -16.1892 547.324 -16.1336 546.878 -15.6191C546.432 -15.1045 546.488 -14.3259 547.002 -13.8799L548.617 -15.7432ZM656.844 78.061L548.617 -15.7432L547.002 -13.8799L655.229 79.9243L656.844 78.061Z"
-                    fill="url(#paint39_linear_576_2476)"
-                />
-            </g>
-        </g>
-        <defs>
-            <filter
-                id="filter0_f_576_2476"
-                x="138.925"
-                y="-29.8268"
-                width="525.279"
-                height="282.885"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="3.58934" result="effect1_foregroundBlur_576_2476" />
-            </filter>
-            <linearGradient
-                id="paint0_linear_576_2476"
-                x1="637.517"
-                y1="213.885"
-                x2="606.242"
-                y2="240.221"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint1_linear_576_2476"
-                x1="589.372"
-                y1="234.049"
-                x2="573.735"
-                y2="244.748"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint2_linear_576_2476"
-                x1="656.035"
-                y1="185.491"
-                x2="540.813"
-                y2="244.748"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0.1" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint3_linear_576_2476"
-                x1="617.356"
-                y1="214.296"
-                x2="496.685"
-                y2="184.327"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint4_linear_576_2476"
-                x1="656.036"
-                y1="244.646"
-                x2="435.465"
-                y2="162.72"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint5_linear_576_2476"
-                x1="656.035"
-                y1="223.53"
-                x2="406.654"
-                y2="155.518"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint6_linear_576_2476"
-                x1="514.69"
-                y1="217.637"
-                x2="272.512"
-                y2="175"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint7_linear_576_2476"
-                x1="656.037"
-                y1="171.886"
-                x2="332.833"
-                y2="143.814"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint8_linear_576_2476"
-                x1="509.538"
-                y1="138.412"
-                x2="272.51"
-                y2="138.412"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.596624" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint9_linear_576_2476"
-                x1="656.035"
-                y1="139.412"
-                x2="587.61"
-                y2="138.735"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint10_linear_576_2476"
-                x1="656.036"
-                y1="131.21"
-                x2="654.43"
-                y2="103.845"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint11_linear_576_2476"
-                x1="436.365"
-                y1="112.646"
-                x2="434.993"
-                y2="89.2639"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint12_linear_576_2476"
-                x1="656.036"
-                y1="125.808"
-                x2="645.36"
-                y2="38.4842"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0.1" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint13_linear_576_2476"
-                x1="609.221"
-                y1="107.638"
-                x2="585.564"
-                y2="-17.2707"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint14_linear_576_2476"
-                x1="544.848"
-                y1="71.7904"
-                x2="528.523"
-                y2="7.27398"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint15_linear_576_2476"
-                x1="656.037"
-                y1="112.304"
-                x2="643.215"
-                y2="61.631"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint16_linear_576_2476"
-                x1="656.037"
-                y1="106.001"
-                x2="618.242"
-                y2="-8.09456"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint17_linear_576_2476"
-                x1="656.037"
-                y1="98.7993"
-                x2="615.417"
-                y2="1.31212"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint18_linear_576_2476"
-                x1="624.524"
-                y1="65.9796"
-                x2="600.862"
-                y2="19.1292"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint19_linear_576_2476"
-                x1="628.053"
-                y1="53.3973"
-                x2="609.845"
-                y2="25.0856"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint20_linear_576_2476"
-                x1="637.517"
-                y1="213.885"
-                x2="606.242"
-                y2="240.221"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint21_linear_576_2476"
-                x1="589.372"
-                y1="234.049"
-                x2="573.735"
-                y2="244.748"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint22_linear_576_2476"
-                x1="656.035"
-                y1="185.491"
-                x2="540.813"
-                y2="244.748"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0.1" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint23_linear_576_2476"
-                x1="617.356"
-                y1="214.296"
-                x2="496.685"
-                y2="184.327"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint24_linear_576_2476"
-                x1="656.036"
-                y1="244.646"
-                x2="435.465"
-                y2="162.72"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint25_linear_576_2476"
-                x1="656.035"
-                y1="223.53"
-                x2="406.654"
-                y2="155.518"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint26_linear_576_2476"
-                x1="514.69"
-                y1="217.637"
-                x2="272.512"
-                y2="175"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint27_linear_576_2476"
-                x1="656.037"
-                y1="171.886"
-                x2="332.833"
-                y2="143.814"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint28_linear_576_2476"
-                x1="509.538"
-                y1="138.412"
-                x2="272.51"
-                y2="138.412"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.596624" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint29_linear_576_2476"
-                x1="656.035"
-                y1="139.412"
-                x2="587.61"
-                y2="138.735"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint30_linear_576_2476"
-                x1="656.036"
-                y1="131.21"
-                x2="654.43"
-                y2="103.845"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint31_linear_576_2476"
-                x1="436.365"
-                y1="112.646"
-                x2="434.993"
-                y2="89.2639"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint32_linear_576_2476"
-                x1="656.036"
-                y1="125.808"
-                x2="645.36"
-                y2="38.4842"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0.1" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint33_linear_576_2476"
-                x1="609.221"
-                y1="107.638"
-                x2="585.564"
-                y2="-17.2707"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint34_linear_576_2476"
-                x1="544.848"
-                y1="71.7904"
-                x2="528.523"
-                y2="7.27398"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint35_linear_576_2476"
-                x1="656.037"
-                y1="112.304"
-                x2="643.215"
-                y2="61.631"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint36_linear_576_2476"
-                x1="656.037"
-                y1="106.001"
-                x2="618.242"
-                y2="-8.09456"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint37_linear_576_2476"
-                x1="656.037"
-                y1="98.7993"
-                x2="615.417"
-                y2="1.31212"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint38_linear_576_2476"
-                x1="624.524"
-                y1="65.9796"
-                x2="600.862"
-                y2="19.1292"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint39_linear_576_2476"
-                x1="628.053"
-                y1="53.3973"
-                x2="609.845"
-                y2="25.0856"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <clipPath id="clip0_576_2476">
-                <rect width="600" height="240" fill="white" />
-            </clipPath>
-        </defs>
-    </svg>
-</div>
-
-<style lang="scss">
-    .overlay {
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            right: 0;
-            left: 0;
-
-            z-index: 0;
-            background: radial-gradient(
-                circle farthest-corner at 400px 100px,
-                hsl(var(--web-color-background) / 0) 0%,
-                hsl(var(--web-color-background)) 60%,
-                hsl(var(--web-color-background)) 100%
-            );
-        }
-    }
-</style>
--- a/src/routes/init/(animations)/Numbers.svelte
+++ b/src/routes/init/(animations)/Numbers.svelte
@@ -1,554 +0,0 @@
-<div class="overlay">
-    <svg
-        width="600"
-        height="240"
-        viewBox="0 0 600 240"
-        style="width:100%;height:100%;"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <g>
-            <path
-                d="M141.788 22.2974V211.487H112.058V83.6488C109.356 85.2704 105.302 86.0812 100.167 86.0812H69.0854V60.6758H98.8152C103.14 60.6758 106.653 59.0542 109.085 55.8109C111.248 52.5677 112.599 48.5136 112.599 43.1082V22.2974L141.788 22.2974Z"
-                fill="url(#paint0_linear_577_69)"
-            />
-            <path
-                d="M141.788 22.2974V211.487H112.058V83.6488C109.356 85.2704 105.302 86.0812 100.167 86.0812H69.0854V60.6758H98.8152C103.14 60.6758 106.653 59.0542 109.085 55.8109C111.248 52.5677 112.599 48.5136 112.599 43.1082V22.2974L141.788 22.2974Z"
-                fill="url(#paint1_linear_577_69)"
-                fill-opacity="0.2"
-            />
-            <path
-                d="M666.456 92.0272C675.915 97.4326 683.483 105 688.888 114.73C694.294 124.46 696.996 135.541 696.996 147.973C696.996 161.757 693.753 173.379 687.807 183.108C681.591 192.838 673.212 200.406 662.942 205.271C652.402 210.406 640.78 212.838 628.348 212.838C614.293 212.838 602.131 210.135 591.861 204.73C581.591 199.325 573.483 192.027 567.807 182.838C561.861 173.649 558.618 163.108 558.077 151.757H587.807C588.888 162.027 592.942 170.676 600.51 177.433C607.807 184.46 616.996 187.703 628.348 187.703C634.834 187.703 641.05 186.352 646.996 183.108C652.942 180.135 657.537 175.541 661.321 169.595C664.834 163.649 666.726 156.622 666.726 147.973C666.726 136.622 663.212 127.162 656.185 119.595C649.158 112.297 639.969 108.514 628.618 108.514C621.05 108.514 613.483 110.406 606.185 113.649C598.618 117.162 593.483 123.108 590.51 131.757L561.591 131.216L567.266 22.2974L685.104 22.2974V48.5136H594.834L591.32 101.216C596.726 95.2704 603.212 90.9461 610.78 88.2434C618.348 85.5407 626.185 83.9191 634.564 83.9191C646.456 83.9191 656.996 86.6218 666.456 92.0272Z"
-                fill="url(#paint2_linear_577_69)"
-            />
-            <path
-                d="M505.16 92.0272C514.619 97.4326 522.187 105 527.592 114.73C532.998 124.46 535.7 135.541 535.7 147.973C535.7 161.757 532.457 173.379 526.511 183.108C520.295 192.838 511.917 200.406 501.646 205.271C491.106 210.406 479.484 212.838 467.052 212.838C452.998 212.838 440.835 210.135 430.565 204.73C420.295 199.325 412.187 192.027 406.511 182.838C400.565 173.649 397.322 163.108 396.781 151.757H426.511C427.592 162.027 431.646 170.676 439.214 177.433C446.511 184.46 455.7 187.703 467.052 187.703C473.538 187.703 479.754 186.352 485.7 183.108C491.646 180.135 496.241 175.541 500.025 169.595C503.538 163.649 505.43 156.622 505.43 147.973C505.43 136.622 501.917 127.162 494.889 119.595C487.862 112.297 478.673 108.514 467.322 108.514C459.754 108.514 452.187 110.406 444.889 113.649C437.322 117.162 432.187 123.108 429.214 131.757L400.295 131.216L405.97 22.2974L523.808 22.2974V48.5136H433.538L430.025 101.216C435.43 95.2704 441.916 90.9461 449.484 88.2434C457.052 85.5407 464.889 83.9191 473.268 83.9191C485.16 83.9191 495.7 86.6218 505.16 92.0272Z"
-                fill="url(#paint3_linear_577_69)"
-            />
-            <path
-                d="M343.864 92.0272C353.323 97.4326 360.891 105 366.296 114.73C371.702 124.46 374.404 135.541 374.404 147.973C374.404 161.757 371.161 173.379 365.215 183.108C358.999 192.838 350.621 200.406 340.35 205.271C329.81 210.406 318.188 212.838 305.756 212.838C291.702 212.838 279.539 210.135 269.269 204.73C258.999 199.325 250.891 192.027 245.215 182.838C239.269 173.649 236.026 163.108 235.485 151.757H265.215C266.296 162.027 270.35 170.676 277.918 177.433C285.215 184.46 294.404 187.703 305.756 187.703C312.242 187.703 318.458 186.352 324.404 183.108C330.35 180.135 334.945 175.541 338.729 169.595C342.242 163.649 344.134 156.622 344.134 147.973C344.134 136.622 340.621 127.162 333.594 119.595C326.567 112.297 317.377 108.514 306.026 108.514C298.458 108.514 290.891 110.406 283.594 113.649C276.026 117.162 270.891 123.108 267.918 131.757L238.999 131.216L244.675 22.2974L362.513 22.2974V48.5136H272.242L268.729 101.216C274.134 95.2704 280.621 90.9461 288.188 88.2434C295.756 85.5407 303.594 83.9191 311.972 83.9191C323.864 83.9191 334.404 86.6218 343.864 92.0272Z"
-                fill="url(#paint4_linear_577_69)"
-            />
-            <path
-                d="M-16.1923 76.3516H10.5645V122.027H53.8078V146.622H10.5645V192.298H-16.1923V146.622H-59.1653V122.027H-16.1923V76.3516Z"
-                fill="url(#paint5_linear_577_69)"
-            />
-            <path
-                d="M590.98 205.741C580.635 200.296 572.468 192.946 566.751 183.69C560.762 174.434 557.495 163.816 556.95 152.382H586.897C587.986 162.727 592.069 171.439 599.692 178.245C607.042 185.323 616.298 188.59 627.732 188.59C634.266 188.59 640.528 187.229 646.517 183.962C652.506 180.967 657.134 176.339 660.946 170.35C664.485 164.361 666.39 157.283 666.39 148.571C666.39 137.137 662.851 127.609 655.773 119.986C648.695 112.636 639.439 108.824 628.005 108.824C620.382 108.824 612.759 110.73 605.409 113.997M684.903 21.9801V48.3873"
-                stroke="url(#paint6_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M662.578 206.286C672.923 201.385 681.363 193.763 687.624 183.962C693.613 174.161 696.88 162.455 696.88 148.571C696.88 136.048 694.158 124.886 688.713 115.086C683.268 105.285 675.646 97.6623 666.117 92.2175C656.589 86.7727 645.971 84.0503 633.993 84.0503C625.554 84.0503 617.659 85.6838 610.036 88.4062C602.413 91.1286 595.88 95.4844 590.435 101.474L593.974 48.3871H684.902V21.9799L566.206 21.9799L560.801 130.794"
-                stroke="url(#paint7_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M417.176 21.9799L523.795 21.9799V48.3871H432.867L431.097 74.9304"
-                stroke="url(#paint8_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M448.929 88.4063C456.552 85.6839 464.446 84.0505 472.886 84.0505C484.864 84.0505 495.482 86.7729 505.01 92.2176C514.538 97.6624 522.161 105.285 527.606 115.086C533.051 124.886 535.773 136.048 535.773 148.571C535.773 162.455 532.506 174.161 526.517 183.962C520.255 193.763 511.816 201.385 501.471 206.286C490.854 211.458 479.147 213.908 466.624 213.908C452.468 213.908 440.217 211.186 429.872 205.741C419.527 200.296 411.36 192.946 405.643 183.69C399.654 174.434 396.387 163.816 395.842 152.382H425.789C426.877 162.727 430.961 171.439 438.584 178.245C445.934 185.323 455.19 188.59 466.624 188.59C473.158 188.59 479.42 187.229 485.409 183.962C491.398 180.967 496.026 176.339 499.837 170.35C503.377 164.361 505.282 157.283 505.282 148.571C505.282 137.137 501.743 127.609 494.665 119.986C487.587 112.636 478.331 108.824 466.897 108.824C459.274 108.824 451.651 110.73 444.301 113.997C436.678 117.536 431.506 123.525 428.511 132.237L399.381 131.692L403.722 48.3872"
-                stroke="url(#paint9_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M347.4 48.3872H271.913L270.144 74.9305"
-                stroke="url(#paint10_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M362.842 21.9801L244.146 21.9801L238.429 131.692L267.559 132.237C270.553 123.525 275.726 117.536 283.349 113.997C290.699 110.73 298.322 108.824 305.944 108.824C317.378 108.824 326.635 112.636 333.713 119.986C340.791 127.609 344.33 137.137 344.33 148.571C344.33 157.283 342.424 164.361 338.885 170.35C335.074 176.339 330.446 180.967 324.457 183.962C318.467 187.229 312.206 188.59 305.672 188.59C294.238 188.59 284.982 185.323 277.632 178.245C270.009 171.439 265.925 162.727 264.836 152.382H234.89C235.435 163.816 238.701 174.434 244.691 183.69C250.408 192.946 258.575 200.296 268.92 205.741C279.265 211.186 291.516 213.908 305.672 213.908C318.195 213.908 329.901 211.458 340.519 206.286C350.864 201.385 359.303 193.763 365.565 183.962C371.554 174.162 374.821 162.455 374.821 148.571C374.821 136.048 372.098 124.886 366.654 115.086C361.209 105.285 353.586 97.6624 344.058 92.2177C334.529 86.7729 323.912 84.0505 311.934 84.0505C303.494 84.0505 295.599 85.684 287.977 88.4063"
-                stroke="url(#paint11_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M142.438 212.547H112.492V83.7783C109.77 85.4117 105.686 86.2284 100.514 86.2284H69.2061V60.638H99.1523C103.508 60.638 107.047 59.0046 109.497 55.7377C111.675 52.4708 113.036 48.3873 113.036 42.9425V21.9801L142.438 21.9801V76.0507"
-                stroke="url(#paint12_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M118.452 213.855H142.001V112.682"
-                stroke="url(#paint13_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M10.2572 177.66V147.21H53.8154V122.436H10.2572V76.4279H-16.6944V122.436H-38.3374"
-                stroke="url(#paint14_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <path
-                d="M-59.9802 122.436V147.21H-16.6943V193.218H9.86591"
-                stroke="url(#paint15_linear_577_69)"
-                stroke-width="1.74436"
-                stroke-linecap="round"
-            />
-            <g style="mix-blend-mode:screen" filter="url(#filter0_f_577_69)">
-                <path
-                    d="M590.98 205.741C580.635 200.296 572.468 192.946 566.751 183.69C560.762 174.434 557.495 163.816 556.95 152.382H586.897C587.986 162.727 592.069 171.439 599.692 178.245C607.042 185.323 616.298 188.59 627.732 188.59C634.266 188.59 640.528 187.229 646.517 183.962C652.506 180.967 657.134 176.339 660.946 170.35C664.485 164.361 666.39 157.283 666.39 148.571C666.39 137.137 662.851 127.609 655.773 119.986C648.695 112.636 639.439 108.824 628.005 108.824C620.382 108.824 612.759 110.73 605.409 113.997M684.903 21.9801V48.3873"
-                    stroke="url(#paint16_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M662.578 206.286C672.923 201.385 681.363 193.763 687.624 183.962C693.613 174.161 696.88 162.455 696.88 148.571C696.88 136.048 694.158 124.886 688.713 115.086C683.268 105.285 675.646 97.6623 666.117 92.2175C656.589 86.7727 645.971 84.0503 633.993 84.0503C625.554 84.0503 617.659 85.6838 610.036 88.4062C602.413 91.1286 595.88 95.4844 590.435 101.474L593.974 48.3871H684.902V21.9799L566.206 21.9799L560.801 130.794"
-                    stroke="url(#paint17_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M417.176 21.9799L523.795 21.9799V48.3871H432.867L431.097 74.9304"
-                    stroke="url(#paint18_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M448.929 88.4063C456.552 85.6839 464.446 84.0505 472.886 84.0505C484.864 84.0505 495.482 86.7729 505.01 92.2176C514.538 97.6624 522.161 105.285 527.606 115.086C533.051 124.886 535.773 136.048 535.773 148.571C535.773 162.455 532.506 174.161 526.517 183.962C520.255 193.763 511.816 201.385 501.471 206.286C490.854 211.458 479.147 213.908 466.624 213.908C452.468 213.908 440.217 211.186 429.872 205.741C419.527 200.296 411.36 192.946 405.643 183.69C399.654 174.434 396.387 163.816 395.842 152.382H425.789C426.877 162.727 430.961 171.439 438.584 178.245C445.934 185.323 455.19 188.59 466.624 188.59C473.158 188.59 479.42 187.229 485.409 183.962C491.398 180.967 496.026 176.339 499.837 170.35C503.377 164.361 505.282 157.283 505.282 148.571C505.282 137.137 501.743 127.609 494.665 119.986C487.587 112.636 478.331 108.824 466.897 108.824C459.274 108.824 451.651 110.73 444.301 113.997C436.678 117.536 431.506 123.525 428.511 132.237L399.381 131.692L403.722 48.3872"
-                    stroke="url(#paint19_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M347.4 48.3872H271.913L270.144 74.9305"
-                    stroke="url(#paint20_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M362.842 21.9801L244.146 21.9801L238.429 131.692L267.559 132.237C270.553 123.525 275.726 117.536 283.349 113.997C290.699 110.73 298.322 108.824 305.944 108.824C317.378 108.824 326.635 112.636 333.713 119.986C340.791 127.609 344.33 137.137 344.33 148.571C344.33 157.283 342.424 164.361 338.885 170.35C335.074 176.339 330.446 180.967 324.457 183.962C318.467 187.229 312.206 188.59 305.672 188.59C294.238 188.59 284.982 185.323 277.632 178.245C270.009 171.439 265.925 162.727 264.836 152.382H234.89C235.435 163.816 238.701 174.434 244.691 183.69C250.408 192.946 258.575 200.296 268.92 205.741C279.265 211.186 291.516 213.908 305.672 213.908C318.195 213.908 329.901 211.458 340.519 206.286C350.864 201.385 359.303 193.763 365.565 183.962C371.554 174.162 374.821 162.455 374.821 148.571C374.821 136.048 372.098 124.886 366.654 115.086C361.209 105.285 353.586 97.6624 344.058 92.2177C334.529 86.7729 323.912 84.0505 311.934 84.0505C303.494 84.0505 295.599 85.684 287.977 88.4063"
-                    stroke="url(#paint21_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M142.438 212.547H112.492V83.7783C109.77 85.4117 105.686 86.2284 100.514 86.2284H69.2061V60.638H99.1523C103.508 60.638 107.047 59.0046 109.497 55.7377C111.675 52.4708 113.036 48.3873 113.036 42.9425V21.9801L142.438 21.9801V76.0507"
-                    stroke="url(#paint22_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M118.452 213.855H142.001V112.682"
-                    stroke="url(#paint23_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M10.2572 177.66V147.21H53.8154V122.436H10.2572V76.4279H-16.6944V122.436H-38.3374"
-                    stroke="url(#paint24_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-                <path
-                    d="M-59.9802 122.436V147.21H-16.6943V193.218H9.86591"
-                    stroke="url(#paint25_linear_577_69)"
-                    stroke-width="1.74436"
-                    stroke-linecap="round"
-                />
-            </g>
-            <g filter="url(#filter1_f_577_69)">
-                <g style="mix-blend-mode:screen" filter="url(#filter2_f_577_69)">
-                    <circle
-                        cx="10.2865"
-                        cy="122.445"
-                        r="14.8692"
-                        transform="rotate(90 10.2865 122.445)"
-                        fill="url(#paint26_radial_577_69)"
-                        fill-opacity="0.5"
-                    />
-                </g>
-                <g style="mix-blend-mode:screen">
-                    <circle
-                        cx="10.2856"
-                        cy="122.444"
-                        r="8.15409"
-                        transform="rotate(90 10.2856 122.444)"
-                        fill="url(#paint27_radial_577_69)"
-                    />
-                </g>
-            </g>
-        </g>
-        <defs>
-            <filter
-                id="filter0_f_577_69"
-                x="-64.9257"
-                y="14.2808"
-                width="975.852"
-                height="206.032"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="2.03668" result="effect1_foregroundBlur_577_69" />
-            </filter>
-            <filter
-                id="filter1_f_577_69"
-                x="-15.1351"
-                y="97.0231"
-                width="50.8432"
-                height="50.8431"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="5.27617" result="effect1_foregroundBlur_577_69" />
-            </filter>
-            <filter
-                id="filter2_f_577_69"
-                x="-9.37928"
-                y="102.779"
-                width="39.3316"
-                height="39.3314"
-                filterUnits="userSpaceOnUse"
-                color-interpolation-filters="sRGB"
-            >
-                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                <feGaussianBlur stdDeviation="2.39826" result="effect1_foregroundBlur_577_69" />
-            </filter>
-            <linearGradient
-                id="paint0_linear_577_69"
-                x1="105.437"
-                y1="22.2974"
-                x2="105.437"
-                y2="76.6179"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0.05" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint1_linear_577_69"
-                x1="129.024"
-                y1="203.707"
-                x2="142.059"
-                y2="215.112"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" stop-opacity="0.05" />
-            </linearGradient>
-            <linearGradient
-                id="paint2_linear_577_69"
-                x1="579.946"
-                y1="125.906"
-                x2="685.854"
-                y2="22.0348"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.339729" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" stop-opacity="0.1" />
-            </linearGradient>
-            <linearGradient
-                id="paint3_linear_577_69"
-                x1="493.591"
-                y1="261.141"
-                x2="433.72"
-                y2="39.7646"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0.1" />
-                <stop offset="0.660271" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint4_linear_577_69"
-                x1="244.708"
-                y1="22.0348"
-                x2="298.069"
-                y2="68.4712"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0.1" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint5_linear_577_69"
-                x1="47.9642"
-                y1="74.0404"
-                x2="-24.949"
-                y2="152.382"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" stop-opacity="0.05" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint6_linear_577_69"
-                x1="600.771"
-                y1="109.194"
-                x2="600.771"
-                y2="208.622"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.05" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.363939" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint7_linear_577_69"
-                x1="561.959"
-                y1="108.321"
-                x2="638.275"
-                y2="221.705"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.191891" stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint8_linear_577_69"
-                x1="404.966"
-                y1="22.4113"
-                x2="404.966"
-                y2="82.5919"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="0.865073" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint9_linear_577_69"
-                x1="404.094"
-                y1="48.5769"
-                x2="465.808"
-                y2="213.908"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.0260971" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.378179" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint10_linear_577_69"
-                x1="277.294"
-                y1="39.9576"
-                x2="269.962"
-                y2="78.2473"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="0.815125" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint11_linear_577_69"
-                x1="233.146"
-                y1="153.239"
-                x2="375.055"
-                y2="15.9248"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.75418" stop-color="white" />
-                <stop offset="0.884956" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint12_linear_577_69"
-                x1="105.822"
-                y1="21.9801"
-                x2="142.439"
-                y2="212.547"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.525057" stop-color="white" />
-                <stop offset="0.85" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint13_linear_577_69"
-                x1="142.437"
-                y1="113.118"
-                x2="138.629"
-                y2="215.029"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint14_linear_577_69"
-                x1="10.3004"
-                y1="177.66"
-                x2="10.3004"
-                y2="121.84"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.176894" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint15_linear_577_69"
-                x1="-59.9087"
-                y1="120.532"
-                x2="3.32455"
-                y2="193.359"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.105" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint16_linear_577_69"
-                x1="600.771"
-                y1="109.194"
-                x2="600.771"
-                y2="208.622"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.05" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.363939" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint17_linear_577_69"
-                x1="561.959"
-                y1="108.321"
-                x2="638.275"
-                y2="221.705"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.191891" stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint18_linear_577_69"
-                x1="404.966"
-                y1="22.4113"
-                x2="404.966"
-                y2="82.5919"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="0.865073" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint19_linear_577_69"
-                x1="404.094"
-                y1="48.5769"
-                x2="465.808"
-                y2="213.908"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.0260971" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="0.378179" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint20_linear_577_69"
-                x1="277.294"
-                y1="39.9576"
-                x2="269.962"
-                y2="78.2473"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="white" />
-                <stop offset="0.815125" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint21_linear_577_69"
-                x1="233.146"
-                y1="153.239"
-                x2="375.055"
-                y2="15.9248"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.75418" stop-color="white" />
-                <stop offset="0.884956" stop-color="#FD366E" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint22_linear_577_69"
-                x1="105.822"
-                y1="21.9801"
-                x2="142.439"
-                y2="212.547"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.525057" stop-color="white" />
-                <stop offset="0.85" stop-color="white" stop-opacity="0" />
-            </linearGradient>
-            <linearGradient
-                id="paint23_linear_577_69"
-                x1="142.437"
-                y1="113.118"
-                x2="138.629"
-                y2="215.029"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint24_linear_577_69"
-                x1="10.3004"
-                y1="177.66"
-                x2="10.3004"
-                y2="121.84"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.176894" stop-color="#FD366E" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <linearGradient
-                id="paint25_linear_577_69"
-                x1="-59.9087"
-                y1="120.532"
-                x2="3.32455"
-                y2="193.359"
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop offset="0.105" stop-color="white" stop-opacity="0" />
-                <stop offset="1" stop-color="white" />
-            </linearGradient>
-            <radialGradient
-                id="paint26_radial_577_69"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(10.2865 122.445) rotate(90) scale(14.8692)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <radialGradient
-                id="paint27_radial_577_69"
-                cx="0"
-                cy="0"
-                r="1"
-                gradientUnits="userSpaceOnUse"
-                gradientTransform="translate(10.2856 122.444) rotate(90) scale(8.15409)"
-            >
-                <stop stop-color="white" />
-                <stop offset="1" stop-color="white" stop-opacity="0" />
-            </radialGradient>
-            <clipPath id="clip0_577_69">
-                <rect width="600" height="240" fill="white" />
-            </clipPath>
-        </defs>
-    </svg>
-</div>
-
-<style lang="scss">
-    .overlay {
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            right: 0;
-            left: 0;
-
-            z-index: 0;
-            background: radial-gradient(
-                circle farthest-corner at 400px 100px,
-                hsl(var(--web-color-background) / 0) 0%,
-                hsl(var(--web-color-background)) 60%,
-                hsl(var(--web-color-background)) 100%
-            );
-        }
-    }
-</style>
--- a/src/routes/init/(animations)/index.ts
+++ b/src/routes/init/(animations)/index.ts
@@ -1,13 +0,0 @@
-import LocalDev from './LocalDev.svelte';
-import CLI from './CLI.svelte';
-import Functions from './Functions.svelte';
-import Go from './Go.svelte';
-import Numbers from './Numbers.svelte';
-
-export const Animations = {
-    LocalDev,
-    CLI,
-    Functions,
-    Go,
-    Numbers
-};
--- a/src/routes/init/(assets)/console.png
+++ b/src/routes/init/(assets)/console.png
--- a/src/routes/init/(assets)/day-0/announcement.svg
+++ b/src/routes/init/(assets)/day-0/announcement.svg
@@ -1,316 +0,0 @@
-<svg width="687" height="331" viewBox="0 0 687 331" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_bi_11_21896)">
-<path d="M227.197 115.846C227.197 107.724 227.197 103.662 228.71 100.427C230.043 97.5775 232.184 95.1819 234.866 93.5377C237.911 91.6714 241.947 91.2161 250.019 90.3057L668.491 43.1042C678.382 41.9885 683.327 41.4307 687.156 43.0162C690.519 44.4087 693.309 46.9018 695.069 50.0871C697.074 53.714 697.074 58.691 697.074 68.6449V336.017C697.074 345.783 697.074 350.666 695.119 354.258C693.401 357.414 690.674 359.902 687.376 361.326C683.621 362.946 678.758 362.502 669.032 361.613L250.56 323.366C242.313 322.612 238.189 322.235 235.07 320.387C232.324 318.759 230.125 316.35 228.754 313.467C227.197 310.193 227.197 306.052 227.197 297.77V115.846Z" fill="white" fill-opacity="0.03"/>
-<path d="M228.337 115.846C228.337 111.767 228.338 108.773 228.523 106.392C228.707 104.026 229.068 102.354 229.743 100.91C230.981 98.2629 232.97 96.0373 235.462 94.5098C236.821 93.677 238.442 93.1308 240.773 92.6829C243.118 92.2323 246.093 91.8959 250.146 91.4387L668.618 44.2372C673.584 43.6771 677.236 43.2661 680.128 43.187C683.008 43.1082 685.018 43.3648 686.72 44.0696C689.844 45.3633 692.436 47.6794 694.072 50.6386C694.963 52.2509 695.443 54.2197 695.688 57.0902C695.933 59.9723 695.934 63.6481 695.934 68.6449V336.017C695.934 340.92 695.933 344.526 695.694 347.357C695.455 350.176 694.987 352.116 694.117 353.713C692.521 356.644 689.988 358.956 686.924 360.279C685.254 361 683.28 361.289 680.451 361.27C677.609 361.251 674.018 360.924 669.136 360.478L250.664 322.231C246.522 321.852 243.481 321.573 241.084 321.163C238.701 320.755 237.043 320.231 235.652 319.406C233.1 317.894 231.057 315.656 229.783 312.977C229.089 311.517 228.717 309.818 228.528 307.407C228.338 304.982 228.337 301.929 228.337 297.77V115.846Z" stroke="url(#paint0_linear_11_21896)" stroke-opacity="0.15" stroke-width="2.28029"/>
-</g>
-<circle cx="246.028" cy="109.304" r="5.48151" fill="url(#paint1_linear_11_21896)" fill-opacity="0.2"/>
-<circle cx="264.711" cy="107.605" r="5.48151" fill="url(#paint2_linear_11_21896)" fill-opacity="0.2"/>
-<circle cx="283.396" cy="105.907" r="5.48151" fill="url(#paint3_linear_11_21896)" fill-opacity="0.2"/>
-<path d="M657.756 362.702C657.387 363.2 657.492 363.903 657.99 364.273C658.488 364.642 659.192 364.537 659.561 364.039L657.756 362.702ZM681.565 330.56L657.756 362.702L659.561 364.039L683.369 331.897L681.565 330.56Z" fill="url(#paint4_linear_11_21896)"/>
-<path d="M635.237 362.586C634.804 363.03 634.813 363.741 635.257 364.174C635.701 364.607 636.412 364.598 636.845 364.154L635.237 362.586ZM681.664 314.969L635.237 362.586L636.845 364.154L683.272 316.537L681.664 314.969Z" fill="url(#paint5_linear_11_21896)"/>
-<path d="M607.931 362.517C607.459 362.92 607.404 363.628 607.807 364.1C608.21 364.571 608.918 364.627 609.39 364.224L607.931 362.517ZM681.737 299.424L607.931 362.517L609.39 364.224L683.197 301.131L681.737 299.424Z" fill="url(#paint6_linear_11_21896)"/>
-<path d="M615.157 333.149C614.649 333.505 614.527 334.206 614.884 334.713C615.241 335.22 615.941 335.342 616.448 334.986L615.157 333.149ZM681.821 286.264L615.157 333.149L616.448 334.986L683.113 288.101L681.821 286.264Z" fill="url(#paint7_linear_11_21896)"/>
-<path d="M529.535 362.395C528.997 362.702 528.809 363.388 529.116 363.926C529.423 364.465 530.109 364.653 530.648 364.346L529.535 362.395ZM681.911 275.493L529.535 362.395L530.648 364.346L683.023 277.444L681.911 275.493Z" fill="url(#paint8_linear_11_21896)"/>
-<path d="M471.291 362.351C470.729 362.612 470.484 363.279 470.745 363.842C471.005 364.405 471.673 364.65 472.235 364.389L471.291 362.351ZM643.454 282.592L471.291 362.351L472.235 364.389L644.398 284.63L643.454 282.592Z" fill="url(#paint9_linear_11_21896)"/>
-<path d="M659.378 275.214C658.816 275.475 658.571 276.142 658.832 276.705C659.092 277.268 659.76 277.513 660.322 277.252L659.378 275.214ZM681.997 264.736L659.378 275.214L660.322 277.252L682.941 266.773L681.997 264.736Z" fill="url(#paint10_linear_11_21896)"/>
-<path d="M390.422 362.318C389.84 362.534 389.544 363.18 389.76 363.761C389.976 364.343 390.622 364.639 391.204 364.423L390.422 362.318ZM682.078 253.988L390.422 362.318L391.204 364.423L682.86 256.093L682.078 253.988Z" fill="url(#paint11_linear_11_21896)"/>
-<path d="M352.421 334.366C351.823 334.529 351.47 335.146 351.634 335.744C351.797 336.343 352.414 336.695 353.012 336.532L352.421 334.366ZM682.172 244.434L352.421 334.366L353.012 336.532L682.762 246.6L682.172 244.434Z" fill="url(#paint12_linear_11_21896)"/>
-<path d="M154.209 330.737C153.598 330.846 153.191 331.429 153.299 332.039C153.408 332.65 153.991 333.057 154.601 332.949L154.209 330.737ZM495.375 270.173L154.209 330.737L154.601 332.949L495.767 272.384L495.375 270.173Z" fill="url(#paint13_linear_11_21896)"/>
-<path d="M9.72566 290.565C9.10811 290.621 8.65337 291.168 8.70996 291.785C8.76656 292.403 9.31305 292.858 9.93059 292.801L9.72566 290.565ZM682.368 228.923L9.72566 290.565L9.93059 292.801L682.573 231.16L682.368 228.923Z" fill="url(#paint14_linear_11_21896)"/>
-<path d="M371.771 221.776C371.151 221.776 370.648 222.279 370.648 222.899C370.648 223.519 371.151 224.022 371.771 224.022L371.771 221.776ZM575.328 221.776L371.771 221.776L371.771 224.022L575.328 224.022L575.328 221.776Z" fill="url(#paint15_linear_11_21896)"/>
-<path d="M591.995 221.776C591.375 221.776 590.872 222.279 590.872 222.899C590.872 223.519 591.375 224.022 591.995 224.022L591.995 221.776ZM682.468 221.776L591.995 221.776L591.995 224.022L682.468 224.022L682.468 221.776Z" fill="url(#paint16_linear_11_21896)"/>
-<path d="M429.001 190.829C428.383 190.777 427.839 191.235 427.787 191.853C427.735 192.471 428.194 193.014 428.811 193.067L429.001 190.829ZM682.563 212.257L429.001 190.829L428.811 193.067L682.374 214.494L682.563 212.257Z" fill="url(#paint17_linear_11_21896)"/>
-<path d="M71.1739 158.537C70.5563 158.481 70.0102 158.936 69.954 159.554C69.8979 160.171 70.353 160.717 70.9706 160.774L71.1739 158.537ZM392.105 187.711L71.1739 158.537L70.9706 160.774L391.902 189.947L392.105 187.711Z" fill="url(#paint18_linear_11_21896)"/>
-<path d="M289.821 135.964C289.21 135.857 288.628 136.265 288.52 136.876C288.413 137.486 288.821 138.069 289.431 138.176L289.821 135.964ZM682.664 205.127L289.821 135.964L289.431 138.176L682.274 207.339L682.664 205.127Z" fill="url(#paint19_linear_11_21896)"/>
-<path d="M201.894 64.6982C201.297 64.5321 200.678 64.8819 200.512 65.4794C200.346 66.0769 200.695 66.6958 201.293 66.8619L201.894 64.6982ZM620.867 181.126L201.894 64.6982L201.293 66.8619L620.265 183.289L620.867 181.126Z" fill="url(#paint20_linear_11_21896)"/>
-<path d="M638.716 185.995C638.118 185.831 637.501 186.184 637.338 186.782C637.174 187.381 637.527 187.998 638.125 188.161L638.716 185.995ZM682.762 198.007L638.716 185.995L638.125 188.161L682.172 200.174L682.762 198.007Z" fill="url(#paint21_linear_11_21896)"/>
-<path d="M388.814 80.1823C388.231 79.97 387.587 80.2702 387.374 80.8529C387.162 81.4356 387.462 82.08 388.045 82.2923L388.814 80.1823ZM535.832 133.752L388.814 80.1823L388.045 82.2923L535.063 135.862L535.832 133.752Z" fill="url(#paint22_linear_11_21896)"/>
-<path d="M567.383 145.247C566.8 145.034 566.156 145.335 565.944 145.917C565.731 146.5 566.031 147.144 566.614 147.357L567.383 145.247ZM682.855 187.322L567.383 145.247L566.614 147.357L682.086 189.432L682.855 187.322Z" fill="url(#paint23_linear_11_21896)"/>
-<path d="M330.09 10.5502C329.53 10.283 328.86 10.5201 328.593 11.0797C328.325 11.6393 328.563 12.3096 329.122 12.5767L330.09 10.5502ZM682.955 179.03L330.09 10.5502L329.122 12.5767L681.987 181.057L682.955 179.03Z" fill="url(#paint24_linear_11_21896)"/>
-<path d="M534.243 80.2747C533.711 79.9557 533.022 80.1281 532.703 80.6598C532.384 81.1916 532.556 81.8813 533.088 82.2004L534.243 80.2747ZM683.047 169.557L534.243 80.2747L533.088 82.2004L681.892 171.483L683.047 169.557Z" fill="url(#paint25_linear_11_21896)"/>
-<path d="M578.368 80.3295C577.867 79.9647 577.164 80.0756 576.8 80.5771C576.435 81.0786 576.546 81.7809 577.047 82.1456L578.368 80.3295ZM641.461 126.215L578.368 80.3295L577.047 82.1456L640.14 128.031L641.461 126.215Z" fill="url(#paint26_linear_11_21896)"/>
-<path d="M660.214 139.851C659.713 139.486 659.01 139.597 658.646 140.099C658.281 140.6 658.392 141.302 658.893 141.667L660.214 139.851ZM683.13 156.517L660.214 139.851L658.893 141.667L681.809 158.333L683.13 156.517Z" fill="url(#paint27_linear_11_21896)"/>
-<path d="M540.099 19.4464C539.63 19.0403 538.921 19.0909 538.515 19.5595C538.109 20.0281 538.159 20.7373 538.628 21.1434L540.099 19.4464ZM683.204 143.482L540.099 19.4464L538.628 21.1434L681.733 145.178L683.204 143.482Z" fill="url(#paint28_linear_11_21896)"/>
-<path d="M636.835 80.4436C636.397 80.0051 635.686 80.0051 635.247 80.4436C634.809 80.8821 634.809 81.593 635.247 82.0315L636.835 80.4436ZM683.262 126.871L636.835 80.4436L635.247 82.0315L681.674 128.458L683.262 126.871Z" fill="url(#paint29_linear_11_21896)"/>
-<path d="M659.521 80.5187C659.124 80.0423 658.416 79.978 657.94 80.375C657.463 80.772 657.399 81.48 657.796 81.9564L659.521 80.5187ZM683.33 109.089L659.521 80.5187L657.796 81.9564L681.605 110.527L683.33 109.089Z" fill="url(#paint30_linear_11_21896)"/>
-<g style="mix-blend-mode:screen" filter="url(#filter1_f_11_21896)">
-<path d="M657.756 362.702C657.387 363.2 657.492 363.903 657.99 364.273C658.488 364.642 659.192 364.537 659.561 364.039L657.756 362.702ZM681.565 330.56L657.756 362.702L659.561 364.039L683.369 331.897L681.565 330.56Z" fill="url(#paint31_linear_11_21896)"/>
-<path d="M635.237 362.586C634.804 363.03 634.813 363.741 635.257 364.174C635.701 364.607 636.412 364.598 636.845 364.154L635.237 362.586ZM681.664 314.969L635.237 362.586L636.845 364.154L683.272 316.537L681.664 314.969Z" fill="url(#paint32_linear_11_21896)"/>
-<path d="M607.931 362.517C607.459 362.92 607.404 363.628 607.807 364.1C608.21 364.571 608.918 364.627 609.39 364.224L607.931 362.517ZM681.737 299.424L607.931 362.517L609.39 364.224L683.197 301.131L681.737 299.424Z" fill="url(#paint33_linear_11_21896)"/>
-<path d="M615.157 333.149C614.649 333.505 614.527 334.206 614.884 334.713C615.241 335.22 615.941 335.342 616.448 334.986L615.157 333.149ZM681.821 286.264L615.157 333.149L616.448 334.986L683.113 288.101L681.821 286.264Z" fill="url(#paint34_linear_11_21896)"/>
-<path d="M529.535 362.395C528.997 362.702 528.809 363.388 529.116 363.926C529.423 364.465 530.109 364.653 530.648 364.346L529.535 362.395ZM681.911 275.493L529.535 362.395L530.648 364.346L683.023 277.444L681.911 275.493Z" fill="url(#paint35_linear_11_21896)"/>
-<path d="M471.291 362.351C470.729 362.612 470.484 363.279 470.745 363.842C471.005 364.405 471.673 364.65 472.235 364.389L471.291 362.351ZM643.454 282.592L471.291 362.351L472.235 364.389L644.398 284.63L643.454 282.592Z" fill="url(#paint36_linear_11_21896)"/>
-<path d="M659.378 275.214C658.816 275.475 658.571 276.142 658.832 276.705C659.092 277.268 659.76 277.513 660.322 277.252L659.378 275.214ZM681.997 264.736L659.378 275.214L660.322 277.252L682.941 266.773L681.997 264.736Z" fill="url(#paint37_linear_11_21896)"/>
-<path d="M390.422 362.318C389.84 362.534 389.544 363.18 389.76 363.761C389.976 364.343 390.622 364.639 391.204 364.423L390.422 362.318ZM682.078 253.988L390.422 362.318L391.204 364.423L682.86 256.093L682.078 253.988Z" fill="url(#paint38_linear_11_21896)"/>
-<path d="M352.421 334.366C351.823 334.529 351.47 335.146 351.634 335.744C351.797 336.343 352.414 336.695 353.012 336.532L352.421 334.366ZM682.172 244.434L352.421 334.366L353.012 336.532L682.762 246.6L682.172 244.434Z" fill="url(#paint39_linear_11_21896)"/>
-<path d="M154.209 330.737C153.598 330.846 153.191 331.429 153.299 332.039C153.408 332.65 153.991 333.057 154.601 332.949L154.209 330.737ZM495.375 270.173L154.209 330.737L154.601 332.949L495.767 272.384L495.375 270.173Z" fill="url(#paint40_linear_11_21896)"/>
-<path d="M9.72566 290.565C9.10811 290.621 8.65337 291.168 8.70996 291.785C8.76656 292.403 9.31305 292.858 9.93059 292.801L9.72566 290.565ZM682.368 228.923L9.72566 290.565L9.93059 292.801L682.573 231.16L682.368 228.923Z" fill="url(#paint41_linear_11_21896)"/>
-<path d="M371.771 221.776C371.151 221.776 370.648 222.279 370.648 222.899C370.648 223.519 371.151 224.022 371.771 224.022L371.771 221.776ZM575.328 221.776L371.771 221.776L371.771 224.022L575.328 224.022L575.328 221.776Z" fill="url(#paint42_linear_11_21896)"/>
-<path d="M591.995 221.776C591.375 221.776 590.872 222.279 590.872 222.899C590.872 223.519 591.375 224.022 591.995 224.022L591.995 221.776ZM682.468 221.776L591.995 221.776L591.995 224.022L682.468 224.022L682.468 221.776Z" fill="url(#paint43_linear_11_21896)"/>
-<path d="M429.001 190.829C428.383 190.777 427.839 191.235 427.787 191.853C427.735 192.471 428.194 193.014 428.811 193.067L429.001 190.829ZM682.563 212.257L429.001 190.829L428.811 193.067L682.374 214.494L682.563 212.257Z" fill="url(#paint44_linear_11_21896)"/>
-<path d="M71.1739 158.537C70.5563 158.481 70.0102 158.936 69.954 159.554C69.8979 160.171 70.353 160.717 70.9706 160.774L71.1739 158.537ZM392.105 187.711L71.1739 158.537L70.9706 160.774L391.902 189.947L392.105 187.711Z" fill="url(#paint45_linear_11_21896)"/>
-<path d="M289.821 135.964C289.21 135.857 288.628 136.265 288.52 136.876C288.413 137.486 288.821 138.069 289.431 138.176L289.821 135.964ZM682.664 205.127L289.821 135.964L289.431 138.176L682.274 207.339L682.664 205.127Z" fill="url(#paint46_linear_11_21896)"/>
-<path d="M201.894 64.6982C201.297 64.5321 200.678 64.8819 200.512 65.4794C200.346 66.0769 200.695 66.6958 201.293 66.8619L201.894 64.6982ZM620.867 181.126L201.894 64.6982L201.293 66.8619L620.265 183.289L620.867 181.126Z" fill="url(#paint47_linear_11_21896)"/>
-<path d="M638.716 185.995C638.118 185.831 637.501 186.184 637.338 186.782C637.174 187.381 637.527 187.998 638.125 188.161L638.716 185.995ZM682.762 198.007L638.716 185.995L638.125 188.161L682.172 200.174L682.762 198.007Z" fill="url(#paint48_linear_11_21896)"/>
-<path d="M388.814 80.1823C388.231 79.97 387.587 80.2702 387.374 80.8529C387.162 81.4356 387.462 82.08 388.045 82.2923L388.814 80.1823ZM535.832 133.752L388.814 80.1823L388.045 82.2923L535.063 135.862L535.832 133.752Z" fill="url(#paint49_linear_11_21896)"/>
-<path d="M567.383 145.247C566.8 145.034 566.156 145.335 565.944 145.917C565.731 146.5 566.031 147.144 566.614 147.357L567.383 145.247ZM682.855 187.322L567.383 145.247L566.614 147.357L682.086 189.432L682.855 187.322Z" fill="url(#paint50_linear_11_21896)"/>
-<path d="M330.09 10.5502C329.53 10.283 328.86 10.5201 328.593 11.0797C328.325 11.6393 328.563 12.3096 329.122 12.5767L330.09 10.5502ZM682.955 179.03L330.09 10.5502L329.122 12.5767L681.987 181.057L682.955 179.03Z" fill="url(#paint51_linear_11_21896)"/>
-<path d="M534.243 80.2747C533.711 79.9557 533.022 80.1281 532.703 80.6598C532.384 81.1916 532.556 81.8813 533.088 82.2004L534.243 80.2747ZM683.047 169.557L534.243 80.2747L533.088 82.2004L681.892 171.483L683.047 169.557Z" fill="url(#paint52_linear_11_21896)"/>
-<path d="M578.368 80.3295C577.867 79.9647 577.164 80.0756 576.8 80.5771C576.435 81.0786 576.546 81.7809 577.047 82.1456L578.368 80.3295ZM641.461 126.215L578.368 80.3295L577.047 82.1456L640.14 128.031L641.461 126.215Z" fill="url(#paint53_linear_11_21896)"/>
-<path d="M660.214 139.851C659.713 139.486 659.01 139.597 658.646 140.099C658.281 140.6 658.392 141.302 658.893 141.667L660.214 139.851ZM683.13 156.517L660.214 139.851L658.893 141.667L681.809 158.333L683.13 156.517Z" fill="url(#paint54_linear_11_21896)"/>
-<path d="M540.099 19.4464C539.63 19.0403 538.921 19.0909 538.515 19.5595C538.109 20.0281 538.159 20.7373 538.628 21.1434L540.099 19.4464ZM683.204 143.482L540.099 19.4464L538.628 21.1434L681.733 145.178L683.204 143.482Z" fill="url(#paint55_linear_11_21896)"/>
-<path d="M636.835 80.4436C636.397 80.0051 635.686 80.0051 635.247 80.4436C634.809 80.8821 634.809 81.593 635.247 82.0315L636.835 80.4436ZM683.262 126.871L636.835 80.4436L635.247 82.0315L681.674 128.458L683.262 126.871Z" fill="url(#paint56_linear_11_21896)"/>
-<path d="M659.521 80.5187C659.124 80.0423 658.416 79.978 657.94 80.375C657.463 80.772 657.399 81.48 657.796 81.9564L659.521 80.5187ZM683.33 109.089L659.521 80.5187L657.796 81.9564L681.605 110.527L683.33 109.089Z" fill="url(#paint57_linear_11_21896)"/>
-</g>
-<defs>
-<filter id="filter0_bi_11_21896" x="113.182" y="-71.9814" width="697.907" height="548.407" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="57.0073"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_11_21896"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_11_21896" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.17393"/>
-<feGaussianBlur stdDeviation="0.586966"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_11_21896"/>
-</filter>
-<filter id="filter1_f_11_21896" x="-0.786877" y="0.948231" width="693.648" height="373.037" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="4.7461" result="effect1_foregroundBlur_11_21896"/>
-</filter>
-<linearGradient id="paint0_linear_11_21896" x1="462.135" y1="62.716" x2="462.135" y2="424.484" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_11_21896" x1="246.028" y1="99.9852" x2="246.028" y2="115.882" gradientUnits="userSpaceOnUse">
-<stop offset="0.08" stop-color="#49494A" stop-opacity="0"/>
-<stop offset="1" stop-color="#ADADB0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_11_21896" x1="264.711" y1="98.2867" x2="264.711" y2="114.183" gradientUnits="userSpaceOnUse">
-<stop offset="0.08" stop-color="#49494A" stop-opacity="0"/>
-<stop offset="1" stop-color="#ADADB0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_11_21896" x1="283.396" y1="96.5885" x2="283.396" y2="112.485" gradientUnits="userSpaceOnUse">
-<stop offset="0.08" stop-color="#49494A" stop-opacity="0"/>
-<stop offset="1" stop-color="#ADADB0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_11_21896" x1="682.467" y1="333.578" x2="658.526" y2="367.313" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint5_linear_11_21896" x1="656.894" y1="338.474" x2="631.321" y2="364.592" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint6_linear_11_21896" x1="657.981" y1="322.695" x2="616.628" y2="357.519" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint7_linear_11_21896" x1="666.143" y1="298.209" x2="616.083" y2="334.122" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint8_linear_11_21896" x1="682.467" y1="285.15" x2="530.112" y2="363.504" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0.1"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint9_linear_11_21896" x1="631.323" y1="323.239" x2="471.763" y2="283.611" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint10_linear_11_21896" x1="680.836" y1="268.282" x2="659.615" y2="273.18" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint11_linear_11_21896" x1="682.469" y1="363.37" x2="390.813" y2="255.041" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint12_linear_11_21896" x1="682.467" y1="335.449" x2="352.717" y2="245.517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint13_linear_11_21896" x1="495.571" y1="327.657" x2="175.344" y2="271.279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint14_linear_11_21896" x1="682.471" y1="267.16" x2="255.105" y2="230.042" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint15_linear_11_21896" x1="488.758" y1="222.899" x2="175.342" y2="222.899" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="0.596624" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint16_linear_11_21896" x1="682.468" y1="223.899" x2="591.998" y2="222.715" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint17_linear_11_21896" x1="682.468" y1="213.376" x2="680.345" y2="177.192" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint18_linear_11_21896" x1="392.003" y1="188.829" x2="390.189" y2="157.912" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint19_linear_11_21896" x1="682.469" y1="206.233" x2="668.352" y2="90.7668" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0.1"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint20_linear_11_21896" x1="620.566" y1="182.208" x2="589.285" y2="17.0432" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint21_linear_11_21896" x1="682.467" y1="199.09" x2="678.745" y2="179.441" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint22_linear_11_21896" x1="535.448" y1="134.807" x2="513.862" y2="49.4983" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint23_linear_11_21896" x1="682.471" y1="188.377" x2="665.516" y2="121.373" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint24_linear_11_21896" x1="682.471" y1="180.043" x2="632.495" y2="29.1768" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint25_linear_11_21896" x1="682.47" y1="170.52" x2="628.759" y2="41.6151" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint26_linear_11_21896" x1="640.801" y1="127.123" x2="609.513" y2="65.1742" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint27_linear_11_21896" x1="682.47" y1="157.425" x2="671.106" y2="134.925" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint28_linear_11_21896" x1="645.468" y1="110.486" x2="621.391" y2="73.0501" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint29_linear_11_21896" x1="682.468" y1="127.664" x2="645.612" y2="74.5913" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint30_linear_11_21896" x1="682.467" y1="109.808" x2="658.658" y2="81.2376" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint31_linear_11_21896" x1="682.467" y1="333.578" x2="658.526" y2="367.313" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint32_linear_11_21896" x1="656.894" y1="338.474" x2="631.321" y2="364.592" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint33_linear_11_21896" x1="657.981" y1="322.695" x2="616.628" y2="357.519" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint34_linear_11_21896" x1="666.143" y1="298.209" x2="616.083" y2="334.122" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint35_linear_11_21896" x1="682.467" y1="285.15" x2="530.112" y2="363.504" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0.1"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint36_linear_11_21896" x1="631.323" y1="323.239" x2="471.763" y2="283.611" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint37_linear_11_21896" x1="680.836" y1="268.282" x2="659.615" y2="273.18" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint38_linear_11_21896" x1="682.469" y1="363.37" x2="390.813" y2="255.041" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint39_linear_11_21896" x1="682.467" y1="335.449" x2="352.717" y2="245.517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint40_linear_11_21896" x1="495.571" y1="327.657" x2="175.344" y2="271.279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint41_linear_11_21896" x1="682.471" y1="267.16" x2="255.105" y2="230.042" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint42_linear_11_21896" x1="488.758" y1="222.899" x2="175.342" y2="222.899" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="0.596624" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint43_linear_11_21896" x1="682.468" y1="223.899" x2="591.998" y2="222.715" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint44_linear_11_21896" x1="682.468" y1="213.376" x2="680.345" y2="177.192" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint45_linear_11_21896" x1="392.003" y1="188.829" x2="390.189" y2="157.912" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint46_linear_11_21896" x1="682.469" y1="206.233" x2="668.352" y2="90.7668" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0.1"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint47_linear_11_21896" x1="620.566" y1="182.208" x2="589.285" y2="17.0432" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint48_linear_11_21896" x1="682.467" y1="199.09" x2="678.745" y2="179.441" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint49_linear_11_21896" x1="535.448" y1="134.807" x2="513.862" y2="49.4983" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint50_linear_11_21896" x1="682.471" y1="188.377" x2="665.516" y2="121.373" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint51_linear_11_21896" x1="682.471" y1="180.043" x2="632.495" y2="29.1768" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint52_linear_11_21896" x1="682.47" y1="170.52" x2="628.759" y2="41.6151" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint53_linear_11_21896" x1="640.801" y1="127.123" x2="609.513" y2="65.1742" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint54_linear_11_21896" x1="682.47" y1="157.425" x2="671.106" y2="134.925" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint55_linear_11_21896" x1="645.468" y1="110.486" x2="621.391" y2="73.0501" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint56_linear_11_21896" x1="682.468" y1="127.664" x2="645.612" y2="74.5913" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint57_linear_11_21896" x1="682.467" y1="109.808" x2="658.658" y2="81.2376" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-</defs>
-</svg>
--- a/src/routes/init/(assets)/day-0/serverless-cli-mobile.svg
+++ b/src/routes/init/(assets)/day-0/serverless-cli-mobile.svg
@@ -1,88 +0,0 @@
-<svg width="320" height="120" viewBox="0 0 320 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_102_14227)">
-<g>
-<g filter="url(#filter0_b_102_14227)">
-<rect x="190.012" y="10.2356" width="407.191" height="100.467" rx="11.4794" fill="url(#paint0_linear_102_14227)" fill-opacity="0.16"/>
-<rect x="190.767" y="10.99" width="405.682" height="98.9577" rx="10.725" stroke="url(#paint1_linear_102_14227)" stroke-width="1.50876"/>
-<rect x="190.767" y="10.99" width="405.682" height="98.9577" rx="10.725" stroke="url(#paint2_linear_102_14227)" stroke-opacity="0.55" stroke-width="1.50876"/>
-</g>
-<path d="M11.9478 38.7576L135.469 38.7576" stroke="url(#paint3_linear_102_14227)" stroke-opacity="0.7" stroke-width="1.52658" stroke-linecap="round"/>
-<path opacity="0.5" d="M79.3874 13.6211L151.41 13.6211" stroke="url(#paint4_linear_102_14227)" stroke-opacity="0.7" stroke-width="1.52658" stroke-linecap="round"/>
-<path opacity="0.5" d="M34.0188 109.262L106.041 109.262" stroke="url(#paint5_linear_102_14227)" stroke-opacity="0.7" stroke-width="1.52658" stroke-linecap="round"/>
-<path d="M94.8374 87.1284L159.849 87.1284" stroke="url(#paint6_linear_102_14227)" stroke-opacity="0.7" stroke-width="1.52658" stroke-linecap="round"/>
-<path d="M49.3296 61.2573L189.917 61.2573" stroke="url(#paint7_linear_102_14227)" stroke-opacity="0.7" stroke-width="1.52658" stroke-linecap="round"/>
-<g opacity="0.7" filter="url(#filter1_f_102_14227)">
-<g style="mix-blend-mode:screen" filter="url(#filter2_f_102_14227)">
-<circle cx="190.201" cy="61.5426" r="21.9242" transform="rotate(90 190.201 61.5426)" fill="url(#paint8_radial_102_14227)" fill-opacity="0.5"/>
-</g>
-<g style="mix-blend-mode:screen">
-<circle cx="190.197" cy="61.3823" r="12.023" transform="rotate(90 190.197 61.3823)" fill="url(#paint9_radial_102_14227)"/>
-</g>
-</g>
-</g>
-</g>
-<defs>
-<filter id="filter0_b_102_14227" x="144.095" y="-35.682" width="499.027" height="192.302" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="22.9588"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_102_14227"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_102_14227" result="shape"/>
-</filter>
-<filter id="filter1_f_102_14227" x="152.718" y="24.0593" width="74.9669" height="74.9666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="7.77956" result="effect1_foregroundBlur_102_14227"/>
-</filter>
-<filter id="filter2_f_102_14227" x="161.205" y="32.5461" width="57.9933" height="57.9931" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="3.53617" result="effect1_foregroundBlur_102_14227"/>
-</filter>
-<linearGradient id="paint0_linear_102_14227" x1="241.447" y1="17.1956" x2="279.425" y2="190.571" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_102_14227" x1="379.774" y1="3.28994" x2="376.774" y2="124.379" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.19"/>
-<stop offset="1" stop-color="white" stop-opacity="0.05"/>
-</linearGradient>
-<linearGradient id="paint2_linear_102_14227" x1="190.012" y1="60.4688" x2="597.203" y2="60.4688" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_102_14227" x1="135.469" y1="39.0889" x2="11.9478" y2="39.0889" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_102_14227" x1="151.41" y1="13.9524" x2="79.3874" y2="13.9524" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint5_linear_102_14227" x1="106.041" y1="109.594" x2="34.0188" y2="109.594" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_102_14227" x1="159.849" y1="87.4597" x2="94.8373" y2="87.4597" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_102_14227" x1="189.917" y1="61.5886" x2="49.3296" y2="61.5886" gradientUnits="userSpaceOnUse">
-<stop stop-color="#A83B5B"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<radialGradient id="paint8_radial_102_14227" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(190.201 61.5426) rotate(90) scale(21.9242)">
-<stop stop-color="#FD366E"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint9_radial_102_14227" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(190.197 61.3823) rotate(90) scale(12.023)">
-<stop stop-color="#FD366E"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</radialGradient>
-<clipPath id="clip0_102_14227">
-<rect width="320" height="120" fill="white"/>
-</clipPath>
-<clipPath id="clip1_102_14227">
-<rect width="120" height="320" fill="white" transform="translate(320) rotate(90)"/>
-</clipPath>
-</defs>
-</svg>
--- a/src/routes/init/(assets)/day-0/serverless-cli.svg
+++ b/src/routes/init/(assets)/day-0/serverless-cli.svg
@@ -1,83 +0,0 @@
-<svg width="154" height="224" viewBox="0 0 154 224" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g>
-<g filter="url(#filter0_b_10_7863)">
-<rect x="13.1357" y="73.4844" width="522.562" height="128.932" rx="14.7319" transform="rotate(-90 13.1357 73.4844)" fill="url(#paint0_linear_10_7863)" fill-opacity="0.16"/>
-<rect x="14.1039" y="72.5163" width="520.626" height="126.996" rx="13.7638" transform="rotate(-90 14.1039 72.5163)" stroke="url(#paint1_linear_10_7863)" stroke-width="1.93625"/>
-<rect x="14.1039" y="72.5163" width="520.626" height="126.996" rx="13.7638" transform="rotate(-90 14.1039 72.5163)" stroke="url(#paint2_linear_10_7863)" stroke-opacity="0.55" stroke-width="1.93625"/>
-</g>
-<path d="M49.739 302L49.739 143.481" stroke="url(#paint3_linear_10_7863)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path opacity="0.5" d="M17.4805 215.453L17.4805 123.024" stroke="url(#paint4_linear_10_7863)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path opacity="0.5" d="M140.22 273.675L140.22 181.247" stroke="url(#paint5_linear_10_7863)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M111.815 195.625L111.815 112.194" stroke="url(#paint6_linear_10_7863)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M78.6135 254.027L78.6135 73.6072" stroke="url(#paint7_linear_10_7863)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<g opacity="0.7" filter="url(#filter1_f_10_7863)">
-<g style="mix-blend-mode:screen" filter="url(#filter2_f_10_7863)">
-<circle cx="78.9796" cy="73.2413" r="28.1361" fill="url(#paint8_radial_10_7863)" fill-opacity="0.5"/>
-</g>
-<g style="mix-blend-mode:screen">
-<circle cx="78.774" cy="73.2464" r="15.4295" fill="url(#paint9_radial_10_7863)"/>
-</g>
-</g>
-</g>
-<defs>
-<filter id="filter0_b_10_7863" x="-45.7918" y="-508.005" width="246.787" height="640.417" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImageFix" stdDeviation="29.4638"/>
-<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_10_7863"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_10_7863" result="shape"/>
-</filter>
-<filter id="filter1_f_10_7863" x="30.876" y="25.1377" width="96.2073" height="96.2073" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="9.98377" result="effect1_foregroundBlur_10_7863"/>
-</filter>
-<filter id="filter2_f_10_7863" x="41.7673" y="36.0291" width="74.4245" height="74.4245" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="4.53808" result="effect1_foregroundBlur_10_7863"/>
-</filter>
-<linearGradient id="paint0_linear_10_7863" x1="79.1436" y1="82.4164" x2="127.882" y2="304.914" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_10_7863" x1="256.664" y1="64.5708" x2="252.813" y2="219.968" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.19"/>
-<stop offset="1" stop-color="white" stop-opacity="0.05"/>
-</linearGradient>
-<linearGradient id="paint2_linear_10_7863" x1="13.1357" y1="137.95" x2="535.698" y2="137.95" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_10_7863" x1="50.0703" y1="143.481" x2="50.0703" y2="302" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_10_7863" x1="17.8118" y1="123.024" x2="17.8118" y2="215.453" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint5_linear_10_7863" x1="140.551" y1="181.247" x2="140.551" y2="273.675" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_10_7863" x1="112.146" y1="112.194" x2="112.146" y2="195.625" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_10_7863" x1="78.9448" y1="73.6072" x2="78.9448" y2="254.027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#A83B5B"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<radialGradient id="paint8_radial_10_7863" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(78.9796 73.2413) rotate(90) scale(28.1361)">
-<stop stop-color="#FD366E"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint9_radial_10_7863" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(78.774 73.2464) rotate(90) scale(15.4295)">
-<stop stop-color="#FD366E"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</radialGradient>
-<clipPath id="clip0_10_7863">
-<rect width="154" height="224" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/src/routes/init/(assets)/day-0/serverless-functions-mobile.svg
+++ b/src/routes/init/(assets)/day-0/serverless-functions-mobile.svg
@@ -1,170 +0,0 @@
-<svg width="320" height="120" viewBox="0 0 320 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_122_6634)">
-<g filter="url(#filter0_di_122_6634)">
-<path d="M21.9609 29.8037C21.9609 21.624 21.9609 17.5341 23.5528 14.4099C24.9531 11.6617 27.1874 9.42743 29.9355 8.02718C33.0598 6.4353 37.1496 6.4353 45.3293 6.4353H558.279V292.564H45.3277C37.1486 292.564 33.059 292.564 29.935 290.973C27.187 289.573 24.9529 287.338 23.5527 284.59C21.9609 281.466 21.9609 277.377 21.9609 269.198V29.8037Z" fill="white" fill-opacity="0.03" shape-rendering="crispEdges"/>
-<path d="M22.9975 29.8037C22.9975 25.6967 22.9983 22.6788 23.1931 20.2954C23.3868 17.924 23.7674 16.2721 24.4764 14.8805C25.7773 12.3274 27.853 10.2517 30.4061 8.95079C31.7978 8.24172 33.4497 7.86119 35.821 7.66744C38.2045 7.47271 41.2223 7.4719 45.3293 7.4719H557.242V291.528H45.3277C41.221 291.528 38.2034 291.527 35.8201 291.332C33.4489 291.139 31.7971 290.758 30.4056 290.049C27.8527 288.748 25.7771 286.673 24.4763 284.12C23.7673 282.728 23.3868 281.076 23.1931 278.705C22.9983 276.322 22.9975 273.304 22.9975 269.198V29.8037Z" stroke="url(#paint0_linear_122_6634)" stroke-opacity="0.18" stroke-width="2.07319" shape-rendering="crispEdges"/>
-<path d="M46.4447 45.1199H76.8047" stroke="url(#paint1_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M86.5984 45.1199H102.268" stroke="url(#paint2_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M62.6039 58.3413L131.159 58.3413" stroke="url(#paint3_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M140.953 58.3413L206.569 58.3413" stroke="url(#paint4_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M62.6041 71.5625L112.062 71.5625" stroke="url(#paint5_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M90.5156 85.0339L156.132 85.0339" stroke="url(#paint6_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M165.926 85.0339H197.265" stroke="url(#paint7_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M62.6042 98.2961H157.602" stroke="url(#paint8_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M167.395 98.2961L233.012 98.2961" stroke="url(#paint9_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M62.6043 111.716L162.009 111.716" stroke="url(#paint10_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<g style="mix-blend-mode:screen" opacity="0.5" filter="url(#filter1_f_122_6634)">
-<path d="M46.4447 45.1199H76.8047" stroke="url(#paint11_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M86.5984 45.1199H102.268" stroke="url(#paint12_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M62.6039 58.3413L131.159 58.3413" stroke="url(#paint13_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M140.953 58.3413L206.569 58.3413" stroke="url(#paint14_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M62.6041 71.5625L112.062 71.5625" stroke="url(#paint15_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M90.5156 85.0339L156.132 85.0339" stroke="url(#paint16_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M165.926 85.0339H197.265" stroke="url(#paint17_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M62.6042 98.2961H157.602" stroke="url(#paint18_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M167.395 98.2961L233.012 98.2961" stroke="url(#paint19_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M62.6043 111.716L162.009 111.716" stroke="url(#paint20_linear_122_6634)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-</g>
-<circle cx="39.4142" cy="22.1061" r="4.72183" fill="url(#paint21_linear_122_6634)" fill-opacity="0.08"/>
-<circle cx="39.4142" cy="22.1061" r="3.95908" stroke="url(#paint22_linear_122_6634)" stroke-opacity="0.01" stroke-width="1.52552"/>
-<circle cx="54.5241" cy="22.1061" r="4.72183" fill="url(#paint23_linear_122_6634)" fill-opacity="0.08"/>
-<circle cx="54.5241" cy="22.1061" r="3.95908" stroke="url(#paint24_linear_122_6634)" stroke-opacity="0.01" stroke-width="1.52552"/>
-<circle cx="69.6344" cy="22.1061" r="4.72183" fill="url(#paint25_linear_122_6634)" fill-opacity="0.08"/>
-<circle cx="69.6344" cy="22.1061" r="3.95908" stroke="url(#paint26_linear_122_6634)" stroke-opacity="0.01" stroke-width="1.52552"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_di_122_6634" x="-7.92384" y="-36.2572" width="621.703" height="371.514" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="12.8078"/>
-<feGaussianBlur stdDeviation="21.3463"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_122_6634"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_122_6634" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.06731"/>
-<feGaussianBlur stdDeviation="0.533657"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_122_6634"/>
-</filter>
-<filter id="filter1_f_122_6634" x="43.5864" y="42.0783" width="306.682" height="231.297" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.03103" result="effect1_foregroundBlur_122_6634"/>
-</filter>
-<linearGradient id="paint0_linear_122_6634" x1="21.9609" y1="142.893" x2="550.464" y2="142.893" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_122_6634" x1="76.8047" y1="45.4512" x2="46.4447" y2="45.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_122_6634" x1="102.268" y1="45.4512" x2="86.5984" y2="45.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_122_6634" x1="131.159" y1="58.6726" x2="62.6039" y2="58.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_122_6634" x1="206.569" y1="58.6726" x2="140.953" y2="58.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint5_linear_122_6634" x1="112.062" y1="71.8938" x2="62.6041" y2="71.8938" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_122_6634" x1="156.132" y1="85.3652" x2="90.5156" y2="85.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_122_6634" x1="197.265" y1="85.3652" x2="165.926" y2="85.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint8_linear_122_6634" x1="157.602" y1="98.6274" x2="62.6042" y2="98.6274" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint9_linear_122_6634" x1="233.012" y1="98.6274" x2="167.395" y2="98.6274" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint10_linear_122_6634" x1="162.009" y1="112.047" x2="62.6043" y2="112.047" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint11_linear_122_6634" x1="76.8047" y1="45.4512" x2="46.4447" y2="45.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint12_linear_122_6634" x1="102.268" y1="45.4512" x2="86.5984" y2="45.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint13_linear_122_6634" x1="131.159" y1="58.6726" x2="62.6039" y2="58.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint14_linear_122_6634" x1="206.569" y1="58.6726" x2="140.953" y2="58.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint15_linear_122_6634" x1="112.062" y1="71.8938" x2="62.6041" y2="71.8938" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint16_linear_122_6634" x1="156.132" y1="85.3652" x2="90.5156" y2="85.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint17_linear_122_6634" x1="197.265" y1="85.3652" x2="165.926" y2="85.3652" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint18_linear_122_6634" x1="157.602" y1="98.6274" x2="62.6042" y2="98.6274" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint19_linear_122_6634" x1="233.012" y1="98.6274" x2="167.395" y2="98.6274" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint20_linear_122_6634" x1="162.009" y1="112.047" x2="62.6043" y2="112.047" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint21_linear_122_6634" x1="39.4142" y1="17.3843" x2="39.4142" y2="26.8279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint22_linear_122_6634" x1="39.4142" y1="17.3843" x2="39.4142" y2="29.1996" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint23_linear_122_6634" x1="54.5241" y1="17.3843" x2="54.5241" y2="26.8279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint24_linear_122_6634" x1="54.5241" y1="17.3843" x2="54.5241" y2="29.1996" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint25_linear_122_6634" x1="69.6344" y1="17.3843" x2="69.6344" y2="26.8279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint26_linear_122_6634" x1="69.6344" y1="17.3843" x2="69.6344" y2="29.1996" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<clipPath id="clip0_122_6634">
-<rect width="320" height="120" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/src/routes/init/(assets)/day-0/serverless-functions.svg
+++ b/src/routes/init/(assets)/day-0/serverless-functions.svg
@@ -1,250 +0,0 @@
-<svg width="154" height="224" viewBox="0 0 154 224" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_13_10132)">
-<g filter="url(#filter0_di_13_10132)">
-<path d="M14 49.8037C14 41.624 14 37.5341 15.5919 34.4099C16.9921 31.6617 19.2264 29.4274 21.9746 28.0272C25.0988 26.4353 29.1887 26.4353 37.3683 26.4353H355.903V312.564H37.3668C29.1876 312.564 25.0981 312.564 21.974 310.973C19.2261 309.573 16.9919 307.338 15.5918 304.59C14 301.466 14 297.377 14 289.198V49.8037Z" fill="white" fill-opacity="0.03" shape-rendering="crispEdges"/>
-<path d="M15.0366 49.8037C15.0366 45.6967 15.0374 42.6788 15.2321 40.2954C15.4259 37.924 15.8064 36.2721 16.5155 34.8805C17.8164 32.3274 19.8921 30.2517 22.4452 28.9508C23.8368 28.2417 25.4887 27.8612 27.8601 27.6674C30.2435 27.4727 33.2614 27.4719 37.3683 27.4719H354.866V311.528H37.3668C33.2601 311.528 30.2424 311.527 27.8592 311.332C25.488 311.139 23.8362 310.758 22.4446 310.049C19.8917 308.748 17.8162 306.673 16.5154 304.12C15.8064 302.728 15.4259 301.076 15.2321 298.705C15.0374 296.322 15.0366 293.304 15.0366 289.198V49.8037Z" stroke="url(#paint0_linear_13_10132)" stroke-opacity="0.18" stroke-width="2.07319" shape-rendering="crispEdges"/>
-<path d="M38.484 65.1199H68.844" stroke="url(#paint1_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M78.6375 65.1199H94.3071" stroke="url(#paint2_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M54.6432 78.3413H123.198" stroke="url(#paint3_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M132.992 78.3413L198.608 78.3413" stroke="url(#paint4_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M54.6432 91.5625L104.101 91.5625" stroke="url(#paint5_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M82.5549 105.034L148.172 105.034" stroke="url(#paint6_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M54.6432 118.296H149.641" stroke="url(#paint7_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M54.6431 131.716L154.048 131.716" stroke="url(#paint8_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M38.6675 144.82H179.695" stroke="url(#paint9_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M79.6168 158.159L226.52 158.159" stroke="url(#paint10_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M49.7465 171.38H94.3071" stroke="url(#paint11_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M104.101 171.38H161.883" stroke="url(#paint12_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M38.6675 184.601H136.113" stroke="url(#paint13_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M145.907 184.601H203.689" stroke="url(#paint14_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M75.6994 197.846L141.316 197.846" stroke="url(#paint15_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M151.11 197.869L289.688 197.823" stroke="url(#paint16_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M38.6674 211.131L104.284 211.131" stroke="url(#paint17_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M100.673 224.265H225.541" stroke="url(#paint18_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<g style="mix-blend-mode:screen" opacity="0.5" filter="url(#filter1_f_13_10132)">
-<path d="M38.484 65.1199H68.844" stroke="url(#paint19_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M78.6375 65.1199H94.3071" stroke="url(#paint20_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M54.6432 78.3413H123.198" stroke="url(#paint21_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M132.992 78.3413L198.608 78.3413" stroke="url(#paint22_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M54.6432 91.5625L104.101 91.5625" stroke="url(#paint23_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M82.5549 105.034L148.172 105.034" stroke="url(#paint24_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M54.6432 118.296H149.641" stroke="url(#paint25_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M54.6431 131.716L154.048 131.716" stroke="url(#paint26_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M38.6675 144.82H179.695" stroke="url(#paint27_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M79.6168 158.159L226.52 158.159" stroke="url(#paint28_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M49.7465 171.38H94.3071" stroke="url(#paint29_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M104.101 171.38H161.883" stroke="url(#paint30_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M38.6675 184.601H136.113" stroke="url(#paint31_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M145.907 184.601H203.689" stroke="url(#paint32_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M75.6994 197.846L141.316 197.846" stroke="url(#paint33_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M151.11 197.869L289.688 197.823" stroke="url(#paint34_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-<path d="M38.6674 211.131L104.284 211.131" stroke="url(#paint35_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.95912" stroke-linecap="round"/>
-<path d="M100.673 224.265H225.541" stroke="url(#paint36_linear_13_10132)" stroke-opacity="0.7" stroke-width="1.2193" stroke-linecap="round"/>
-</g>
-<circle cx="31.4533" cy="42.1061" r="4.72183" fill="url(#paint37_linear_13_10132)" fill-opacity="0.08"/>
-<circle cx="31.4533" cy="42.1061" r="3.95908" stroke="url(#paint38_linear_13_10132)" stroke-opacity="0.01" stroke-width="1.52552"/>
-<circle cx="46.5631" cy="42.1061" r="4.72183" fill="url(#paint39_linear_13_10132)" fill-opacity="0.08"/>
-<circle cx="46.5631" cy="42.1061" r="3.95908" stroke="url(#paint40_linear_13_10132)" stroke-opacity="0.01" stroke-width="1.52552"/>
-<circle cx="61.6735" cy="42.1061" r="4.72183" fill="url(#paint41_linear_13_10132)" fill-opacity="0.08"/>
-<circle cx="61.6735" cy="42.1061" r="3.95908" stroke="url(#paint42_linear_13_10132)" stroke-opacity="0.01" stroke-width="1.52552"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_di_13_10132" x="-15.8848" y="-16.2572" width="427.288" height="371.514" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="12.8078"/>
-<feGaussianBlur stdDeviation="21.3463"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_10132"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_10132" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.06731"/>
-<feGaussianBlur stdDeviation="0.533657"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_13_10132"/>
-</filter>
-<filter id="filter1_f_13_10132" x="35.6257" y="62.0783" width="306.682" height="231.297" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.03103" result="effect1_foregroundBlur_13_10132"/>
-</filter>
-<linearGradient id="paint0_linear_13_10132" x1="14" y1="162.893" x2="350.921" y2="162.893" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_13_10132" x1="68.844" y1="65.4512" x2="38.484" y2="65.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_13_10132" x1="94.3071" y1="65.4512" x2="78.6375" y2="65.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_13_10132" x1="123.198" y1="78.6726" x2="54.6432" y2="78.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint4_linear_13_10132" x1="198.608" y1="78.6726" x2="132.992" y2="78.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint5_linear_13_10132" x1="104.101" y1="91.8938" x2="54.6432" y2="91.8938" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_13_10132" x1="148.172" y1="105.365" x2="82.5549" y2="105.365" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_13_10132" x1="149.641" y1="118.627" x2="54.6432" y2="118.627" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint8_linear_13_10132" x1="154.048" y1="132.047" x2="54.6431" y2="132.047" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint9_linear_13_10132" x1="179.695" y1="145.152" x2="38.6675" y2="145.152" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint10_linear_13_10132" x1="226.52" y1="158.49" x2="79.6168" y2="158.49" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint11_linear_13_10132" x1="94.3071" y1="171.711" x2="49.7465" y2="171.711" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint12_linear_13_10132" x1="161.883" y1="171.711" x2="104.101" y2="171.711" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint13_linear_13_10132" x1="136.113" y1="184.933" x2="38.6675" y2="184.933" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint14_linear_13_10132" x1="203.689" y1="184.933" x2="145.907" y2="184.933" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint15_linear_13_10132" x1="141.316" y1="198.177" x2="75.6994" y2="198.177" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint16_linear_13_10132" x1="289.688" y1="198.154" x2="151.11" y2="198.2" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint17_linear_13_10132" x1="104.284" y1="211.462" x2="38.6674" y2="211.462" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint18_linear_13_10132" x1="225.541" y1="224.596" x2="100.673" y2="224.596" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint19_linear_13_10132" x1="68.844" y1="65.4512" x2="38.484" y2="65.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint20_linear_13_10132" x1="94.3071" y1="65.4512" x2="78.6375" y2="65.4512" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint21_linear_13_10132" x1="123.198" y1="78.6726" x2="54.6432" y2="78.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint22_linear_13_10132" x1="198.608" y1="78.6726" x2="132.992" y2="78.6726" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint23_linear_13_10132" x1="104.101" y1="91.8938" x2="54.6432" y2="91.8938" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint24_linear_13_10132" x1="148.172" y1="105.365" x2="82.5549" y2="105.365" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint25_linear_13_10132" x1="149.641" y1="118.627" x2="54.6432" y2="118.627" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint26_linear_13_10132" x1="154.048" y1="132.047" x2="54.6431" y2="132.047" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint27_linear_13_10132" x1="179.695" y1="145.152" x2="38.6675" y2="145.152" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint28_linear_13_10132" x1="226.52" y1="158.49" x2="79.6168" y2="158.49" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint29_linear_13_10132" x1="94.3071" y1="171.711" x2="49.7465" y2="171.711" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint30_linear_13_10132" x1="161.883" y1="171.711" x2="104.101" y2="171.711" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint31_linear_13_10132" x1="136.113" y1="184.933" x2="38.6675" y2="184.933" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint32_linear_13_10132" x1="203.689" y1="184.933" x2="145.907" y2="184.933" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint33_linear_13_10132" x1="141.316" y1="198.177" x2="75.6994" y2="198.177" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint34_linear_13_10132" x1="289.688" y1="198.154" x2="151.11" y2="198.2" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint35_linear_13_10132" x1="104.284" y1="211.462" x2="38.6674" y2="211.462" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint36_linear_13_10132" x1="225.541" y1="224.596" x2="100.673" y2="224.596" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint37_linear_13_10132" x1="31.4533" y1="37.3843" x2="31.4533" y2="46.8279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint38_linear_13_10132" x1="31.4533" y1="37.3843" x2="31.4533" y2="49.1996" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint39_linear_13_10132" x1="46.5631" y1="37.3843" x2="46.5631" y2="46.8279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint40_linear_13_10132" x1="46.5631" y1="37.3843" x2="46.5631" y2="49.1996" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint41_linear_13_10132" x1="61.6735" y1="37.3843" x2="61.6735" y2="46.8279" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint42_linear_13_10132" x1="61.6735" y1="37.3843" x2="61.6735" y2="49.1996" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<clipPath id="clip0_13_10132">
-<rect width="154" height="224" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/src/routes/init/(assets)/day-0/swag-thumb.png
+++ b/src/routes/init/(assets)/day-0/swag-thumb.png
--- a/src/routes/init/(assets)/day-0/video-thumb.png
+++ b/src/routes/init/(assets)/day-0/video-thumb.png
--- a/src/routes/init/(assets)/day-1/ci-cd-mobile.svg
+++ b/src/routes/init/(assets)/day-1/ci-cd-mobile.svg
@@ -1,295 +0,0 @@
-<svg width="320" height="124" viewBox="0 0 320 124" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M121.568 144.365L188.885 64.0612C200.068 49.8817 224.359 28.897 256.474 28.897C287.732 28.897 308.696 47.7212 318.748 70.5552" stroke="url(#paint0_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M202.564 148.126C207.828 155.451 225.98 170.103 256.474 170.103C294.593 170.103 325.632 136.862 325.632 102.797C325.632 93.8689 324.005 84.5447 320.786 75.6453" stroke="url(#paint1_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M156.867 51.5642C141.604 32.3846 108.452 4 64.6223 4C43.2804 4 25.4545 10.3728 11.2505 20.6094" stroke="url(#paint2_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M0.959961 29.2822C3.17321 27.1151 5.50415 25.0517 7.95218 23.1064" stroke="url(#paint3_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M329.959 41.0105C314.181 19.5134 289.442 4 256.144 4C225.887 4 200.718 17.5269 183.011 32.2144" stroke="url(#paint4_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M163.9 51.5642C167.754 46.7211 172.748 41.2911 178.768 35.8794" stroke="url(#paint5_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M182.568 165.272C189.752 175.181 214.525 195 256.144 195C308.167 195 350.529 150.037 350.529 103.959C350.529 85.9324 345.581 66.7115 335.841 49.9897" stroke="url(#paint6_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M131.789 159.796C125.214 168.885 102.544 187.062 64.4571 187.062C16.8488 187.062 -21.918 145.821 -21.918 103.558C-21.918 61.2943 7.66719 11.8733 64.4571 11.8733C104.567 11.8733 134.906 37.9082 148.873 55.5001" stroke="url(#paint7_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M188.296 160.41C194.933 169.586 217.82 187.94 256.27 187.94C304.333 187.94 343.469 146.301 343.469 103.629C343.469 60.9582 313.602 11.0603 256.27 11.0603C215.777 11.0603 185.15 37.3464 171.049 55.1081L128.166 107.046" stroke="url(#paint8_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M107.641 131.904L115.585 122.283L123.528 112.662" stroke="url(#paint9_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M140.81 59.5475C129.119 44.7837 104.761 23.4706 72.457 20.3291" stroke="url(#paint10_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M64.3645 19.9365C12.9367 19.9365 -13.855 64.8083 -13.855 103.181C-13.855 141.555 21.2514 178.999 64.3645 178.999C82.6012 178.999 96.9349 174.385 107.275 168.816" stroke="url(#paint11_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M124.317 156.276C132.014 147.602 149.13 128.092 156.02 119.442" stroke="url(#paint12_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M113.689 138.134L179.224 59.2115C190.485 44.9897 213.39 24.7461 243.798 20.176" stroke="url(#paint13_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M256.364 19.2354C308.259 19.2354 335.294 64.5208 335.294 103.248C335.294 141.975 299.869 179.765 256.364 179.765C247.847 179.765 240.173 178.767 233.352 177.138" stroke="url(#paint14_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M131.881 64.0612C120.698 49.8817 96.4067 28.897 64.2918 28.897C38.931 28.897 20.3462 41.2888 8.86816 58.16" stroke="url(#paint15_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M118.203 148.125C112.939 155.451 94.7869 170.103 64.2921 170.103C26.1736 170.103 -4.86572 136.862 -4.86572 102.797C-4.86572 88.9968 -0.978412 74.2503 6.6695 61.5886" stroke="url(#paint16_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path opacity="0.7" d="M121.935 144.731L140.81 121.458" stroke="url(#paint17_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M122.22 68.9104C112.616 56.6712 91.7579 38.5581 64.1809 38.5581C25.1361 38.5581 4.79541 72.9415 4.79541 102.345C4.79541 120.807 15.3028 138.988 31.225 149.963" stroke="url(#paint18_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M210.449 141.369C214.964 147.682 230.532 160.308 256.686 160.308C289.378 160.308 315.999 131.663 315.999 102.309C315.999 72.9541 295.683 38.6282 256.686 38.6282C229.142 38.6282 208.309 56.711 198.718 68.9297L129.082 151.328" stroke="url(#paint19_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M103.934 135.841C100.043 141.316 86.627 152.266 64.0874 152.266C35.9128 152.266 12.9707 127.423 12.9707 101.964C12.9707 76.5044 30.4792 46.7334 64.0874 46.7334C87.8245 46.7334 105.779 62.4167 114.045 73.014" stroke="url(#paint20_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M135.862 157.742L208.247 73.7129C216.279 63.408 233.727 48.1575 256.795 48.1575C289.455 48.1575 306.47 77.107 306.47 101.864C306.47 110.514 303.748 119.091 299.039 126.589" stroke="url(#paint21_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M104.383 78.2367C97.6976 69.729 83.1758 57.1382 63.9767 57.1382C48.9823 57.1382 37.9501 64.4104 31.0713 74.3625" stroke="url(#paint22_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M63.9767 141.862C41.1885 141.862 22.6323 121.917 22.6323 101.478C22.6323 93.9801 24.5381 86.0163 28.2933 78.9375" stroke="url(#paint23_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M142.459 161.957L216.384 78.2367C223.069 69.729 237.591 57.1382 256.79 57.1382C258.174 57.1382 259.524 57.2001 260.84 57.3204" stroke="url(#paint24_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M224.561 128.675C227.708 133.071 238.559 141.862 256.79 141.862C279.578 141.862 298.134 121.917 298.134 101.478C298.134 84.1674 287.977 64.374 268.353 58.72" stroke="url(#paint25_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M93.3477 133.736C101.987 129.924 133.365 91.7949 153.866 65.7494C154.649 64.7535 155.417 63.7753 156.168 62.8174" stroke="url(#paint26_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M135.679 155.91L171.413 115.594M142.642 161.224L185.707 112.845" stroke="url(#paint27_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<g style="mix-blend-mode:screen" opacity="0.5" filter="url(#filter0_f_245_6940)">
-<path d="M121.568 144.365L188.885 64.0612C200.068 49.8817 224.359 28.897 256.474 28.897C287.732 28.897 308.696 47.7212 318.748 70.5552" stroke="url(#paint28_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M202.564 148.126C207.828 155.451 225.98 170.103 256.474 170.103C294.593 170.103 325.632 136.862 325.632 102.797C325.632 93.8689 324.005 84.5447 320.786 75.6453" stroke="url(#paint29_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M156.867 51.5642C141.604 32.3846 108.452 4 64.6223 4C43.2804 4 25.4545 10.3728 11.2505 20.6094" stroke="url(#paint30_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M0.959961 29.2822C3.17321 27.1151 5.50415 25.0517 7.95218 23.1064" stroke="url(#paint31_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M329.959 41.0105C314.181 19.5134 289.442 4 256.144 4C225.887 4 200.718 17.5269 183.011 32.2144" stroke="url(#paint32_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M163.9 51.5642C167.754 46.7211 172.748 41.2911 178.768 35.8794" stroke="url(#paint33_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M182.568 165.272C189.752 175.181 214.525 195 256.144 195C308.167 195 350.529 150.037 350.529 103.959C350.529 85.9324 345.581 66.7115 335.841 49.9897" stroke="url(#paint34_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M131.789 159.796C125.214 168.885 102.544 187.062 64.4571 187.062C16.8488 187.062 -21.918 145.821 -21.918 103.558C-21.918 61.2943 7.66719 11.8733 64.4571 11.8733C104.567 11.8733 134.906 37.9082 148.873 55.5001" stroke="url(#paint35_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M188.296 160.41C194.933 169.586 217.82 187.94 256.27 187.94C304.333 187.94 343.469 146.301 343.469 103.629C343.469 60.9582 313.602 11.0603 256.27 11.0603C215.777 11.0603 185.15 37.3464 171.049 55.1081L128.166 107.046" stroke="url(#paint36_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M107.641 131.904L115.585 122.283L123.528 112.662" stroke="url(#paint37_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M140.81 59.5475C129.119 44.7837 104.761 23.4706 72.457 20.3291" stroke="url(#paint38_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M64.3645 19.9365C12.9367 19.9365 -13.855 64.8083 -13.855 103.181C-13.855 141.555 21.2514 178.999 64.3645 178.999C82.6012 178.999 96.9349 174.385 107.275 168.816" stroke="url(#paint39_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M124.317 156.276C132.014 147.602 149.13 128.092 156.02 119.442" stroke="url(#paint40_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M113.689 138.134L179.224 59.2115C190.485 44.9897 213.39 24.7461 243.798 20.176" stroke="url(#paint41_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M256.364 19.2354C308.259 19.2354 335.294 64.5208 335.294 103.248C335.294 141.975 299.869 179.765 256.364 179.765C247.847 179.765 240.173 178.767 233.352 177.138" stroke="url(#paint42_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M131.881 64.0612C120.698 49.8817 96.4067 28.897 64.2918 28.897C38.931 28.897 20.3462 41.2888 8.86816 58.16" stroke="url(#paint43_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M118.203 148.125C112.939 155.451 94.7869 170.103 64.2921 170.103C26.1736 170.103 -4.86572 136.862 -4.86572 102.797C-4.86572 88.9968 -0.978412 74.2503 6.6695 61.5886" stroke="url(#paint44_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path opacity="0.7" d="M121.935 144.731L140.81 121.458" stroke="url(#paint45_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M122.22 68.9104C112.616 56.6712 91.7579 38.5581 64.1809 38.5581C25.1361 38.5581 4.79541 72.9415 4.79541 102.345C4.79541 120.807 15.3028 138.988 31.225 149.963" stroke="url(#paint46_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M210.449 141.369C214.964 147.682 230.532 160.308 256.686 160.308C289.378 160.308 315.999 131.663 315.999 102.309C315.999 72.9541 295.683 38.6282 256.686 38.6282C229.142 38.6282 208.309 56.711 198.718 68.9297L129.082 151.328" stroke="url(#paint47_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M103.934 135.841C100.043 141.316 86.627 152.266 64.0874 152.266C35.9128 152.266 12.9707 127.423 12.9707 101.964C12.9707 76.5044 30.4792 46.7334 64.0874 46.7334C87.8245 46.7334 105.779 62.4167 114.045 73.014" stroke="url(#paint48_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M135.862 157.742L208.247 73.7129C216.279 63.408 233.727 48.1575 256.795 48.1575C289.455 48.1575 306.47 77.107 306.47 101.864C306.47 110.514 303.748 119.091 299.039 126.589" stroke="url(#paint49_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M104.383 78.2367C97.6976 69.729 83.1758 57.1382 63.9767 57.1382C48.9823 57.1382 37.9501 64.4104 31.0713 74.3625" stroke="url(#paint50_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M63.9767 141.862C41.1885 141.862 22.6323 121.917 22.6323 101.478C22.6323 93.9801 24.5381 86.0163 28.2933 78.9375" stroke="url(#paint51_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M142.459 161.957L216.384 78.2367C223.069 69.729 237.591 57.1382 256.79 57.1382C258.174 57.1382 259.524 57.2001 260.84 57.3204" stroke="url(#paint52_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M224.561 128.675C227.708 133.071 238.559 141.862 256.79 141.862C279.578 141.862 298.134 121.917 298.134 101.478C298.134 84.1674 287.977 64.374 268.353 58.72" stroke="url(#paint53_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M93.3477 133.736C101.987 129.924 133.365 91.7949 153.866 65.7494C154.649 64.7535 155.417 63.7753 156.168 62.8174" stroke="url(#paint54_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-<path d="M135.679 155.91L171.413 115.594M142.642 161.224L185.707 112.845" stroke="url(#paint55_linear_245_6940)" stroke-width="0.912596" stroke-linecap="round"/>
-</g>
-<defs>
-<filter id="filter0_f_245_6940" x="-33.1508" y="0.611667" width="387.068" height="197.777" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.46602" result="effect1_foregroundBlur_245_6940"/>
-</filter>
-<linearGradient id="paint0_linear_245_6940" x1="237.96" y1="49.7757" x2="171.238" y2="151.426" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_245_6940" x1="320.947" y1="75.6453" x2="175.884" y2="134.017" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="0.5" stop-color="white"/>
-<stop offset="0.857963" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_245_6940" x1="156.913" y1="19.3858" x2="0.151091" y2="11.6326" gradientUnits="userSpaceOnUse">
-<stop offset="0.0291348" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint3_linear_245_6940" x1="8.50193" y1="22.5019" x2="0.994772" y2="29.3079" gradientUnits="userSpaceOnUse">
-<stop offset="0.138043" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint4_linear_245_6940" x1="329.926" y1="40.644" x2="160.418" y2="56.5869" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="0.440802" stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint5_linear_245_6940" x1="180.026" y1="36.0626" x2="163.35" y2="52.3721" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.846212" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_245_6940" x1="336.34" y1="47.7907" x2="171.78" y2="158.475" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.97039" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_245_6940" x1="262.11" y1="52.4151" x2="66.3535" y2="191.45" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint8_linear_245_6940" x1="235.735" y1="40.0943" x2="157.316" y2="132.719" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint9_linear_245_6940" x1="125.6" y1="112.662" x2="115.141" y2="136.46" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.878441" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint10_linear_245_6940" x1="243.355" y1="56.7464" x2="65.7716" y2="182.544" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint11_linear_245_6940" x1="67.1425" y1="19.9365" x2="44.8067" y2="158.343" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint12_linear_245_6940" x1="157.718" y1="118.309" x2="127.441" y2="160.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint13_linear_245_6940" x1="244.897" y1="20.8528" x2="186.759" y2="152.128" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.949931" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint14_linear_245_6940" x1="233.536" y1="177.167" x2="185.237" y2="39.2553" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.978605" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint15_linear_245_6940" x1="222.547" y1="61.5746" x2="65.1114" y2="172.649" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint16_linear_245_6940" x1="7.40251" y1="57.8697" x2="39.8606" y2="157.808" gradientUnits="userSpaceOnUse">
-<stop offset="0.0548826" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint17_linear_245_6940" x1="141.821" y1="120.742" x2="120.693" y2="147.587" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint18_linear_245_6940" x1="147.075" y1="84.8914" x2="53.0818" y2="149.38" gradientUnits="userSpaceOnUse">
-<stop offset="0.105751" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint19_linear_245_6940" x1="240.807" y1="56.6197" x2="180.102" y2="94.4946" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint20_linear_245_6940" x1="181.058" y1="71.1556" x2="63.8391" y2="152.945" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint21_linear_245_6940" x1="299.506" y1="128.239" x2="162.088" y2="117.397" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint22_linear_245_6940" x1="158.586" y1="76.7447" x2="64.2398" y2="143.067" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint23_linear_245_6940" x1="29.3928" y1="76.928" x2="64.2207" y2="141.582" gradientUnits="userSpaceOnUse">
-<stop offset="0.0295412" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint24_linear_245_6940" x1="227.855" y1="124.207" x2="181.437" y2="113.045" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.851956" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint25_linear_245_6940" x1="298.04" y1="111.746" x2="229.009" y2="75.0351" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.661114" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint26_linear_245_6940" x1="137.641" y1="66.4325" x2="176.329" y2="119.671" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint27_linear_245_6940" x1="188.387" y1="111.357" x2="151.384" y2="172.842" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint28_linear_245_6940" x1="237.96" y1="49.7757" x2="171.238" y2="151.426" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint29_linear_245_6940" x1="320.947" y1="75.6453" x2="175.884" y2="134.017" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="0.5" stop-color="white"/>
-<stop offset="0.857963" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint30_linear_245_6940" x1="156.913" y1="19.3858" x2="0.151091" y2="11.6326" gradientUnits="userSpaceOnUse">
-<stop offset="0.0291348" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint31_linear_245_6940" x1="8.50193" y1="22.5019" x2="0.994772" y2="29.3079" gradientUnits="userSpaceOnUse">
-<stop offset="0.138043" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint32_linear_245_6940" x1="329.926" y1="40.644" x2="160.418" y2="56.5869" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="0.440802" stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint33_linear_245_6940" x1="180.026" y1="36.0626" x2="163.35" y2="52.3721" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.846212" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint34_linear_245_6940" x1="336.34" y1="47.7907" x2="171.78" y2="158.475" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.97039" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint35_linear_245_6940" x1="262.11" y1="52.4151" x2="66.3535" y2="191.45" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint36_linear_245_6940" x1="235.735" y1="40.0943" x2="157.316" y2="132.719" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint37_linear_245_6940" x1="125.6" y1="112.662" x2="115.141" y2="136.46" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.878441" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint38_linear_245_6940" x1="243.355" y1="56.7464" x2="65.7716" y2="182.544" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint39_linear_245_6940" x1="67.1425" y1="19.9365" x2="44.8067" y2="158.343" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint40_linear_245_6940" x1="157.718" y1="118.309" x2="127.441" y2="160.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint41_linear_245_6940" x1="244.897" y1="20.8528" x2="186.759" y2="152.128" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.949931" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint42_linear_245_6940" x1="233.536" y1="177.167" x2="185.237" y2="39.2553" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.978605" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint43_linear_245_6940" x1="222.547" y1="61.5746" x2="65.1114" y2="172.649" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint44_linear_245_6940" x1="7.40251" y1="57.8697" x2="39.8606" y2="157.808" gradientUnits="userSpaceOnUse">
-<stop offset="0.0548826" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint45_linear_245_6940" x1="141.821" y1="120.742" x2="120.693" y2="147.587" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint46_linear_245_6940" x1="147.075" y1="84.8914" x2="53.0818" y2="149.38" gradientUnits="userSpaceOnUse">
-<stop offset="0.105751" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint47_linear_245_6940" x1="240.807" y1="56.6197" x2="180.102" y2="94.4946" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint48_linear_245_6940" x1="181.058" y1="71.1556" x2="63.8391" y2="152.945" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint49_linear_245_6940" x1="299.506" y1="128.239" x2="162.088" y2="117.397" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint50_linear_245_6940" x1="158.586" y1="76.7447" x2="64.2398" y2="143.067" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint51_linear_245_6940" x1="29.3928" y1="76.928" x2="64.2207" y2="141.582" gradientUnits="userSpaceOnUse">
-<stop offset="0.0295412" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint52_linear_245_6940" x1="227.855" y1="124.207" x2="181.437" y2="113.045" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.851956" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint53_linear_245_6940" x1="298.04" y1="111.746" x2="229.009" y2="75.0351" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.661114" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint54_linear_245_6940" x1="137.641" y1="66.4325" x2="176.329" y2="119.671" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint55_linear_245_6940" x1="188.387" y1="111.357" x2="151.384" y2="172.842" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
--- a/src/routes/init/(assets)/day-1/ci-cd.svg
+++ b/src/routes/init/(assets)/day-1/ci-cd.svg
@@ -1,372 +0,0 @@
-<svg width="291" height="224" viewBox="0 0 291 224" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_10_8080)">
-<path d="M206.159 205.875L226.253 78.2159C229.058 56.1215 241.39 18.5029 275.33 -1.9122C308.363 -21.7822 342.485 -15.2149 367.623 2.52692" stroke="url(#paint0_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M294.148 158.362C304.368 162.758 332.865 166.703 365.093 147.318C405.377 123.087 417.049 68.2251 395.394 32.224C389.719 22.7888 382.072 13.9691 373.012 6.61073" stroke="url(#paint1_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M184.471 85.3626C156.149 74.7954 103.069 65.8721 56.7487 93.7342C34.194 107.301 19.4063 125.368 10.9024 145.215" stroke="url(#paint2_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M5.54013 160.923C6.50153 157.226 7.65322 153.563 9.00381 149.951" stroke="url(#paint3_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M237.024 217.4C235.731 232.439 222.149 269.131 178.165 295.588C142.258 317.186 98.5139 315.897 64.3259 298.837" stroke="url(#paint4_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M43.3276 285.358C34.2632 277.999 26.4938 269.266 20.543 259.373C7.97862 238.485 0.787919 212.298 1.84871 186.088" stroke="url(#paint5_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M360.691 -35.8239C330.351 -48.5126 294.344 -49.1812 259.154 -28.0138C227.177 -8.77973 209.177 21.5151 199.8 48.2936" stroke="url(#paint6_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M191.903 80.892C192.898 73.3238 194.724 64.4102 197.646 54.8646" stroke="url(#paint7_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M283.916 189.194C297.807 195.1 336.586 200.296 380.57 173.84C435.55 140.769 451.736 66.3221 422.445 17.6259C410.986 -1.42501 393.538 -18.5928 372.614 -30.0729" stroke="url(#paint8_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M226.769 215.686C225.599 229.471 213.196 263.093 172.945 287.304C122.631 317.568 55.4449 298.628 28.5785 253.962C1.71204 209.297 1.56199 138.261 61.579 102.16C103.968 76.6627 152.581 84.8913 178.525 94.604" stroke="url(#paint9_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M286.878 180.414C299.726 185.893 335.58 190.74 376.215 166.298C427.008 135.745 441.9 66.8618 414.774 21.7657C387.648 -23.3304 324.364 -57.0774 263.775 -20.6323C220.981 5.10846 205.322 52.358 201.711 80.0926L189.408 162.242" stroke="url(#paint10_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M183.519 201.559L185.798 186.342L188.077 171.125" stroke="url(#paint11_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M172.576 104.007C150.835 95.8362 111.545 88.7957 75.4084 106.011" stroke="url(#paint12_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M210.028 234.669C211.738 230.979 213.009 227.531 213.913 224.452" stroke="url(#paint13_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M66.6067 110.74C12.2565 143.432 12.4669 207.885 36.8602 248.439C61.2536 288.993 122.158 306.248 167.721 278.842C186.994 267.249 199.209 253.261 206.596 240.803" stroke="url(#paint14_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M216.636 216.716C219.256 202.657 224.942 171.158 226.725 157.636" stroke="url(#paint15_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M193.87 204.3L212.959 79.2324C215.819 57.0442 227.157 21.0898 256.388 -3.07007" stroke="url(#paint16_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M269.07 -12.0523C323.914 -45.0414 381.273 -14.3685 405.892 26.5591C430.51 67.4866 417.094 129.943 371.117 157.599C362.116 163.013 353.372 166.837 345.128 169.451" stroke="url(#paint17_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M290.21 170.307C297.848 173.575 314.454 176.608 335.358 172.062" stroke="url(#paint18_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M166.01 114.453C145.177 106.577 106.166 99.8409 72.2261 120.256C45.4242 136.378 33.6607 161.288 32.2552 186.414" stroke="url(#paint19_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M204.992 211.99C204.086 223.078 194.217 250.101 161.989 269.486C121.705 293.718 67.7705 278.319 46.1156 242.318C37.3432 227.734 32.0772 209.678 32.1109 191.436" stroke="url(#paint20_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path opacity="0.7" d="M206.779 206.03L211.932 169.435" stroke="url(#paint21_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M158.882 125.719C140.952 118.889 107.394 113.007 78.2503 130.537C36.9868 155.357 37.3474 204.625 56.039 235.699C67.775 255.21 90.4371 267.745 114.241 269.223" stroke="url(#paint22_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M192.594 209.87C191.837 219.426 183.404 242.7 155.73 259.346C146.343 264.993 136.086 268.122 125.749 269.063" stroke="url(#paint23_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M298.186 146.209C306.97 150.011 331.449 153.458 359.089 136.832C393.639 116.05 403.564 68.855 384.903 37.8323C366.243 6.80967 322.952 -16.5522 281.739 8.23801C252.63 25.7471 242.108 58.1008 239.739 77.111L218.526 208.459" stroke="url(#paint24_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M182.104 208.077C181.473 216.337 174.255 236.438 150.434 250.766C120.659 268.676 80.6204 257.005 64.4362 230.099C48.252 203.193 47.8303 160.601 83.3483 139.236C108.434 124.147 137.378 129.308 152.851 135.253" stroke="url(#paint25_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M229.769 210.927L252.85 76.1082C254.789 60.1114 263.533 32.9029 287.912 18.239C322.428 -2.52273 358.812 17.2559 374.55 43.4195C380.049 52.561 382.624 63.3553 382.414 74.2739" stroke="url(#paint26_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M145.96 146.914C133.486 142.173 110.135 138.098 89.8453 150.303C73.9989 159.834 66.9627 174.533 66.0193 189.423" stroke="url(#paint27_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M143.703 239.841C119.62 254.327 87.3308 245.045 74.3378 223.444C69.5715 215.52 66.523 205.892 65.9917 196.024" stroke="url(#paint28_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M239.42 211.187L264.325 75.7167C265.982 62.4756 273.325 39.9379 293.615 27.7333C295.078 26.8536 296.544 26.0608 298.011 25.3513" stroke="url(#paint29_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M305.03 123.823C311.15 126.468 328.207 128.86 347.473 117.271C371.556 102.785 378.488 69.9111 365.495 48.3105C354.491 30.0163 331.174 15.5552 306.841 22.0542" stroke="url(#paint30_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M169.578 212.582C176.286 203.062 185.208 142.82 190.317 102.262C190.512 100.711 190.702 99.1891 190.886 97.6998" stroke="url(#paint31_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M150.806 235.742C153.969 233.84 161.386 228.165 165.75 220.687" stroke="url(#paint32_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M194.103 204.687L197.377 185.575" stroke="url(#paint33_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M228.41 209.106L240.547 143.784M239.148 210.296L253.905 131.793" stroke="url(#paint34_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<g style="mix-blend-mode:screen" opacity="0.5" filter="url(#filter0_f_10_8080)">
-<path d="M206.159 205.875L226.253 78.2159C229.058 56.1215 241.39 18.5029 275.33 -1.9122C308.363 -21.7822 342.485 -15.2149 367.623 2.52692" stroke="url(#paint35_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M294.148 158.362C304.368 162.758 332.865 166.703 365.093 147.318C405.377 123.087 417.049 68.2251 395.394 32.224C389.719 22.7888 382.072 13.9691 373.012 6.61073" stroke="url(#paint36_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M184.471 85.3626C156.149 74.7954 103.069 65.8721 56.7487 93.7342C34.194 107.301 19.4063 125.368 10.9024 145.215" stroke="url(#paint37_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M5.54013 160.923C6.50153 157.226 7.65322 153.563 9.00381 149.951" stroke="url(#paint38_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M237.024 217.4C235.731 232.439 222.149 269.131 178.165 295.588C142.258 317.186 98.5139 315.897 64.3259 298.837" stroke="url(#paint39_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M43.3276 285.358C34.2632 277.999 26.4938 269.266 20.543 259.373C7.97862 238.485 0.787919 212.298 1.84871 186.088" stroke="url(#paint40_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M360.691 -35.8239C330.351 -48.5126 294.344 -49.1812 259.154 -28.0138C227.177 -8.77973 209.177 21.5151 199.8 48.2936" stroke="url(#paint41_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M191.903 80.892C192.898 73.3238 194.724 64.4102 197.646 54.8646" stroke="url(#paint42_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M283.916 189.194C297.807 195.1 336.586 200.296 380.57 173.84C435.55 140.769 451.736 66.3221 422.445 17.6259C410.986 -1.42501 393.538 -18.5928 372.614 -30.0729" stroke="url(#paint43_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M226.769 215.686C225.599 229.471 213.196 263.093 172.945 287.304C122.631 317.568 55.4449 298.628 28.5785 253.962C1.71204 209.297 1.56199 138.261 61.579 102.16C103.968 76.6627 152.581 84.8913 178.525 94.604" stroke="url(#paint44_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M286.878 180.414C299.726 185.893 335.58 190.74 376.215 166.298C427.008 135.745 441.9 66.8618 414.774 21.7657C387.648 -23.3304 324.364 -57.0774 263.775 -20.6323C220.981 5.10846 205.322 52.358 201.711 80.0926L189.408 162.242" stroke="url(#paint45_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M183.519 201.559L185.798 186.342L188.077 171.125" stroke="url(#paint46_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M172.576 104.007C150.835 95.8362 111.545 88.7957 75.4084 106.011" stroke="url(#paint47_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M210.028 234.669C211.738 230.979 213.009 227.531 213.913 224.452" stroke="url(#paint48_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M66.6067 110.74C12.2565 143.432 12.4669 207.885 36.8602 248.439C61.2536 288.993 122.158 306.248 167.721 278.842C186.994 267.249 199.209 253.261 206.596 240.803" stroke="url(#paint49_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M216.636 216.716C219.256 202.657 224.942 171.158 226.725 157.636" stroke="url(#paint50_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M193.87 204.3L212.959 79.2324C215.819 57.0442 227.157 21.0898 256.388 -3.07007" stroke="url(#paint51_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M269.07 -12.0523C323.914 -45.0414 381.273 -14.3685 405.892 26.5591C430.51 67.4866 417.094 129.943 371.117 157.599C362.116 163.013 353.372 166.837 345.128 169.451" stroke="url(#paint52_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M290.21 170.307C297.848 173.575 314.454 176.608 335.358 172.062" stroke="url(#paint53_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M166.01 114.453C145.177 106.577 106.166 99.8409 72.2261 120.256C45.4242 136.378 33.6607 161.288 32.2552 186.414" stroke="url(#paint54_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M204.992 211.99C204.086 223.078 194.217 250.101 161.989 269.486C121.705 293.718 67.7705 278.319 46.1156 242.318C37.3432 227.734 32.0772 209.678 32.1109 191.436" stroke="url(#paint55_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path opacity="0.7" d="M206.779 206.03L211.932 169.435" stroke="url(#paint56_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M158.882 125.719C140.952 118.889 107.394 113.007 78.2503 130.537C36.9868 155.357 37.3474 204.625 56.039 235.699C67.775 255.21 90.4371 267.745 114.241 269.223" stroke="url(#paint57_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M192.594 209.87C191.837 219.426 183.404 242.7 155.73 259.346C146.343 264.993 136.086 268.122 125.749 269.063" stroke="url(#paint58_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M298.186 146.209C306.97 150.011 331.449 153.458 359.089 136.832C393.639 116.05 403.564 68.855 384.903 37.8323C366.243 6.80967 322.952 -16.5522 281.739 8.23801C252.63 25.7471 242.108 58.1008 239.739 77.111L218.526 208.459" stroke="url(#paint59_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M182.104 208.077C181.473 216.337 174.255 236.438 150.434 250.766C120.659 268.676 80.6204 257.005 64.4362 230.099C48.252 203.193 47.8303 160.601 83.3483 139.236C108.434 124.147 137.378 129.308 152.851 135.253" stroke="url(#paint60_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M229.769 210.927L252.85 76.1082C254.789 60.1114 263.533 32.9029 287.912 18.239C322.428 -2.52273 358.812 17.2559 374.55 43.4195C380.049 52.561 382.624 63.3553 382.414 74.2739" stroke="url(#paint61_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M145.96 146.914C133.486 142.173 110.135 138.098 89.8453 150.303C73.9989 159.834 66.9627 174.533 66.0193 189.423" stroke="url(#paint62_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M143.703 239.841C119.62 254.327 87.3308 245.045 74.3378 223.444C69.5715 215.52 66.523 205.892 65.9917 196.024" stroke="url(#paint63_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M239.42 211.187L264.325 75.7167C265.982 62.4756 273.325 39.9379 293.615 27.7333C295.078 26.8536 296.544 26.0608 298.011 25.3513" stroke="url(#paint64_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M305.03 123.823C311.15 126.468 328.207 128.86 347.473 117.271C371.556 102.785 378.488 69.9111 365.495 48.3105C354.491 30.0163 331.174 15.5552 306.841 22.0542" stroke="url(#paint65_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M169.578 212.582C176.286 203.062 185.208 142.82 190.317 102.262C190.512 100.711 190.702 99.1891 190.886 97.6998" stroke="url(#paint66_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M150.806 235.742C153.969 233.84 161.386 228.165 165.75 220.687" stroke="url(#paint67_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M194.103 204.687L197.377 185.575" stroke="url(#paint68_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-<path d="M228.41 209.106L240.547 143.784M239.148 210.296L253.905 131.793" stroke="url(#paint69_linear_10_8080)" stroke-width="1.12549" stroke-linecap="round"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_f_10_8080" x="-2.43316" y="-48.9362" width="443.438" height="364.834" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.80801" result="effect1_foregroundBlur_10_8080"/>
-</filter>
-<linearGradient id="paint0_linear_10_8080" x1="269.035" y1="31.9226" x2="263.14" y2="181.763" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_10_8080" x1="373.183" y1="6.50827" x2="256.982" y2="160.411" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="0.5" stop-color="white"/>
-<stop offset="0.857963" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_10_8080" x1="164.065" y1="51.326" x2="-6.53419" y2="142.784" gradientUnits="userSpaceOnUse">
-<stop offset="0.0291348" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint3_linear_10_8080" x1="9.20052" y1="148.963" x2="5.59327" y2="160.928" gradientUnits="userSpaceOnUse">
-<stop offset="0.138043" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint4_linear_10_8080" x1="236.48" y1="216.384" x2="67.7828" y2="306.428" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.970865" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint5_linear_10_8080" x1="0.670688" y1="181.259" x2="69.5533" y2="202.442" gradientUnits="userSpaceOnUse">
-<stop offset="0.0594893" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint6_linear_10_8080" x1="360.422" y1="-36.1899" x2="191.417" y2="88.4134" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="0.440802" stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_10_8080" x1="199.092" y1="54.2584" x2="191.836" y2="82.0953" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.846212" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint8_linear_10_8080" x1="371.744" y1="-32.7141" x2="268.193" y2="188.869" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.97039" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint9_linear_10_8080" x1="296.236" y1="19.36" x2="177.738" y2="290.735" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint10_linear_10_8080" x1="260.529" y1="23.1057" x2="236.534" y2="170.843" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint11_linear_10_8080" x1="190.267" y1="169.808" x2="194.341" y2="201.607" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.878441" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint12_linear_10_8080" x1="279.168" y1="35.8597" x2="171.462" y2="281.694" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint13_linear_10_8080" x1="214.163" y1="224.006" x2="209.703" y2="235.606" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.913314" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint14_linear_10_8080" x1="69.5425" y1="108.974" x2="133.921" y2="269.444" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint15_linear_10_8080" x1="227.799" y1="155.359" x2="222.421" y2="218.86" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint16_linear_10_8080" x1="257.98" y1="-3.05374" x2="279.989" y2="172.639" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.949931" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint17_linear_10_8080" x1="345.34" y1="169.365" x2="206.628" y2="54.3198" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.978605" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint18_linear_10_8080" x1="336.389" y1="171.585" x2="298.426" y2="187.486" gradientUnits="userSpaceOnUse">
-<stop offset="0.0643327" stop-color="white" stop-opacity="0"/>
-<stop offset="0.46" stop-color="white"/>
-<stop offset="0.986192" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint19_linear_10_8080" x1="260.247" y1="54.1897" x2="164.474" y2="271.656" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint20_linear_10_8080" x1="30.5215" y1="187.039" x2="128.354" y2="272.024" gradientUnits="userSpaceOnUse">
-<stop offset="0.0548826" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint21_linear_10_8080" x1="212.546" y1="168.036" x2="207.282" y2="209.837" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint22_linear_10_8080" x1="195.308" y1="126.808" x2="136.969" y2="254.712" gradientUnits="userSpaceOnUse">
-<stop offset="0.105751" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint23_linear_10_8080" x1="194.341" y1="209.028" x2="121.05" y2="271.898" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.94" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint24_linear_10_8080" x1="276.394" y1="37.3461" x2="236.317" y2="115.962" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint25_linear_10_8080" x1="222.491" y1="90.6891" x2="150.603" y2="251.641" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint26_linear_10_8080" x1="383.957" y1="75.7197" x2="231.839" y2="151.617" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint27_linear_10_8080" x1="202.294" y1="110.881" x2="144.747" y2="240.947" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint28_linear_10_8080" x1="65.8762" y1="193.202" x2="143.783" y2="239.39" gradientUnits="userSpaceOnUse">
-<stop offset="0.0295412" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint29_linear_10_8080" x1="305.671" y1="117.007" x2="249.52" y2="134.718" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.851956" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint30_linear_10_8080" x1="371.923" y1="59.2217" x2="275.633" y2="64.3069" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.661114" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint31_linear_10_8080" x1="173.604" y1="113.298" x2="248.333" y2="144.967" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint32_linear_10_8080" x1="150.031" y1="236.208" x2="160.891" y2="239.405" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint33_linear_10_8080" x1="197.725" y1="184.839" x2="195.609" y2="206.785" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.748349" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint34_linear_10_8080" x1="255.791" y1="128.516" x2="255.772" y2="217.017" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint35_linear_10_8080" x1="269.035" y1="31.9226" x2="263.14" y2="181.763" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint36_linear_10_8080" x1="373.183" y1="6.50827" x2="256.982" y2="160.411" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="0.5" stop-color="white"/>
-<stop offset="0.857963" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint37_linear_10_8080" x1="164.065" y1="51.326" x2="-6.53419" y2="142.784" gradientUnits="userSpaceOnUse">
-<stop offset="0.0291348" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint38_linear_10_8080" x1="9.20052" y1="148.963" x2="5.59327" y2="160.928" gradientUnits="userSpaceOnUse">
-<stop offset="0.138043" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint39_linear_10_8080" x1="236.48" y1="216.384" x2="67.7828" y2="306.428" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.970865" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint40_linear_10_8080" x1="0.670688" y1="181.259" x2="69.5533" y2="202.442" gradientUnits="userSpaceOnUse">
-<stop offset="0.0594893" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint41_linear_10_8080" x1="360.422" y1="-36.1899" x2="191.417" y2="88.4134" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="0.440802" stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint42_linear_10_8080" x1="199.092" y1="54.2584" x2="191.836" y2="82.0953" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.846212" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint43_linear_10_8080" x1="371.744" y1="-32.7141" x2="268.193" y2="188.869" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.97039" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint44_linear_10_8080" x1="296.236" y1="19.36" x2="177.738" y2="290.735" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint45_linear_10_8080" x1="260.529" y1="23.1057" x2="236.534" y2="170.843" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint46_linear_10_8080" x1="190.267" y1="169.808" x2="194.341" y2="201.607" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.878441" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint47_linear_10_8080" x1="279.168" y1="35.8597" x2="171.462" y2="281.694" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint48_linear_10_8080" x1="214.163" y1="224.006" x2="209.703" y2="235.606" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.913314" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint49_linear_10_8080" x1="69.5425" y1="108.974" x2="133.921" y2="269.444" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint50_linear_10_8080" x1="227.799" y1="155.359" x2="222.421" y2="218.86" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint51_linear_10_8080" x1="257.98" y1="-3.05374" x2="279.989" y2="172.639" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.949931" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint52_linear_10_8080" x1="345.34" y1="169.365" x2="206.628" y2="54.3198" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.978605" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint53_linear_10_8080" x1="336.389" y1="171.585" x2="298.426" y2="187.486" gradientUnits="userSpaceOnUse">
-<stop offset="0.0643327" stop-color="white" stop-opacity="0"/>
-<stop offset="0.46" stop-color="white"/>
-<stop offset="0.986192" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint54_linear_10_8080" x1="260.247" y1="54.1897" x2="164.474" y2="271.656" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint55_linear_10_8080" x1="30.5215" y1="187.039" x2="128.354" y2="272.024" gradientUnits="userSpaceOnUse">
-<stop offset="0.0548826" stop-color="#FD366E" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint56_linear_10_8080" x1="212.546" y1="168.036" x2="207.282" y2="209.837" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint57_linear_10_8080" x1="195.308" y1="126.808" x2="136.969" y2="254.712" gradientUnits="userSpaceOnUse">
-<stop offset="0.105751" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint58_linear_10_8080" x1="194.341" y1="209.028" x2="121.05" y2="271.898" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.94" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint59_linear_10_8080" x1="276.394" y1="37.3461" x2="236.317" y2="115.962" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint60_linear_10_8080" x1="222.491" y1="90.6891" x2="150.603" y2="251.641" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint61_linear_10_8080" x1="383.957" y1="75.7197" x2="231.839" y2="151.617" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint62_linear_10_8080" x1="202.294" y1="110.881" x2="144.747" y2="240.947" gradientUnits="userSpaceOnUse">
-<stop offset="0.387871" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint63_linear_10_8080" x1="65.8762" y1="193.202" x2="143.783" y2="239.39" gradientUnits="userSpaceOnUse">
-<stop offset="0.0295412" stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint64_linear_10_8080" x1="305.671" y1="117.007" x2="249.52" y2="134.718" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.851956" stop-color="#FD366E" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint65_linear_10_8080" x1="371.923" y1="59.2217" x2="275.633" y2="64.3069" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.661114" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint66_linear_10_8080" x1="173.604" y1="113.298" x2="248.333" y2="144.967" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.894147" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint67_linear_10_8080" x1="150.031" y1="236.208" x2="160.891" y2="239.405" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint68_linear_10_8080" x1="197.725" y1="184.839" x2="195.609" y2="206.785" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.748349" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint69_linear_10_8080" x1="255.791" y1="128.516" x2="255.772" y2="217.017" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<clipPath id="clip0_10_8080">
-<rect width="291" height="224" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.750 2.914 C 13.517 2.971,13.319 3.079,13.067 3.285 C 12.947 3.383,11.791 4.525,10.497 5.823 C 7.967 8.360,8.038 8.279,7.918 8.749 C 7.847 9.023,7.846 10.546,7.916 10.876 C 8.045 11.485,8.515 11.955,9.124 12.084 C 9.454 12.154,10.977 12.153,11.251 12.082 C 11.724 11.961,11.628 12.046,14.286 9.387 C 15.793 7.880,16.802 6.845,16.874 6.733 C 17.208 6.214,17.216 5.562,16.893 5.058 C 16.714 4.778,15.221 3.285,14.940 3.106 C 14.603 2.890,14.144 2.816,13.750 2.914 M14.321 4.138 C 14.468 4.249,15.656 5.429,15.803 5.611 C 15.994 5.848,15.984 5.940,15.737 6.224 C 15.628 6.348,15.400 6.589,15.228 6.758 L 14.916 7.066 13.924 6.074 L 12.933 5.083 13.342 4.681 C 13.903 4.128,13.980 4.067,14.113 4.067 C 14.175 4.067,14.267 4.099,14.321 4.138 M4.733 4.438 C 4.093 4.525,3.540 5.078,3.435 5.733 C 3.388 6.028,3.387 14.966,3.434 15.267 C 3.536 15.920,4.077 16.460,4.733 16.565 C 5.028 16.612,13.966 16.613,14.267 16.566 C 14.920 16.464,15.460 15.923,15.565 15.267 C 15.586 15.138,15.600 14.352,15.600 13.324 C 15.600 11.492,15.598 11.463,15.440 11.289 C 15.174 10.995,14.666 11.062,14.472 11.417 C 14.423 11.505,14.415 11.730,14.400 13.341 L 14.383 15.165 14.274 15.274 L 14.165 15.383 9.500 15.383 L 4.835 15.383 4.726 15.274 L 4.617 15.165 4.617 10.500 L 4.617 5.835 4.726 5.726 L 4.835 5.617 6.742 5.600 C 8.591 5.584,8.654 5.581,8.767 5.515 C 9.173 5.276,9.156 4.699,8.736 4.477 L 8.590 4.400 6.770 4.404 C 5.769 4.406,4.852 4.422,4.733 4.438 M12.593 9.390 C 11.782 10.201,11.079 10.881,11.031 10.901 C 10.894 10.958,9.338 10.931,9.247 10.870 C 9.092 10.767,9.085 10.725,9.072 9.890 C 9.066 9.453,9.070 9.056,9.082 9.006 C 9.097 8.948,9.622 8.398,10.593 7.425 L 12.083 5.933 13.075 6.925 L 14.067 7.916 12.593 9.390 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path d="M2.891 4.559 C 2.428 4.669,1.905 5.107,1.686 5.567 C 1.497 5.964,1.474 6.254,1.488 8.020 C 1.502 9.864,1.474 9.750,2.016 10.150 C 2.563 10.554,2.880 11.063,2.970 11.684 C 3.094 12.531,2.726 13.352,1.992 13.872 C 1.800 14.008,1.658 14.143,1.596 14.252 L 1.500 14.420 1.488 15.980 C 1.480 16.919,1.492 17.665,1.517 17.853 C 1.629 18.690,2.283 19.360,3.104 19.479 C 3.482 19.533,20.518 19.533,20.896 19.479 C 21.717 19.360,22.371 18.690,22.483 17.853 C 22.508 17.665,22.520 16.919,22.512 15.980 L 22.500 14.420 22.404 14.252 C 22.342 14.143,22.200 14.008,22.008 13.872 C 20.670 12.926,20.670 11.074,22.008 10.128 C 22.200 9.992,22.342 9.857,22.404 9.748 L 22.500 9.580 22.512 8.020 C 22.526 6.254,22.503 5.964,22.314 5.567 C 22.144 5.210,21.789 4.857,21.420 4.677 L 21.140 4.540 12.080 4.534 C 7.097 4.531,2.962 4.542,2.891 4.559 M15.760 6.457 C 15.760 6.968,15.789 7.082,15.970 7.269 C 16.252 7.562,16.748 7.562,17.030 7.269 C 17.211 7.082,17.240 6.968,17.240 6.457 L 17.240 6.000 18.958 6.000 C 20.205 6.000,20.705 6.013,20.781 6.048 C 20.992 6.144,21.000 6.203,21.000 7.643 L 21.000 8.970 20.667 9.295 C 19.891 10.053,19.509 10.945,19.509 12.000 C 19.509 13.055,19.891 13.947,20.667 14.705 L 21.000 15.030 21.000 16.358 C 21.000 17.738,20.994 17.793,20.825 17.929 C 20.747 17.992,20.588 17.998,18.990 17.999 L 17.240 18.000 17.240 17.543 C 17.240 17.043,17.210 16.919,17.047 16.745 C 16.907 16.595,16.726 16.520,16.504 16.520 C 16.280 16.520,16.132 16.575,15.985 16.713 C 15.799 16.887,15.760 17.030,15.760 17.539 L 15.760 18.000 9.510 17.999 C 3.649 17.998,3.255 17.994,3.175 17.929 C 3.006 17.793,3.000 17.738,3.000 16.358 L 3.000 15.031 3.334 14.703 C 4.114 13.935,4.491 13.055,4.491 12.000 C 4.491 10.944,4.107 10.050,3.332 9.297 L 3.000 8.974 3.001 7.637 C 3.003 6.208,3.009 6.164,3.204 6.056 C 3.283 6.012,4.436 6.003,9.530 6.001 L 15.760 6.000 15.760 6.457 M16.167 9.084 C 16.068 9.134,15.948 9.241,15.887 9.333 C 15.785 9.487,15.779 9.520,15.768 10.097 C 15.755 10.779,15.783 10.877,16.055 11.096 C 16.324 11.314,16.818 11.273,17.045 11.014 C 17.213 10.824,17.240 10.700,17.240 10.135 C 17.240 9.657,17.229 9.563,17.155 9.410 C 16.982 9.052,16.525 8.901,16.167 9.084 M7.167 12.086 C 6.848 12.243,6.682 12.662,6.798 13.013 C 6.868 13.227,7.110 13.424,7.369 13.478 C 7.520 13.509,8.393 13.519,10.263 13.511 C 12.693 13.501,12.951 13.494,13.064 13.432 C 13.229 13.342,13.433 13.105,13.463 12.969 C 13.476 12.909,13.493 12.838,13.501 12.812 C 13.530 12.717,13.410 12.355,13.315 12.253 C 13.263 12.196,13.148 12.116,13.060 12.076 C 12.909 12.006,12.737 12.002,10.120 12.001 C 7.357 12.000,7.339 12.001,7.167 12.086 M16.152 12.842 C 16.071 12.885,15.954 12.986,15.892 13.067 C 15.783 13.210,15.780 13.227,15.767 13.808 C 15.755 14.354,15.761 14.418,15.842 14.584 C 15.971 14.850,16.187 14.980,16.500 14.980 C 16.811 14.980,17.029 14.850,17.155 14.590 C 17.229 14.438,17.240 14.343,17.240 13.866 C 17.240 13.287,17.197 13.116,17.014 12.955 C 16.781 12.750,16.416 12.702,16.152 12.842 M7.420 14.259 C 7.398 14.267,7.331 14.284,7.271 14.297 C 7.211 14.310,7.095 14.379,7.015 14.450 C 6.595 14.818,6.699 15.443,7.220 15.684 C 7.367 15.752,7.507 15.758,9.000 15.758 C 10.493 15.758,10.633 15.752,10.780 15.684 C 11.075 15.547,11.240 15.303,11.240 15.000 C 11.240 14.799,11.181 14.647,11.047 14.506 C 10.810 14.255,10.854 14.261,9.080 14.252 C 8.189 14.248,7.442 14.251,7.420 14.259 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>