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



export const metadata: Metadata = {
  title: 'Eagle Towing St. Louis | 24/7 Emergency Tow Truck & Roadside Assistance',
  description: 'Need a tow in St. Louis, MO? Eagle Towing offers fast, reliable 24/7 emergency tow truck, roadside assistance, flatbed towing, and jump starts. Locally owned & trusted.',
  keywords: ["towing st louis, tow truck st louis, emergency towing st louis, roadside assistance st louis, 24 hour towing st louis, flatbed towing st louis, tow truck near me, st charles towing, chesterfield towing, ballwin towing"],
  openGraph: {
    "title": "Eagle Towing St. Louis | 24/7 Emergency Tow Truck & Roadside Assistance",
    "description": "Need a tow in St. Louis, MO? Eagle Towing offers fast, reliable 24/7 emergency tow truck, roadside assistance, flatbed towing, and jump starts. Locally owned & trusted.",
    "url": "https://eagletowingstl.com",
    "siteName": "Eagle Towing",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001284.jpg",
        "alt": "Heavy-duty tow truck with flashing lights at night"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "Eagle Towing St. Louis | 24/7 Emergency Tow Truck & Roadside Assistance",
    "description": "Need a tow in St. Louis, MO? Eagle Towing offers fast, reliable 24/7 emergency tow truck, roadside assistance, flatbed towing, and jump starts. Locally owned & trusted.",
    "images": [
      "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001284.jpg"
    ]
  },
  robots: {
    "index": true,
    "follow": true
  },
};

const lato = Lato({
  variable: "--font-lato",
  subsets: ["latin"],
  weight: ["100", "300", "400", "700", "900"],
});

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