The ingredients.
Hotbird is a restaurant concept built in Next.js and React. Menu and prices are illustrative; the bag is a local demo.
Real source components
- React Bits Tilted Card: pointer-responsive food cards, restrained tilt, disabled for reduced motion.
- React Bits Flowing Menu: image-reveal category selection integrated directly into the product menu. Decorative borders removed; repeated imagery hidden from assistive technology; static links for reduced motion.
- shadcn Sheet: accessible slide-out bag with title, description, focus handling and dismissal.
- shadcn Toggle Group: original menu category control, now superseded by the integrated Flowing Menu.
- shadcn Button: menu and bag controls.
Icons & custom media
Solar icons by 480 Design, delivered through Iconify. Licensed under CC BY 4.0. A bundled subset is used locally, including the sheet close icon.
Grok Imagine generated the six-second buffalo wing and sauce film. It is muted, softly masked into the hero background, and does not autoplay for reduced-motion users. The visible playback button was removed in the review.
Imagegen generated the buffalo tray, transparent honey BBQ wings, and parmesan fries. Images are illustrative, not exact portion-count photography.
The page composition, typography, brand and menu copy are custom. This design adapts the actual component implementations listed above; it does not claim to copy a reference restaurant layout.
Source licenses are retained in the project’s references folder.