import type { Metadata } from "next";
import { Plus_Jakarta_Sans } from "next/font/google";
import { homepage } from "@/marketing/content/homepage";
import { JustineNav } from "@/marketing/components/justine/JustineNav";
import { JustineFooter } from "@/marketing/components/justine/JustineFooter";
import "../styles/justine/01-homepage.css";

const justineJakarta = Plus_Jakarta_Sans({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700", "800"],
  variable: "--font-justine-jakarta",
  display: "swap",
});

export const metadata: Metadata = {
  title: homepage.meta.title,
  description: homepage.meta.description,
  openGraph: {
    title: homepage.meta.title,
    description: homepage.meta.description,
    url: "https://www.vibnai.com",
    siteName: "VIBN",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: homepage.meta.title,
    description: homepage.meta.description,
  },
};

export default function JustineLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div
      data-justine
      className={`${justineJakarta.variable} flex min-h-screen flex-col`}
    >
      <JustineNav />
      <main>{children}</main>
      <JustineFooter />
    </div>
  );
}