feat: layout responsive mobile (bottom nav) / laptop (sidebar) + page d'accueil

2026-05-24 05:22:45 +02:00
parent e8aa9d6f3b
commit 25a31f1f24
4 changed files with 145 additions and 2 deletions
@@ -1,3 +1,30 @@
 export default function HomePage() {
-  return <div>HomeHub</div>
+  return (
+    <div className="p-4">
+      <div className="glass" style={{ padding: 20, borderRadius: 10, marginBottom: 16 }}>
+        <h1 style={{ color: 'var(--accent)', fontFamily: 'var(--font-mono)', margin: 0 }}>
+          HomeHub
+        </h1>
+        <p style={{ color: 'var(--ink-2)', marginTop: 8 }}>
+          Application d&apos;organisation personnelle
+        </p>
+      </div>
+      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: 12 }}>
+        {[
+          { label: 'Todos', icon: 'list', path: '/todos' },
+          { label: 'Courses', icon: 'cart-shopping', path: '/shopping' },
+          { label: 'Notes', icon: 'note-sticky', path: '/notes' },
+        ].map((item) => (
+          <div
+            key={item.path}
+            className="glass interactive"
+            style={{ padding: 20, borderRadius: 10, textAlign: 'center', cursor: 'pointer', minHeight: 80, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 8 }}
+          >
+            <i className={`fa-solid fa-${item.icon}`} style={{ fontSize: 24, color: 'var(--accent)' }} />
+            <span style={{ color: 'var(--ink-1)', fontFamily: 'var(--font-ui)', fontSize: 14 }}>{item.label}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  )
 }