// Temporary pre-launch notice. Remove this component and its import in
// app/layout.tsx once the service is open for production use.
// Background is set inline so it renders regardless of Tailwind theme wiring.
export function SiteBanner() {
  return (
    <div
      style={{ backgroundColor: '#6366f1' }}
      className="border-b border-[#4f46e5] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white"
    >
      <span className="font-semibold uppercase tracking-wide">Preview</span>
      <span className="px-1.5 opacity-70">·</span>
      BuildMyMCPServer is not yet open for production use — sign-ups, server generation and billing
      are still being finalised, and data may be reset.
    </div>
  );
}