FoodFries as an Astro 7 project — the one-page restaurant design and its blog article page as JSON content, 10 section components, Bootstrap 5, builds to plain HTML for any host.
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 teasers, contact cards with map and an online reservation form, plus the blog article page — as an Astro 7.3.3 static-site project: the same 2 pages, rebuilt as components and content files. No server, no database: npm run build gives you plain HTML/CSS/JS to host anywhere.
10 section components (src/components/sections/) — the template's markup as editable Astro files, one per section design (hero slider, about, tabbed menu, services + counters, chefs + testimonials, blog, contact + reservation, article, navbar, footer)
Content as JSON — the home page is src/content/pages/index.json: reorder sections, change copy, add a menu course and a tab appears, 4 chefs = 4 cards; restaurant name, address, phone, email, navigation and footer in site.json; Astro content collections with a schema
Bootstrap 5.3 (pinned) with the template's own stylesheet on top; the colours are tokens in one :root block — change the red once
Vanilla JavaScript (no jQuery): sticky navbar that turns solid on scroll, Bootstrap cross-fade hero slider and testimonials carousel, menu tabs, scrollspy navigation, count-up counters, back-to-top
Reservation form with browser validation — point its action at Formspree, Basin, Netlify Forms or your own endpoint
Self-hosted brand fonts, Font Awesome 6 icons, lazy-loaded images, 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 on every page, online documentation with screenshots
Astro 7.3.3 pinned, Node.js 22+, TypeScript-ready
Pages: /, /blog-single/ (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 pages and look; WordPress, Elementor and Next.js versions are also available.
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
