Upload pages/index.js with huggingface_hub

pages/index.js

@@ -0,0 +1,54 @@
+import Navbar from '../components/Navbar'
+import Hero from '../components/Hero'
+import Features from '../components/Features'
+import Footer from '../components/Footer'
+
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-brand-dark text-white selection:bg-brand-accent selection:text-white">
+      <Navbar />
+      <main>
+        <Hero />
+        <Features />
+        {/* Pricing Section Placeholder */}
+        <section className="py-24 border-t border-gray-800 bg-brand-gray">
+          <div className="max-w-7xl mx-auto px-4 text-center">
+            <h2 className="text-3xl font-bold mb-6">Simple Pricing</h2>
+            <div className="grid md:grid-cols-3 gap-6 max-w-4xl mx-auto">
+              <div className="glass-panel p-8 rounded-xl text-left">
+                <h3 className="text-lg font-bold text-gray-300">Hobby</h3>
+                <div className="text-3xl font-bold text-white mt-2">$0<span className="text-sm text-gray-500">/mo</span></div>
+                <ul className="mt-6 space-y-3 text-sm text-gray-400">
+                  <li>✓ 5 Projects</li>
+                  <li>✓ Community Support</li>
+                  <li>✓ Basic AI Models</li>
+                </ul>
+              </div>
+              <div className="glass-panel p-8 rounded-xl text-left border-brand-accent/30 relative overflow-hidden">
+                <div className="absolute top-0 right-0 bg-brand-accent text-xs px-2 py-1 text-white font-bold rounded-bl">POPULAR</div>
+                <h3 className="text-lg font-bold text-white">Pro</h3>
+                <div className="text-3xl font-bold text-white mt-2">$20<span className="text-sm text-gray-500">/mo</span></div>
+                <ul className="mt-6 space-y-3 text-sm text-gray-300">
+                  <li>✓ Unlimited Projects</li>
+                  <li>✓ Priority Support</li>
+                  <li>✓ Advanced AI Models</li>
+                  <li>✓ Team Collaboration</li>
+                </ul>
+              </div>
+              <div className="glass-panel p-8 rounded-xl text-left">
+                <h3 className="text-lg font-bold text-gray-300">Enterprise</h3>
+                <div className="text-3xl font-bold text-white mt-2">Custom</div>
+                <ul className="mt-6 space-y-3 text-sm text-gray-400">
+                  <li>✓ SSO & Audit Logs</li>
+                  <li>✓ Dedicated Support</li>
+                  <li>✓ Custom Infrastructure</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </div>
+  )
+}