36a1adf4d7
All checks were successful
Deploy to Production / deploy (push) Successful in 53s
White on #6366f1 was 4.47:1 — just under the 4.5:1 minimum for small text (Lighthouse a11y flag). Darkened the banner to #4f46e5 (6.3:1). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
18 lines
803 B
TypeScript
18 lines
803 B
TypeScript
// Temporary pre-launch notice. Remove this component and its import in
|
|
// app/layout.tsx once the service is open for production use.
|
|
// Background is #4f46e5 (not the #6366f1 accent) so white text clears the
|
|
// WCAG AA 4.5:1 contrast ratio for this small text — #6366f1 fell just short.
|
|
export function SiteBanner() {
|
|
return (
|
|
<div
|
|
style={{ backgroundColor: '#4f46e5' }}
|
|
className="border-b border-[#4338ca] 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">·</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>
|
|
);
|
|
}
|