Kitchups – Family Restaurant Astro Template

The Kitchups family-restaurant design, in tomato red, butter yellow and basil green, as an Astro 7.3.3 static-site project. Copy, the menu, the kitchen team and contact details live in content files; npm run build gives you plain HTML, CSS and JS to host anywhere, with no server and no database.

• The menu as a content collection with a schema: every course and dish in menu.json, with prices and vegetarian, gluten-free and kids' badges. The menu page builds its course filters from it, and the dishes you mark featured become the photo cards on the home page, so a price changes in one place.
• Journal posts in Markdown: three posts to start from, each with its own page, a byline with the chef's photo, tags, a side card of the other posts and an RSS feed.
• The kitchen team as a collection (chefs.json): name, role, photo and a line about each chef.
• Home page with a photo-and-colour-panel hero, menu cards with hanging price tags, a swipeable film-strip gallery with a full-size viewer, the dining room, the chefs and the latest posts; plus a full menu page, contact page with map, 404 page and nine component pages.
• Table booking, contact and newsletter forms with date, time and guest pickers and validation, posting to the endpoint you set in .env (Formspree, Basin, Getform, Netlify Forms or your own). Three matching HTML emails are included: reservation confirmation, contact auto-reply and newsletter welcome.
• SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data, sitemap and robots.txt. Photos are resized and served as WebP by astro:assets.
• Bootstrap 5 with every behaviour in vanilla JavaScript (no jQuery), self-hosted fonts, Font Awesome 6, strict TypeScript with npm run check. Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host.

Includes a README, a CONTENT guide to every file and field, and an online documentation page with screenshots. Photos in the download are blurred placeholders for your own.