🎉 initial commit

src/components/site-footer.tsx

@@ -0,0 +1,16 @@
+import { Link } from '@tanstack/react-router'
+
+export function SiteFooter() {
+  return (
+    <footer className="site-footer">
+      <span className="wordmark">
+        Steakhaus <span>bei Mirko</span>
+      </span>
+      Meppener Straße 8 · 49716 Meppen · 05931 - 12750
+      <nav className="footer-nav">
+        <Link to="/">Startseite</Link>
+        <Link to="/impressum">Impressum</Link>
+      </nav>
+    </footer>
+  )
+}

src/components/site-header.tsx

@@ -0,0 +1,30 @@
+import { Link } from '@tanstack/react-router'
+
+export function SiteHeader() {
+  return (
+    <header className="site-header">
+      <Link className="wordmark" to="/">
+        Steakhaus <span>bei Mirko</span>
+      </Link>
+      <nav>
+        <ul className="site-nav">
+          <li>
+            <Link to="/" hash="reservieren">
+              Reservieren
+            </Link>
+          </li>
+          <li>
+            <Link to="/" hash="oeffnungszeiten">
+              Öffnungszeiten
+            </Link>
+          </li>
+          <li>
+            <Link to="/" hash="kontakt">
+              Kontakt
+            </Link>
+          </li>
+        </ul>
+      </nav>
+    </header>
+  )
+}