diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index c9bb3b5..f672d0b 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,12 +8,16 @@
 			"name": "frontend",
 			"version": "0.0.1",
 			"dependencies": {
-				"@inlang/paraglide-sveltekit": "^0.15.5"
+				"@capacitor/cli": "^7.0.1",
+				"@capacitor/core": "^7.0.1",
+				"@inlang/paraglide-sveltekit": "^0.15.5",
+				"motion": "^12.0.6"
 			},
 			"devDependencies": {
 				"@eslint/compat": "^1.2.5",
 				"@eslint/js": "^9.18.0",
 				"@playwright/test": "^1.49.1",
+				"@sveltejs/adapter-auto": "^3.0.0",
 				"@sveltejs/adapter-node": "^5.2.11",
 				"@sveltejs/kit": "^2.16.0",
 				"@sveltejs/vite-plugin-svelte": "^5.0.0",
@@ -21,6 +25,7 @@
 				"@tailwindcss/forms": "^0.5.10",
 				"@tailwindcss/typography": "^0.5.16",
 				"autoprefixer": "^10.4.20",
+				"daisyui": "^4.12.23",
 				"eslint": "^9.18.0",
 				"eslint-config-prettier": "^10.0.1",
 				"eslint-plugin-svelte": "^2.46.1",
@@ -63,388 +68,45 @@
 				"node": ">=6.0.0"
 			}
 		},
-		"node_modules/@esbuild/aix-ppc64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.2.tgz",
-			"integrity": "sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==",
-			"cpu": [
-				"ppc64"
-			],
+		"node_modules/@capacitor/cli": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@capacitor/cli/-/cli-7.0.1.tgz",
+			"integrity": "sha512-KNKT25ZvNL8Gm+zxSxCq8n9FQYUBsZcAGs5lisQKHnDRz7tkTMmMNok+TlNlLn6to78J1k+OtBgpmfbFerpOng==",
 			"license": "MIT",
-			"optional": true,
-			"os": [
-				"aix"
-			],
+			"dependencies": {
+				"@ionic/cli-framework-output": "^2.2.8",
+				"@ionic/utils-subprocess": "^3.0.1",
+				"@ionic/utils-terminal": "^2.3.5",
+				"commander": "^12.1.0",
+				"debug": "^4.4.0",
+				"env-paths": "^2.2.0",
+				"fs-extra": "^11.2.0",
+				"kleur": "^4.1.5",
+				"native-run": "^2.0.1",
+				"open": "^8.4.0",
+				"plist": "^3.1.0",
+				"prompts": "^2.4.2",
+				"rimraf": "^6.0.1",
+				"semver": "^7.6.3",
+				"tar": "^6.1.11",
+				"tslib": "^2.8.1",
+				"xml2js": "^0.6.2"
+			},
+			"bin": {
+				"cap": "bin/capacitor",
+				"capacitor": "bin/capacitor"
+			},
 			"engines": {
-				"node": ">=18"
+				"node": ">=20.0.0"
 			}
 		},
-		"node_modules/@esbuild/android-arm": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.2.tgz",
-			"integrity": "sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==",
-			"cpu": [
-				"arm"
-			],
+		"node_modules/@capacitor/core": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@capacitor/core/-/core-7.0.1.tgz",
+			"integrity": "sha512-1Ob9bvA/p8g8aNwK6VesxEekGXowLVf6APjkW4LRnr05H+7z/bke+Q5pn9zqh/GgTbIxAQ/rwZrAZvvxkdm1UA==",
 			"license": "MIT",
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/android-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.2.tgz",
-			"integrity": "sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/android-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.2.tgz",
-			"integrity": "sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"android"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/darwin-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.2.tgz",
-			"integrity": "sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/darwin-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.2.tgz",
-			"integrity": "sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/freebsd-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.2.tgz",
-			"integrity": "sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/freebsd-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.2.tgz",
-			"integrity": "sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"freebsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-arm": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.2.tgz",
-			"integrity": "sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==",
-			"cpu": [
-				"arm"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.2.tgz",
-			"integrity": "sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-ia32": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.2.tgz",
-			"integrity": "sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==",
-			"cpu": [
-				"ia32"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-loong64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.2.tgz",
-			"integrity": "sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==",
-			"cpu": [
-				"loong64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-mips64el": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.2.tgz",
-			"integrity": "sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==",
-			"cpu": [
-				"mips64el"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-ppc64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.2.tgz",
-			"integrity": "sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==",
-			"cpu": [
-				"ppc64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-riscv64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.2.tgz",
-			"integrity": "sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==",
-			"cpu": [
-				"riscv64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-s390x": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.2.tgz",
-			"integrity": "sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==",
-			"cpu": [
-				"s390x"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/linux-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.2.tgz",
-			"integrity": "sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/netbsd-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.24.2.tgz",
-			"integrity": "sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/netbsd-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.2.tgz",
-			"integrity": "sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"netbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/openbsd-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.2.tgz",
-			"integrity": "sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/openbsd-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.2.tgz",
-			"integrity": "sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"openbsd"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/sunos-x64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.2.tgz",
-			"integrity": "sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"sunos"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/win32-arm64": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.2.tgz",
-			"integrity": "sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
-			}
-		},
-		"node_modules/@esbuild/win32-ia32": {
-			"version": "0.24.2",
-			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.2.tgz",
-			"integrity": "sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==",
-			"cpu": [
-				"ia32"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"win32"
-			],
-			"engines": {
-				"node": ">=18"
+			"dependencies": {
+				"tslib": "^2.1.0"
 			}
 		},
 		"node_modules/@esbuild/win32-x64": {
@@ -992,11 +654,219 @@
 				"@inlang/language-tag": "1.5.1"
 			}
 		},
+		"node_modules/@ionic/cli-framework-output": {
+			"version": "2.2.8",
+			"resolved": "https://registry.npmjs.org/@ionic/cli-framework-output/-/cli-framework-output-2.2.8.tgz",
+			"integrity": "sha512-TshtaFQsovB4NWRBydbNFawql6yul7d5bMiW1WYYf17hd99V6xdDdk3vtF51bw6sLkxON3bDQpWsnUc9/hVo3g==",
+			"license": "MIT",
+			"dependencies": {
+				"@ionic/utils-terminal": "2.3.5",
+				"debug": "^4.0.0",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-array": {
+			"version": "2.1.6",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-array/-/utils-array-2.1.6.tgz",
+			"integrity": "sha512-0JZ1Zkp3wURnv8oq6Qt7fMPo5MpjbLoUoa9Bu2Q4PJuSDWM8H8gwF3dQO7VTeUj3/0o1IB1wGkFWZZYgUXZMUg==",
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^4.0.0",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-fs": {
+			"version": "3.1.7",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-fs/-/utils-fs-3.1.7.tgz",
+			"integrity": "sha512-2EknRvMVfhnyhL1VhFkSLa5gOcycK91VnjfrTB0kbqkTFCOXyXgVLI5whzq7SLrgD9t1aqos3lMMQyVzaQ5gVA==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/fs-extra": "^8.0.0",
+				"debug": "^4.0.0",
+				"fs-extra": "^9.0.0",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-fs/node_modules/fs-extra": {
+			"version": "9.1.0",
+			"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+			"integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+			"license": "MIT",
+			"dependencies": {
+				"at-least-node": "^1.0.0",
+				"graceful-fs": "^4.2.0",
+				"jsonfile": "^6.0.1",
+				"universalify": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@ionic/utils-object": {
+			"version": "2.1.6",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-object/-/utils-object-2.1.6.tgz",
+			"integrity": "sha512-vCl7sl6JjBHFw99CuAqHljYJpcE88YaH2ZW4ELiC/Zwxl5tiwn4kbdP/gxi2OT3MQb1vOtgAmSNRtusvgxI8ww==",
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^4.0.0",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-process": {
+			"version": "2.1.12",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-process/-/utils-process-2.1.12.tgz",
+			"integrity": "sha512-Jqkgyq7zBs/v/J3YvKtQQiIcxfJyplPgECMWgdO0E1fKrrH8EF0QGHNJ9mJCn6PYe2UtHNS8JJf5G21e09DfYg==",
+			"license": "MIT",
+			"dependencies": {
+				"@ionic/utils-object": "2.1.6",
+				"@ionic/utils-terminal": "2.3.5",
+				"debug": "^4.0.0",
+				"signal-exit": "^3.0.3",
+				"tree-kill": "^1.2.2",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-process/node_modules/signal-exit": {
+			"version": "3.0.7",
+			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+			"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+			"license": "ISC"
+		},
+		"node_modules/@ionic/utils-stream": {
+			"version": "3.1.7",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-stream/-/utils-stream-3.1.7.tgz",
+			"integrity": "sha512-eSELBE7NWNFIHTbTC2jiMvh1ABKGIpGdUIvARsNPMNQhxJB3wpwdiVnoBoTYp+5a6UUIww4Kpg7v6S7iTctH1w==",
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^4.0.0",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-subprocess": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-subprocess/-/utils-subprocess-3.0.1.tgz",
+			"integrity": "sha512-cT4te3AQQPeIM9WCwIg8ohroJ8TjsYaMb2G4ZEgv9YzeDqHZ4JpeIKqG2SoaA3GmVQ3sOfhPM6Ox9sxphV/d1A==",
+			"license": "MIT",
+			"dependencies": {
+				"@ionic/utils-array": "2.1.6",
+				"@ionic/utils-fs": "3.1.7",
+				"@ionic/utils-process": "2.1.12",
+				"@ionic/utils-stream": "3.1.7",
+				"@ionic/utils-terminal": "2.3.5",
+				"cross-spawn": "^7.0.3",
+				"debug": "^4.0.0",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-terminal": {
+			"version": "2.3.5",
+			"resolved": "https://registry.npmjs.org/@ionic/utils-terminal/-/utils-terminal-2.3.5.tgz",
+			"integrity": "sha512-3cKScz9Jx2/Pr9ijj1OzGlBDfcmx7OMVBt4+P1uRR0SSW4cm1/y3Mo4OY3lfkuaYifMNBW8Wz6lQHbs1bihr7A==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/slice-ansi": "^4.0.0",
+				"debug": "^4.0.0",
+				"signal-exit": "^3.0.3",
+				"slice-ansi": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0",
+				"tslib": "^2.0.1",
+				"untildify": "^4.0.0",
+				"wrap-ansi": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@ionic/utils-terminal/node_modules/ansi-regex": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/@ionic/utils-terminal/node_modules/emoji-regex": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+			"license": "MIT"
+		},
+		"node_modules/@ionic/utils-terminal/node_modules/signal-exit": {
+			"version": "3.0.7",
+			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+			"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+			"license": "ISC"
+		},
+		"node_modules/@ionic/utils-terminal/node_modules/string-width": {
+			"version": "4.2.3",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^8.0.0",
+				"is-fullwidth-code-point": "^3.0.0",
+				"strip-ansi": "^6.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/@ionic/utils-terminal/node_modules/strip-ansi": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/@ionic/utils-terminal/node_modules/wrap-ansi": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
 		"node_modules/@isaacs/cliui": {
 			"version": "8.0.2",
 			"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
 			"integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-			"dev": true,
 			"license": "ISC",
 			"dependencies": {
 				"string-width": "^5.1.2",
@@ -1777,240 +1647,6 @@
 				}
 			}
 		},
-		"node_modules/@rollup/rollup-android-arm-eabi": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.32.1.tgz",
-			"integrity": "sha512-/pqA4DmqyCm8u5YIDzIdlLcEmuvxb0v8fZdFhVMszSpDTgbQKdw3/mB3eMUHIbubtJ6F9j+LtmyCnHTEqIHyzA==",
-			"cpu": [
-				"arm"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"android"
-			]
-		},
-		"node_modules/@rollup/rollup-android-arm64": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.32.1.tgz",
-			"integrity": "sha512-If3PDskT77q7zgqVqYuj7WG3WC08G1kwXGVFi9Jr8nY6eHucREHkfpX79c0ACAjLj3QIWKPJR7w4i+f5EdLH5Q==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"android"
-			]
-		},
-		"node_modules/@rollup/rollup-darwin-arm64": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.32.1.tgz",
-			"integrity": "sha512-zCpKHioQ9KgZToFp5Wvz6zaWbMzYQ2LJHQ+QixDKq52KKrF65ueu6Af4hLlLWHjX1Wf/0G5kSJM9PySW9IrvHA==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"darwin"
-			]
-		},
-		"node_modules/@rollup/rollup-darwin-x64": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.32.1.tgz",
-			"integrity": "sha512-sFvF+t2+TyUo/ZQqUcifrJIgznx58oFZbdHS9TvHq3xhPVL9nOp+yZ6LKrO9GWTP+6DbFtoyLDbjTpR62Mbr3Q==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"darwin"
-			]
-		},
-		"node_modules/@rollup/rollup-freebsd-arm64": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.32.1.tgz",
-			"integrity": "sha512-NbOa+7InvMWRcY9RG+B6kKIMD/FsnQPH0MWUvDlQB1iXnF/UcKSudCXZtv4lW+C276g3w5AxPbfry5rSYvyeYA==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"freebsd"
-			]
-		},
-		"node_modules/@rollup/rollup-freebsd-x64": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.32.1.tgz",
-			"integrity": "sha512-JRBRmwvHPXR881j2xjry8HZ86wIPK2CcDw0EXchE1UgU0ubWp9nvlT7cZYKc6bkypBt745b4bglf3+xJ7hXWWw==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"freebsd"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.32.1.tgz",
-			"integrity": "sha512-PKvszb+9o/vVdUzCCjL0sKHukEQV39tD3fepXxYrHE3sTKrRdCydI7uldRLbjLmDA3TFDmh418XH19NOsDRH8g==",
-			"cpu": [
-				"arm"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.32.1.tgz",
-			"integrity": "sha512-9WHEMV6Y89eL606ReYowXuGF1Yb2vwfKWKdD1A5h+OYnPZSJvxbEjxTRKPgi7tkP2DSnW0YLab1ooy+i/FQp/Q==",
-			"cpu": [
-				"arm"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-arm64-gnu": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.32.1.tgz",
-			"integrity": "sha512-tZWc9iEt5fGJ1CL2LRPw8OttkCBDs+D8D3oEM8mH8S1ICZCtFJhD7DZ3XMGM8kpqHvhGUTvNUYVDnmkj4BDXnw==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-arm64-musl": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.32.1.tgz",
-			"integrity": "sha512-FTYc2YoTWUsBz5GTTgGkRYYJ5NGJIi/rCY4oK/I8aKowx1ToXeoVVbIE4LGAjsauvlhjfl0MYacxClLld1VrOw==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.32.1.tgz",
-			"integrity": "sha512-F51qLdOtpS6P1zJVRzYM0v6MrBNypyPEN1GfMiz0gPu9jN8ScGaEFIZQwteSsGKg799oR5EaP7+B2jHgL+d+Kw==",
-			"cpu": [
-				"loong64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.32.1.tgz",
-			"integrity": "sha512-wO0WkfSppfX4YFm5KhdCCpnpGbtgQNj/tgvYzrVYFKDpven8w2N6Gg5nB6w+wAMO3AIfSTWeTjfVe+uZ23zAlg==",
-			"cpu": [
-				"ppc64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.32.1.tgz",
-			"integrity": "sha512-iWswS9cIXfJO1MFYtI/4jjlrGb/V58oMu4dYJIKnR5UIwbkzR0PJ09O0PDZT0oJ3LYWXBSWahNf/Mjo6i1E5/g==",
-			"cpu": [
-				"riscv64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-s390x-gnu": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.32.1.tgz",
-			"integrity": "sha512-RKt8NI9tebzmEthMnfVgG3i/XeECkMPS+ibVZjZ6mNekpbbUmkNWuIN2yHsb/mBPyZke4nlI4YqIdFPgKuoyQQ==",
-			"cpu": [
-				"s390x"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-x64-gnu": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.32.1.tgz",
-			"integrity": "sha512-WQFLZ9c42ECqEjwg/GHHsouij3pzLXkFdz0UxHa/0OM12LzvX7DzedlY0SIEly2v18YZLRhCRoHZDxbBSWoGYg==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-linux-x64-musl": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.32.1.tgz",
-			"integrity": "sha512-BLoiyHDOWoS3uccNSADMza6V6vCNiphi94tQlVIL5de+r6r/CCQuNnerf+1g2mnk2b6edp5dk0nhdZ7aEjOBsA==",
-			"cpu": [
-				"x64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"linux"
-			]
-		},
-		"node_modules/@rollup/rollup-win32-arm64-msvc": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.32.1.tgz",
-			"integrity": "sha512-w2l3UnlgYTNNU+Z6wOR8YdaioqfEnwPjIsJ66KxKAf0p+AuL2FHeTX6qvM+p/Ue3XPBVNyVSfCrfZiQh7vZHLQ==",
-			"cpu": [
-				"arm64"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"win32"
-			]
-		},
-		"node_modules/@rollup/rollup-win32-ia32-msvc": {
-			"version": "4.32.1",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.32.1.tgz",
-			"integrity": "sha512-Am9H+TGLomPGkBnaPWie4F3x+yQ2rr4Bk2jpwy+iV+Gel9jLAu/KqT8k3X4jxFPW6Zf8OMnehyutsd+eHoq1WQ==",
-			"cpu": [
-				"ia32"
-			],
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"win32"
-			]
-		},
 		"node_modules/@rollup/rollup-win32-x64-msvc": {
 			"version": "4.32.1",
 			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.32.1.tgz",
@@ -2030,6 +1666,19 @@
 			"integrity": "sha512-/s55Jujywdw/Jpan+vsy6JZs1z2ZTGxTmbZTPiuSL2wz9mfzA2gN1zzaqmvfi4pq+uOt7Du85fkiwv5ymW84aQ==",
 			"license": "MIT"
 		},
+		"node_modules/@sveltejs/adapter-auto": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-3.3.1.tgz",
+			"integrity": "sha512-5Sc7WAxYdL6q9j/+D0jJKjGREGlfIevDyHSQ2eNETHcB1TKlQWHcAo8AS8H1QdjNvSXpvOwNjykDUHPEAyGgdQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"import-meta-resolve": "^4.1.0"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.0.0"
+			}
+		},
 		"node_modules/@sveltejs/adapter-node": {
 			"version": "5.2.12",
 			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-5.2.12.tgz",
@@ -2183,6 +1832,15 @@
 			"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
 			"license": "MIT"
 		},
+		"node_modules/@types/fs-extra": {
+			"version": "8.1.5",
+			"resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-8.1.5.tgz",
+			"integrity": "sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
 		"node_modules/@types/json-schema": {
 			"version": "7.0.15",
 			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -2222,6 +1880,12 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/@types/slice-ansi": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/@types/slice-ansi/-/slice-ansi-4.0.0.tgz",
+			"integrity": "sha512-+OpjSaq85gvlZAYINyzKpLeiFkSC4EsC6IIiT6v6TLSU5k5U83fHGj9Lel8oKEXM0HqgrMVCjXPDPVICtxF7EQ==",
+			"license": "MIT"
+		},
 		"node_modules/@typescript-eslint/eslint-plugin": {
 			"version": "8.22.0",
 			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.22.0.tgz",
@@ -2551,6 +2215,15 @@
 				"url": "https://opencollective.com/vitest"
 			}
 		},
+		"node_modules/@xmldom/xmldom": {
+			"version": "0.8.10",
+			"resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
+			"integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10.0.0"
+			}
+		},
 		"node_modules/acorn": {
 			"version": "8.14.0",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
@@ -2616,7 +2289,6 @@
 			"version": "6.1.0",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
 			"integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=12"
@@ -2629,7 +2301,6 @@
 			"version": "4.3.0",
 			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
 			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"color-convert": "^2.0.1"
@@ -2713,6 +2384,15 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/astral-regex": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+			"integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/async-lock": {
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/async-lock/-/async-lock-1.4.1.tgz",
@@ -2725,6 +2405,15 @@
 			"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
 			"license": "MIT"
 		},
+		"node_modules/at-least-node": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+			"integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+			"license": "ISC",
+			"engines": {
+				"node": ">= 4.0.0"
+			}
+		},
 		"node_modules/autoprefixer": {
 			"version": "10.4.20",
 			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
@@ -2787,7 +2476,26 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
 			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/base64-js": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
 			"license": "MIT"
 		},
 		"node_modules/before-after-hook": {
@@ -2796,6 +2504,15 @@
 			"integrity": "sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==",
 			"license": "Apache-2.0"
 		},
+		"node_modules/big-integer": {
+			"version": "1.6.52",
+			"resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
+			"integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
+			"license": "Unlicense",
+			"engines": {
+				"node": ">=0.6"
+			}
+		},
 		"node_modules/binary-extensions": {
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -2815,6 +2532,18 @@
 			"integrity": "sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==",
 			"license": "MIT"
 		},
+		"node_modules/bplist-parser": {
+			"version": "0.3.2",
+			"resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.3.2.tgz",
+			"integrity": "sha512-apC2+fspHGI3mMKj+dGevkGo/tCqVB8jMb6i+OX+E29p0Iposz07fABkRIfVUPNd5A5VbuOz1bZbnmkKLYF+wQ==",
+			"license": "MIT",
+			"dependencies": {
+				"big-integer": "1.6.x"
+			},
+			"engines": {
+				"node": ">= 5.10.0"
+			}
+		},
 		"node_modules/brace-expansion": {
 			"version": "1.1.11",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -2878,6 +2607,15 @@
 			"integrity": "sha512-gvW7InbIyF8AicrqWoptdW08pUxuhq8BEgowNajy9RhiE86fmGAGl+bLKo6oB8QP0CkqHLowfN0oJdKC/J6LbA==",
 			"license": "MIT"
 		},
+		"node_modules/buffer-crc32": {
+			"version": "0.2.13",
+			"resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+			"integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+			"license": "MIT",
+			"engines": {
+				"node": "*"
+			}
+		},
 		"node_modules/buffer-equal-constant-time": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
@@ -2995,6 +2733,15 @@
 				"url": "https://paulmillr.com/funding/"
 			}
 		},
