A luxury 5-star hotel website built with Next.js 16, featuring a sophisticated design system inspired by European elegance and Arabian hospitality.

This project showcases a modern, responsive hotel website with a premium user experience. Built with performance and SEO in mind, it delivers a seamless browsing experience across all devices.

https://kempinski.vercel.app

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• UI Components: Radix UI
• Icons: Lucide React

• Fully responsive design optimized for mobile, tablet, and desktop
• Smooth page transitions and micro-interactions
• SEO-optimized with JSON-LD structured data
• Progressive Web App (PWA) support
• Comprehensive sitemap and robots.txt
• Multi-language support structure (EN, AR, DE, FR, ZH, RU)
• Accessible components following WCAG guidelines

• Node.js 18.17 or later
• pnpm, npm, or yarn

1. Clone the repository:

git clone https://github.com/faysaldev/kempinski-dubai.git
cd kempinski-dubai

2. Install dependencies:

pnpm install
# or
npm install
# or
yarn install

3. Start the development server:

pnpm dev
# or
npm run dev
# or
yarn dev

4. Open http://localhost:3000 in your browser.

kempinski-dubai/
├── app/                    # Next.js App Router pages
│   ├── layout.tsx          # Root layout with metadata
│   ├── page.tsx            # Home page
│   ├── globals.css         # Global styles and design system
│   └── [pages]/            # Route-based pages
├── src/
│   ├── components/         # React components
│   │   ├── Home/           # Homepage components
│   │   └── ui/             # Reusable UI components
│   ├── lib/                # Utility functions
│   └── assets/             # Static assets
├── public/                 # Public static files
│   ├── manifest.json       # PWA manifest
│   ├── robots.txt          # Search engine directives
│   ├── sitemap.xml         # XML sitemap
│   └── hotel.svg           # Favicon/logo
└── package.json

• Headlines: Playfair Display (serif)
• Body: Montserrat (sans-serif)

• Comprehensive meta tags
• Open Graph and Twitter Card support
• JSON-LD structured data for Hotels
• XML Sitemap with all pages
• Optimized robots.txt
• Canonical URLs
• Multi-language alternate tags

• Server-side rendering with Next.js
• Optimized images with Next.js Image component
• Font optimization with next/font
• CSS minification with Tailwind CSS
• Code splitting and lazy loading

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

Faysal

• Email: faysalworkspace@gmail.com
• Phone: +8801646177169
• GitHub: @faysaldev
• LinkedIn: faysaldev
• Twitter: @faysaldev

Made with elegance by Faysal