import type { Metadata } from "next";
import "./globals.css";

const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://beatmycarquote.com";

export const metadata: Metadata = {
  metadataBase: new URL(siteUrl),
  title: {
    default: "Beat My Car Quote | Independent vehicle price research",
    template: "%s | Beat My Car Quote",
  },
  description:
    "For CAD $50, get independent vehicle price research and the dealer location offering the best available deal we find.",
  icons: { icon: "/favicon.svg", shortcut: "/favicon.svg", apple: "/brand-icon.svg" },
  openGraph: {
    type: "website",
    url: siteUrl,
    siteName: "Beat My Car Quote",
    title: "The car you want. A price you’ll like.",
    description: "Independent vehicle price research delivered within two business days.",
    images: [{ url: `${siteUrl}/og.png`, width: 1200, height: 630, alt: "Beat My Car Quote" }],
  },
  twitter: {
    card: "summary_large_image",
    title: "The car you want. A price you’ll like.",
    description: "Independent vehicle price research delivered within two business days.",
    images: [`${siteUrl}/og.png`],
  },
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}