Modern restaurant and café website template: dark hero with a specials board, tabbed menu, online reservation form, gallery, chefs, blog and email — as an Astro 7.3.3 static-site project: the same 11 pages and 1 HTML email, rebuilt as components and content files. No server, no database: npm run build gives you plain HTML/CSS/JS to host anywhere.
26 section components (src/components/sections/) — the template's markup as editable Astro files, one per section design
Content as JSON — every page is src/content/pages/<page>.json: reorder sections, change copy, swap image keys; brand, navigation and footer in site.json; Astro content collections with a schema
Bootstrap 5 (pinned) with the template's own stylesheet on top; design tokens in one :root block — change a colour, font or radius once
Vanilla JavaScript (no jQuery): sticky header that compacts on scroll, hero slider — slide or cross-fade mode, autoplay, swipe, arrows, dots, thumbnails, tabs, lightbox gallery, testimonials slider, working forms with validation + success state
Working forms with validation and a success state — point them at Formspree, Basin, Netlify Forms or your own endpoint
Self-hosted fonts, inline Tabler icons, the free-licence stock photos with credits, WCAG-minded markup, responsive 320–1440 px
Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host; README with the exact steps, CONTENT.md listing every slot on every page, online documentation with screenshots
Astro 7.3.3 pinned, Node.js 22+, TypeScript-ready
Pages: /, /404/, /about/, /blog/, /blog-single/, /chefs/, /contact/, /gallery/, /menu/, /reservation/, /thank-you/. Email: email-reservation. The free HTML version of this design is on ThemeVault too — this Astro project has the same pages and look.
Features
Template Type:
Premium
Compatible Browsers:
Opera, Firefox, Google Chrome
Link hover effetcs:
Yes
Coding:
HTML 5, CSS 3, Bootstrap 5
Forms:
Reservation Form, Newsletter Subscription, Search Form, Contact Form, Subscribe Form
Additional Features:
Scrollreveal Effect, Masonry Image Grid, Light box, Counter, Gallery, Favicon, Stick To Top, Responsive Design, Social Links, Google Web Fonts, Back To Top Button