+		"node_modules/chownr": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+			"integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/clean-git-ref": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/clean-git-ref/-/clean-git-ref-2.0.1.tgz",
@@ -3023,7 +2770,6 @@
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
 			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"color-name": "~1.1.4"
@@ -3036,7 +2782,6 @@
 			"version": "1.1.4",
 			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
 			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/combined-stream": {
@@ -3130,7 +2875,6 @@
 			"version": "7.0.6",
 			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
 			"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"path-key": "^3.1.0",
@@ -3141,6 +2885,17 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/css-selector-tokenizer": {
+			"version": "0.8.0",
+			"resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz",
+			"integrity": "sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"cssesc": "^3.0.0",
+				"fastparse": "^1.1.2"
+			}
+		},
 		"node_modules/cssesc": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -3160,6 +2915,36 @@
 			"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
 			"license": "MIT"
 		},
+		"node_modules/culori": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz",
+			"integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+			}
+		},
+		"node_modules/daisyui": {
+			"version": "4.12.23",
+			"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.12.23.tgz",
+			"integrity": "sha512-EM38duvxutJ5PD65lO/AFMpcw+9qEy6XAZrTpzp7WyaPeO/l+F/Qiq0ECHHmFNcFXh5aVoALY4MGrrxtCiaQCQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"css-selector-tokenizer": "^0.8",
+				"culori": "^3",
+				"picocolors": "^1",
+				"postcss-js": "^4"
+			},
+			"engines": {
+				"node": ">=16.9.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/daisyui"
+			}
+		},
 		"node_modules/debug": {
 			"version": "4.4.0",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@@ -3226,6 +3011,15 @@
 				"node": ">=16.0.0"
 			}
 		},
+		"node_modules/define-lazy-prop": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+			"integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/delayed-stream": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -3265,7 +3059,6 @@
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
 			"integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/ecdsa-sig-formatter": {
@@ -3284,13 +3077,33 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/elementtree": {
+			"version": "0.1.7",
+			"resolved": "https://registry.npmjs.org/elementtree/-/elementtree-0.1.7.tgz",
+			"integrity": "sha512-wkgGT6kugeQk/P6VZ/f4T+4HB41BVgNBq5CDIZVbQ02nvTVqAiVTbskxxu3eA/X96lMlfYOwnLQpN2v5E1zDEg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"sax": "1.1.4"
+			},
+			"engines": {
+				"node": ">= 0.4.0"
+			}
+		},
 		"node_modules/emoji-regex": {
 			"version": "9.2.2",
 			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
 			"integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/env-paths": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+			"integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/es-module-lexer": {
 			"version": "1.6.0",
 			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
@@ -3689,6 +3502,13 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/fastparse": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+			"integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/fastq": {
 			"version": "1.18.0",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
@@ -3699,6 +3519,15 @@
 				"reusify": "^1.0.4"
 			}
 		},
+		"node_modules/fd-slicer": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+			"integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+			"license": "MIT",
+			"dependencies": {
+				"pend": "~1.2.0"
+			}
+		},
 		"node_modules/fdir": {
 			"version": "6.4.3",
 			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
@@ -3802,7 +3631,6 @@
 			"version": "3.3.0",
 			"resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
 			"integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-			"dev": true,
 			"license": "ISC",
 			"dependencies": {
 				"cross-spawn": "^7.0.0",
@@ -3843,18 +3671,69 @@
 				"url": "https://github.com/sponsors/rawify"
 			}
 		},
