import type * as next from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "../styles/globals.css";
import { Providers } from "../components/Providers";
import Navbar from "../components/Navbar";
import Footer from "../components/Footer";
import CookieConsentModal from "../components/CookieConsentModal";

const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"] });
const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"] });

export const metadata: next.Metadata = {
  metadataBase: new URL("https://www.nordicstorium.se"),
  title: "Nordic Storium – Kvalitetsmöbler till konkurspriser",
  description:
    "Nordic Storium säljer kontorsmöbler, stolar och inredning från konkursbon och företag. Hög kvalitet till låga priser. Fri frakt nära Stockholm.",
  keywords: [
    "kontorsmöbler",
    "begagnade möbler",
    "konkursbon möbler",
    "kontorsstolar",
    "möbler Stockholm",
    "billiga möbler",
    "kvalitetsmöbler",
  ],
  icons: {
    icon: [
      { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
      { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
    ],
    apple: "/apple-touch-icon.png",
  },
  manifest: "/site.webmanifest",
  openGraph: {
    title: "Nordic Storium – Kvalitetsmöbler till konkurspriser",
    description:
      "Kvalitetsmöbler till oslagbara priser. Vi köper in möbler från konkursbon och företag.",
    url: "https://www.nordicstorium.se",
    siteName: "Nordic Storium",
    images: ["/android-chrome-512x512.png"],
    locale: "sv_SE",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "Nordic Storium – Kvalitetsmöbler till konkurspriser",
    description:
      "Köp kontorsmöbler, stolar och inredning från konkursbon. Hög kvalitet till låga priser.",
    images: ["/android-chrome-512x512.png"],
  },
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="sv" suppressHydrationWarning>
      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
        <Providers>
          <Navbar />
          <main>{children}</main>
          <Footer />
          <CookieConsentModal />
        </Providers>
      </body>
    </html>
  );
}