feat: Implement initial website structure with core pages, layout, and reusable UI components, alongside ESLint configuration and SEO setup.

2026-01-30 14:45:52 +01:00
parent f0e917ef5d
commit f1cb4ef2cc
20 changed files with 6800 additions and 19 deletions
@@ -0,0 +1,97 @@
+import Link from "next/link";
+import { Mail, Phone, MapPin } from "lucide-react";
+
+const NAV_LINKS = [
+  { href: "/", label: "Startseite" },
+  { href: "/über-uns", label: "Über Uns" },
+  { href: "/leistungen", label: "Leistungen" },
+  { href: "/studio", label: "Studio" },
+  { href: "/aktuelles", label: "Aktuelles" },
+] as const;
+
+export function Footer() {
+  return (
+    <footer className="bg-primary text-secondary" role="contentinfo">
+      <div
+        className="mx-auto px-[var(--spacing-container-padding)] py-16"
+        style={{ maxWidth: "var(--spacing-container)" }}
+      >
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-12">
+          <div>
+            <p className="text-xl font-bold tracking-tight mb-4">SPORTBOX</p>
+            <p className="text-sm text-secondary/70 leading-relaxed">
+              Ihr Fitnessstudio in Reutte für individuelle Trainingspläne
+              und persönliche Betreuung.
+            </p>
+          </div>
+
+          <div>
+            <p className="text-sm font-bold uppercase tracking-widest mb-4">
+              Navigation
+            </p>
+            <nav aria-label="Footer-Navigation">
+              <ul className="space-y-2">
+                {NAV_LINKS.map((link) => (
+                  <li key={link.href}>
+                    <Link
+                      href={link.href}
+                      className="text-sm text-secondary/70 transition-colors hover:text-secondary"
+                    >
+                      {link.label}
+                    </Link>
+                  </li>
+                ))}
+              </ul>
+            </nav>
+          </div>
+
+          <div>
+            <p className="text-sm font-bold uppercase tracking-widest mb-4">
+              Kontakt
+            </p>
+            <address className="not-italic space-y-3">
+              <a
+                href="mailto:kontakt@sportbox-reutte.at"
+                className="flex items-center gap-2 text-sm text-secondary/70 transition-colors hover:text-secondary"
+              >
+                <Mail size={16} aria-hidden="true" />
+                kontakt@sportbox-reutte.at
+              </a>
+              <a
+                href="tel:+43123456789"
+                className="flex items-center gap-2 text-sm text-secondary/70 transition-colors hover:text-secondary"
+              >
+                <Phone size={16} aria-hidden="true" />
+                +43 123 456 789
+              </a>
+              <p className="flex items-center gap-2 text-sm text-secondary/70">
+                <MapPin size={16} aria-hidden="true" />
+                Reutte, Tirol, Österreich
+              </p>
+            </address>
+          </div>
+        </div>
+
+        <div className="mt-12 pt-8 border-t border-secondary/20 flex flex-col sm:flex-row items-center justify-between gap-4">
+          <p className="text-xs text-secondary/50">
+            &copy; {new Date().getFullYear()} Sportbox Reutte. Alle Rechte vorbehalten.
+          </p>
+          <div className="flex items-center gap-6">
+            <Link
+              href="/impressum"
+              className="text-xs text-secondary/50 transition-colors hover:text-secondary"
+            >
+              Impressum
+            </Link>
+            <Link
+              href="/datenschutz"
+              className="text-xs text-secondary/50 transition-colors hover:text-secondary"
+            >
+              Datenschutz
+            </Link>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}