-		"node_modules/fsevents": {
-			"version": "2.3.2",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"hasInstallScript": true,
+		"node_modules/framer-motion": {
+			"version": "12.0.6",
+			"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.0.6.tgz",
+			"integrity": "sha512-LmrXbXF6Vv5WCNmb+O/zn891VPZrH7XbsZgRLBROw6kFiP+iTK49gxTv2Ur3F0Tbw6+sy9BVtSqnWfMUpH+6nA==",
 			"license": "MIT",
-			"optional": true,
-			"os": [
-				"darwin"
-			],
+			"dependencies": {
+				"motion-dom": "^12.0.0",
+				"motion-utils": "^12.0.0",
+				"tslib": "^2.4.0"
+			},
+			"peerDependencies": {
+				"@emotion/is-prop-valid": "*",
+				"react": "^18.0.0 || ^19.0.0",
+				"react-dom": "^18.0.0 || ^19.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@emotion/is-prop-valid": {
+					"optional": true
+				},
+				"react": {
+					"optional": true
+				},
+				"react-dom": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/fs-extra": {
+			"version": "11.3.0",
+			"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
+			"integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
+			"license": "MIT",
+			"dependencies": {
+				"graceful-fs": "^4.2.0",
+				"jsonfile": "^6.0.1",
+				"universalify": "^2.0.0"
+			},
 			"engines": {
-				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+				"node": ">=14.14"
+			}
+		},
+		"node_modules/fs-minipass": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+			"integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+			"license": "ISC",
+			"dependencies": {
+				"minipass": "^3.0.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/fs-minipass/node_modules/minipass": {
+			"version": "3.3.6",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+			"integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
 			}
 		},
 		"node_modules/function-bind": {
@@ -3940,6 +3819,12 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/graceful-fs": {
+			"version": "4.2.11",
+			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+			"license": "ISC"
+		},
 		"node_modules/graphemer": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -4049,6 +3934,15 @@
 			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
 			"license": "ISC"
 		},
+		"node_modules/ini": {
+			"version": "4.1.3",
+			"resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
+			"integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+			"license": "ISC",
+			"engines": {
+				"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+			}
+		},
 		"node_modules/is-binary-path": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -4078,6 +3972,21 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/is-docker": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+			"integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+			"license": "MIT",
+			"bin": {
+				"is-docker": "cli.js"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/is-extglob": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -4092,7 +4001,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
 			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=8"
@@ -4138,11 +4046,22 @@
 				"@types/estree": "*"
 			}
 		},
+		"node_modules/is-wsl": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+			"integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+			"license": "MIT",
+			"dependencies": {
+				"is-docker": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/isexe": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
 			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-			"dev": true,
 			"license": "ISC"
 		},
 		"node_modules/jackspeak": {
@@ -4216,6 +4135,18 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/jsonfile": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+			"integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+			"license": "MIT",
+			"dependencies": {
+				"universalify": "^2.0.0"
+			},
+			"optionalDependencies": {
+				"graceful-fs": "^4.1.6"
+			}
+		},
 		"node_modules/jsonwebtoken": {
 			"version": "9.0.2",
 			"resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
@@ -4505,12 +4436,89 @@
 			"version": "7.1.2",
 			"resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
 			"integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-			"dev": true,
 			"license": "ISC",
 			"engines": {
 				"node": ">=16 || 14 >=14.17"
 			}
 		},
+		"node_modules/minizlib": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+			"integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+			"license": "MIT",
+			"dependencies": {
+				"minipass": "^3.0.0",
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/minizlib/node_modules/minipass": {
+			"version": "3.3.6",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+			"integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/mkdirp": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+			"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+			"license": "MIT",
+			"bin": {
+				"mkdirp": "bin/cmd.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/motion": {
+			"version": "12.0.6",
+			"resolved": "https://registry.npmjs.org/motion/-/motion-12.0.6.tgz",
+			"integrity": "sha512-AzCEO0+//mPlcGiL9JaVwjddHY1cbbnvz5upHL0toqQwsPCs+hiKJ0XG5jfG0XwDtBbiSXdEqW/UTmGLwkVQ6A==",
+			"license": "MIT",
+			"dependencies": {
+				"framer-motion": "^12.0.6",
+				"tslib": "^2.4.0"
+			},
+			"peerDependencies": {
+				"@emotion/is-prop-valid": "*",
+				"react": "^18.0.0 || ^19.0.0",
+				"react-dom": "^18.0.0 || ^19.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@emotion/is-prop-valid": {
+					"optional": true
+				},
+				"react": {
+					"optional": true
+				},
+				"react-dom": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/motion-dom": {
+			"version": "12.0.0",
+			"resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.0.0.tgz",
+			"integrity": "sha512-CvYd15OeIR6kHgMdonCc1ihsaUG4MYh/wrkz8gZ3hBX/uamyZCXN9S9qJoYF03GqfTt7thTV/dxnHYX4+55vDg==",
+			"license": "MIT",
+			"dependencies": {
+				"motion-utils": "^12.0.0"
+			}
+		},
+		"node_modules/motion-utils": {
+			"version": "12.0.0",
+			"resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.0.0.tgz",
+			"integrity": "sha512-MNFiBKbbqnmvOjkPyOKgHUp3Q6oiokLkI1bEwm5QA28cxMZrv0CbbBGDNmhF6DIXsi1pCQBSs0dX8xjeER1tmA==",
+			"license": "MIT"
+		},
 		"node_modules/mri": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -4574,6 +4582,31 @@
 				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
 			}
 		},
+		"node_modules/native-run": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/native-run/-/native-run-2.0.1.tgz",
+			"integrity": "sha512-XfG1FBZLM50J10xH9361whJRC9SHZ0Bub4iNRhhI61C8Jv0e1ud19muex6sNKB51ibQNUJNuYn25MuYET/rE6w==",
+			"license": "MIT",
+			"dependencies": {
+				"@ionic/utils-fs": "^3.1.7",
+				"@ionic/utils-terminal": "^2.3.4",
+				"bplist-parser": "^0.3.2",
+				"debug": "^4.3.4",
+				"elementtree": "^0.1.7",
+				"ini": "^4.1.1",
+				"plist": "^3.1.0",
+				"split2": "^4.2.0",
+				"through2": "^4.0.2",
+				"tslib": "^2.6.2",
+				"yauzl": "^2.10.0"
+			},
+			"bin": {
+				"native-run": "bin/native-run"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
 		"node_modules/natural-compare": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -4658,6 +4691,23 @@
 				"wrappy": "1"
 			}
 		},
+		"node_modules/open": {
+			"version": "8.4.2",
+			"resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+			"integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+			"license": "MIT",
+			"dependencies": {
+				"define-lazy-prop": "^2.0.0",
+				"is-docker": "^2.1.1",
+				"is-wsl": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/optionator": {
 			"version": "0.9.4",
 			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -4712,7 +4762,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
 			"integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-			"dev": true,
 			"license": "BlueOak-1.0.0"
 		},
 		"node_modules/pako": {
@@ -4748,7 +4797,6 @@
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
 			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=8"
@@ -4802,6 +4850,12 @@
 				"node": ">= 14.16"
 			}
 		},
+		"node_modules/pend": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+			"integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+			"license": "MIT"
+		},
 		"node_modules/picocolors": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -4875,6 +4929,20 @@
 				"node": ">=18"
 			}
 		},
+		"node_modules/plist": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/plist/-/plist-3.1.0.tgz",
+			"integrity": "sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@xmldom/xmldom": "^0.8.8",
+				"base64-js": "^1.5.1",
+				"xmlbuilder": "^15.1.1"
+			},
+			"engines": {
+				"node": ">=10.4.0"
+			}
+		},
 		"node_modules/postcss": {
 			"version": "8.5.1",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
@@ -5214,6 +5282,28 @@
 				}
 			}
 		},
+		"node_modules/prompts": {
+			"version": "2.4.2",
+			"resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+			"integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+			"license": "MIT",
+			"dependencies": {
+				"kleur": "^3.0.3",
+				"sisteransi": "^1.0.5"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/prompts/node_modules/kleur": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+			"integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/proxy-from-env": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -5271,6 +5361,20 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/readable-stream": {
+			"version": "3.6.2",
+			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+			"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+			"license": "MIT",
+			"dependencies": {
+				"inherits": "^2.0.3",
+				"string_decoder": "^1.1.1",
+				"util-deprecate": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
 		"node_modules/readdirp": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz",
@@ -5336,6 +5440,112 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/rimraf": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-6.0.1.tgz",
+			"integrity": "sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==",
+			"license": "ISC",
+			"dependencies": {
+				"glob": "^11.0.0",
+				"package-json-from-dist": "^1.0.0"
+			},
+			"bin": {
+				"rimraf": "dist/esm/bin.mjs"
+			},
+			"engines": {
+				"node": "20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/rimraf/node_modules/brace-expansion": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/rimraf/node_modules/glob": {
+			"version": "11.0.1",
+			"resolved": "https://registry.npmjs.org/glob/-/glob-11.0.1.tgz",
+			"integrity": "sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==",
+			"license": "ISC",
+			"dependencies": {
+				"foreground-child": "^3.1.0",
+				"jackspeak": "^4.0.1",
+				"minimatch": "^10.0.0",
+				"minipass": "^7.1.2",
+				"package-json-from-dist": "^1.0.0",
+				"path-scurry": "^2.0.0"
+			},
+			"bin": {
+				"glob": "dist/esm/bin.mjs"
+			},
+			"engines": {
+				"node": "20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/rimraf/node_modules/jackspeak": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.0.2.tgz",
+			"integrity": "sha512-bZsjR/iRjl1Nk1UkjGpAzLNfQtzuijhn2g+pbZb98HQ1Gk8vM9hfbxeMBP+M2/UUdwj0RqGG3mlvk2MsAqwvEw==",
+			"license": "BlueOak-1.0.0",
+			"dependencies": {
+				"@isaacs/cliui": "^8.0.2"
+			},
+			"engines": {
+				"node": "20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/rimraf/node_modules/lru-cache": {
+			"version": "11.0.2",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.2.tgz",
+			"integrity": "sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==",
+			"license": "ISC",
+			"engines": {
+				"node": "20 || >=22"
+			}
+		},
+		"node_modules/rimraf/node_modules/minimatch": {
+			"version": "10.0.1",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz",
+			"integrity": "sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==",
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": "20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/rimraf/node_modules/path-scurry": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz",
+			"integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==",
+			"license": "BlueOak-1.0.0",
+			"dependencies": {
+				"lru-cache": "^11.0.0",
+				"minipass": "^7.1.2"
+			},
+			"engines": {
+				"node": "20 || >=22"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
 		"node_modules/rollup": {
 			"version": "4.32.1",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.32.1.tgz",
@@ -5430,6 +5640,12 @@
 			],
 			"license": "MIT"
 		},
+		"node_modules/sax": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/sax/-/sax-1.1.4.tgz",
+			"integrity": "sha512-5f3k2PbGGp+YtKJjOItpg3P99IMD84E4HOvcfleTb5joCHNXYLsR9yWFPOYGgaeMPDubQILTCMdsFb2OMeOjtg==",
+			"license": "ISC"
+		},
 		"node_modules/semver": {
 			"version": "7.6.3",
 			"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -5465,7 +5681,6 @@
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
 			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"shebang-regex": "^3.0.0"
@@ -5478,7 +5693,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
 			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=8"
@@ -5495,7 +5709,6 @@
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
 			"integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-			"dev": true,
 			"license": "ISC",
 			"engines": {
 				"node": ">=14"
@@ -5518,6 +5731,29 @@
 				"node": ">=18"
 			}
 		},
+		"node_modules/sisteransi": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+			"integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+			"license": "MIT"
+		},
+		"node_modules/slice-ansi": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+			"integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"astral-regex": "^2.0.0",
+				"is-fullwidth-code-point": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/slice-ansi?sponsor=1"
+			}
+		},
 		"node_modules/solid-js": {
 			"version": "1.6.12",
 			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.6.12.tgz",
@@ -5536,6 +5772,15 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/split2": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+			"integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+			"license": "ISC",
+			"engines": {
+				"node": ">= 10.x"
+			}
+		},
 		"node_modules/stackback": {
 			"version": "0.0.2",
 			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
@@ -5550,11 +5795,19 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/string_decoder": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+			"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+			"license": "MIT",
+			"dependencies": {
+				"safe-buffer": "~5.2.0"
+			}
+		},
 		"node_modules/string-width": {
 			"version": "5.1.2",
 			"resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
 			"integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"eastasianwidth": "^0.2.0",
@@ -5573,7 +5826,6 @@
 			"version": "4.2.3",
 			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
 			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"emoji-regex": "^8.0.0",
@@ -5588,7 +5840,6 @@
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
 			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=8"
@@ -5598,14 +5849,12 @@
 			"version": "8.0.0",
 			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
 			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/string-width-cjs/node_modules/strip-ansi": {
 			"version": "6.0.1",
 			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
 			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"ansi-regex": "^5.0.1"
@@ -5618,7 +5867,6 @@
 			"version": "7.1.0",
 			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
 			"integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"ansi-regex": "^6.0.1"
@@ -5635,7 +5883,6 @@
 			"version": "6.0.1",
 			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
 			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"ansi-regex": "^5.0.1"
@@ -5648,7 +5895,6 @@
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
 			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=8"
@@ -6025,6 +6271,32 @@
 				"node": ">=8.10.0"
 			}
 		},
+		"node_modules/tar": {
+			"version": "6.2.1",
+			"resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+			"integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+			"license": "ISC",
+			"dependencies": {
+				"chownr": "^2.0.0",
+				"fs-minipass": "^2.0.0",
+				"minipass": "^5.0.0",
+				"minizlib": "^2.1.1",
+				"mkdirp": "^1.0.3",
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/tar/node_modules/minipass": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+			"integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/thenify": {
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
@@ -6057,6 +6329,15 @@
 				"node": ">=12.22"
 			}
 		},
+		"node_modules/through2": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
+			"integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
+			"license": "MIT",
+			"dependencies": {
+				"readable-stream": "3"
+			}
+		},
 		"node_modules/tinybench": {
 			"version": "2.9.0",
 			"resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
@@ -6123,6 +6404,15 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/tree-kill": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+			"integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+			"license": "MIT",
+			"bin": {
+				"tree-kill": "cli.js"
+			}
+		},
 		"node_modules/ts-api-utils": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
@@ -6143,6 +6433,12 @@
 			"dev": true,
 			"license": "Apache-2.0"
 		},
+		"node_modules/tslib": {
+			"version": "2.8.1",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+			"license": "0BSD"
+		},
 		"node_modules/type-check": {
 			"version": "0.4.0",
 			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -6214,6 +6510,15 @@
 			"integrity": "sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==",
 			"license": "ISC"
 		},
+		"node_modules/universalify": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+			"integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 10.0.0"
+			}
+		},
 		"node_modules/unplugin": {
 			"version": "1.16.1",
 			"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
@@ -6227,6 +6532,15 @@
 				"node": ">=14.0.0"
 			}
 		},
