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 { Montserrat } } from "next/font/google";
import { Inter } } from "next/font/google";



export const metadata: Metadata = {
  title: 'MESUAKA | Bespoke Bar Service for Unforgettable Events',
  description: 'MESUAKA offers premium mobile bar services, crafting custom cocktails and delivering professional mixology for weddings, corporate events, and private parties. Elevate your event with our expert bartenders and tailored beverage experiences.',
  keywords: ["bar service, mobile bar, cocktail catering, event bar, private events, wedding bar, corporate events, mixology, bespoke cocktails, MESUAKA"],
  openGraph: {
    "title": "MESUAKA | Bespoke Bar Service for Unforgettable Events",
    "description": "MESUAKA offers premium mobile bar services, crafting custom cocktails and delivering professional mixology for weddings, corporate events, and private parties.",
    "url": "https://www.mesuaka.com",
    "siteName": "MESUAKA",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/fruit-juice-with-lemon-slice-cinnamon_140725-44198.jpg",
        "alt": "Luxurious bar service setup"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "MESUAKA | Bespoke Bar Service for Unforgettable Events",
    "description": "MESUAKA offers premium mobile bar services, crafting custom cocktails and delivering professional mixology for weddings, corporate events, and private parties.",
    "images": [
      "http://img.b2bpic.net/free-photo/fruit-juice-with-lemon-slice-cinnamon_140725-44198.jpg"
    ]
  },
  robots: {
    "index": true,
    "follow": true
  },
};

const montserrat = Montserrat({
  variable: "--font-montserrat",  subsets: ["latin"],
});
const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
});

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