import type { Metadata } from "next";
import { absoluteSiteUrl, getSiteBaseUrl } from "./lib/seo";

const brandImage = absoluteSiteUrl("/og");
import "../tokens.css";
import "./globals.css";

export const metadata: Metadata = {
  metadataBase: getSiteBaseUrl() ?? undefined,
  title: { default: "JUNX DESIGN — Thiết kế hình ảnh nổi bật", template: "%s | JUNX DESIGN" },
  description: "Khám phá portfolio thiết kế đồ họa JUNX DESIGN: ảnh bìa, banner và hình ảnh thương hiệu được sáng tạo chỉn chu.",
  applicationName: "JUNX DESIGN",
  robots: { index: true, follow: true, googleBot: { index: true, follow: true, "max-image-preview": "large", "max-snippet": -1, "max-video-preview": -1 } },
  openGraph: {
    type: "website",
    locale: "vi_VN",
    siteName: "JUNX DESIGN",
    title: "JUNX DESIGN — Thiết kế hình ảnh nổi bật",
    description: "Khám phá portfolio thiết kế đồ họa JUNX DESIGN: ảnh bìa, banner và hình ảnh thương hiệu được sáng tạo chỉn chu.",
    ...(absoluteSiteUrl("/") ? { url: absoluteSiteUrl("/") } : {}),
    images: brandImage ? [{ url: brandImage, width: 1200, height: 630, alt: "JUNX DESIGN — Thiết kế hình ảnh nổi bật" }] : [],
  },
  twitter: {
    card: "summary_large_image",
    title: "JUNX DESIGN — Thiết kế hình ảnh nổi bật",
    description: "Khám phá portfolio thiết kế đồ họa JUNX DESIGN.",
    images: brandImage ? [brandImage] : [],
  },
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="vi">
      <body>{children}</body>
    </html>
  );
}