Single-page structure with sections including Hero, menu, about, hours and location, contact/reservations, and footer
AstroCorporate Website
small-business-template — Astro Business Template
By SeekerErebus
A single-page restaurant website template built with Astro and Tailwind CSS, including sections for menu, hours and location, and a contact/reservation form, with native JavaScript for navigation toggling and scroll animations.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-14View source
What stands out
A quick read of the recorded project description.
Menu categorized into Starters, Mains, and Desserts with prices
Uses Astro and Tailwind CSS, with interactions using only native JavaScript and no frontend framework
Responsive layout with a mobile hamburger menu and adaptive grid
Scroll reveal animations based on Intersection Observer, with the sticky navigation changing background blur and shadow on scroll
Includes SEO-related settings: meta tags, Open Graph, canonical URL, and semantic HTML
Template Details
This template is a single-page restaurant website template built with Astro and Tailwind CSS, aimed at small businesses that need to quickly launch an online presence. The README states that the page consists of sections including Hero, Menu, About, Hours & Location, Contact/Reservations, and Footer. The menu is categorized into Starters, Mains, and Desserts with prices, and there is also a quote section for customer or media testimonials.
Styling uses a warm stone and amber color palette, with Inter (sans-serif) and Playfair Display (serif) fonts loaded via Google Fonts. Colors can be modified in the @theme block in src/styles/global.css. Interactions use native JavaScript to implement a mobile hamburger menu, scroll-aware background blur and shadow transitions for the sticky navigation, and Intersection Observer-based scroll fade-in and slide effects.
Forms and maps need to be integrated by the user: the reservation form uses Formspree, and you need to replace YOUR_FORM_ID in the form action with your own endpoint; Google Maps is a placeholder, and you need to uncomment the iframe and fill in the embed URL. Images are also placeholder containers and need to be replaced with actual photos. The README does not provide information about a backend, database, multilingual support, or a CMS.
AstroCorporate website
Is it right for your project?
Use Cases
- Building a single-page showcase website for a restaurant or small food business
- Using as a starter template for an Astro + Tailwind CSS project for further development
- Static marketing pages that need mobile adaptation and scroll animations
- Demonstrating where to integrate a Formspree form and a Google Maps embed
Suitable For
- Developers familiar with Astro or willing to follow the README steps to run npm commands
- Teams that need to quickly build a single-page restaurant website and replace the copy and images themselves
- Projects that want to use static output and deploy to Vercel, Netlify, or Cloudflare Pages
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, run npm install, then run npm run dev; the development server is at localhost:4321
- 2
The build command is npm run build, with output to ./dist/, and npm run preview can be used for local preview
- 3
Update the business name, address, phone, and hours in src/pages/index.astro, and edit the menu items
- 4
Replace YOUR_FORM_ID in the form action with your Formspree endpoint; in the Hours & Location section, uncomment the iframe and fill in the Google Maps embed URL
- 5
Adjust colors in the @theme block in src/styles/global.css, and replace the image placeholder containers with actual photos
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.
Must comply with when using
- You are allowed to use, modify, commercially use, and distribute the code of this version for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The README mentions the Formspree form service; real submissions require configuring a service endpoint, and its usage quotas and fees need to be checked separately.
- Demo images, fonts, icons, and other third-party assets need to be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional fees.
- The reservation form integrates Formspree, and you need to register yourself and replace YOUR_FORM_ID in the form action with your own endpoint; this is an external service dependency.
- The contact form requires replacing YOUR_FORM_ID with your own Formspree endpoint, and using this form feature requires an external Formspree account.
- Google Maps is only a placeholder, and you need to uncomment the iframe and fill in your own embed URL; using the map feature requires obtaining a Google Maps embed code yourself.
- Fonts are loaded via Google Fonts for Inter and Playfair Display, and page loading depends on the external Google Fonts service.
- The tech stack includes Google Fonts (Inter + Playfair Display), and using this font approach depends on the external Google Fonts service.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
- **Reservation form** -- integrated with Formspree (swap in your form ID)
Original README
4. **Contact form** -- Replace `YOUR_FORM_ID` in the form action with your [Formspree](https://formspree.io) endpoint
Original README
5. **Google Maps** -- Uncomment the iframe in the Hours & Location section and add your embed URL
Original README
- **Custom typography** -- Inter (sans) + Playfair Display (serif) via Google Fonts
Original README
https://github.com/SeekerErebus/small-business-template/blob/main/LICENSEhttps://github.com/SeekerErebus/small-business-template/blob/main/README.md- Google Fonts -- Inter + Playfair Display
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-14. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 80 / 100
- Technologies
- Astro
- Website type
- Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-02-16
- Screenshot last checked
- 2026-10-14
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15
Inspect the recorded source material
SHA-256: 5fec8587375ba7abcbce7c3f0f1ee878532c267a933483052ebe15159c635567
2026-10-14T19:28:19.421Z
Source file / repository# The Craft Table -- Small Business Website Template A modern, single-page restaurant website template built with Astro and Tailwind CSS. Designed for small businesses that need a polished online presence fast.  [](https://astro.build) [](https://tailwindcss.com) [](#) [](LICENSE) ## Features - **Single-page layout** -- Hero, Menu, About, Hours & Location, Contact/Reservations, Footer - **Warm stone & amber color palette** -- premium feel out of the box - **Fully responsive** -- mobile hamburger menu, adaptive grid layouts, touch-friendly - **Scroll-reveal animations** -- Intersection Observer-powered fade and slide effects - **Sticky navigation** -- scroll-aware with backdrop blur and shadow transitions - **Menu section** with categorized items (Starters, Mains, Desserts) and pricing - **Reservation form** -- integrated with Formspree (swap in your form ID) - **Google Maps placeholder** -- ready for your embed code - **Image placeholders** -- styled containers ready for real photography - **Testimonial banner** -- quote section for press or customer reviews - **SEO-ready** -- meta tags, Open Graph, canonical URL, semantic HTML - **Custom typography** -- Inter (sans) + Playfair Display (serif) via Google Fonts - **Accessibility** -- focus-visible outlines, semantic structure, ARIA labels - **Zero JavaScript frameworks** -- vanilla JS for nav toggle and scroll effects only - **Fast builds** -- static output, deploys anywhere (Vercel, Netlify, Cloudflare Pages) ## Quick Start ```bash # Clone the repository git clone https://github.com/SeekerErebus/small-business-template.git cd small-business-template # Install dependencies npm install # Start the dev server npm run dev ``` The site will be running at `http://localhost:4321`. ## Commands | Command | Action | | :---------------- | :------------------------------------------ | | `npm install` | Install dependencies | | `npm run dev` | Start dev server at `localhost:4321` | | `npm run build` | Build production site to `./dist/` | | `npm run preview` | Preview the production build locally | ## Customization 1. **Business info** -- Update name, address, phone, and hours in `src/pages/index.astro` 2. **Menu items** -- Edit the Starters, Mains, and Desserts sections with your offerings 3. **Colors** -- Modify the `@theme` block in `src/styles/global.css` to change the palette 4. **Contact form** -- Replace `YOUR_FORM_ID` in the form action with your [Formspree](https://formspree.io) endpoint 5. **Google Maps** -- Uncomment the iframe in the Hours & Location section and add your embed URL 6. **Images** -- Replace the placeholder containers with your own photography ## Tech Stack - [Astro 5](https://astro.build) -- static site generator - [Tailwind CSS 4](https://tailwindcss.com) -- utility-first CSS via `@tailwindcss/vite` - Vanilla JavaScript -- no framework overhead - Google Fonts -- Inter + Playfair Display ## Live Demo [View Live Demo](#) <!-- Replace with deployed URL --> ## License MIT
Explore similar templates
Compare previews and descriptions within the same stack and category.
astrowind
AstroWind is a free, open-source Astro starter theme using Astro and Tailwind CSS, released under the MIT license.
Astro · Blog
astro-landing-page
An Astro + Tailwind CSS landing page example template with theme variables, dark mode, responsive layout, and Open Graph tags, under the MIT license, suitable as a starting point for single-page product, event, or corporate homepage sites.
Astro · Corporate Website
Tailcast
Tailcast is a dark-themed corporate website template built with Astro and Tailwind CSS for a fictional startup.
Astro · Corporate Website
Positivus
Positivus is an Astro and Tailwind CSS landing page theme for digital marketing agencies, maintained by manulthanura with a demo on Vercel.
Astro · Corporate Website
foxi-astro-theme
Foxi is a free, open-source Astro template built with Tailwind CSS, positioned as a responsive starting point for SaaS and corporate websites.
Astro · Blog
qwind
Qwind is a free and open-source website template built on Qwik and Tailwind CSS, featuring directory-based routing via QwikCity, a Markdown blog, dark mode, and static deployment configuration.
Astro · Tool Site