import type { Metadata } from "next";

const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://drivehub.in";

export const metadata: Metadata = {
  title: "Compare Cars Side by Side — Specs, Prices & Expert Verdict | DriveHub",
  description:
    "Compare up to 4 new cars side by side. Analyse prices, engine specs, fuel efficiency, features and get an expert recommendation.",
  openGraph: {
    title: "Compare Cars Side by Side | DriveHub",
    description:
      "Select up to 4 cars and compare their full specifications, prices, and features. Get an expert verdict on which car to buy.",
    type: "website",
    url: `${SITE_URL}/compare`,
    siteName: "DriveHub",
  },
  twitter: {
    card: "summary_large_image",
    title: "Compare Cars Side by Side | DriveHub",
    description: "Compare up to 4 cars and get an expert verdict on the best pick.",
  },
  alternates: {
    canonical: `${SITE_URL}/compare`,
  },
};

export default function CompareLayout({ children }: { children: React.ReactNode }) {
  return <>{children}</>;
}