# Lumio

> Lumio is best for IT service firms and multi-offer B2B companies that need room for services, case studies, blog content, and multilingual growth without rebuilding the site later.

Canonical page: [https://getastrothemes.com/astro-themes/lumio/](https://getastrothemes.com/astro-themes/lumio/)

- Categories: Corporate, Agency

## Best for

- IT company websites
- Managed service business sites
- Multilingual service websites
- Multi-service consultancy sites

## Not intended for

- Portfolio-led studios
- Finance-only brands
- One-page startup launches
- Ecommerce storefronts

## Feature highlights

- Three homepage demos
- Case study and service pages
- Blog and FAQ support
- Multilingual-ready project structure
- AI-assisted coding ready

## Technology

- Astro: 7.2.8
- Tailwind CSS: 4.2.2

Live preview: [https://lumio-astro.pages.dev/](https://lumio-astro.pages.dev/)

It is the better fit when one homepage is not enough, one service page is not enough, and the business needs room for services, case studies, blog content, multilingual structure, and future expansion from the same codebase.

## By The Numbers

- **3 Homepage Demos**
- **21 Pages**
- **45 Sections**
- **Blog Category + Pagination Layouts**
- **Service Index + Single Pages**
- **Case Study Archive + Single Pages**
- **3 Form Integrations**

## A Broader Starting Point Than Most Business Themes

Lumio includes:

- Home
- Home Two
- Home Three
- About
- Services
- Service Single
- Case Studies
- Case Study Single
- Pricing
- Team
- FAQ
- Contact
- Blog
- Blog Single
- Blog Category
- Custom content pages
- 404 Page

That page mix makes Lumio useful for both first launch and later expansion.

## Built To Turn Service Pages Into Sales Pages

Lumio works well when the site needs to explain services, show proof, and keep the design polished across many pages.

It helps you:

- Present offers clearly
- Show case studies without creating custom templates
- Run a blog next to service pages
- Answer objections on FAQ and pricing sections
- Give the team and company more credibility
- Push visitors to the contact page with clearer calls to action

## Navigation That Can Carry A Larger Site

Lumio includes one of the stronger navigation systems in this theme set.

- Mega menu support
- Multi-level dropdown menus
- Badge and dot menu markers
- Localized menu files
- Sticky header support

```json
{
  "name": "Pages",
  "hasMegaMenu": true,
  "menus": [
    {
      "name": "Company",
      "children": [
        { "name": "About", "url": "/about/" },
        { "name": "Team", "url": "/team/" }
      ]
    }
  ]
}
```

That is especially useful when the site has services, case studies, blog content, support pages, and multiple demo-style entry points.

## Config That Saves Time During Build and Handoff

The main controls live in predictable files:

- `src/config/config.toml`
- `src/config/menu.en.json`
- `src/config/menu.fr.json`
- `src/config/social.json`
- `src/config/fonts.json`
- `src/config/language.json`

```toml
[settings]
stickyHeader = true
contactFormProvider = "formsubmit.co"

[settings.navigationButton]
enable = true
label = "Book a Call"
url = "/contact/"
```

## Multilingual Without Rework

Lumio includes English and French structure in the source project.

If you do not need the second language:

```bash
npm run remove-multilingual
```

If you need to generate it again later:

```bash
npm run generate-multilingual-content
```

This keeps the project flexible instead of forcing one setup forever.

## Content System for Real Publishing

Lumio is not just a marketing skin. It includes a real content workflow.

- Markdown and MDX support
- Shiki syntax highlighting
- Optional table of contents
- Blog collections
- Service collections
- Case study collections
- Frontmatter SEO control

That makes it useful for technical service pages, long articles, and proof-heavy case study content.

## Contact and Lead Capture

Lumio supports:

- `formsubmit.co`
- `formspree`
- `netlify`

You can start with a simple setup and change providers later without rewriting the form layer.

## AI-Assisted Coding Ready

Lumio ships with built-in instructions for AI coding assistants, so tools like Claude, OpenAI Codex, Cursor, GitHub Copilot, Gemini, and Windsurf can read the theme's structure, content model, and conventions from the start.

Instead of guessing, your assistant follows the same rules the theme is built on: where sections, content, and schemas live, which shared components to reuse, and how to stay on the design system.

- **AGENTS.md** — full project rules for any agent (also read natively by OpenAI Codex)
- **CLAUDE.md** — guidance for Claude and Claude Code
- **GEMINI.md** — guidance for the Gemini CLI
- **SKILLS.md** — step-by-step recipes for the jobs you do most (add a section or page, rebrand, manage languages, add an icon)
- **.cursor/rules**, **.github/copilot-instructions.md**, **.windsurf/rules** — editor rules for Cursor, GitHub Copilot, and Windsurf

The result is simpler AI-assisted editing with fewer off-pattern changes.

## Final Take

Choose Lumio if your company sells multiple services and needs a site that can grow into case studies, content, and multilingual expansion without a redesign.