Lumio is a paid Astro theme for IT service companies, consultancies and B2B agencies that sell more than one service. It is built with Astro 7 and Tailwind CSS 4 and covers three homepages, service pages, case studies, pricing, team, FAQ and a blog, in English and French, so the site can grow without a redesign.
It costs $79 with a license for 5 projects, or comes with every premium theme in the All Access Pass from $99.
At a glance
- Price and license: $79 one-time, 5 projects. Or included in the All Access Pass.
- Built with: Astro 7.2, Tailwind CSS 4.2, Preline and AOS
- Size: 3 homepages, 21 pages, 45 sections
- Languages: English and French. One script removes French.
- Figma file: no
- PageSpeed Insights on the live demo: 99 / 100 / 100 / 100 on mobile, 100 / 100 / 100 / 100 on desktop (performance, accessibility, best practices, SEO)
- Output: static site for any static host
- Released: April 2026, last updated August 2026
Use cases
IT company websites. Present each service on its own page, back it with case studies and send visitors to a contact page with a "Book a Call" button in the header.
Managed service businesses. Use the services index, service pages, pricing and FAQ to explain what is covered and answer common questions before the first call.
Multi-service consultancies. Three homepages and a service collection give room for several offers, with case studies as proof and team pages for credibility.
Multilingual service websites. English and French routes and menus are included, and the same structure extends to other languages.
Pages included
- 3 homepages
- About, team, pricing, FAQ and contact
- Services index and a page per service
- Case studies archive and a page per case study
- Blog with single post, category pages and pagination
- Custom content pages and a 404 page
Features
- Mega menu, multi-level dropdowns, badge and dot menu markers, one menu file per language
- Sticky header and a header call-to-action button set in config.toml
- Site settings, forms, social links, fonts and languages in config files instead of components
- English and French; npm run remove-multilingual makes the site English only, and the French content can be generated again later
- Blog, service and case study content collections in Markdown and MDX
- SEO title and description set in each page's frontmatter
- Shiki code highlighting and an optional table of contents for long articles
- Contact forms for Formsubmit, Formspree or Netlify Forms
- Scroll animations with AOS
- Static output with no server or database
Customize with AI coding tools
Lumio includes AGENTS.md, CLAUDE.md, GEMINI.md, rules for Cursor, GitHub Copilot and Windsurf, and SKILLS.md with recipes for adding a section or page, rebranding, managing languages and adding an icon.
Not included
- A portfolio gallery for visual work
- Changelog and integrations pages
- An online store
- A Figma file
When to choose another theme
- You want a more formal advisory or consulting presentation: Looka.
- Your brand is creative, visual or portfolio-heavy: Folex.
- Your site markets a SaaS product rather than services: Stella.
- You want a free starter with a homepage and service pages: Lumio Lite.
FAQ
Can I add case studies without building new templates? Yes. Case studies are a content collection. Each one is a Markdown or MDX file, and Lumio builds the archive and the case study page from it.
Can I run the site in English only? Yes. Run npm run remove-multilingual and the site builds in English only. Run npm run generate-multilingual-content to bring French back later.
Where do contact form messages go? To Formsubmit, Formspree or Netlify Forms, chosen in config.toml. You can switch providers later without rewriting the forms.
Can I change the header button? Yes. The navigation button's label and link are set in config.toml. The demo uses "Book a Call" linking to the contact page.
Can I build a site for a client? Yes. The license covers personal and commercial projects, including client sites you hand over. A single purchase covers 5 projects.
