feat: Update index page UI and fix file permissions

- Add Arctic Lights background with radial gradient to index.vue
- Make multiple app files executable (changed modes from 644 to 755)
- Update dependencies in package-lock.json (browserslist, postcss-selector-parser, etc.) for latest versions and potential bug fixes

app/app.vue

@@ -19,5 +19,6 @@ useSeoMeta({
 </script>
 <template>
   <Analytics />
+
   <NuxtPage />
 </template>

app/pages/index.vue

@@ -46,41 +46,57 @@ async function handleTorrentUpload(file: File) {
 </script>
 
 <template>
-  <div class="flex flex-col min-h-screen bg-base-300">
+  <div class="min-h-screen w-full relative bg-black">
-    <div class="grow flex items-start justify-center pt-40 px-4">
+    <!-- Arctic Lights Background with Top Glow -->
-      <div class="w-full max-w-2xl">
+    <div
-        <IndexHero />
+      class="absolute inset-0 z-0"
-        <div v-if="!maxedMagnet && !loading" class="space-y-6">
+      style="
-          <SearchBar @submit="handleMagnetSubmit" />
+        background: radial-gradient(
-          <div class="divider divider-neutral">OR</div>
+            ellipse 80% 60% at 50% 0%,
-          <TorrentUpload @submit="handleTorrentUpload" />
+            rgba(34, 197, 94, 0.35),
-        </div>
+            transparent 70%
+          ),
+          #000000;
+      "
+    />
 
-        <div
+    <!-- Main Content -->
-          v-if="loading"
+    <div class="relative z-10 flex flex-col min-h-screen">
-          v-motion-fade
+      <div class="grow flex items-start justify-center pt-40 px-4">
-          class="flex justify-center items-center p-8"
+        <div class="w-full max-w-2xl">
-        >
+          <IndexHero />
-          <span class="loading loading-infinity loading-xl" />
+          <div v-if="!maxedMagnet && !loading" class="space-y-6">
-        </div>
+            <SearchBar @submit="handleMagnetSubmit" />
+            <div class="divider divider-neutral">OR</div>
+            <TorrentUpload @submit="handleTorrentUpload" />
+          </div>
 
-        <!-- Error message display -->
+          <div
-        <AlertError v-if="error && !loading" :message="error" />
+            v-if="loading"
-
+            v-motion-fade
-        <MagnetCard
+            class="flex justify-center items-center p-8"
-          v-if="maxedMagnet && !loading && !error"
-          v-motion-fade
-          :name="maxedMagnet.name || 'Unknown Torrent'"
-          :total-trackers="maxedMagnet.totalTrackers"
-          :magnet-url="maxedMagnet.maxedMagnet"
-        />
-        <div v-if="maxedMagnet" class="flex justify-center pt-5">
-          <button
-            class="btn btn-primary text-accent"
-            @click="maxedMagnet = null"
           >
-            Max Another Torrent
+            <span class="loading loading-infinity loading-xl" />
-          </button>
+          </div>
+
+          <!-- Error message display -->
+          <AlertError v-if="error && !loading" :message="error" />
+
+          <MagnetCard
+            v-if="maxedMagnet && !loading && !error"
+            v-motion-fade
+            :name="maxedMagnet.name || 'Unknown Torrent'"
+            :total-trackers="maxedMagnet.totalTrackers"
+            :magnet-url="maxedMagnet.maxedMagnet"
+          />
+          <div v-if="maxedMagnet" class="flex justify-center pt-5">
+            <button
+              class="btn btn-primary text-accent"
+              @click="maxedMagnet = null"
+            >
+              Max Another Torrent
+            </button>
+          </div>
         </div>
       </div>
     </div>

package.json

@@ -12,16 +12,16 @@
   "dependencies": {
     "@formkit/auto-animate": "^0.9.0",
     "@nuxt/eslint": "1.10.0",
-    "@tailwindcss/vite": "^4.1.16",
+    "@tailwindcss/vite": "^4.1.17",
     "@types/parse-torrent": "^5.8.8",
-    "@vercel/analytics": "^1.5.0",
+    "@vercel/analytics": "^1.6.1",
     "@vueuse/motion": "^3.0.3",
-    "daisyui": "^5.3.10",
+    "daisyui": "^5.5.8",
-    "eslint": "^9.38.0",
+    "eslint": "^9.39.1",
-    "nuxt": "^4.2.0",
+    "nuxt": "^4.2.1",
     "parse-torrent": "^11.0.19",
-    "tailwindcss": "^4.1.16",
+    "tailwindcss": "^4.1.17",
-    "vue": "^3.5.22",
+    "vue": "^3.5.25",
     "vue-router": "^4.6.3"
   },
   "devDependencies": {

pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+onlyBuiltDependencies:
+  - '@parcel/watcher'
+  - esbuild
+  - unrs-resolver