FoodFries – Restaurant Astro Template
FoodFries as an Astro 7 project — the one-page restaurant design as named JSON content, 3 Markdown blog posts with their own pages, 9 section components, Bootstrap 5, 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
- 3 pagesin the live demo
- v1.1updated Nov 2026
- 21views
The FoodFries one-page restaurant design — transparent header that turns red on scroll, cross-fade hero slider, tabbed food menu, services, animated counters, chef team, testimonials, blog, contact cards with map and an online reservation form — as an Astro 7.3.3 static-site project, with a page for every blog post. No server, no database: npm run build gives you plain HTML/CSS/JS to host anywhere.
- Content in named JSON — the home page is
src/content/pages/index.json: the menu is courses of dishes (name, old price, price), add a course and a tab appears; services, chefs and testimonials are lists; restaurant name, menu links, address, phone, email, socials, hero slides and footer once insite.json - Blog posts in Markdown (
src/content/posts/) — one file per post with its own page, three posts written in full, an RSS feed; the home page shows the newest automatically - 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 - 9 section components (
src/components/sections/) with the template's own markup; Bootstrap 5.3 (pinned) with the template's stylesheet on top, colours as tokens in one:rootblock - Vanilla JavaScript (no jQuery): sticky navbar that turns solid on scroll, cross-fade hero slider and testimonials carousel, menu tabs, scrollspy navigation, count-up counters, back-to-top
- Reservation form with validation and a success message — set your Formspree, Basin, Netlify Forms or own endpoint in
.env - Self-hosted brand fonts, Font Awesome 6 icons, labelled controls and landmarks, 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, online documentation with screenshots
- Astro 7.3.3 pinned, Node.js 22.19+, strict TypeScript with
npm run check, Prettier
Pages: /, /blog/<post>/ (and /home/ → / for the HTML template's old address). The free HTML version of this design is on ThemeVault too — this Astro project has the same look; WordPress, Elementor and Next.js versions are also available.
Pages
Features
| Template Type | Premium |
|---|---|
| Compatible Browsers | Opera, Firefox, Google Chrome |
| Banner Slider | Bootstrap Carousel |
| Link hover effetcs | Yes |
| Coding | HTML 5, CSS 3 |
| Forms | Contact Form |
| Additional Features | Google Map, Counter, Favicon, Stick To Top, Responsive Design, Social Links, Back To Top Button |
| Image Sources | Freepik, Flaticon, Pixabay |
| WordPress Theme? | No |
| HTML Template? | No |
| Next.js Template? | No |
| Pages | Blog |
| Astro Template? | Yes |
What’s new
v1.1Nov 2026
- Rebuilt on the ThemeVault Astro standard: SEO head (canonical, Open Graph, JSON-LD), sitemap, robots.txt and RSS; photos optimised to responsive WebP by astro:assets; blog posts as Markdown files with a page each (three posts written in full) and the home page showing the newest; content in named JSON (menu courses and dishes, services, chefs, testimonials; address, socials and hero in site.json); reservation form endpoint set in .env; strict TypeScript with npm run check, Prettier; new README and CONTENT.md. Same design.
v1.0Sep 2026
- Initial release: the FoodFries HTML template (v2.0) as an Astro 7.3.3 project (10 section components, JSON content collections, Bootstrap 5.3).
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Download Details
- Published
- September 22, 2026
- Categories
- Food & Restaurant
- Tags
- BlogCafeteriaCounterFood websiteOne pagePremiumReservationRestaurantWeb Templatebakery
Source
- Astro
- Bootstrap 5
- HTML
- CSS
- JS
- TypeScript
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Single-site license; see full terms. Read the license.
Reviews
No reviews yet — be the first to review this template.
Every page
See all 3 pages at a glance
Each page is built and ready, as it looks in the live demo.
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.
Fs dark#282828
Fs body#111111
Fs muted#888888
Fs red#cc050c
Fs yellow#fdb913
Fs line#e5e5e5
AagraviolaregularHeadings
:root {
--fs-dark: #282828;
--fs-radius: 4px;
}
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 FoodFries 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
All templatesView Similar Templates
FoodFries Next.js
$29.00₹1,499Blog, Food & Restaurant, Landing Page, One page, Admin
- WordPress
- Next.js
- Astro
FoodFries WordPress
$19.00₹999Blog, Business & Services, Food & Restaurant, Landing Page, One page
- WordPress
- Next.js
- Astro
From the blog
View Blog
- Web Development
- November 03, 2026
Astro vs Next.js for a Business or Marketing Website (2026)
We built the same restaurant website in Astro and in Next.js with an admin panel, then measured both. Where Astro wins, where Next.js wins, and how to choose.
- Wordpress
- Web Development
- November 03, 2026
HTML Template to WordPress: Convert It Yourself or Use a WordPress Version?
We turned our Bistrofeast HTML template into a WordPress theme by hand. Every step, the mistakes, how long it took, and when a WordPress version saves you days.
- Wordpress
- Web Development
- November 02, 2026
How to Install an Elementor Template Kit (2026 Guide)
We installed the same kit both ways on a clean WordPress site. Where each kind of kit goes, the steps people miss, and what to do when it looks wrong.