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

const title = "Carrollton For Sale | Local Secondhand Finds";
const description = "Shop secondhand finds with shipping, Carrollton pickup, and 30-day returns.";
const metadataBase = new URL("https://www.carrollton-forsale.com");
const socialImage = new URL("/og.png", metadataBase).toString();

export const metadata: Metadata = {
  metadataBase,
  title,
  description,
  alternates: { canonical: "/" },
  icons: {
    icon: [{ url: "/favicon.svg", type: "image/svg+xml" }],
  },
  openGraph: {
    type: "website",
    url: metadataBase,
    siteName: "Carrollton For Sale",
    title,
    description,
    images: [{ url: socialImage, width: 1729, height: 910, alt: "Carrollton For Sale — Good Finds. Right Here." }],
  },
  twitter: {
    card: "summary_large_image",
    title,
    description,
    images: [socialImage],
  },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  themeColor: "#f5eedf",
};

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