import type { Metadata } from 'next';
import ScreenDisplay from '@/components/ScreenDisplay';

export const metadata: Metadata = {
  title: 'Shahi Kitchen | Display Screen 1',
  description: 'In-restaurant menu visualization — Screen 1',
  robots: {
    index: false,
    follow: false,
  },
};

export default function Screen1Page() {
  // Early inline script: ensures html/body get kiosk no-scrollbar rules BEFORE React hydrates.
  // Makes screen1 a perfectly clean full-window display (no web browser scrollbar) even on first paint / F11.
  // Pairs with the .screen-root + useEffect in ScreenDisplay for robustness.
  return (
    <>
      <script
        dangerouslySetInnerHTML={{
          __html: `(function(){var h=document.documentElement,b=document.body;h.classList.add('screen-kiosk');b.classList.add('screen-kiosk');h.style.overflow='hidden';b.style.overflow='hidden';})();`,
        }}
      />
      <ScreenDisplay screen={1} />
    </>
  );
}