AstroBlogCorporate Website

astro-theme-solenne — Astro Blog Template

By Sv3nskie

An Astro one-page theme for boutique hotels, B&Bs and inns, including a booking bar, live clock and weather card, and light/dark mode toggle.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

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-09-30View source

What stands out

A quick read of the recorded project description.

Booking bar includes a date-range calendar and guest selector for adults, children and pets; the submit handler must be connected to your own booking engine

Live local clock and Open-Meteo weather card, no API key required

Light/dark mode remembers the visitor's choice with no flash on load

Includes sections such as room gallery, amenities, direct booking advantages, statistics, location reasons and guest stories

Responsive images and lazy loading, with scroll animations respecting prefers-reduced-motion

No dependencies other than Astro, and the build output is static files

Template Details

Solenne is a one-page theme built with Astro, positioned as a showcase page for boutique hotels, B&Bs and inns. The page uses an editorial typographic style and includes sections such as a room gallery, amenities introduction, direct booking advantages, statistics, location reasons and guest stories.

The interactive parts are driven by a single native JavaScript file: the booking bar provides a date-range calendar and guest selector (adults, children, pets), and the submit handler needs to be connected to your own booking engine; there is also a local time clock and a weather card, with weather data from Open-Meteo and no API key required. Light/dark mode remembers the visitor's choice and does not flash on load.

Styling uses plain CSS, with no dependencies other than Astro. Images are responsive and lazy-loaded, and scroll animations respect prefers-reduced-motion. The build output is static files and can be deployed to any static host; the repository includes a GitHub Actions workflow for publishing the demo site.

Limitations to note: the booking bar only provides front-end interaction and does not include back-end booking logic; the clock and weather depend on the timezone and coordinates in the configuration; placeholder images come from Unsplash and icons come from Phosphor, and should be replaced before launch and checked against their respective licenses.

AstroBlogCorporate website

Is it right for your project?

Use Cases

A boutique hotel or inn creating a one-page official site for display and to encourage direct bookings
A B&B operator needing a static site with a room-type gallery and amenities description
A developer using this theme as a base to connect a third-party booking engine or form service
A hotel landing page that needs light/dark mode and live local information

Suitable For