+		"node_modules/untildify": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+			"integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/update-browserslist-db": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
@@ -6272,7 +6586,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
 			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/vite": {
@@ -6369,20 +6682,6 @@
 				"url": "https://opencollective.com/vitest"
 			}
 		},
-		"node_modules/vite/node_modules/fsevents": {
-			"version": "2.3.3",
-			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-			"hasInstallScript": true,
-			"license": "MIT",
-			"optional": true,
-			"os": [
-				"darwin"
-			],
-			"engines": {
-				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-			}
-		},
 		"node_modules/vitefu": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.0.5.tgz",
@@ -6481,7 +6780,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
 			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-			"dev": true,
 			"license": "ISC",
 			"dependencies": {
 				"isexe": "^2.0.0"
@@ -6524,7 +6822,6 @@
 			"version": "8.1.0",
 			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
 			"integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"ansi-styles": "^6.1.0",
@@ -6543,7 +6840,6 @@
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
 			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"ansi-styles": "^4.0.0",
@@ -6561,7 +6857,6 @@
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
 			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=8"
@@ -6571,14 +6866,12 @@
 			"version": "8.0.0",
 			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
 			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-			"dev": true,
 			"license": "MIT"
 		},
 		"node_modules/wrap-ansi-cjs/node_modules/string-width": {
 			"version": "4.2.3",
 			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
 			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"emoji-regex": "^8.0.0",
@@ -6593,7 +6886,6 @@
 			"version": "6.0.1",
 			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
 			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"ansi-regex": "^5.0.1"
@@ -6606,7 +6898,6 @@
 			"version": "6.2.1",
 			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
 			"integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=12"
@@ -6621,6 +6912,43 @@
 			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
 			"license": "ISC"
 		},
+		"node_modules/xml2js": {
+			"version": "0.6.2",
+			"resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
+			"integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
+			"license": "MIT",
+			"dependencies": {
+				"sax": ">=0.6.0",
+				"xmlbuilder": "~11.0.0"
+			},
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
+		"node_modules/xml2js/node_modules/xmlbuilder": {
+			"version": "11.0.1",
+			"resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+			"integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/xmlbuilder": {
+			"version": "15.1.1",
+			"resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+			"integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
+		"node_modules/yallist": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+			"license": "ISC"
+		},
 		"node_modules/yaml": {
 			"version": "2.7.0",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
@@ -6634,6 +6962,16 @@
 				"node": ">= 14"
 			}
 		},
+		"node_modules/yauzl": {
+			"version": "2.10.0",
+			"resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+			"integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+			"license": "MIT",
+			"dependencies": {
+				"buffer-crc32": "~0.2.3",
+				"fd-slicer": "~1.1.0"
+			}
+		},
 		"node_modules/yocto-queue": {
 			"version": "0.1.0",
 			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 67312d4..f049f86 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -20,6 +20,7 @@
 		"@eslint/compat": "^1.2.5",
 		"@eslint/js": "^9.18.0",
 		"@playwright/test": "^1.49.1",
+		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/adapter-node": "^5.2.11",
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
@@ -27,6 +28,7 @@
 		"@tailwindcss/forms": "^0.5.10",
 		"@tailwindcss/typography": "^0.5.16",
 		"autoprefixer": "^10.4.20",
+		"daisyui": "^4.12.23",
 		"eslint": "^9.18.0",
 		"eslint-config-prettier": "^10.0.1",
 		"eslint-plugin-svelte": "^2.46.1",
@@ -43,6 +45,9 @@
 		"vitest": "^3.0.0"
 	},
 	"dependencies": {
-		"@inlang/paraglide-sveltekit": "^0.15.5"
+		"@capacitor/cli": "^7.0.1",
+		"@capacitor/core": "^7.0.1",
+		"@inlang/paraglide-sveltekit": "^0.15.5",
+		"motion": "^12.0.6"
 	}
 }
