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



export const metadata: Metadata = {
  title: 'Deluxe Barbers | Precision Cuts, Premium Service in St Albans',
  description: 'Experience expert barbering, modern styles, and traditional craftsmanship at Deluxe Barbers in St Albans. Book your premium grooming appointment today.',
  keywords: ["Deluxe Barbers, Barber in St Albans, Best Barbers in St Albans, Haircuts St Albans, Skin Fade St Albans, Beard Trim St Albans, Premium Barber Shop Near Me, grooming, men's haircuts, hot towel shave, St Albans barber"],
  openGraph: {
    "title": "Deluxe Barbers | Precision Cuts, Premium Service in St Albans",
    "description": "Experience expert barbering, modern styles, and traditional craftsmanship at Deluxe Barbers in St Albans. Book your premium grooming appointment today.",
    "url": "https://www.deluxebarbers.co.uk",
    "siteName": "Deluxe Barbers",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg",
        "alt": "Barber giving a precision haircut"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "Deluxe Barbers | Precision Cuts, Premium Service in St Albans",
    "description": "Experience expert barbering, modern styles, and traditional craftsmanship at Deluxe Barbers in St Albans. Book your premium grooming appointment today.",
    "images": [
      "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg"
    ]
  },
  robots: {
    "index": true,
    "follow": true
  },
};

const mulish = Mulish({
  variable: "--font-mulish",
  subsets: ["latin"],
});

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