🍽️ Maison — Fine Dining Restaurant Website

• 📱 Fully Responsive — Optimized for mobile, tablet, and desktop
• 🎨 Premium Design — Luxurious aesthetic with custom design tokens
• ⚡ High Performance — Built with Vite for lightning-fast load times
• 🔒 Type Safe — Full TypeScript support for robust development
• 🎭 Smooth Animations — CSS animations with scroll-triggered effects
• 📍 SEO Optimized — Meta tags and structured data ready
• 🎯 Accessibility — WCAG compliant components
• 📋 Menu Management — Dynamic menu with categories and filtering
• 📅 Reservation System — Multi-step booking form
• 📸 Gallery — Masonry layout with lightbox viewer
• 📧 Contact Integration — Ready for backend connection

src/
├── components/
│   ├── layout/              # Layout wrappers (Navbar, Footer, Layout)
│   ├── sections/            # Page sections (Hero, Featured Menu, CTA, etc.)
│   └── ui/                  # Reusable components (MenuCard, ReviewCard, etc.)
├── data/                    # Static data & constants
│   ├── menuData.ts
│   ├── navigationData.ts
│   └── restaurantData.ts
├── hooks/                   # Custom React hooks
│   ├── useScrollAnimation.ts
│   └── useScrollPosition.ts
├── pages/                   # Page components (one per route)
├── styles/                  # Global styles
├── types/                   # TypeScript interfaces
├── App.tsx                  # Router configuration
└── main.tsx                 # Application entry point

• Node.js ≥ 16.x
• npm ≥ 8.x (or yarn/pnpm)

1. Clone the repository

   git clone https://github.com/yourusername/restaurant-website.git
   cd restaurant-website

2. Install dependencies

   npm install

3. Start development server

   npm run dev

   The app will open at http://localhost:5173

4. Build for production

   npm run build

5. Preview production build

   npm run preview

Primary Color:     #c99618 (Gold)
Background:        #1a1816 (Charcoal)
Text Primary:      #faf6ef (Cream)
Text Secondary:    #b0a89c (Warm Gray)
Accent:            #e8dcc8 (Light Beige)

• xs: 4px | sm: 8px | md: 16px | lg: 24px | xl: 32px | 2xl: 48px

Create a .env.local file for local development:

VITE_API_URL=http://localhost:3000
VITE_MAPS_API_KEY=your_google_maps_key

1. Restaurant Info → Update src/data/restaurantData.ts
2. Menu Items → Modify src/data/menuData.ts
3. Navigation & Contact → Edit src/data/navigationData.ts
4. Images → Replace placeholder URLs with actual photos
5. Form Submissions → Connect to backend (Formspree, EmailJS, etc.)
6. Maps → Add real restaurant coordinates

npm run dev        # Start development server
npm run build      # Build for production
npm run preview    # Preview production build
npm run lint       # Run ESLint
npm run type-check # TypeScript type checking

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

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 amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

For support, email support@maison.com or open an issue on GitHub.