Every HTML template is free to download and use on unlimited sites. See how pricing works
ThemeVault

Bistrofeast - Food & Restaurant Astro Template

Bistrofeast as an Astro 7 project — 10 pages as JSON content, 4 Markdown blog posts, 26 section components, Bootstrap 5.3, builds to plain HTML for any host.

Try the live demo

Astro Template · single-site commercial license · included with Pro

  • Astro
  • Bootstrap 5
  • HTML
  • CSS
  • JS
  • Released Sep 2026
  • v1.1 · Nov 2026
bistrofeast astro · live demo
  • 11 pages+ 1 HTML email
  • v1.1updated Nov 2026
  • 20views

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 10 pages, a Markdown blog 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 photos; brand, navigation and footer in site.json; Astro content collections with a schema
  • Blog posts in Markdown (src/content/posts/) — one file per post, drafts, an RSS feed; the blog lists update themselves
  • SEO built in: titles, descriptions, canonical URLs, Open Graph and Twitter cards, structured data, sitemap and robots.txt
  • Optimised images: photos resized and served as WebP by astro:assets, with the right size for every screen
  • 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 — set your Formspree, Basin, Netlify Forms or own endpoint in .env
  • 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.19+, strict TypeScript with npm run check, Prettier

Pages: /, /404/, /about/, /blog/, /chefs/, /contact/, /gallery/, /menu/, /reservation/, /thank-you/, /blog/<post>/. Email: email-reservation. The free HTML version of this design is on ThemeVault too — this Astro project has the same pages and look.

Pages

Every page

See all 12 pages at a glance

Each page is built and ready, including the 404 page, the thank-you page and the email.

Make it yours

Change one token, the whole site follows

Every colour, font, radius and spacing value lives in one :root block in css/style.css. Swap the brand colour and every button, link and highlight updates.

Primary#d9480f
Primary dark#b23b0c
Accent#f4b942
Ink#141210
Body#5a5550
Surface#f5f2ec
AaSpace GroteskHeadings
AaInterBody text
:root {
  --tv-primary: #d9480f;
  --tv-accent: #f4b942;
  --tv-font-heading: "Space Grotesk", system-ui, sans-serif;
  --tv-radius: .75rem;
}
Bistrofeast Astro on a phone

Tested on phones, tablets and desktops from 320 to 1440px wide.

Questions

About this template

What does the license cover?

One website, commercial use included. Read the license for the full terms.

Is Bistrofeast Astro included with Pro?

Yes. Pro includes every format of every design, with the credit link removed, for $49.00₹2,999 a year as one payment.

Will I get updates?

Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.

Are the photos included?

The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.

Subscribe Us

Keep looking

View Similar Templates

All templates
From the blog

View Blog

Live preview

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.