<3/products/personal-site/app/

layout.tsx

import type { Metadata } from "next";
import "./workspace-fonts.css";
import "./globals.css";
import { site } from "@/lib/site";
import { socialMetadata } from "@/lib/social-metadata";

export const metadata: Metadata = {
  metadataBase: new URL(site.url),
  title: {
    default: site.name,
    template: `%s — ${site.name}`,
  },
  description: site.description,
  ...socialMetadata({ title: site.name, path: "/", image: "home" }),
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className="h-full antialiased"
    >
      <body className="min-h-full">{children}</body>
    </html>
  );
}