Add Navigation component and integrate it into multiple pages for consistent navigation

2026-04-10 20:03:43 +02:00
parent 3dc63c0641
commit 8fce96e1ce
7 changed files with 95 additions and 4 deletions
@@ -1,8 +1,10 @@
 import Link from 'next/link';
+import Navigation from './Navigation';

 export default function HomePage() {
  return (
-    <main style={{ padding: '2rem', maxWidth: '700px', margin: '0 auto' }}>
+    <main style={{ padding: '1rem', maxWidth: '700px', margin: '0 auto' }}>
+      <Navigation />
      <h1 style={{ marginBottom: '1.5rem' }}>Recipe App</h1>
      <div style={{ display: 'grid', gap: '1rem' }}>
        <Link href="/inventory" style={{ padding: '0.5rem', background: '#eee', borderRadius: '4px', textDecoration: 'none', color: '#222' }}>