Upload pages/index.js with huggingface_hub

pages/index.js

@@ -0,0 +1,39 @@
+import Head from 'next/head';
+import Header from '../components/Header';
+import Downloader from '../components/Downloader';
+
+export default function Home() {
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Head>
+        <title>DeviantArt to MediaFire Zip Tool</title>
+        <meta name="description" content="Download DeviantArt media and upload to MediaFire as ZIP" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <Header />
+
+      <main className="flex-grow container mx-auto px-4 py-8 flex flex-col items-center justify-center">
+        <div className="w-full max-w-2xl">
+          <div className="text-center mb-10">
+            <h1 className="text-4xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-brand-500 to-purple-500 mb-4">
+              DeviantArt Archiver
+            </h1>
+            <p className="text-gray-400 text-lg">
+              Extract images from DeviantArt links and package them into a downloadable ZIP file.
+            </p>
+          </div>
+
+          <Downloader />
+        </div>
+      </main>
+
+      <footer className="border-t border-gray-800 py-6 mt-8">
+        <div className="container mx-auto px-4 text-center text-gray-500 text-sm">
+          <p>&copy; {new Date().getFullYear()} DeviantArt Tool. All rights reserved.</p>
+        </div>
+      </footer>
+    </div>
+  );
+}