import type { ReactNode } from "react";
import { Cormorant_Garamond, Noto_Serif } from "next/font/google";
import { JsonLd } from "@/components/JsonLd";
import { SiteFooter } from "@/components/SiteFooter";
import { SiteHeader } from "@/components/SiteHeader";
import { fetchPublicSiteFooter, fetchPublicSiteMenu } from "@/lib/site-content";
import { getSiteOrigin } from "@/lib/site";
import "./globals.css";
const display = Cormorant_Garamond({
subsets: ["latin", "vietnamese"],
weight: ["400", "600", "700"],
variable: "--font-ctkp-display",
display: "swap",
});
const serif = Noto_Serif({
subsets: ["latin", "vietnamese"],
weight: ["400", "500", "600"],
variable: "--font-ctkp-serif",
display: "swap",
});
const siteOriginForMetadata = getSiteOrigin();
export const metadata = {
...(siteOriginForMetadata ? { metadataBase: new URL(siteOriginForMetadata) } : {}),
title: {
default: "Cổ Thư Kỳ Phổ",
template: "%s · Cổ Thư Kỳ Phổ",
},
description:
"Cổ Thư Kỳ Phổ — sổ chữ xưa, lá số và quẻ Dịch; mời đọc chậm, chiêm nghiệm ôn hòa.",
openGraph: {
type: "website",
locale: "vi_VN",
siteName: "Cổ Thư Kỳ Phổ",
title: "Cổ Thư Kỳ Phổ",
description:
"Sổ chữ xưa, lá số Tử Vi và quẻ Dịch — mời đọc chậm, chiêm nghiệm ôn hòa.",
},
};
export default async function RootLayout({ children }: { children: ReactNode }) {
const siteOrigin = getSiteOrigin();
const [cmsMenu, cmsFooter] = await Promise.all([
fetchPublicSiteMenu(),
fetchPublicSiteFooter(),
]);
return (
{siteOrigin ? (
) : null}
{children}
{process.env.NODE_ENV === "development" &&
!process.env.NEXT_PUBLIC_API_BASE_URL?.trim() ? (
Chưa có NEXT_PUBLIC_API_BASE_URL — sao chép{" "}
.env.example thành{" "}
.env.local, trỏ tới backend (ví dụ{" "}
http://localhost:3000), rồi chạy lại{" "}
npm run dev.
) : null}
);
}