Updated to Astro v6 🚀
A refined and elegant portfolio theme built for restaurants, cafés, bakeries, and food businesses of all kinds. Calzone combines the performance of Astro with the flexibility of Tailwind CSS to deliver a polished online presence that’s as appetizing as the food you serve.
Pages:
Calzone includes eight thoughtfully designed pages to cover every corner of your restaurant’s online presence:
- Home
- Menu
- About
- Reservations
- Blog
- Blog Post
- 404
- Privacy Policy
Features:
Built with both developers and content editors in mind, Calzone ships with a thoughtful set of features:
- Content Collections: Structured data management for both your menu and blog, making updates quick and painless
- Reusable Components: A library of modular components that keep your codebase clean and easy to customize
- Custom Tailwind Theme: A bespoke design system built on Tailwind CSS that’s straightforward to adapt to your brand
- Pagination: Keeps your blog scalable and navigable as your content library grows over time
- Sitemap: Auto-generated and search-engine ready, ensuring your pages are indexed from day one
- Optimized for SEO: Built-in best practices to help your restaurant rank higher and reach more customers online
- Optimized for Accessibility: Designed to be usable by everyone, with semantic markup and accessible patterns throughout
- Ongoing Updates: Regular improvements and continued compatibility with the latest Astro releases
Project Structure:
/ ├── public/ │ └── favicon.svg ├── src │ ├── assets │ │ └── about │ │ └── hero │ │ └── icons | | └── menu │ ├── components │ │ ├── elements # components that can be used across the website │ │ │ └── Container.astro │ │ │ └── Heading.astro │ │ │ └── Link.astro │ │ │ └── Logo.astro │ │ │ └── Pagination.astro │ │ │ └── Separator.astro │ │ │ └── Subtitle.astro │ │ │ └── Text.astro │ │ ├── global # components used on every page as part of the layout │ │ │ └── Head.astro │ │ │ └── Footer.astro │ │ │ └── NavBar.astro │ │ │ └── Hero.astro │ │ ├── sections # components used for sections of each page │ │ │ └── about │ │ │ │ └── AboutRestaurant.astro │ │ │ │ └── OurStory.astro │ │ │ │ └── Reviews.astro │ │ │ │ └── TimelineItem.astro │ │ │ ├── blog │ │ │ │ └── BlogItem.astro │ │ │ ├── footer │ │ │ │ └── Address.astro │ │ │ │ └── Contact.astro │ │ │ │ └── OpeningHours.astro │ │ │ │ └── Socials.astro │ │ │ ├── home │ │ │ │ └── NavCars.astro │ │ │ │ └── Welcome.astro │ │ │ ├── menu │ │ │ │ └── MenuItem.astro │ │ │ │ └── MenuList.astro │ │ │ ├── reservations │ │ │ │ └── PrivateDining.astro │ │ │ │ └── Reservations.astro │ ├── content │ │ ├── blog │ │ │ └── images | | | └── post-title.md | | | └── # add blog posts here │ │ ├── menu │ │ | └── menu.yaml # change and add menu dishes here │ │ └── privacy-policy.md #change privacy policy document here │ ├── layouts │ │ └── Layout.astro │ ├── pages │ │ └── blog │ │ │ └── [...page].astro │ │ │ └── [page].astro │ │ └── index.astro │ │ └── 404.astro │ │ └── about.astro │ │ └── menu.astro │ │ └── privacy-policy.astro │ │ └── reservations.astro │ ├── styles │ │ └── global.css # global styling and tailwind theme configuration │ │ └── markdown.css # markdown files styling │ └── content.config.ts └── .gitignore └── astro.config.ts └── .pages.yml └── package-lock.json └── README.md └── tsconfig.json
If you have any questions, feel free to reach out at support@astralthemes.com.
To learn how to get started with Astral Themes, consult the documentation.
