Upload components/Footer.js with huggingface_hub

components/Footer.js

@@ -0,0 +1,96 @@
+import Link from 'next/link'
+import { HiSparkles, HiMail, HiPhone } from 'react-icons/hi'
+
+export default function Footer() {
+  return (
+    <footer className="bg-gray-900 text-white">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
+          {/* Brand */}
+          <div className="col-span-1 md:col-span-2">
+            <div className="flex items-center space-x-2 mb-4">
+              <div className="bg-primary-600 p-2 rounded-lg">
+                <HiSparkles className="h-6 w-6 text-white" />
+              </div>
+              <div>
+                <span className="text-xl font-bold">AI.Wiki.BR</span>
+                <p className="text-sm text-gray-400">Por Prof. Gabriel Ramos</p>
+              </div>
+            </div>
+            <p className="text-gray-300 mb-4 max-w-md">
+              Transformando a prática jurídica e administrativa através da Inteligência Artificial. 
+              Aprenda como usar IA no seu dia a dia profissional e nos estudos.
+            </p>
+            <div className="space-y-2">
+              <div className="flex items-center space-x-2 text-sm text-gray-400">
+                <HiMail className="h-4 w-4" />
+                <span>contato@ai.wiki.br</span>
+              </div>
+              <div className="flex items-center space-x-2 text-sm text-gray-400">
+                <HiPhone className="h-4 w-4" />
+                <span>+55 (11) 99999-9999</span>
+              </div>
+            </div>
+          </div>
+
+          {/* Quick Links */}
+          <div>
+            <h3 className="text-lg font-semibold mb-4">Links Rápidos</h3>
+            <ul className="space-y-2">
+              <li>
+                <Link href="/" className="text-gray-300 hover:text-white transition-colors duration-200">
+                  Início
+                </Link>
+              </li>
+              <li>
+                <Link href="/prompts" className="text-gray-300 hover:text-white transition-colors duration-200">
+                  Biblioteca de Prompts
+                </Link>
+              </li>
+              <li>
+                <Link href="#sobre" className="text-gray-300 hover:text-white transition-colors duration-200">
+                  Sobre o Professor
+                </Link>
+              </li>
+              <li>
+                <Link href="#contato" className="text-gray-300 hover:text-white transition-colors duration-200">
+                  Contato
+                </Link>
+              </li>
+            </ul>
+          </div>
+
+          {/* Categories */}
+          <div>
+            <h3 className="text-lg font-semibold mb-4">Áreas de Atuação</h3>
+            <ul className="space-y-2">
+              <li>
+                <span className="text-gray-300">Escritórios Jurídicos</span>
+              </li>
+              <li>
+                <span className="text-gray-300">Escritórios Administrativos</span>
+              </li>
+              <li>
+                <span className="text-gray-300">Concursos Públicos</span>
+              </li>
+              <li>
+                <span className="text-gray-300">Estudos Avançados</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div className="border-t border-gray-800 mt-8 pt-8">
+          <div className="flex flex-col md:flex-row justify-between items-center">
+            <p className="text-gray-400 text-sm">
+              © 2024 AI.Wiki.BR. Todos os direitos reservados.
+            </p>
+            <p className="text-gray-400 text-sm mt-2 md:mt-0">
+              Desenvolvido com ❤️ para a comunidade jurídica e administrativa brasileira
+            </p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}