Lumé-Interior Design is a minimal architectural and interior design platform built with Next.js, Tailwind CSS, and Framer Motion.
It showcases breathtaking architectural projects, building constructions, and interior concepts — while also featuring a curated home décor shop where users can explore and purchase beautiful design pieces.
With an added layer of innovation, users can interact with the platform using their voice through the "Talk to Me" button on the navigation bar.
Lume Interior Design combines architecture, aesthetics, and interactivity into a seamless digital experience.
It’s designed for users to explore architectural works, visualize modern interiors, and shop décor items, all through an intuitive and visually immersive interface — or even by speaking directly to the site.
- Explore beautifully crafted architectural layouts and building construction works
- High-quality visuals of both residential and commercial spaces
- Interactive and animated project galleries powered by Framer Motion
- Browse an elegant catalog of furniture, artworks, and décor items
- View detailed product pages with descriptions and visuals
- Smooth shopping and browsing experience designed with UX in mind
- Users can speak directly to the platform via the Talk to Me button in the navbar
- On permission granted, the app listens and responds to voice commands
- Enables a more personal and accessible user experience
- Visually balanced layouts for readability and emotional appeal
- Framer Motion animations for modern, fluid transitions
- Fully responsive — optimized for desktop, tablet, and mobile devices
- Built with Next.js 14 (App Router) for optimal performance
- Tailwind CSS for clean, responsive design
- Formik + Yup for form handling and validation
- Optimized for SEO with meta optimization and accessibility
| Technology | Purpose |
|---|---|
| Next.js | Framework for server-side rendering and static generation |
| React | Component-based UI library |
| Tailwind CSS | Styling and layout system |
| Framer Motion | Page transitions and interactive animations |
| Formik + Yup | Form state management and validation |
| Lucide Icons / React Icons | Vector icons for UI consistency |
| Sharp | Image optimization for high performance |
git clone https://github.com/Muees99/Lume-Interiors.git
cd lumia-interior-design
npm install
npm run dev
Folder Structure
lumia-interior-design/
├── app/ # Next.js app router pages and layouts
├── components/ # Reusable UI and feature components
├── public/ # Static assets (images, icons, etc.)
├── styles/ # Tailwind and global styles
├── utils/ # Helper functions and constants
├── package.json
└── README.md
Lume Interior Design reimagines how people experience architecture and interior creativity online. It’s more than a website,it’s an interactive design hub that:
Showcases architectural artistry and construction excellence
Offers beautiful home décor shopping
Promotes voice-assisted engagement
Inspires aesthetic appreciation through modern web design
Live Demo
🔗 Visit the Live Site:https://lume-interiors.vercel.app/