Nordicia is a Luxury Hotel Website Template built with Astro for speed, elegance, and SEO excellence. Designed specifically for luxury hotels, boutique resorts, urban retreats, and premium hospitality brands, Nordicia delivers a refined, calm, and high-end digital experience inspired by Nordic minimalism.
Nordicia Supports Astro Version 6.x.x 🎉
From the first immersive hero section to the final room reservation inquiry — every element is crafted to communicate comfort, exclusivity, and world-class hospitality.
🚀 What Makes Nordicia Stand Out
Nordicia elevates your hotel brand with:
- Elegant, immersive hero sections
- Calm Nordic-inspired color palette
- Purpose-built UI for rooms, suites & facilities
- Editorial typography for premium storytelling
- Smooth micro-interactions & blazing-fast performance
- Every section is designed to reflect tranquility, luxury, trust, and refined guest experience.
🎯 Design DNA
- Nordic Luxury Palette – Soft neutrals, warm ivory, muted stone & deep charcoal accents
- Elegant Typography – Serif & modern sans-serif pairing for editorial hospitality feel
- Subtle Micro-Animations – Smooth fades, hover states & scroll reveals
- Responsive Perfection – Optimized for desktop, tablet & mobile devices
📦 Features Included
- ✔ Luxury hotel-focused homepage
- ✔ Room & suite listing with detail pages
- ✔ Facilities & amenities showcase
- ✔ Restaurant & dining presentation
- ✔ Gallery with lightbox support
- ✔ Blog & travel articles (MDX powered)
- ✔ Reservation & inquiry forms
- ✔ Newsletter & promotional CTA sections
- ✔ About, Privacy Policy & Terms pages
📄 Pages Included (Fully Coded)
- Home (Landing Page) – Immersive hero + booking CTA
- Rooms & Suites – Grid layout + room detail pages
- Facilities & Amenities – Spa, dining, wellness & services
- Restaurant / Dining – Editorial dining showcase
- Gallery – Image-focused visual storytelling
- Blog & Blog Detail – Travel & hospitality articles
- Contact Page – Inquiry form & map integration
- About Hotel
- Privacy Policy
- Terms & Conditions
- Documentation
📝 Project Structure
public/ ├── img/ # All Source Images │ src/ ├── components/ # Reusable components ├── content/ # MDX content │ ├── blog/ # Article MDX files │ ├── rooms/ # Rooms Package MDX files │ └── pages/ # All static pages ├── scripts/ # All Scripts ├── layouts/ # Layout components (MainLayout, etc.) ├── pages/ # Astro route files └── styles/ # Global styles and Tailwind config
🧱 Fully Modular & Reusable Components
Built with a clean, component-based architecture — easy to scale and customize:
- HeroSection
- HeadingSection
- RoomCard
- FacilityCard
- GallerySection
- BlogCard
- ReservationForm
- BlogCard
- PageSection
…and many more reusable components.
📝 Built-in Content System (MDX / Markdown)
Update content without touching layout code:
- ✅ Blog & travel articles
- ✅ Room & suite details
- ✅ Hotel policies & legal pages
- ✅ Documentation
Perfect for content-driven hospitality websites.
⚙️ Quick Setup
1️⃣ Download & open Nordicia project
2️⃣ Run npm install
3️⃣ Start development with npm run dev
4️⃣ Customize branding, colors & content
5️⃣ Build production files with npm run build
🆓 Free Updates & Support
Free lifetime updates to ensure ongoing compatibility, performance, and future Astro improvements.
🔄 Changelogs
VERSION 1.1.0 (March 2026)
Package Updated
@iconify-json/bi ^1.2.6 → ^1.2.7 @tailwindcss/vite ^4.1.13 → ^4.2.1 alpinejs ^3.14.9 → ^3.15.8 tailwindcss ^4.1.13 → ^4.2.1 astro ^5.1.7 → ^6.0.0 @astrojs/mdx ^4 → ^5
Content Config
src/content/config.ts → deleted src/content.config.ts → created with glob() type: "content" → removed z imported from astro/zod
Dynamic Routes
entry.slug → entry.id.replace(/\.mdx$/, "")
params: { slug: entry.id.replace(/\.mdx$/, "") }
Pages
entry.render() → render(entry)
Fonts API
Google Fonts `<link>` → Astro 6 built-in Fonts API.
