rumah_mila

Rumah Mila - Boutique Apartments Website

Static website for Rumah Mila, a collection of 6 boutique mini-apartments located in Balangan, Bali.

🌟 Features

• Responsive Design: Mobile-first, fully responsive layout
• Bilingual: Spanish and English (ES/EN)
• Date Booking System: Check-in/check-out date picker with availability search
• Price Calculator: Automatic price estimation based on selected dates
• WhatsApp Integration: Direct booking via WhatsApp with pre-filled message
• Google Maps: Embedded location map
• 6 Unit Cards: Individual cards for each apartment with details
• Contact Form: Basic contact form for inquiries
• Accessibility: WCAG compliant design

🎨 Design

Color Palette

• Marfil Estuco (#EAE6DF) - Main background
• Arena Suave (#D9D2C3) - Cards and details
• Piedra Gris Cálida (#CFC8BB) - Borders and shadows
• Verde Salvia (#A8B09A) - Accents
• Olivo (#6F7D62) - Primary buttons
• Pizarra Oscura (#2F2F33) - Text
• Blanco (#FFFFFF) - Contrast

Typography

• Titles: Cormorant Garamond (serif)
• Body: Inter (sans-serif)

🛠️ Tech Stack

• HTML5: Semantic markup
• CSS3: Custom properties, Grid, Flexbox
• JavaScript: Vanilla JS (no frameworks)
• Hosting: GitHub Pages ready

📁 Project Structure

rumah-mila/
├── index.html          # Main HTML file
├── css/
│   └── styles.css      # Main stylesheet
├── js/
│   ├── config.js       # Configuration (prices, WhatsApp, units)
│   ├── i18n.js         # Translations (ES/EN)
│   └── main.js         # Main functionality
├── images/             # Images directory (add your photos here)
└── README.md           # This file

⚙️ Configuration

Edit js/config.js to customize:

const CONFIG = {
    currency: 'USD',
    pricePerNight: 85,          // Price per night
    cleaningFee: 15,            // One-time cleaning fee
    minNights: 2,               // Minimum stay
    whatsappNumber: '+6281234567890', // WhatsApp contact
    siteLang: 'es'              // Default language
};

🚀 Deployment to GitHub Pages

1. Create a GitHub repository

   git init
   git add .
   git commit -m "Initial commit: Rumah Mila website"
   

2. Push to GitHub

   git remote add origin https://github.com/yourusername/rumah-mila.git
   git branch -M main
   git push -u origin main
   

3. Enable GitHub Pages
   • Go to repository Settings
   • Navigate to Pages section
   • Source: Deploy from branch
   • Branch: main / root
   • Save
4. Access your site
   • URL: https://yourusername.github.io/rumah-mila/

📸 Adding Images

Place your images in the images/ folder and update the unit cards:

// In js/config.js, add image property to each unit
units: [
    {
        id: 1,
        name: 'Unidad 1',
        image: 'images/unit-1.jpg', // Add this
        // ... rest of properties
    }
]

Then update the createUnitCard function in js/main.js to use real images instead of placeholder.

🔧 Customization

Change Colors

Edit CSS custom properties in css/styles.css:

:root {
    --marfil-estuco: #EAE6DF;
    --olivo: #6F7D62;
    /* ... etc */
}

Add More Languages

1. Add translations to js/i18n.js
2. Update language toggle logic in js/main.js

Add Email Integration

Consider integrating:

• EmailJS
• Formspree
• Netlify Forms

📋 Future Enhancements

• Integration with Channel Manager (Smoobu, Lodgify, Hostaway)
• Real-time availability calendar
• 360° virtual tour
• Advanced SEO optimization
• Performance optimization (lazy loading, etc.)
• Analytics integration (Google Analytics)

🔒 Policies

• Check-in: 15:00
• Check-out: 11:00
• Minimum stay: 2 nights
• Cancellation: Flexible up to 7 days before
• No smoking
• Pets: To be confirmed

👤 Author

Gonzalo Hoces Version: 1.0 - November 2025

📄 License

This project is private and proprietary to Rumah Mila.

---

Need help? Contact via WhatsApp: [Update with your number]