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: 'Eaglex Roofing & Restoration | Baton Rouge Roofing Company',
  description: 'Trusted roofing and storm damage restoration services in Baton Rouge, LA. Get a free inspection for roof repair, replacement, or storm damage.',
  keywords: ["Roofing Company Baton Rouge LA, Baton Rouge Roof Repair, Baton Rouge Roof Replacement, Roofing Contractor Baton Rouge, Storm Damage Roofing Louisiana, Emergency Roof Repair Baton Rouge, Residential Roofing Baton Rouge, Commercial Roofing Baton Rouge, Louisiana Roofing Company, Roof Inspection Baton Rouge"],
  openGraph: {
    "title": "Eaglex Roofing & Restoration | Baton Rouge Roofing Company",
    "description": "Trusted roofing and storm damage restoration services in Baton Rouge, LA. Get a free inspection for roof repair, replacement, or storm damage.",
    "url": "https://www.eaglexroofing.com",
    "siteName": "Eaglex Roofing & Restoration",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg",
        "alt": "Beautiful Louisiana home with a newly installed roof"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "Eaglex Roofing & Restoration | Baton Rouge Roofing Company",
    "description": "Trusted roofing and storm damage restoration services in Baton Rouge, LA. Get a free inspection for roof repair, replacement, or storm damage.",
    "images": [
      "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.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>
  );
}
