import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Nunito_Sans } from "next/font/google";



export const metadata: Metadata = {
  title: 'Zayn Bloom | Find the Perfect Name for Your Child',
  description: 'Zayn Bloom helps you discover thousands of baby names, filtered by meaning, origin, and style. Our app makes finding unique and meaningful names joyful and easy for new parents. Download today!',
  openGraph: {
    "title": "Baby Namer App | Find the Perfect Name",
    "description": "Discover thousands of baby names, filtered by faith, origin, and meaning. Our app makes finding unique and meaningful names joyful and easy for new parents.",
    "url": "/",
    "siteName": "Baby Namer App",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/joyful-father-holds-his-pretty-little-son-green-sweater_1304-3042.jpg",
        "alt": "Happy diverse family looking at a tablet with baby names"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "Baby Namer App | Find the Perfect Name",
    "description": "Discover thousands of baby names, filtered by faith, origin, and meaning. Our app makes finding unique and meaningful names joyful and easy for new parents.",
    "images": [
      "http://img.b2bpic.net/free-photo/joyful-father-holds-his-pretty-little-son-green-sweater_1304-3042.jpg"
    ]
  },
};

const nunitoSans = Nunito_Sans({
  variable: "--font-nunito-sans",
  subsets: ["latin"]
});

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body className={`${nunitoSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
              dangerouslySetInnerHTML={{
                  __html: `${getVisualEditScript()}`
              }}
          />
        </body>
      </ServiceWrapper>
    </html>
  );
}
