import type { Metadata } from "next";
import "./globals.css";
import { SiteHeader } from "@/components/site-header";
import { SiteFooter } from "@/components/site-footer";
import { WelcomePopup } from "@/components/welcome-popup";

export const metadata: Metadata = {
  metadataBase: new URL("https://moved.live"),
  title: { default: "moved.live — Stories, now in motion", template: "%s — moved.live" },
  description: "Turn scripts, ideas and images into cinematic video concepts with a clear, creator-first workflow.",
  openGraph: { title: "moved.live", description: "Stories, now in motion.", type: "website", images: ["/generated/images/cinematic-city.webp"] }
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return <html lang="en" data-scroll-behavior="smooth"><body><SiteHeader /><main>{children}</main><SiteFooter /><WelcomePopup /></body></html>;
}
