Sitewright

Restaurant landing page

Hero with a rotating plate and steam, working menu tabs, validated reservation form with confirmation, opening hours and a reviews carousel.

What it is for

restaurant, cafe or venue landing page

Add it to a site

1 · site.json
"effects": { "templates": ["restaurant-landing-page"] }
or on the command line
node ~/.claude/skills/sitewright/scripts/scaffold.mjs --config site.json --out ./my-site --templates restaurant-landing-page
2 · import it
import RestaurantLandingPage from '@/components/fx/tpl/RestaurantLandingPage';

Files

  • components/fx/tpl/RestaurantLandingPage.tsx
  • components/fx/tpl/_shared.tsx
  • ui-restaurant-landing-page.css styles

About it

Idea from code.xr; the code is written for this kit. Demo data is fictional and deterministic. Every control on the page works, so try it before you take it.

It answers its own width rather than the screen's, so the tablet and phone buttons show the real responsive behaviour. Templates are not components: they are chosen with templates, not components.