cooking/app/layout.tsx
2026-02-08 23:12:47 -08:00

38 lines
1.0 KiB
TypeScript

import type { Metadata } from "next";
import "./globals.css";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export const metadata: Metadata = {
title: "Cooking - Recipe Collection",
description: "A content-first recipe site with delicious recipes and cooking tips",
keywords: ["recipes", "cooking", "food", "kitchen"],
authors: [{ name: "Cooking" }],
openGraph: {
type: "website",
locale: "en_US",
url: "https://cooking.example.com",
siteName: "Cooking",
title: "Cooking - Recipe Collection",
description: "A content-first recipe site with delicious recipes and cooking tips",
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className="flex flex-col min-h-screen">
<Header />
<main className="flex-1 max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8">
{children}
</main>
<Footer />
</body>
</html>
);
}