Website for a fictional luxury resory, built using TypeScript, React, TailwindCSS and Framer-Motion.
This website is built for a fictional holiday resort. Using the power of TailwindCSS and Framer-Motion, the website boasts a modern, sleek and clean design coupled with beautiful animations that enhance its allure and X-factor. The design is responsive across a wide-variety of screens, ranging from smartphones to ultra-wdie desktop monitors. For most people, a holiday resort is a getaway from the regular hum-drum of life into a state of peace and serenity. MY goal for this website was to capture and showcase a sense of that peace and serenity to visitors of the website, which they can through the calming and serene color choices representing the blue sky and oceans as well as the clean and sleek nature of the website.
- Stylish and modern design.
- Responsive design across a multitude of screen sizes.
- Sleek and clean animations that add pizzazz to the website.
- Easily changable images for improved customisability.
- Make sure you have Node.js and npm installed on your system.
- Clone this repository:
git clone https://github.com/DustyDogCodex/white-lotus.git
- Navigate to the project directory:
cd white-lotus
- Install dependencies:
npm install
- Start the development server:
npm run dev
You can customize this website easily by changing the images in the data.ts
file, or by adding your preferred images to the assets folder and importing to the component of your choice.
- This website was created with love by Varun Malaviya.
- Special thanks to the creators of TypeScript, React, Tailwind CSS and Framer-Motion for their amazing tools.
- Special shoutout to the creators and cast of HBO's White Lotus for creating one of the funniest shows I've seen in my life!
-
Photo by Gaddafi Rusli on Unsplash
-
Photo by Marc Babin on Unsplash
-
Photo by Sasha Kaunas on Unsplash
-
Photo by Moosa Haleem on Unsplash
-
Photo by Marc Babin on Unsplash
-
Photo by Shifaaz shamoon on Unsplash
-
Photo by Jarek Ceborski on Unsplash
-
Photo by Marc Babin on Unsplash
-
Photo by Xavier Coiffic on Unsplash
-
Photo by Ishan @seefromthesky on Unsplash
-
Photo by Maximilien T'Scharner on Unsplash
-
Photo by Danilo Capece on Unsplash
-
Photo by Cauayan Island Resort on Unsplash
-
Photo by Alexandre Chambon on Unsplash
-
Photo by Adam Jaime on Unsplash
-
Photo by Louis Hansel on Unsplash
-
Photo by Nathan Dumlao on Unsplash