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



export const metadata: Metadata = {
  title: 'Orlando Roofing Pros | Quality Roofing Services in Central Florida',
  description: 'Expert residential and commercial roofing services in Orlando, FL. Get a free estimate for repairs, replacements, and new installations from trusted local roofers.',
  keywords: ["Orlando roofing, roofing company Orlando, roof repair Orlando, new roof Orlando, commercial roofing Florida, residential roofing Orlando, roofing estimate Orlando, best roofers Orlando, Orlando FL roof, roof replacement, storm damage repair, licensed roofer"],
  openGraph: {
    "title": "Orlando Roofing Pros | Quality Roofing Services in Central Florida",
    "description": "Expert residential and commercial roofing services in Orlando, FL. Get a free estimate for repairs, replacements, and new installations from trusted local roofers.",
    "url": "https://www.orlandoroofingpros.com",
    "siteName": "Orlando Roofing Pros",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
        "alt": "Professional roofer working on a new roof installation"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "Orlando Roofing Pros | Quality Roofing Services in Central Florida",
    "description": "Expert residential and commercial roofing services in Orlando, FL. Get a free estimate for repairs, replacements, and new installations from trusted local roofers.",
    "images": [
      "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg"
    ]
  },
  robots: {
    "index": true,
    "follow": true
  },
};

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

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