Welcome to the digital home of The Palace Resort, a premium luxury destination designed to provide an unparalleled experience of elegance and comfort. This application is a modern, high-performance web platform built to showcase the resort's world-class amenities, exquisite dining, and grand event spaces.
- 🌊 Immersive Visuals: Stunning hero section and high-quality imagery throughout the site.
- 🎨 Dynamic Aesthetics: An animated gradient background and liquid glass effects provide a premium, modern feel.
- 🌙 Smart Themes: Full support for Light and Dark modes with a carefully curated color palette.
- 🍽️ Gourmet Dining: Explore our signature restaurants—Olive, Rebulation, Arabian Lounge, Lostalgia, and Saigon.
- 🛌 Luxury Accommodations: Browse our diverse range of rooms and suites with interactive spotlight cards.
- 🎉 Grand Events: Plan your perfect event in our banquet halls, meeting rooms, or lush outdoor lawns.
- 🖼️ Visual Gallery: Explore the resort's beauty through an interactive bento-grid gallery with GSAP scroll velocity effects.
- 📱 Fully Responsive: A seamless experience across mobile, tablet, and desktop devices.
- ⚡ High Performance: Built with the latest web technologies for lightning-fast load times.
Our immersive landing page featuring the hero section and crystal-clear calls to action.
Interactive spotlight cards showcasing our luxurious accommodation options.
A dedicated space to explore the diverse and exquisite dining options available at the resort.
Detailed views of our versatile event venues, from banquet halls to fountain-view lawns.
An interactive bento-grid gallery showcasing the resort's luxury through smooth GSAP animations.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS 4
- Animations: Framer Motion & GSAP
- 3D Elements: Three.js with React Three Fiber
- Icons: Lucide React
- Theme Management: Next Themes
- Language: TypeScript
- Node.js 18.x or later
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/the-palace-resort.git cd the-palace-resort -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open in your browser: Navigate to http://localhost:3000 to see the application in action.
app/: Contains the routes and layout of the application (e.g.,/rooms,/dining,/events,/gallery).components/: Reusable UI components including theGalleryGrid,Hero,Navbar, and more.public/: Static assets including images, fonts, and screenshots.lib/: Helper functions and constants.hooks/: Custom React hooks.
This project is licensed under the MIT License.
Developed with ❤️ for The Palace Resort.