<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hòn Đỏ Sea: Đặt Phòng view Biển | Giá phòng phù hợp | gần Vĩnh Hy</title>
    <link rel="icon" type="image/png" href="/logo.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" media="print" onload="this.media='all'">    
    <meta name="description" content="Trải nghiệm kỳ nghỉ bình yên tại Homestay Hòn Đỏ Sea. Phòng sát biển view cực đẹp, không gian thoáng đãng giúp bạn thư giãn tuyệt đối. Đầy đủ tiện nghi, bếp nấu riêng và sân vườn rộng cho tiệc BBQ. Đặt phòng ngay để nhận giá ưu đãi tốt nhất!">
    <meta name="keywords" content="Hòn Đỏ, homestay Hòn Đỏ, khách sạn, nhà nghỉ, gần Vĩnh Hy, hòn đỏ sea, Biển Hòn Đỏ, homestay ninh thuận,phòng view biển, Hòn Đỏ Ninh Thuận">
    <link rel="canonical" href="https://hondosea.com/Datphong.html">    
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://hondosea.com/Datphong.html">
    <meta property="og:title" content="Hòn Đỏ Sea Homestay đặt Phòng view Biển, đầy đủ tiện nghi giá tốt| gần Vĩnh hy">
    <meta property="og:description" content="Trải nghiệm kỳ nghỉ bình yên tại Homestay Hòn Đỏ Sea. Phòng sát biển view cực đẹp, không gian thoáng đãng giúp bạn thư giãn tuyệt đối. Đầy đủ tiện nghi, bếp nấu riêng và sân vườn rộng cho tiệc BBQ. Đặt phòng ngay để nhận giá ưu đãi tốt nhất!">
    <meta property="og:image" content="https://hondosea.com/IMG/Hon-Do-Sea-Homestay.jpg">
    <meta name="robots" content="index, follow">
    
    <style>
        :root {
            --primary-color: #0a3d62;
            --accent-color: #ff6600;
            --zalo-color: #0084ff;
            --bg-light: #f4f7f6;
        }

        body { font-family: Arial, sans-serif; margin: 0; background-color: var(--bg-light); color: #333; line-height: 1.6; }
        
        /* BANNER CHÍNH */
        .hero {
            height: 350px;
            background: url('https://hondosea.com/IMG/Hon-Do-Sea-Homestay.webp') center/cover no-repeat;
            display: flex; justify-content: center; align-items: center; text-align: center; color: white; position: relative;
        }
        .hero h1 { font-size: 2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding: 0 15px; margin: 0; }
        .logo-main {
         position: absolute; 
         top: 0px; 
         left: 0px; 
         width: 150px; /* CỐ ĐỊNH CHIỀU RỘNG */
         height: auto; /* TỰ ĐỘNG THEO TỈ LỆ */
         max-width: 100%; /* ĐẢM BẢO KHÔNG VƯỢT QUÁ KHUNG HÌNH */
         filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
         display: block; /* Thêm dòng này để tránh khoảng trắng thừa */
         }

        /* MENU ĐIỀU HƯỚNG */
        header { 
            background: var(--primary-color); 
            padding: 12px 5%; 
            display: flex; justify-content: space-between; align-items: center; 
            position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .brand-name { color: Gold; font-size: 1.1em; font-weight: bold; border-left: 4px solid var(--accent-color); padding-left: 10px; text-transform: uppercase; }
        nav { display: flex; gap: 15px; }
        nav a { color: white; text-decoration: none; font-weight: bold; font-size: 0.9em; transition: 0.3s; }
        nav a:hover { color: var(--accent-color); }

        /* CONTAINER */
        .container { max-width: 1000px; margin: auto; padding: 20px; }
        
        .intro-box { 
            background: white; padding: 30px; border-radius: 10px; 
            box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
            margin-top: 30px; border-top: 4px solid var(--accent-color);
        }
        .intro-box h2 { color: var(--primary-color); margin-top: 0; text-align: center; }

        /* BẢNG GIÁ TỐI ƯU */
        .hondo-price-wrapper { margin: 20px 0; overflow-x: auto; }
        .hondo-table { width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .hondo-table th { background: #007bff; color: white; padding: 15px; text-align: center; }
        .hondo-table td { padding: 15px; text-align: center; border-bottom: 1px solid #eee; }
        .price-val { color: #d9534f; font-weight: bold; font-size: 1.1em; }

        /* BOX CHÍNH SÁCH */
        .policy-box { background: #fff3cd; border-left: 5px solid #ffc107; padding: 20px; border-radius: 8px; margin: 30px 0; }
        .policy-box h4 { margin-top: 0; color: #856404; }

        /* BẢN ĐỒ */
        .map-container {
            width: 100%;
            height: 450px;
            border-radius: 20px;
            overflow: hidden;
            margin-top: 40px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            border: 5px solid white;
        }

          /* 3 NÚT  */
  .contact-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.btn-float {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    animation: pulse-animation 3s infinite;
}

/* Màu sắc từng nút */
.btn-float.call { background-color: #28a745; }
.btn-float.zalo { background-color: #0099ff; }
.btn-float.messenger { background-color: #0084ff; }

/* Hiệu ứng rung nhẹ */
@keyframes pulse-animation {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 153, 255, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(0, 153, 255, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 153, 255, 0); }
}

/* Hiệu ứng khi rê chuột vào */
.btn-float:hover {
    transform: scale(1.2);
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

    .html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

        /* RESPONSIVE (MOBILE) */
        @media (max-width: 600px) {
            header { flex-direction: column; gap: 10px; }
            .hero h1 { font-size: 1.5em; }
            .map-container { height: 350px; }
        }
    </style>
</head>
<body>
<main>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v19.0"></script>
    <div class="hero">
        <img src="https://hondosea.com/IMG/hon-do-sea-logo.png" alt="Logo" class="logo-main">
        <h1>CHẠM BIỂN - CHẠM XANH - CHẠM KÝ ỨC </h1>
    </div>
<header>
    <div class="brand-name">HÒN ĐỎ SEA HOMESTAY</div>
    <nav>
        <a href="https://hondosea.com">Trang chủ</a>
        <a href="Xem-phong.html">Xem phòng</a> 
        <a href="Lienhe.html">Liên hệ</a>   
        <a href="Lienket.html">Cẩm nang</a>    
    </nav>
</header>
    <div class="container">
        <div class="intro-box">
            <section class="cam-nang-section" style="margin-bottom: 30px;">
                <h2 style="color: #2e7d32; border-left: 5px solid #2e7d32; padding-left: 15px; margin-bottom: 15px;">🏡 BẢNG NIÊM YẾT GIÁ PHÒNG</h2>
           <i style="color: blue;"> * Ưu tiên đặt phòng qua Zalo </i>
<br> <i style="color: blue;"> * Giá ưu đãi cho thuê dài hạn, thuê tháng </i> 
                <h3 style="color: red; text-align: right; margin: 0;">(Đơn vị tính: VNĐ)</h3>
            </section> 

            <div class="hondo-price-wrapper">
                <table class="hondo-table">
                    <thead>
                        <tr>
                            <th>Loại Mùa / Thời Điểm</th>
                            <th>Phòng Đơn</th>
                            <th>Phòng Đôi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>🌿 <strong>Mùa thấp điểm</strong></td>
                            <td><span class="price-val">550.000</span></td>
                            <td><span class="price-val">850.000</span></td>
                        </tr>
                        <tr>
                            <td>☀️ <strong>Mùa cao điểm</strong> (18/05 – 04/09)</td>
                            <td><span class="price-val">600.000</span></td>
                            <td><span class="price-val">900.000</span></td>
                        </tr>
                        <tr>
                            <td>🎉 <strong>Lễ, Tết <br> Theo quy định Nhà nước</strong></td>
                            <td><span class="price-val">850.000</span></td>
                            <td><span class="price-val">1.100.000</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="policy-box">
            <h4>⏰ Chính sách nhận & trả phòng:</h4>
            <p>• <strong>Nhận phòng:</strong> Sau 14h00 chiều</p>
            <p>• <strong>Trả phòng:</strong> Trước 12h00 trưa</p>
            <p style="font-size: 0.9em; font-style: italic;">* Quý khách vui lòng liên hệ trước nếu có nhu cầu nhận phòng sớm hoặc trả muộn để được hỗ trợ.</p>
        </div> 

       

        <section style="text-align: center; padding: 40px 20px; background: #fff; border: 2px solid #ff5722; border-radius: 20px; box-shadow: 0 15px 30px rgba(255,87,34,0.1);">
            <h3 style="color: #ff5722; margin-top: 0;">🏠 Dưới đây là thông tin liên hệ đặt phòng và trao đổi trực tiếp</h3>         
             <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px;">
        <div style="background: #fdfdfd; padding: 25px; border-radius: 15px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #eee;">
        <h3 style="margin: 0 0 15px 0; color: #000000 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.1); font-weight: 800;">📞 Ms Ngân</h3>

           <a href="tel:0911846670" 
          style="display: block; 
          background: #c23b0a; 
          color: #ffffff; 
          padding: 14px; 
          border-radius: 25px; 
          text-decoration: none; 
          font-weight: 700; 
          text-align: center; 
          margin-bottom: 10px; 
          font-size: 16px;
          border: 1px solid #992d06;">
         📞 Gọi 0911.846.670
         </a>
            <a href="https://zalo.me/0911846670" target="_blank" style="display: block; background: #0056b3; color: white; padding: 12px; border-radius: 25px; text-decoration: none; font-weight: bold;">Zalo Ms Ngân</a>
        </div>
        <div style="background: #fdfdfd; padding: 25px; border-radius: 15px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #eee;">
           <h3 style="margin: 0 0 15px 0; color: #000000 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.1); font-weight: 800;">📞 Ms Loan</h3>
            <a href="tel:0908299411" 
          style="display: block; 
          background: #c23b0a; 
          color: #ffffff; 
          padding: 14px; 
          border-radius: 25px; 
          text-decoration: none; 
          font-weight: 700; 
          text-align: center; 
          margin-bottom: 10px; 
          font-size: 16px;
          border: 1px solid #992d06;">
         📞 Gọi 0908.299.411
         </a>
            <a href="https://zalo.me/0908299411" target="_blank" style="display: block; background: #0056b3; color: white; padding: 12px; border-radius: 25px; text-decoration: none; font-weight: bold;">Zalo Ms Loan</a>
        </div>
    </div>

            <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;">
                <p><strong>🌐 Hoặc đặt qua các kênh:</strong></p>
                <div style="display: flex; justify-content: center; gap: 15px;">
                    <a href="https://www.facebook.com/share/18C8EtWqmU/" target="_blank" style="color: #1877f2; text-decoration: none;">Facebook</a> |
                    <a href="https://www.agoda.com/vi-vn/homestay-hon-d-sea/hotel/thon-tri-thuy-vn.html" target="_blank" style="color: #873fb6; text-decoration: none;">Agoda</a> |
                    <a href="https://www.booking.com/hotel/vn/homestay-hon-do-sea.vi.html" target="_blank" style="color: #003580; text-decoration: none;">Booking.com</a>
                </div>
            </div>
        </section>
<p style="text-align: center;"> <strong>Trang Facebook Homestay Hòn Đỏ Sea</strong> </p>
<div style="text-align: center; width: 100%; max-width: 500px; margin: 0 auto; overflow: hidden;">
    <div class="fb-page" 
         data-href="https://www.facebook.com/HomestayHonDoSea" 
         data-tabs="timeline" 
         data-width="500" 
         data-small-header="false" 
         data-adapt-container-width="true" 
         data-hide-cover="false" 
         data-show-facepile="true" 
         data-lazy="true">
    </div>
</div>
 <section id="baibao" style="background: #f0f4f8; padding: 25px 15px; border-radius: 20px; margin-bottom: 30px;">
            <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;">
                <a href="Anhhd.html" style="display: inline-block; min-width: 140px; text-align: center; padding: 12px 24px; background: #0a3d62; color: #FFD700; border-radius: 25px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: 0.3s;">
                    📸 Xem Ảnh Trải Nghiệm
                </a>
                <a href="Clip.html" style="display: inline-block; min-width: 140px; text-align: center; padding: 12px 24px; background: #0a3d62; color: #FFD700; border-radius: 25px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: 0.3s;">
                    ▶️ Xem Clip Trải Nghiệm
                </a>
            </div>
        </section>
        <section style="margin-top: 60px;">
            <h3 style="text-align: center; color: #0056b3;">📍 Vị Trí Homestay Hòn Đỏ Sea</h3>
           <p style="text-align: center; font-style: italic; color: #333;">
        Sát biển Hòn Đỏ Ninh Thuận- Cung đường ven biển đi Vĩnh Hy<br>
        <span style="color: #c62828; font-weight: bold;">(Bạn chỉ cần đi theo định vị Google Maps là đến  Homestay Hòn Đỏ Sea)</span>
    </p>
            <div class="map-container">
                <iframe title="Bản đồ vị trí của Homestay Hòn Đỏ Sea trên Google Maps"
                   src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3905.7733355054366!2d109.13840747413693!3d11.781682340578635!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317067465f009dc1%3A0xe01bc7cdc093b45f!2sHomestay%20H%C3%B2n%20%C4%90%E1%BB%8F%20Sea!5e0!3m2!1svi!2s!4v1715525500000!5m2!1svi!2s" 
                   width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy">
                </iframe>
            </div>
        </section>
        
        <p style="text-align: center; font-style: italic; color: Blue; margin-top: 30px;">
            Cảm ơn bạn đã ghé thăm! Hãy giúp Hòn Đỏ Sea lan tỏa chia sẻ những bức hình lung linh của bạn trên Google Maps nhé!
        </p>
    </div>
</main>

 <div class="contact-container">
    <a href="tel:0908299411" class="btn-float call" title="Gọi điện">
        <i class="fas fa-phone-alt"></i>
    </a>
    <a href="https://zalo.me/0908299411" class="btn-float zalo" title="Zalo" target="_blank">
    <img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Icon_of_Zalo.svg" alt="Chat với Ms Loan">
       
    </a>
    <a href="https://m.me/HomestayHonDoSea" class="btn-float messenger" title="Messenger" target="_blank">
        <i class="fab fa-facebook-messenger"></i>
    </a>
</div>
     
<footer style="text-align: center; padding: 30px 20px; background: #333; color: #bbb; margin-top: 40px; font-size: 14px;">
    <p>HKD HomeStay Hòn Đỏ Sea - Hondosea.com © 2026</p>
    <p>Nơi mang lại sự an vui và hạnh phúc trọn vẹn cho chuyến đi của bạn.</p>
    <p>Hotline: 0908.299.411</p>
</footer>

</body>
</html>