From 4af70900783aa73e4fb31c8d994a516e476a8342 Mon Sep 17 00:00:00 2001
From: Matteo <matteo99marino@gmail.com>
Date: Thu, 23 Jan 2025 15:17:22 +0100
Subject: [PATCH] feat: footer

---
 apps/documentation-app/src/app/app.tsx |  2 +
 packages/footer/src/lib/footer.tsx     | 65 ++++++++++++++++++++++++--
 2 files changed, 62 insertions(+), 5 deletions(-)

diff --git a/apps/documentation-app/src/app/app.tsx b/apps/documentation-app/src/app/app.tsx
index 09f5683..ec8487c 100644
--- 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
index b9f37b2..9d452d4 100644
--- 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>
   );
 }