Boutique hotel, B&B and inn projects
Teams that accept static hosting and will connect their own booking system
Developers who want to quickly build a one-page showcase site with few dependencies

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Create the project with npm create astro@latest -- --template Sv3nskie/astro-theme-solenne, then run npm run dev for local preview
2
In src/config.ts, modify the hotel name, area, city, SEO, share image, and the timezone and coordinates needed for the clock and weather
3
Replace the copy and photos for each section in src/components/*.astro, and adjust colors and light/dark mode variables in src/styles/styles.css
4
The booking bar, calendar and theme toggle logic are in src/scripts/main.js; you need to connect the submit handler to a booking engine yourself
5
Placeholder images come from Unsplash and icons come from Phosphor; replace them before launch and check their respective licenses; the code is MIT licensed, so retain the copyright and license notice when distributing

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

You may use, modify, commercialize 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 full 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 booking bar only provides front-end interaction and does not include back-end booking logic; you need to connect the submit handler to a third-party booking engine or form service yourself.
Placeholder images come from Unsplash; replace them with your own images before launch and check the image licensing terms yourself.
Icons come from Phosphor, which is a third-party resource and must be used under that icon library's own license.
The weather card depends on the external service Open-Meteo; no API key is required, but data retrieval requires an internet connection.
The clock and weather card depend on the timezone and coordinates configured in src/config.ts; without configuration they cannot display correctly.
Demo images, fonts, icons and other third-party assets must 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 charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Wire the submit handler to your booking engine.
Original README

Placeholder photography is from [Unsplash](https://unsplash.com) — replace it with your own before launch.
Original README

Icons: [Phosphor](https://phosphoricons.com).
Original README

live weather (Open-Meteo, no API key)
Original README

Time zone and coordinates for the clock and weather cards
Original README

https://github.com/Sv3nskie/astro-theme-solenne/blob/main/LICENSE https://github.com/Sv3nskie/astro-theme-solenne/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. 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 · 85 / 100
Technologies: Astro
Website type: Blog · 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-09-28
Screenshot last checked: 2026-10-01

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 9ec937611c1eb032aa382fc9193e6903078d0b03b8a42fb2570e0dba389ba5a8

2026-10-01T13:40:25.116Z

Source file / repository

# Solenne — Astro theme

A warm, editorial one-page theme for **boutique hotels, B&Bs and guesthouses**. Light and dark mode, a real booking bar, and live "right now" cards for local time and weather — built with plain CSS and one vanilla JS file.

**[Live demo →](https://sv3nskie.github.io/astro-theme-solenne/)**

## Features

- **Booking bar** with a date-range calendar and a guests picker (adults, children, pets). Wire the submit handler to your booking engine.
- **At-a-glance cards:** live local clock, live weather (Open-Meteo, no API key), stay times and travel times.
- **Light / dark mode** that remembers the visitor's choice, with no flash on load.
- **Room gallery, amenities, "book direct" benefits, stats, location reasons and guest stories.**
- **Responsive, accessible, and fast:** responsive images, lazy loading, scroll reveals that respect `prefers-reduced-motion`.
- **Zero dependencies** beyond Astro.

## Getting started

```bash
npm create astro@latest -- --template Sv3nskie/astro-theme-solenne
cd <your-project>
npm run dev
```

## Make it yours

| What | Where |
| --- | --- |
| Hotel name, district, city, SEO, share image | `src/config.ts` |
| Time zone and coordinates for the clock and weather cards | `src/config.ts` |
| Crest / logo | `src/components/Emblem.astro` |
| Section copy and photos | `src/components/*.astro` (one file per section) |
| Colors, type, light/dark tokens | `src/styles/styles.css` |
| Booking bar, calendar, theme toggle | `src/scripts/main.js` |

Placeholder photography is from [Unsplash](https://unsplash.com) — replace it with your own before launch. Icons: [Phosphor](https://phosphoricons.com).

## Deploying

Any static host works (`npm run build` → `dist/`). The included GitHub Actions workflow publishes the demo to GitHub Pages.

## Credits

Designed and built by **[Sven Esser](https://sv3n.dev?utm_source=github&utm_medium=theme-readme&utm_campaign=solenne)** — full-stack & Web3 developer. Need a site for your hotel? [Get in touch](https://sv3n.dev/contact?utm_source=github&utm_medium=theme-readme&utm_campaign=solenne).

MIT licensed. Keeping the small "Theme by Sv3n" credit in the footer is appreciated but not required.

Report a correction

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-paper

AstroPaper is a minimal, responsive, accessible, and SEO-friendly Astro blog theme. Articles are stored as Markdown/MDX in src/content/posts/, with subdirectories affecting URLs.

Astro · Blog

fuwari

Fuwari is a static blog template built with Astro and Tailwind CSS for personal blogs. It manages posts as Markdown files in src/content/posts/, with frontmatter for title, date, description, cover, tags, categories, draft status, and language.

Astro · Blog

Firefly

Firefly is a clean personal blog theme forked from Astro and Fuwari, offering four background modes, single/double sidebar and list/grid layouts, Pagefind client-side full-text search, and a six-language UI.

Astro · Blog

astro-theme-cactus

Astro Cactus is an Astro-based blog and portfolio theme that uses Markdown/MDX content collections to manage posts, notes, and tags, with frontmatter type-checked by a schema.

Astro · Portfolio

astrofy

Astrofy is a free and open-source personal portfolio website template built with Astro and TailwindCSS, with built-in blog, CV timeline, project showcase, store, and RSS feed modules.

Astro · Portfolio