Olivion is a modern, elegant, and fully responsive interior design website built with Next.js and Tailwind CSS. Perfect for interior designers, architecture firms, and home décor agencies, it blends creativity with performance to showcase spaces, services, and projects beautifully.
Installation & Setup
- npm install
- npm run dev
Additional Plugins & Packages
If you face any errors or missing modules, you may need to install extra libraries:
- npm install yet-another-react-lightbox
- npm install react-countup
- npm install @iconify/react
- npm install remixicon
- npm install bootstrap-icons
- npm install swiper
- npm install framer-motion
- npm install remixicon react-icons @fortawesome/react-fontawesome @fortawesome/free-brands-svg-icons
What’s Included
- Complete Next.js Source Code – Modular and reusable components
- Tailwind CSS Configuration – Custom theme colors and typography setup
- Demo Assets – Prebuilt sections, placeholder data, and design samples
- Framer Motion Animations – Page transitions and on-scroll effects
- Swiper Integration – For gallery and testimonial sliders
- Responsive Layouts – Optimized for all screen sizes
- Setup & Installation Guide – Quick start documentation
Tech Stack Used
- Next.js (App Router) – Server-side rendering and SEO optimization for lightning-fast performance.
- Tailwind CSS – Utility-first CSS framework for responsive and elegant UI design.
- Framer Motion – Smooth animations, transitions, and scroll-based effects.
- Swiper.js – Modern sliders for showcasing project galleries and client testimonials.
- Lightbox Image Popup – Interactive image preview for project galleries and interior portfolios.
- CountUp.js – Animated number counters for statistics and achievements.
- Remix Icon / Font Awesome – Lightweight and clean icons for visual consistency.
- Google Fonts – Elegant, readable, and web-optimized typography for modern design aesthetics.
Pages Included
- Home – Hero banner, featured interior designs, and call-to-action section.
- Services – List of interior design services and style categories.
- Projects – Gallery showcasing interior spaces, architecture, and completed works.
- Project Details – Individual project page with high-quality images, descriptions, and details.
- Blog – Articles, design inspirations, décor tips, and lifestyle guides.
- Blog Details – Detailed single blog post with related article suggestions.
- About – Company story, design philosophy, and brand mission.
- Team – Introduce your interior designers, architects, and creative professionals.
- Gallery – Dedicated image gallery with Lightbox popups for visual browsing.
- Contact – Inquiry form, address, contact details, and Google Map integration.
- Page 404 – Custom error page with navigation back to the homepage.
Key Features
- Modern and creative interior design layout
- Built with Next.js App Router for fast, optimized performance
- Fully responsive and mobile-friendly design
- Smooth animations powered by Framer Motion
- Beautiful galleries and sliders using Swiper.js
- Clean code and organized project structure
Olivion offers a sleek, responsive interior design layout with animations, image popups, and dynamic galleries using Next.js and Tailwind CSS.
Reviews
Clear filtersThere are no reviews yet.