feat: footer

ilMatto99 · Jan 23, 2025 · 4af7090 · 4af7090
1 parent e4c80d3
commit 4af7090
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 5 deletions.
diff --git a/apps/documentation-app/src/app/app.tsx b/apps/documentation-app/src/app/app.tsx
@@ -3,11 +3,13 @@ import { Button } from '@marino-ui/button';
 import styles from './app.module.css';
 
 import NxWelcome from './nx-welcome';
+import { Footer } from '@marino-ui/footer';
 
 export function App() {
   return (
     <div>
       <Button/>
+      <Footer/>
     </div>
   );
 }

diff --git a/packages/footer/src/lib/footer.tsx b/packages/footer/src/lib/footer.tsx
@@ -1,10 +1,65 @@
-import styles from './footer.module.css';
-
 export function Footer() {
   return (
-    <div className={styles['container']}>
-      <h1>Welcome to Footer!</h1>
-    </div>
+    <footer className="bg-gray-900 text-white py-4">
+      <div className="container mx-auto px-4 flex justify-between">
+        <div>
+          <h4 className="font-bold text-sm mb-2">Home</h4>
+          <nav className="space-y-1">
+            <a
+              href="#"
+              className="text-xs text-gray-400 hover:text-white block"
+            >
+              Chi Siamo
+            </a>
+            <a
+              href="#"
+              className="text-xs text-gray-400 hover:text-white block"
+            >
+              Ultime Novità
+            </a>
+          </nav>
+        </div>
+        <div>
+          <h4 className="font-bold text-sm mb-2">Servizi</h4>
+          <nav className="space-y-1">
+            <a
+              href="#"
+              className="text-xs text-gray-400 hover:text-white block"
+            >
+              Sviluppo Web
+            </a>
+            <a
+              href="#"
+              className="text-xs text-gray-400 hover:text-white block"
+            >
+              Consulenza IT
+            </a>
+          </nav>
+        </div>
+        <div>
+          <h4 className="font-bold text-sm mb-2">Contatti</h4>
+          <nav className="space-y-1">
+            <a
+              href="#"
+              className="text-xs text-gray-400 hover:text-white block"
+            >
+              Supporto
+            </a>
+            <a
+              href="#"
+              className="text-xs text-gray-400 hover:text-white block"
+            >
+              Invia Messaggio
+            </a>
+          </nav>
+        </div>
+      </div>
+      <div className="text-center mt-4">
+        <p className="text-xs text-gray-400">
+          © 2025 Tutti i diritti riservati
+        </p>
+      </div>
+    </footer>
   );
 }