Foodaholic – Restaurant Astro Template

The Foodaholic restaurant design, bold red on black and white, as an Astro 7.3.3 static-site project. Copy, menu 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.

• Content collections with a schema: every menu dish in menu.json (breakfast, lunch, dinner and bar, each with a price) and the recipe cards in recipes.json. Add a line and the dish appears on the menu page in the right course.
• Three pages as JSON: home, menu and recipe are src/content/pages/<page>.json. Reorder sections, change copy, swap photos; brand, navigation and footer are in site.json.
• Reservation form that opens from every page, validates name, phone, email, date, time and guests, and posts to the endpoint you set in .env (Formspree, Basin, Netlify Forms or your own).
• Two HTML emails in the same design, table-based and inline-styled for Gmail, Outlook and Apple Mail: a newsletter and a recipe-of-the-month mail.
• SEO built in: titles, descriptions, canonical URLs, Open Graph and Twitter cards, structured data, sitemap and robots.txt. Photos are resized and served as WebP by astro:assets.
• Scrollspy navigation, a navbar that turns red on scroll and smooth scrolling in vanilla JavaScript (no jQuery); Bootstrap 5, self-hosted fonts, Font Awesome icons, 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. The free HTML version of this design is on ThemeVault too; this Astro project has the same pages and look.