import LogoGenerator from "@/components/public/logo-generator";
import { ContentCard } from "@/components/public/ui";
import { resolveHotelName } from "@/lib/hotel-name";

export const metadata = { title: "Logo generator" };

/**
 * Public logo generator (AtomCMS logo-generator.blade). Server wrapper that
 * renders the atom-styled ContentCard header and hands off to the fully
 * client-side <LogoGenerator>, which does all styling, live preview, and PNG
 * export in the browser (no server data, no DB).
 */
export default async function LogoPage() {
	const initialText = await resolveHotelName();
	return (
		<main
			style={{
				display: "grid",
				gap: "1.5rem",
				maxWidth: 920,
				margin: "0 auto",
			}}
		>
			<ContentCard
				icon="🎨"
				title="Logo generator"
				subtitle="Design a logo for your hotel — pick a font, colours and size, then download it as a PNG."
			/>

			<LogoGenerator initialText={initialText} />
		</main>
	);
}