mycopunk-swag-store/frontend/app/layout.tsx

47 lines
1.4 KiB
TypeScript

import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Mycopunk Swag Store",
description: "Mycelial merchandise for the decentralized future",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body className={inter.className}>
<div className="min-h-screen flex flex-col">
<header className="border-b">
<div className="container mx-auto px-4 py-4 flex items-center justify-between">
<a href="/" className="text-xl font-bold text-primary">
Mycopunk Swag
</a>
<nav className="flex items-center gap-6">
<a href="/products" className="hover:text-primary">
Products
</a>
<a href="/cart" className="hover:text-primary">
Cart
</a>
</nav>
</div>
</header>
<main className="flex-1">{children}</main>
<footer className="border-t py-6">
<div className="container mx-auto px-4 text-center text-muted-foreground">
<p>&copy; 2026 Mycopunk. Build tools, not empires.</p>
</div>
</footer>
</div>
</body>
</html>
);
}