シンプルフッター

1import Link from "next/link";
2
3export function FooterSimple001() {
4  return (
5    <footer className="bg-background border-t border-border">
6      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
7        <div className="flex flex-col items-center justify-between gap-6 sm:flex-row">
8          {/* Logo */}
9          <Link href="#" className="flex items-center gap-3">
10            <div className="flex h-8 w-8 items-center justify-center rounded-lg border border-border bg-muted">
11              <span className="text-sm font-bold tracking-wider text-foreground">L</span>
12            </div>
13            <span className="text-lg font-semibold tracking-wide text-foreground">
14              Logo
15            </span>
16          </Link>
17
18          {/* Links */}
19          <nav className="flex items-center gap-8">
20            <Link
21              href="#"
22              className="text-sm tracking-wide text-muted-foreground transition-colors duration-200 hover:text-foreground"
23            >
24              Privacy
25            </Link>
26            <Link
27              href="#"
28              className="text-sm tracking-wide text-muted-foreground transition-colors duration-200 hover:text-foreground"
29            >
30              Terms
31            </Link>
32            <Link
33              href="#"
34              className="text-sm tracking-wide text-muted-foreground transition-colors duration-200 hover:text-foreground"
35            >
36              Contact
37            </Link>
38          </nav>
39
40          {/* Copyright */}
41          <p className="text-xs tracking-widest text-muted-foreground">
42            &copy; {new Date().getFullYear()} Company
43          </p>
44        </div>
45      </div>
46    </footer>
47  );
48}