diff --git a/frontend/project.inlang/.gitignore b/frontend/project.inlang/.gitignore
new file mode 100644
index 0000000..5e46596
--- /dev/null
+++ b/frontend/project.inlang/.gitignore
@@ -0,0 +1 @@
+cache
\ No newline at end of file
diff --git a/frontend/project.inlang/project_id b/frontend/project.inlang/project_id
new file mode 100644
index 0000000..35fffb3
--- /dev/null
+++ b/frontend/project.inlang/project_id
@@ -0,0 +1 @@
+3dce976a8e4e53c64d644fc466bfa4deade063ca8a755bb4c9eb5ab60d38c377
\ No newline at end of file
diff --git a/frontend/src/app.css b/frontend/src/app.css
index a31e444..8db5b94 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -1,3 +1,11 @@
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
+
+/* Add to your global CSS */
+.screen-content {
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    border-radius: 1rem;
+    padding: 2rem;
+}
\ No newline at end of file
diff --git a/frontend/src/lib/Card.svelte b/frontend/src/lib/Card.svelte
new file mode 100644
index 0000000..c4e7c12
--- /dev/null
+++ b/frontend/src/lib/Card.svelte
@@ -0,0 +1,172 @@
+<script lang="ts">
+  import { animate, spring } from "motion";
+  import { onMount, createEventDispatcher } from 'svelte';
+  import type { Profile } from "./profiles";
+
+  export let profile: Profile;
+  export let active = false;
+
+  let element: HTMLDivElement;
+  let x = 0;
+  let y = 0;
+  let isDragging = false;
+  let startX = 0;
+  let startY = 0;
+  let rotate = 0;
+  let opacity = 1;
+  let overlayColor = '';
+
+  const dispatch = createEventDispatcher<{
+    swipe: boolean;
+  }>();
+
+  onMount(() => {
+    if (active) {
+      setupDrag();
+    }
+    
+    // Type the animation parameters properly
+    animate(
+      element, 
+      { scale: [0.9, 1] }, 
+      { duration: 0.3, easing: 'ease-out' }
+    );
+
+    return () => {
+      // Cleanup listeners on component destroy
+      if (active) {
+        element?.removeEventListener('pointerdown', startDrag);
+        document.removeEventListener('pointerup', endDrag);
+        document.removeEventListener('pointermove', updateDrag);
+      }
+    };
+  });
+
+  function setupDrag() {
+    element?.addEventListener('pointerdown', startDrag);
+    document.addEventListener('pointerup', endDrag);
+    document.addEventListener('pointermove', updateDrag);
+  }
+
+  function startDrag(e: PointerEvent) {
+    if (!element) return;
+    isDragging = true;
+    startX = e.clientX - x;
+    startY = e.clientY - y;
+    element.style.cursor = 'grabbing';
+  }
+
+  function updateDrag(e: PointerEvent) {
+    if (!isDragging || !element) return;
+    
+    x = e.clientX - startX;
+    y = e.clientY - startY;
+    rotate = x * 0.1;
+    opacity = Math.max(0.2, 1 - Math.abs(x) / 300);
+    
+    overlayColor = x > 0 
+      ? `linear-gradient(90deg, rgba(34,197,94,0.2) 0%, rgba(255,255,255,0) 60%)`
+      : `linear-gradient(270deg, rgba(239,68,68,0.2) 0%, rgba(255,255,255,0) 60%)`;
+
+    updateElementTransform();
+  }
+
+  function updateElementTransform() {
+    if (!element) return;
+    element.style.transform = `translate(${x}px, ${y}px) rotate(${rotate}deg)`;
+    element.style.opacity = opacity.toString();
+  }
+
+  function endDrag() {
+    if (!isDragging || !element) return;
+    
+    isDragging = false;
+    element.style.cursor = 'grab';
+
+    const threshold = 100;
+    if (Math.abs(x) > threshold) {
+      swipe(x > 0);
+    } else {
+      resetCardPosition();
+    }
+  }
+
+  function resetCardPosition() {
+    animate(
+      element,
+      { 
+        x: 0, 
+        y: 0, 
+        rotate: 0, 
+        opacity: 1 
+      } as any,
+      { 
+        easing: spring({ 
+          stiffness: 300, 
+          damping: 20 
+        } as any)
+      } as any
+    );
+    overlayColor = '';
+  }
+
+  function swipe(right: boolean) {
+    const direction = right ? 500 : -500;
+    
+    animate(
+      element,
+      { 
+        x: direction,
+        y: y + (Math.random() - 0.5) * 100,
+        rotate: direction / 4,
+        opacity: 0,
+        scale: 0.8
+      },
+      { 
+        easing: spring(5),
+        onComplete: () => {
+          x = 0;
+          y = 0;
+          rotate = 0;
+          opacity = 1;
+          overlayColor = '';
+          dispatch('swipe', right);
+        }
+      }
+    );
+  }
+</script>
+
+<div
+  bind:this={element}
+  class="card w-96 bg-base-100 shadow-2xl absolute cursor-grab 
+         transition-transform duration-200 hover:shadow-primary/20 
+         hover:-translate-y-1"
+  style="transform: translate({x}px, {y}px) rotate({rotate}deg); 
+         opacity: {opacity}"
+>
+  <div
+    class="absolute inset-0 rounded-xl"
+    style="background: {overlayColor}"
+  ></div>
+  <figure class="h-64 overflow-hidden">
+    <img 
+      src={profile.img} 
+      alt={profile.name} 
+      class="w-full h-full object-cover transition-transform 
+             duration-300 group-hover:scale-105" 
+    />
+  </figure>
+  <div class="card-body bg-gradient-to-t from-base-100 
+              via-base-100/90 to-transparent">
+    <div class="flex items-center gap-2">
+      <h2 class="card-title text-3xl font-bold drop-shadow-sm">
+        {profile.name}
+      </h2>
+      <div class="badge badge-primary badge-lg p-4">
+        {profile.age}
+      </div>
+    </div>
+    <p class="text-lg text-base-content/80">{profile.bio}</p>
+  </div>
+</div>
\ No newline at end of file
diff --git a/frontend/src/lib/Nav.svelte b/frontend/src/lib/Nav.svelte
new file mode 100644
index 0000000..bf8dbfd
--- /dev/null
+++ b/frontend/src/lib/Nav.svelte
@@ -0,0 +1,139 @@
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { fade } from 'svelte/transition';
+
+    interface NavItem {
+        id: 'home' | 'search' | 'add' | 'notifications' | 'messages';
+        path: string;
+        icon: {
+            active: string;
+            inactive: string;
+        };
+        label: string;
+        badge?: number;
+    }
+
+    // Configurable props
+    export let showLabels = true;
+    export let animate = true;
+    export let darkMode = false;
+
+    // Icons with distinct active/inactive states
+    const icons = {
+    home: {
+        active: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6',
+        inactive: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6',
+    },
+    search: {
+        active: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z',
+        inactive: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z',
+    },
+    add: {
+        active: 'M12 4v16m8-8H4',
+        inactive: 'M12 4v16m8-8H4',
+    },
+    notifications: {
+        active: 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9',
+        inactive: 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9',
+    },
+    messages: {
+        active: 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8m-18 8h18a2 2 0 002-2V6a2 2 0 00-2-2H3a2 2 0 00-2 2v8a2 2 0 002 2z',
+        inactive: 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8m-18 8h18a2 2 0 002-2V6a2 2 0 00-2-2H3a2 2 0 00-2 2v8a2 2 0 002 2z',
+    }
+};
+
+    const navItems: NavItem[] = [
+        { id: 'home', path: '/home', icon: icons.home, label: 'Home' },
+        { id: 'search', path: '/search', icon: icons.search, label: 'Search' },
+        { id: 'add', path: '/add', icon: icons.add, label: '+' },
+        { id: 'notifications', path: '/notifications', icon: icons.notifications, label: 'Notifications', badge: 3 },
+        { id: 'messages', path: '/dm', icon: icons.messages, label: 'DM' }
+    ];
+
+    // Check if current route matches
+    const isActive = (path: string) => {
+        return $page.url.pathname === path;
+    };
+</script>
+
+<nav
+    class="btm-nav fixed bottom-0 z-50 w-full border-t {darkMode ? 'border-gray-700 bg-gray-900' : 'border-base-200 bg-base-100'}"
+    aria-label="Main navigation"
+>
+    {#each navItems as tab (tab.id)}
+        <a
+            href={tab.path}
+            class="btm-nav-btn relative flex flex-col items-center justify-center gap-1 p-2 {isActive(tab.path) ? 'active text-primary' : 'text-base-content'}"
+            aria-label={tab.label}
+            aria-current={isActive(tab.path) ? 'page' : undefined}
+        >
+            <div class="relative">
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-6 w-6 transition-all duration-200 {animate && isActive(tab.path) ? 'scale-110' : 'scale-105'}"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    stroke-width={isActive(tab.path) ? 2 : 1.5}
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        d={isActive(tab.path) ? tab.icon.active : tab.icon.inactive}
+                    />
+                </svg>
+                
+                {#if tab.badge}
+                    <span
+                        class="absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-xs text-white"
+                        transition:fade
+                    >
+                        {tab.badge}
+                    </span>
+                {/if}
+            </div>
+
+            {#if showLabels}
+                <span
+                    class="btm-nav-label text-xs font-medium transition-opacity {isActive(tab.path) ? 'opacity-100' : 'opacity-0'}"
+                >
+                    {tab.label}
+                </span>
+            {/if}
+        </a>
+    {/each}
+</nav>
+
+<style>
+    .btm-nav {
+        height: 64px;
+        display: grid;
+        grid-template-columns: repeat(5, 1fr);
+        padding-bottom: env(safe-area-inset-bottom);
+        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+    }
+
+    .btm-nav-btn {
+        position: relative;
+        transition: all 0.2s ease;
+        text-decoration: none;
+    }
+
+    /* .btm-nav-btn.active::after {
+        content: '';
+        position: absolute;
+        bottom: 8px;
+        width: 24px;
+        height: 2px;
+        background: currentColor;
+        border-radius: 2px;
+    } */
+
+    /* @media (min-width: 640px) {
+        .btm-nav {
+            max-width: 480px;
+            margin: 0 auto;
+            border-radius: 16px 16px 0 0;
+        }
+    } */
+</style>
\ No newline at end of file
diff --git a/frontend/src/lib/assets/h.png b/frontend/src/lib/assets/h.png
new file mode 100644
index 0000000..dbba8eb
Binary files /dev/null and b/frontend/src/lib/assets/h.png differ
diff --git a/frontend/src/lib/profiles.ts b/frontend/src/lib/profiles.ts
new file mode 100644
index 0000000..e7ed7bb
--- /dev/null
+++ b/frontend/src/lib/profiles.ts
@@ -0,0 +1,24 @@
+export interface Profile {
+    id: number;
+    name: string;
+    age: number;
+    bio: string;
+    img: string;
+  }
+  
+  export const profiles: Profile[] = [
+    {
+      id: 1,
+      name: "Sarah",
+      age: 28,
+      bio: "Adventure seeker | Coffee lover",
+      img: "https://randomuser.me/api/portraits/women/1.jpg"
+    },
+    {
+      id: 2,
+      name: "Mike",
+      age: 32,
+      bio: "Hiker | Guitar player",
+      img: "https://randomuser.me/api/portraits/men/1.jpg"
+    }
+  ];
\ No newline at end of file
diff --git a/frontend/src/lib/types.ts b/frontend/src/lib/types.ts
new file mode 100644
index 0000000..c5acde7
--- /dev/null
+++ b/frontend/src/lib/types.ts
@@ -0,0 +1,30 @@
+// types.ts
+export interface User {
+    id: number;
+    name: string;
+    avatar: string;
+    online: boolean;
+  }
+  
+  export interface Conversation {
+    id: number;
+    user: User;
+    lastMessage: string;
+    timestamp: string;
+    unread: number;
+  }
+  
+  export interface Message {
+    id: number;
+    text: string;
+    sender: 'me' | number;
+    timestamp: string;
+  }
+  
+  export interface Notification {
+    id: number;
+    type: 'message' | 'alert' | 'system';
+    content: string;
+    read: boolean;
+    timestamp: string;
+  }
\ No newline at end of file
diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
new file mode 100644
index 0000000..90be680
--- /dev/null
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { i18n } from '$lib/i18n';
+	import Nav from '$lib/Nav.svelte';
+	import { ParaglideJS } from '@inlang/paraglide-sveltekit';
+
+	let { children } = $props();
+</script>
+
+<ParaglideJS {i18n}>
+    <div class="fillscreen">
+        {@render children()}
+    </div>
+    <Nav 
+      showLabels={false}
+      animate={true}
+      darkMode={false}
+    />
+</ParaglideJS>
+
+
+<style>
+    .fillscreen{
+        height: calc(100svh - 64px);
+    }
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/(authed)/add/+page.svelte b/frontend/src/routes/(authed)/add/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/routes/(authed)/dm/+page.svelte b/frontend/src/routes/(authed)/dm/+page.svelte
new file mode 100644
index 0000000..1e398da
--- /dev/null
+++ b/frontend/src/routes/(authed)/dm/+page.svelte
@@ -0,0 +1,203 @@
+<script lang="ts">
+    import { onMount, onDestroy, tick } from 'svelte';
+    import { writable, derived } from 'svelte/store';
+
+    interface User {
+        id: string;
+        name: string;
+        avatar: string;
+        lastMessage: string;
+        unread: number;
+        online: boolean;
+    }
+
+    interface Message {
+        id: string;
+        text: string;
+        senderId: string;
+        timestamp: string;
+    }
+
+    const isMobile = writable(false);
+    let selectedUserId: string | null = null;
+    $: showUserList = derived([isMobile], ([$isMobile]) => !$isMobile || !selectedUserId);
+
+    const users: User[] = [
+        { id: '1', name: 'John Doe', avatar: 'https://i.pravatar.cc/40?img=1', lastMessage: 'Hey, how are you?', unread: 2, online: true },
+        { id: '2', name: 'Jane Smith', avatar: 'https://i.pravatar.cc/40?img=2', lastMessage: 'See you tomorrow!', unread: 0, online: false },
+    ];
+
+    function checkMobile() {
+        isMobile.set(window.innerWidth < 768);
+    }
+
+    function selectUser(userId: string) {
+        selectedUserId = userId;
+    }
+
+    function goBack() {
+        selectedUserId = null;
+    }
+
+    onMount(() => {
+        checkMobile();
+        window.addEventListener('resize', checkMobile);
+        return () => window.removeEventListener('resize', checkMobile);
+    });
+
+    let newMessage = '';
+    let messageContainer: HTMLDivElement;
+
+    let messages: Message[] = [];
+    $: messages = getMessages(selectedUserId);
+
+    function getMessages(userId: string | null): Message[] {
+        if (!userId) return [];
+        return userId === '1'
+            ? [
+                  { id: '1', text: 'Hey, how are you?', senderId: '1', timestamp: '10:30 AM' },
+                  { id: '2', text: "I'm good, thanks!", senderId: 'me', timestamp: '10:31 AM' },
+              ]
+            : [
+                  { id: '3', text: 'Ready for tomorrow?', senderId: '2', timestamp: '2:45 PM' },
+                  { id: '4', text: 'Yes, see you then!', senderId: 'me', timestamp: '2:46 PM' },
+              ];
+    }
+
+    async function sendMessage() {
+        if (newMessage.trim()) {
+            messages = [
+                ...messages,
+                {
+                    id: Date.now().toString(),
+                    text: newMessage,
+                    senderId: 'me',
+                    timestamp: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                },
+            ];
+            newMessage = '';
+            await tick();
+            messageContainer.scrollTo({ top: messageContainer.scrollHeight, behavior: 'smooth' });
+        }
+    }
+</script>
+
+<style>
+    /* Smooth transition for mobile menu */
+    .menu-transition {
+        transition: transform 0.3s ease-in-out;
+    }
+
+    /* Increase button touch areas */
+    button {
+        min-height: 44px;
+    }
+
+    /* Handle text overflow */
+    .truncate {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+</style>
+
+<!-- Main Layout -->
+<div class="flex flex-col md:flex-row h-full bg-base-200">
+    <!-- Mobile Header -->
+    <div class="md:hidden navbar bg-base-100 border-b border-base-300 px-4">
+        <div class="flex items-center w-full">
+            {#if selectedUserId}
+                <button on:click={goBack} class="btn btn-ghost btn-circle" aria-label="Back to conversations">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+                    </svg>
+                </button>
+                <div class="flex items-center flex-wrap gap-2">
+                    <div class="w-10 rounded-full relative">
+                        <img class=" rounded-lg" src={users.find(u => u.id === selectedUserId)?.avatar} alt={users.find(u => u.id === selectedUserId)?.name} />
+                        {#if users.find(u => u.id === selectedUserId)?.online}
+                            <div class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-base-100 z-10"></div>
+                        {/if}
+                    </div>
+                    <h1 class="max-h-fit text-lg font-semibold truncate flex-1 text-center max-w-fit">
+                        {users.find(u => u.id === selectedUserId)?.name}
+                    </h1>
+                </div>
+            {:else}
+                <h1 class="text-lg font-semibold flex-1 text-center">Messages</h1>
+            {/if}
+        </div>
+    </div>
+
+    <!-- User List -->
+    <div class={`w-full md:w-80 bg-base-100 border-r border-base-300 fixed md:relative h-full menu-transition ${$showUserList ? 'translate-x-0' : '-translate-x-full'}`}>
+        <div class="hidden md:block p-4 bg-base-200">
+            <h1 class="text-xl font-bold">Direct Messages</h1>
+        </div>
+        <div class="menu p-2 overflow-y-auto h-[calc(100vh-4rem)]">
+            {#each users as user (user.id)}
+                <button
+                    class="flex items-center gap-3 p-3 hover:bg-base-200 rounded-lg {selectedUserId === user.id ? 'bg-base-200' : ''}"
+                    on:click={() => selectUser(user.id)}
+                >
+                    <div class="avatar online">
+                        <div class="w-10 rounded-full relative">
+                            <img src={user.avatar} alt={user.name} />
+                            {#if user.online}
+                                <div class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-base-100 z-10"></div>
+                            {/if}
+                        </div>
+                    </div>
+                    <div class="flex-1 text-left min-w-0">
+                        <div class="font-semibold truncate">{user.name}</div>
+                        <div class="text-sm text-gray-500 truncate">{user.lastMessage}</div>
+                    </div>
+                    {#if user.unread > 0}
+                        <div class="badge badge-primary">{user.unread}</div>
+                    {/if}
+                </button>
+            {/each}
+        </div>
+    </div>
+
+    <!-- Conversation Area -->
+    <div class="flex-1 h-[calc(100vh-4rem)]">
+        {#if selectedUserId}
+            <div class="h-full flex flex-col">
+                <div class="flex-1 p-4 space-y-4 overflow-y-auto" bind:this={messageContainer}>
+                    {#each messages as message (message.id)}
+                        <div class="flex {message.senderId === 'me' ? 'justify-end' : 'justify-start'}">
+                            <div class="max-w-[90%] px-3 py-2 rounded-lg {message.senderId === 'me' ? 'bg-primary text-primary-content' : 'bg-base-300'}">
+                                <div class="break-words">{message.text}</div>
+                                <div class="text-[0.7rem] mt-1 opacity-50">{message.timestamp}</div>
+                            </div>
+                        </div>
+                    {/each}
+                </div>
+                <div class="p-4 border-t border-base-300 bg-base-100">
+                    <div class="flex gap-2">
+                        <input
+                            type="text"
+                            bind:value={newMessage}
+                            placeholder="Type a message..."
+                            class="flex-1 input input-bordered input-sm"
+                            on:keydown={(e) => e.key === 'Enter' && sendMessage()}
+                        />
+                        <button on:click={sendMessage} class="btn btn-primary btn-circle">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        {:else}
+            <div class="hidden md:flex items-center justify-center h-full">
+                <div class="text-center text-gray-500">
+                    <div class="text-2xl">Select a conversation</div>
+                    <div class="text-sm">Start chatting with your friends</div>
+                </div>
+            </div>
+        {/if}
+    </div>
+</div>
diff --git a/frontend/src/routes/(authed)/home/+page.svelte b/frontend/src/routes/(authed)/home/+page.svelte
new file mode 100644
index 0000000..d252d35
--- /dev/null
+++ b/frontend/src/routes/(authed)/home/+page.svelte
@@ -0,0 +1,43 @@
+<!-- +page.svelte -->
+<script>
+	import { goto } from "$app/navigation";
+
+    // You can add your data or functions here if needed
+    const cards = [
+      { title: 'Swipe', description: 'swipe and make friends', btn: 'lesgooo' },
+];
+  </script>
+  
+  <div class="container mx-auto p-4">
+    <!-- Hero Section -->
+    <div class="text-center py-12">
+      <h1 class="text-4xl font-bold mb-4">Welcome user</h1>
+    </div>
+  
+    <!-- Card Grid -->
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+      {#each cards as card}
+        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow duration-200">
+          <figure class="px-6 pt-6">
+            <div class="h-32 w-full bg-base-200 rounded-lg flex items-center justify-center">
+              <span class="text-4xl">😎</span> <!-- Replace with actual icon/image -->
+            </div>
+          </figure>
+          <div class="card-body items-center text-center">
+            <h2 class="card-title">{card.title}</h2>
+            <p class="text-gray-600">{card.description}</p>
+            <div class="card-actions mt-4">
+              <button on:click={() => {goto('/swipe')}} class="btn btn-primary">{card.btn}</button>
+            </div>
+          </div>
+        </div>
+      {/each}
+    </div>
+  </div>
+  
+  <style global>
+    /* Optional custom styles */
+    :global(body) {
+      background-color: #f5f5f5;
+    }
+  </style>
\ No newline at end of file
diff --git a/frontend/src/routes/(authed)/notifications/+page.svelte b/frontend/src/routes/(authed)/notifications/+page.svelte
new file mode 100644
index 0000000..6eadf34
--- /dev/null
+++ b/frontend/src/routes/(authed)/notifications/+page.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+    import type { Notification } from '$lib/types';
+  
+    export let notifications: Notification[];
+  </script>
+  
+  <div class="p-4 max-w-3xl mx-auto">
+    <h1 class="text-2xl font-bold mb-6">Notifications</h1>
+    <div class="space-y-4">
+      {#each notifications as notification (notification.id)}
+        <div
+          class="p-4 rounded-lg {!notification.read ? 'bg-primary/10 border-l-4 border-primary' : 'bg-base-200'}"
+        >
+          <div class="flex justify-between items-start">
+            <div>
+              <p class="font-medium">{notification.content}</p>
+              <p class="text-sm text-base-content/50 mt-1">
+                {notification.timestamp}
+              </p>
+            </div>
+            {#if !notification.read}
+              <span class="badge badge-primary badge-sm">New</span>
+            {/if}
+          </div>
+        </div>
+      {/each}
+    </div>
+  </div>
\ No newline at end of file
diff --git a/frontend/src/routes/(authed)/search/+page.svelte b/frontend/src/routes/(authed)/search/+page.svelte
new file mode 100644
index 0000000..a6a95ed
--- /dev/null
+++ b/frontend/src/routes/(authed)/search/+page.svelte
@@ -0,0 +1,157 @@
+<!-- Search.svelte -->
+<script lang="ts">
+    import { fly } from 'svelte/transition';
+    import { flip } from 'svelte/animate';
+    import { onMount } from 'svelte';
+    
+    let searchQuery = '';
+    let showError = false;
+    
+    type FilterKeys = 'accommodation' | 'activities' | 'localGuides' | 'safetyTips' | 'meetups';
+    type Filters = Record<FilterKeys, boolean>;
+    const filterKeys: FilterKeys[] = ['accommodation', 'activities', 'localGuides', 'safetyTips', 'meetups'];
+    
+    let selectedFilters: Filters = {
+      accommodation: false,
+      activities: false,
+      localGuides: false,
+      safetyTips: false,
+      meetups: false
+    };
+    
+    let recentSearches: string[] = [];
+  
+    onMount(() => {
+      const savedSearches = localStorage.getItem('recentSearches');
+      recentSearches = savedSearches ? JSON.parse(savedSearches) : [
+        'Local guides in Barcelona',
+        'Safe hostels Tokyo',
+        'Community meetups Paris'
+      ];
+    });
+
+    function handleSearch() {
+      if (!searchQuery.trim() && !Object.values(selectedFilters).some(v => v)) {
+        showError = true;
+        return;
+      }
+      showError = false;
+      
+      // Save search query to recent searches
+      if (searchQuery.trim()) {
+        const newSearch = searchQuery.trim();
+        if (!recentSearches.includes(newSearch)) {
+          recentSearches = [newSearch, ...recentSearches].slice(0, 3);
+          localStorage.setItem('recentSearches', JSON.stringify(recentSearches));
+        }
+      }
+      
+      console.log('Searching:', searchQuery, selectedFilters);
+    }
+  
+    function clearSearch() {
+      searchQuery = '';
+      showError = false;
+    }
+</script>
+  
+<div class="min-h-screen bg-base-200 p-4 md:p-8">
+    <!-- Hero Section -->
+    <div class="hero bg-base-100 rounded-box mb-8 p-4 md:p-6" in:fly={{ y: 50, duration: 500 }}>
+      <div class="hero-content text-center">
+        <div>
+          <h1 class="text-3xl md:text-4xl font-bold mb-4">Discover Your Community</h1>
+          <p class="text-base md:text-lg opacity-80 max-w-md mx-auto">
+            Connect with fellow travelers, find safe spaces, and create serendipitous moments
+          </p>
+        </div>
+      </div>
+    </div>
+  
+    <!-- Search Bar -->
+    <div class="form-control w-fit max-w-3xl mx-10 mb-4 ">
+      <div class="input-group flex gap-4">
+        <input
+          type="text"
+          bind:value={searchQuery}
+          on:keydown={(e) => e.key === 'Enter' && handleSearch()}
+          placeholder="Search for local guides, safe spaces, or community meetups..."
+          class="input input-bordered w-full"
+          aria-label="Search input"
+        />
+        {#if searchQuery}
+          <button class="btn btn-square" on:click={clearSearch} aria-label="Clear search">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        {/if}
+        <button class="btn btn-primary" on:click={handleSearch} aria-label="Search">
+          Search
+        </button>
+      </div>
+      {#if showError}
+        <div class="text-error text-sm mt-2 text-center">
+          Please enter a search term or select at least one filter
+        </div>
+      {/if}
+    </div>
+  
+    <!-- Filter Tags -->
+    <div class="flex flex-wrap gap-2 justify-center mb-6">
+      {#each filterKeys as filter}
+        <label class="cursor-pointer">
+          <input
+            type="checkbox"
+            class="hidden"
+            bind:checked={selectedFilters[filter]}
+            aria-label={`Filter by ${filter}`}
+          />
+          <div
+            class="badge badge-lg {selectedFilters[filter] ? 'badge-primary' : 'badge-outline'} p-4"
+            role="checkbox"
+            aria-checked={selectedFilters[filter]}
+          >
+            {filter.charAt(0).toUpperCase() + filter.slice(1)}
+          </div>
+        </label>
+      {/each}
+    </div>
+  
+    <!-- Recent Searches -->
+    <div class="card bg-base-100 shadow-xl max-w-3xl mx-auto">
+      <div class="card-body">
+        <h2 class="card-title mb-4">Recent Community Searches</h2>
+        <div class="space-y-2">
+          {#each recentSearches as search (search)}
+            <div
+              animate:flip={{ duration: 300 }}
+              class="flex items-center justify-between p-3 hover:bg-base-200 active:bg-base-300 rounded-lg cursor-pointer transition-colors"
+              on:click={() => {
+                searchQuery = search;
+                handleSearch();
+              }}
+            >
+              <span>{search}</span>
+              <button class="btn btn-ghost btn-sm" aria-label="Apply search">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                </svg>
+              </button>
+            </div>
+          {/each}
+        </div>
+      </div>
+    </div>
+</div>
+
+<style>
+    :global(.badge) {
+      transition: all 0.2s ease-in-out;
+    }
+    
+    :global(.badge:hover) {
+      transform: scale(1.05);
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/(authed)/swipe/+page.svelte b/frontend/src/routes/(authed)/swipe/+page.svelte
new file mode 100644
index 0000000..7e6da10
--- /dev/null
+++ b/frontend/src/routes/(authed)/swipe/+page.svelte
@@ -0,0 +1,288 @@
+<script lang="ts">
+  import { profiles } from '$lib/profiles';
+  import { flip } from 'svelte/animate';
+  import { quintOut } from 'svelte/easing';
+  import { spring } from 'svelte/motion';
+  
+  interface Profile {
+    id: string;
+    name: string;
+    interests: string[];
+    moodImages?: string[];
+    location?: {
+      x: number;
+      y: number;
+    };
+  }
+
+  let currentIndex = 0;
+  let stack: any[] = profiles;
+  let connections: Profile[] = [];
+  let dragging: Profile | null = null;
+  let dragStartOffset = { x: 0, y: 0 };
+  
+  let dragCoords = spring({ x: 0, y: 0 }, {
+    stiffness: 0.2,
+    damping: 0.7
+  });
+
+  const calculateConnectionPath = (connection: Profile) => {
+    const start = connection.location || { x: 500, y: 250 };
+    const end = { x: window.innerWidth - 100, y: window.innerHeight - 100 };
+    const controlPoint = {
+      x: (start.x + end.x) / 2,
+      y: Math.min(start.y, end.y) - 100
+    };
+    return `M ${start.x},${start.y} Q ${controlPoint.x},${controlPoint.y} ${end.x},${end.y}`;
+  };
+
+  const handleAction = (action: 'skip' | 'decide' | 'add') => {
+    if (stack.length === 0) return;
+    
+    const profile = stack[currentIndex];
+    
+    if (action === 'add') {
+      connections = [...connections, { ...profile, location: { ...$dragCoords } }];
+      
+      const suitcase = document.querySelector('#suitcase');
+      const profileCard = document.querySelector(`#profile-${profile.id}`);
+      
+      if (suitcase && profileCard) {
+        const clone = profileCard.cloneNode(true) as HTMLElement;
+        document.body.appendChild(clone);
+        
+        const start = profileCard.getBoundingClientRect();
+        const end = suitcase.getBoundingClientRect();
+        
+        clone.style.position = 'fixed';
+        clone.style.left = `${start.left}px`;
+        clone.style.top = `${start.top}px`;
+        clone.style.width = `${start.width}px`;
+        clone.style.transition = 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)';
+        clone.style.zIndex = '9999';
+        
+        requestAnimationFrame(() => {
+          clone.style.transform = `translate(${end.left - start.left}px, ${end.top - start.top}px) scale(0.1) rotate(360deg)`;
+          clone.style.opacity = '0';
+        });
+        
+        setTimeout(() => clone.remove(), 500);
+      }
+    }
+
+    stack = stack.filter((_, i) => i !== currentIndex);
+    currentIndex = Math.min(currentIndex, stack.length - 1);
+  };
+
+  const startDrag = (event: MouseEvent, profile: Profile) => {
+    const element = event.currentTarget as HTMLElement;
+    const rect = element.getBoundingClientRect();
+    
+    dragStartOffset = {
+      x: event.clientX - rect.left,
+      y: event.clientY - rect.top
+    };
+    
+    dragging = profile;
+    dragCoords.set({
+      x: event.clientX - dragStartOffset.x,
+      y: event.clientY - dragStartOffset.y
+    });
+    
+    document.body.style.cursor = 'grabbing';
+  };
+
+  function handleMouseMove(event: MouseEvent) {
+    if (dragging) {
+      dragCoords.set({
+        x: event.clientX - dragStartOffset.x,
+        y: event.clientY - dragStartOffset.y
+      });
+    }
+  }
+
+  function handleMouseUp() {
+    if (dragging) {
+      const suitcase = document.querySelector('#suitcase');
+      if (suitcase) {
+        const suitcaseRect = suitcase.getBoundingClientRect();
+        const dragRect = document.querySelector(`#profile-${dragging.id}`)?.getBoundingClientRect();
+        
+        if (dragRect && isOverlapping(dragRect, suitcaseRect)) {
+          handleAction('add');
+        }
+      }
+      dragging = null;
+      document.body.style.cursor = '';
+    }
+  }
+
+  function isOverlapping(rect1: DOMRect, rect2: DOMRect) {
+    return !(rect1.right < rect2.left || 
+            rect1.left > rect2.right || 
+            rect1.bottom < rect2.top || 
+            rect1.top > rect2.bottom);
+  }
+
+  function handleKeyDown(event: KeyboardEvent, profile: Profile) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      const element = event.currentTarget as HTMLElement;
+      const rect = element.getBoundingClientRect();
+      
+      startDrag(new MouseEvent('mousedown', {
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      }), profile);
+    }
+  }
+</script>
+
+<svelte:window on:mousemove={handleMouseMove} on:mouseup={handleMouseUp} />
+
+<div class="min-h-screen bg-stone-100 font-handwritten relative overflow-hidden">
+  <!-- Interactive World Map Background -->
+  <div class="absolute inset-0 opacity-25 z-0 pointer-events-none">
+    <svg viewBox="0 0 1000 500" class="w-full h-full" role="presentation">
+      {#each connections as connection}
+        <path d={calculateConnectionPath(connection)} 
+              class="stroke-pink-400/40 stroke-2 animate-dash" 
+              fill="none" />
+      {/each}
+    </svg>
+  </div>
+
+  <!-- Suitcase Collector -->
+  <div id="suitcase" 
+       role="button"
+       tabindex="0"
+       aria-label="Collected connections: {connections.length}"
+       class="fixed bottom-8 right-8 w-24 h-16 bg-amber-500/80 rotate-12 shadow-xl rounded-lg z-30 
+              transition-all hover:rotate-6 hover:scale-110 hover:shadow-2xl
+              {dragging ? 'scale-125 ring-4 ring-green-400 ring-opacity-50' : ''}"
+       style="transform-origin: center;">
+    <span class="absolute -top-2 -left-2 text-4xl" aria-hidden="true">🧳</span>
+    <span class="absolute bottom-1 right-1 text-sm font-bold text-white" aria-hidden="true">
+      {connections.length}
+    </span>
+  </div>
+
+  <!-- Profile Stack -->
+  <div class="relative h-screen flex items-center justify-center">
+    {#each stack as profile, i (profile.id)}
+      <div id={`profile-${profile.id}`}
+           role="button"
+           tabindex="0"
+           aria-label="Profile card for {profile.name}"
+           class="absolute cursor-grab active:cursor-grabbing transition-transform duration-200
+                  {dragging === profile ? 'z-50' : ''}"
+           style={`transform: ${dragging !== profile ? 
+                  `rotate(${Math.random() * 8 - 4}deg) 
+                   translate(${Math.random() * 20 - 10}px, ${Math.random() * 20 - 10}px)` : 
+                  'none'};
+                  z-index: ${1000 - i};
+                  ${dragging === profile ? 
+                    `position: fixed; left: ${$dragCoords.x}px; top: ${$dragCoords.y}px; transform: none;` : 
+                    ''}`}
+           animate:flip={{ delay: i * 50, duration: 800, easing: quintOut }}
+           on:mousedown={(e) => startDrag(e, profile)}
+           on:keydown={(e) => handleKeyDown(e, profile)}>
+        <!-- Profile Card -->
+        <div class="bg-white p-6 rounded-lg shadow-xl border-4 border-double border-amber-700
+                    transition-all hover:shadow-2xl hover:scale-105 origin-center
+                    backdrop-blur-sm bg-opacity-90"
+             style="width: min(80vw, 400px);">
+          <h3 class="text-3xl mb-4 text-cyan-800">{profile.name}</h3>
+          <div class="flex flex-wrap gap-2 mb-4">
+            {#each profile.interests as interest}
+              <span class="px-3 py-1 bg-yellow-200/50 rounded-full 
+                          border-2 border-dashed border-amber-600/30">
+                {interest}
+              </span>
+            {/each}
+          </div>
+          <div class="h-48 bg-stone-50 rounded border-2 border-stone-200 mb-4 relative overflow-hidden">
+            {#if profile.moodImages}
+              {#each profile.moodImages as img, index}
+                <img src={img} 
+                     alt={`Mood image ${index + 1} for ${profile.name}`}
+                     class="absolute w-16 h-16 object-cover shadow-lg border-4 border-white"
+                     style={`left: ${Math.random() * 60}%; 
+                            top: ${Math.random() * 60}%;
+                            transform: rotate(${Math.random() * 24 - 12}deg);`} />
+              {/each}
+            {/if}
+          </div>
+        </div>
+      </div>
+    {/each}
+  </div>
+
+  <!-- Action Buttons -->
+  <div class="fixed bottom-8 left-8 flex gap-4 z-30">
+    <button on:click={() => handleAction('skip')}
+            aria-label="Skip profile"
+            class="h-24 w-24 bg-red-500/90 rotate-12 shadow-xl rounded-lg 
+                   flex items-center justify-center text-white text-4xl
+                   hover:rotate-0 hover:scale-125 transition-all active:scale-95
+                   disabled:opacity-50 disabled:cursor-not-allowed"
+            disabled={stack.length === 0}>
+      <span class="rotate--12" aria-hidden="true">✕</span>
+    </button>
+    
+    <button on:click={() => handleAction('decide')}
+            aria-label="Decide later"
+            class="h-24 w-24 bg-purple-500/90 -rotate-6 shadow-xl rounded-lg 
+                   flex items-center justify-center text-white text-4xl
+                   hover:rotate-3 hover:scale-125 transition-all active:scale-95
+                   disabled:opacity-50 disabled:cursor-not-allowed"
+            disabled={stack.length === 0}>
+      <span class="rotate-6" aria-hidden="true">⌛</span>
+    </button>
+    
+    <button on:click={() => handleAction('add')}
+            aria-label="Add to connections"
+            class="h-24 w-24 bg-green-500/90 rotate-3 shadow-xl rounded-lg 
+                   flex items-center justify-center text-white text-4xl
+                   hover:-rotate-12 hover:scale-125 transition-all active:scale-95
+                   disabled:opacity-50 disabled:cursor-not-allowed"
+            disabled={stack.length === 0}>
+      <span class="rotate--3" aria-hidden="true">➕</span>
+    </button>
+  </div>
+
+  <!-- Dragging Preview -->
+  {#if dragging}
+    <div class="fixed pointer-events-none z-50"
+         role="status"
+         aria-live="polite"
+         style={`left: ${$dragCoords.x}px; top: ${$dragCoords.y}px;
+                transform: translate(-50%, -50%) rotate(${Math.random() * 25 - 12.5}deg);`}>
+      <div class="bg-white p-4 rounded shadow-xl border-2 border-dashed border-amber-600">
+        Taking {dragging.name} on adventure!
+      </div>
+    </div>
+  {/if}
+</div>
+
+<style>
+  @keyframes dash {
+    to {
+      stroke-dashoffset: -100;
+    }
+  }
+
+  .animate-dash {
+    stroke-dasharray: 10;
+    animation: dash 10s linear infinite;
+  }
+
+  .cursor-grab {
+    cursor: grab;
+    user-select: none;
+  }
+
+  .cursor-grabbing {
+    cursor: grabbing;
+    user-select: none;
+  }
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index cc88df0..25216a6 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,2 +1,238 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<script lang="ts">
+ import { onMount } from 'svelte';
+import { animate, stagger, inView } from 'motion';
+	import { goto } from '$app/navigation';
+
+onMount(() => {
+  // Hero section animations
+  const heroTextAnimation = {
+    initial: { opacity: 0, y: 50 },
+    animate: { 
+      opacity: 1, 
+      y: 0,
+      duration: 0.8,
+      delay: 0.2,
+      easing: [0.17, 0.55, 0.55, 1] // Smooth easing curve instead of spring
+    }
+  };
+
+  const heroImageAnimation = {
+    initial: { opacity: 0, scale: 0.9 },
+    animate: {
+      opacity: 1,
+      scale: 1,
+      duration: 1.2,
+      easing: 'ease-out'
+    }
+  };
+
+  // Initialize hero animations
+  animate('.hero-text', heroTextAnimation.initial);
+  animate('.hero-text', heroTextAnimation.animate);
+  animate('.hero-image', heroImageAnimation.initial);
+  animate('.hero-image', heroImageAnimation.animate);
+
+  // Feature cards animation
+  const featureCardAnimation = {
+    initial: { opacity: 0, y: 30 },
+    animate: {
+      opacity: 1,
+      y: 0,
+      duration: 0.6,
+      easing: 'ease-out'
+    }
+  };
+
+  // Setup intersection observer for feature grid
+  inView('.feature-grid', (info: any) => {
+    const cards = info.target.querySelectorAll('.feature-card');
+    
+    cards.forEach((card: any, index: any) => {
+      animate(card,
+        featureCardAnimation.initial,
+        {
+          ...featureCardAnimation.animate,
+          delay: index * 0.15 // Manual stagger implementation
+        }
+      );
+    });
+  }, {
+    amount: 0.2 // Trigger when 20% of element is visible
+  });
+
+  // CTA section animation
+  const ctaAnimation = {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: {
+      opacity: 1,
+      scale: 1,
+      duration: 0.8,
+      easing: 'ease-out'
+    }
+  };
+
+  inView('.cta-section', (info: any) => {
+    animate(info.target, ctaAnimation.initial);
+    animate(info.target, ctaAnimation.animate);
+  }, {
+    amount: 0.3 // Trigger when 30% of element is visible
+  });
+});
+</script>
+
+<svelte:head>
+  <title>Boundless | Travel with Soul</title>
+  <meta name="description" content="Where strangers become allies and journeys create magic. Travel Together, Stay Boundless." />
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet" />
+</svelte:head>
+
+<div class="font-[Space+Grotesk] bg-base-100 overflow-hidden">
+  <!-- Navigation -->
+  <nav class="navbar bg-base-100/90 backdrop-blur-sm sticky top-0 z-50 shadow-sm px-4 md:px-8">
+    <div class="flex-1">
+      <a class="btn btn-ghost text-xl gap-2 hover:-translate-y-1 transition-transform">
+        <span class="text-3xl">🌍</span>
+        <span class="font-bold bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent">
+          Boundless
+        </span>
+      </a>
+    </div>
+    <div class="flex-none">
+      <ul class="menu menu-horizontal px-1 gap-4 hidden md:flex">
+        <li>
+          <a class="font-medium hover:text-primary transition-colors">
+            How it works
+          </a>
+        </li>
+        <li>
+          <a class="font-medium hover:text-primary transition-colors">
+            Stories
+          </a>
+        </li>
+        <li>
+          <button on:click={() => {goto('/onboarding')}} class="btn btn-primary btn-sm hover:scale-105 transition-transform">
+            Join Beta
+          </button>
+        </li>
+      </ul>
+      <div class="dropdown dropdown-end md:hidden">
+        <div tabindex="0" role="button" class="btn btn-ghost btn-circle">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg>
+        </div>
+        <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+          <li><a>How it works</a></li>
+          <li><a>Stories</a></li>
+          <li><button on:click={() => {goto('/onboarding')}}>Join Beta</button></li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <!-- Hero Section -->
+  <section class="hero min-h-[90vh] relative">
+    <div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-secondary/10 -skew-y-3 scale-125 opacity-50"></div>
+    <div class="hero-content flex-col lg:flex-row-reverse gap-8 lg:gap-16 relative z-10 px-4 md:px-8">
+      <div class="hero-image">
+        <div class="mask-parallelogram relative group">
+          <img 
+            src="src\lib\assets\h.png" 
+            class="w-full max-w-2xl rounded-2xl shadow-2xl transform hover:rotate-1 transition-[transform] duration-300"
+            alt="Happy travelers"
+          />
+          <div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-secondary/20 rounded-2xl"></div>
+        </div>
+      </div>
+      <div class="hero-text text-center lg:text-left">
+        <h1 class="text-4xl md:text-6xl font-bold leading-tight mb-6">
+          Find Your 
+          <span class="relative inline-block">
+            <span class="bg-gradient-to-r from-primary to-accent text-transparent bg-clip-text">
+              Wander Tribe
+            </span>
+            <div class="absolute -bottom-2 left-0 w-full h-2 bg-primary/20 -skew-x-12"></div>
+          </span>
+        </h1>
+        <p class="text-lg md:text-xl mb-8 opacity-90 leading-relaxed">
+          Where strangers become allies and every journey leaves the world kinder.
+        </p>
+        <div class="flex flex-col md:flex-row gap-4 justify-center lg:justify-start">
+          <button on:click={() => {goto('/onboarding')}} class="btn btn-primary px-8 gap-2 hover:scale-[1.02] transition-transform">
+            <span class="text-xl">✨</span>
+            Start Your Journey
+          </button>
+          <button class="btn btn-outline btn-secondary px-8 group">
+            How It Works
+            <span class="group-hover:translate-x-1 transition-transform">→</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Features Grid -->
+  <div class="container mx-auto px-4 py-16 md:py-24">
+    <div class="feature-grid grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
+      <div class="feature-card card bg-base-100 p-8 border border-base-300/20 hover:border-primary/20 transition-all transform hover:-translate-y-2">
+        <div class="text-6xl mb-6 animate-pulse">🗺️</div>
+        <h3 class="text-2xl font-bold mb-4">Community Routes</h3>
+        <p class="text-gray-500">Follow trails blazed by fellow wanderers</p>
+      </div>
+      
+      <div class="feature-card card bg-base-100 p-8 border border-base-300/20 hover:border-primary/20 transition-all transform hover:-translate-y-2">
+        <div class="text-6xl mb-6 animate-pulse">🔮</div>
+        <h3 class="text-2xl font-bold mb-4">Magic Detours</h3>
+        <p class="text-gray-500">Algorithm-curated serendipity</p>
+      </div>
+      
+      <div class="feature-card card bg-base-100 p-8 border border-base-300/20 hover:border-primary/20 transition-all transform hover:-translate-y-2">
+        <div class="text-6xl mb-6 animate-pulse">❤️</div>
+        <h3 class="text-2xl font-bold mb-4">Impact Legacy</h3>
+        <p class="text-gray-500">Travel that gives back</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- CTA Section -->
+  <div class="cta-section bg-gradient-to-br from-primary to-secondary text-primary-content py-16 md:py-24">
+    <div class="text-center max-w-2xl mx-auto px-4">
+      <h2 class="text-3xl md:text-4xl font-bold mb-8 leading-tight">
+        Ready to Travel<br>
+        <span class="text-4xl md:text-5xl font-black">Like You Mean It?</span>
+      </h2>
+      <button on:click={() => {goto('/onboarding')}} class="btn btn-accent btn-lg gap-2 transform hover:scale-105 transition-transform">
+        🚀 Claim Beta Spot
+      </button>
+    </div>
+  </div>
+
+  <!-- Footer -->
+  <footer class="footer items-center p-8 bg-neutral text-neutral-content">
+    <!-- ... (keep previous footer content) ... -->
+  </footer>
+</div>
+
+<style global>
+  :root {
+    --font-family: 'Space Grotesk', system-ui;
+  }
+
+  body {
+    font-family: var(--font-family);
+  }
+
+  .mask-parallelogram {
+    mask-image: linear-gradient(to bottom right, transparent 2%, black 15%);
+    -webkit-mask-image: linear-gradient(to bottom right, transparent 2%, black 15%);
+  }
+
+  @keyframes gradient-pulse {
+    0% { background-position: 0% 50%; }
+    50% { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+  }
+
+  .animate-gradient-pulse {
+    background-size: 200% auto;
+    animation: gradient-pulse 8s ease infinite;
+  }
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/onboarding/+page.svelte b/frontend/src/routes/onboarding/+page.svelte
new file mode 100644
index 0000000..e869e04
--- /dev/null
+++ b/frontend/src/routes/onboarding/+page.svelte
@@ -0,0 +1,324 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { animate } from 'motion';
+	import { onMount } from 'svelte';
+
+	// Form data store
+	let travelerData = {
+		name: '',
+		intention: '',
+		interests: [] as string[],
+		travelStyle: ''
+	};
+
+	// DOM elements
+	let welcomeEl: HTMLElement;
+	let registerEl: HTMLElement;
+	let intentionEl: HTMLElement;
+	let interestsEl: HTMLElement;
+	let finalEl: HTMLElement;
+	let confettiContainer: HTMLElement;
+
+	// Step management
+	let currentStep = 0;
+	const steps = ['welcome', 'register', 'intention', 'interests', 'final'];
+	const stepElements = [welcomeEl, registerEl, intentionEl, interestsEl, finalEl];
+
+	// Form options
+	const travelIntentions = [
+		'Seeking Adventure',
+		'Cultural Exchange',
+		'Personal Growth',
+		'Meeting People',
+		'Digital Nomad'
+	];
+	const travelInterests = [
+		'Local Food',
+		'Hiking',
+		'Photography',
+		'Language Exchange',
+		'Art & Museums',
+		'Sustainable Travel',
+		'Local Markets',
+		'Festivals & Events'
+	];
+	const travelStyles = [
+		'Spontaneous',
+		'Planned but Flexible',
+		'Off the Beaten Path',
+		'Mix of Everything'
+	];
+
+	// Animation controller
+	const animateSequence = async (from: HTMLElement, to: HTMLElement) => {
+		from.style.zIndex = '10';
+		to.style.zIndex = '20';
+
+		const fromAnimation = animate(
+			from,
+			{ y: [0, '-100vh'] },
+			{ duration: 0.7, easing: [0.4, 0, 0.2, 1] }
+		);
+		const toAnimation = animate(
+			to,
+			{ y: ['100vh', 0] },
+			{ duration: 0.7, easing: [0.4, 0, 0.2, 1] }
+		);
+
+		await Promise.all([fromAnimation, toAnimation]);
+		from.style.zIndex = '0';
+		currentStep = steps.indexOf(to.id);
+	};
+
+	const handleInterestToggle = (e: MouseEvent, interest: string) => {
+		if (travelerData.interests.includes(interest)) {
+			travelerData.interests = travelerData.interests.filter((i) => i !== interest);
+		} else if (travelerData.interests.length < 3) {
+			travelerData.interests = [...travelerData.interests, interest];
+		}
+		animate(e.currentTarget as HTMLElement, { scale: [1, 1.1, 1] }, { duration: 0.3 });
+	};
+
+	const isValid = () => {
+		return (
+			travelerData.name.length >= 2 &&
+			travelerData.intention &&
+			travelerData.interests.length > 0 &&
+			travelerData.travelStyle
+		);
+	};
+
+	const createConfetti = () => {
+		for (let i = 0; i < 30; i++) {
+			const confetti = document.createElement('div');
+			confetti.className = 'absolute w-2 h-2 bg-white rounded-full';
+			confetti.style.left = `${Math.random() * 100}%`;
+			confetti.style.top = `${Math.random() * 100}%`;
+			confettiContainer.appendChild(confetti);
+
+			animate(
+				confetti,
+				{
+					x: Math.random() * 400 - 200,
+					y: Math.random() * -400 - 100,
+					opacity: [1, 0],
+					scale: [1, 1.5]
+				},
+				{ duration: 1.5, easing: 'ease-out' }
+			).then(() => confetti.remove());
+		}
+
+		setTimeout(() => {
+			goto('/home');
+		}, 750);
+	};
+
+	onMount(() => {
+		animate(welcomeEl, { scale: [0.8, 1], opacity: [0, 1] }, { duration: 0.5 });
+	});
+</script>
+
+<!-- Progress Indicator -->
+<div class="absolute top-6 z-30 w-full px-8">
+	<div class="h-1.5 rounded-full bg-white/20">
+		<div
+			class="h-full rounded-full bg-white/80 transition-all duration-500"
+			style={`width: ${(currentStep / (steps.length - 1)) * 100}%`}
+		/>
+	</div>
+</div>
+
+<!-- Welcome Screen -->
+<div
+	bind:this={welcomeEl}
+	id="welcome"
+	class="gradient-animate fixed inset-0 flex h-screen w-screen flex-col items-center justify-center bg-gradient-to-br from-pink-400 via-purple-400 to-indigo-400"
+>
+	{#each Array(12) as _, i}
+		<div
+			class="floating-shape absolute h-8 w-8 rounded-full bg-white/10"
+			style={`left: ${Math.random() * 100}%; animation-delay: ${Math.random() * 2}s;`}
+		/>
+	{/each}
+
+	<h1 class="mb-4 animate-[slideDown_0.5s] text-5xl font-bold text-white">🌍 WanderLink</h1>
+	<button
+		on:click={() => animateSequence(welcomeEl, registerEl)}
+		class="animate-[bounce_2s_infinite] rounded-full bg-white/20 px-8 py-3 text-white backdrop-blur-sm transition-all hover:bg-white/30"
+	>
+		Start Exploring →
+	</button>
+</div>
+
+<!-- Name Input -->
+<div
+	bind:this={registerEl}
+	id="register"
+	class="gradient-animate fixed inset-0 flex h-screen w-screen translate-y-full flex-col items-center justify-center bg-gradient-to-br from-purple-400 via-pink-400 to-rose-400"
+>
+	<div class="space-y-8 text-center">
+		<h2 class="text-3xl font-semibold text-white">What's your travel name?</h2>
+		<label for="nameInput" class="sr-only">Enter your travel name</label>
+		<input
+			id="nameInput"
+			bind:value={travelerData.name}
+			class="w-64 rounded-full bg-white/20 px-6 py-3 text-center text-white placeholder-white/70 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-white/50"
+			type="text"
+			placeholder="Adventure Seeker"
+		/>
+		<button
+			on:click={() => animateSequence(registerEl, intentionEl)}
+			class="rounded-full bg-white/20 px-8 py-3 text-white backdrop-blur-sm transition-all hover:bg-white/30"
+			disabled={!travelerData.name}
+		>
+			Next →
+		</button>
+	</div>
+</div>
+
+<!-- Travel Intention -->
+<div
+	bind:this={intentionEl}
+	id="intention"
+	class="gradient-animate fixed inset-0 flex h-screen w-screen translate-y-full flex-col items-center justify-center bg-gradient-to-br from-rose-400 via-orange-400 to-amber-400"
+>
+	<div class="space-y-8 text-center">
+		<h2 class="text-3xl font-semibold text-white">Why do you wander?</h2>
+		<div class="grid w-72 grid-cols-1 gap-3">
+			{#each travelIntentions as intention}
+				<button
+					on:click={(e) => {
+						travelerData.intention = intention;
+						animate(e.currentTarget, { scale: [1, 0.95, 1] }, { duration: 0.3 });
+					}}
+					class="rounded-full bg-white/20 px-6 py-3 text-white backdrop-blur-sm transition-all hover:bg-white/30 {travelerData.intention ===
+					intention
+						? '!bg-white/40 ring-2 ring-white'
+						: ''}"
+				>
+					{intention}
+				</button>
+			{/each}
+		</div>
+		<button
+			on:click={() => animateSequence(intentionEl, interestsEl)}
+			class="rounded-full bg-white/20 px-8 py-3 text-white backdrop-blur-sm transition-all hover:bg-white/30"
+			disabled={!travelerData.intention}
+		>
+			Next →
+		</button>
+	</div>
+</div>
+
+<!-- Interests Selection -->
+<div
+	bind:this={interestsEl}
+	id="interests"
+	class="gradient-animate fixed inset-0 flex h-screen w-screen translate-y-full flex-col items-center justify-center bg-gradient-to-br from-purple-400 via-pink-400 to-gray-400"
+>
+	<div class="space-y-8 text-center">
+		<h2 class="text-3xl font-semibold text-white">Pick your passions</h2>
+		<div class="grid w-80 grid-cols-2 gap-3">
+			{#each travelInterests as interest}
+				<button
+					on:click={(e) => handleInterestToggle(e, interest)}
+					class="rounded-full bg-white/20 px-4 py-2 text-sm text-white backdrop-blur-sm transition-all hover:bg-white/30
+						   {travelerData.interests.includes(interest) ? '!bg-white/40 ring-2 ring-white' : ''}"
+					aria-pressed={travelerData.interests.includes(interest)}
+				>
+					{interest}
+				</button>
+			{/each}
+		</div>
+		<button
+			on:click={() => animateSequence(interestsEl, finalEl)}
+			class="rounded-full bg-white/20 px-8 py-3 text-white backdrop-blur-sm transition-all hover:bg-white/30"
+			disabled={travelerData.interests.length === 0}
+		>
+			Next →
+		</button>
+	</div>
+</div>
+
+<!-- Final Step -->
+<div
+	bind:this={finalEl}
+	id="final"
+	class="gradient-animate fixed inset-0 flex h-screen w-screen translate-y-full flex-col items-center justify-center bg-gradient-to-br from-lime-400 via-emerald-400 to-cyan-400"
+>
+	<div class="space-y-8 text-center">
+		<h2 class="text-3xl font-semibold text-white">Travel style?</h2>
+		<div class="grid w-72 grid-cols-1 gap-3">
+			{#each travelStyles as style}
+				<button
+					on:click={(e) => {
+						travelerData.travelStyle = style;
+						animate(e.currentTarget, { scale: [1, 0.95, 1] }, { duration: 0.3 });
+					}}
+					class="rounded-full bg-white/20 px-6 py-3 text-white backdrop-blur-sm transition-all hover:bg-white/30 {travelerData.travelStyle ===
+					style
+						? '!bg-white/40 ring-2 ring-white'
+						: ''}"
+				>
+					{style}
+				</button>
+			{/each}
+		</div>
+		<div bind:this={confettiContainer} class="pointer-events-none absolute inset-0" />
+		<button
+			on:click={() => createConfetti()}
+			class="rounded-full bg-white/20 px-8 py-3 text-white ring-2 ring-white/50 backdrop-blur-sm transition-all hover:bg-white/30 hover:ring-white/80 {isValid()
+				? 'animate-pulse'
+				: ''}"
+			disabled={!isValid()}
+		>
+			Start Exploring 🌟
+		</button>
+	</div>
+</div>
+
+<style global>
+	@keyframes gradient-pan {
+		0% {
+			background-position: 0% 50%;
+		}
+		50% {
+			background-position: 100% 50%;
+		}
+		100% {
+			background-position: 0% 50%;
+		}
+	}
+
+	.gradient-animate {
+		background-size: 200% 200%;
+		animation: gradient-pan 10s ease infinite;
+	}
+
+	@keyframes float {
+		0% {
+			transform: translateY(100vh) rotate(0deg);
+			opacity: 0;
+		}
+		100% {
+			transform: translateY(-100vh) rotate(360deg);
+			opacity: 0.4;
+		}
+	}
+
+	.floating-shape {
+		animation: float 8s linear infinite;
+	}
+
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border-width: 0;
+	}
+</style>
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 9ddaa5d..c4d00ac 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -10,5 +10,16 @@ export default {
 		extend: {}
 	},
 
-	plugins: [typography, forms, containerQueries]
+	daisyui: {
+		themes: ["fantasy"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
+		darkTheme: "dark", // name of one of the included themes for dark mode
+		base: true, // applies background color and foreground color for root element by default
+		styled: true, // include daisyUI colors and design decisions for all components
+		utils: true, // adds responsive and modifier utility classes
+		prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+		logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+		themeRoot: ":root", // The element that receives theme color CSS variables
+	  },
+
+	plugins: [typography, forms, containerQueries, require('daisyui'),]
 } satisfies Config;