Côte Royale

A high-end animated luxury fragrance website inspired by modern luxury design aesthetics.
Built using React, Tailwind CSS, and deployed on GitHub Pages.

✨ Live Demo

https://humiiii.github.io/cote-royale/

🧠 Features

• Full-screen video hero section
• Smooth page transitions
• Fragrance detail pages with dynamic routing
• Responsive and mobile-friendly layout
• Tailwind-powered custom UI
• Voice input & transliteration (via Indic API integration)
• Modular component-based structure

📦 Tech Stack

• React
• Vite
• Tailwind CSS
• React Router
• Prismic-inspired UI & animation techniques
• GitHub Pages for deployment

🛠️ Setup Instructions

1. Clone the Repo

git clone https://github.com/humiiii/cote-royale.git
cd cote-royale

2. Install Dependencies

npm install

3. Run Locally

npm run dev

4. Build for Production

npm run build

5. Deploy to GitHub Pages

npm run deploy

Note: Make sure homepage is correctly set in package.json and base is set in vite.config.js.

🎓 Credits

This project is inspired by Prismic's Animated Luxury Website Tutorial.
Big thanks to the team at Prismic for their wonderful educational resources.