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

export const metadata: Metadata = {
  title: "Holiday Deal Finder",
  description: "Search multiple sites at once for the best dates and fares",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <div className="container max-w-6xl py-6 md:py-10">
          <header className="mb-6 md:mb-10">
            <h1 className="text-2xl md:text-3xl font-extrabold tracking-tight">Holiday Deal Finder</h1>
            <p className="opacity-80">Point it at a few destinations and a date range; it builds smart links and pulls curated deal posts.</p>
          </header>
          {children}
          <footer className="mt-10 text-sm opacity-70">
            Built for your Holiday Travel App workflow. No scraping of paywalled content; links open official search UIs.
          </footer>
        </div>
      </body>
    </html>
  )
}
