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



export const metadata: Metadata = {
  title: 'Mag Auto | Location de Voitures Facile et Abordable',
  description: 'Découvrez Mag Auto, votre agence de location de voitures de confiance. Louez une voiture pour chaque occasion avec notre flotte diversifiée et un service client exceptionnel. Réservez facilement en ligne.',
  keywords: ["location de voiture, agence de location, Mag Auto, louer voiture, véhicules, tarifs, réservation voiture, location de luxe, voiture économique"],
  openGraph: {
    "title": "Mag Auto | Location de Voitures Facile et Abordable",
    "description": "Découvrez Mag Auto, votre agence de location de voitures de confiance. Louez une voiture pour chaque occasion avec notre flotte diversifiée et un service client exceptionnel. Réservez facilement en ligne.",
    "url": "https://www.magauto.com",
    "siteName": "Mag Auto",
    "images": [
      {
        "url": "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg",
        "alt": "Voiture de sport rouge"
      }
    ],
    "type": "website"
  },
  twitter: {
    "card": "summary_large_image",
    "title": "Mag Auto | Location de Voitures Facile et Abordable",
    "description": "Découvrez Mag Auto, votre agence de location de voitures de confiance. Louez une voiture pour chaque occasion avec notre flotte diversifiée et un service client exceptionnel. Réservez facilement en ligne.",
    "images": [
      "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg"
    ]
  },
  robots: {
    "index": true,
    "follow": true
  },
};

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

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