<!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: Liên hệ | Homestay gần biển Hòn Đỏ| gần Vĩnh Hy</title>
    <link rel="icon" type="image/png" href="/logo.png">
    <meta name="description" content="Liên hệ ngay với Hòn Đỏ Sea để đặt phòng. Địa chỉ: Thôn Mỹ Hiệp, Vĩnh Hải, Ninh Thuận. Hotline: 0911.846.670. Xem chỉ đường Google Maps tại đây">
    <meta name="keywords" content="Hòn Đỏ, Hòn đỏ sea, Homestay gần biển view đẹp,khách sạn, nhà nghỉ, gần Vĩnh Hy, Khách sạn Hòn Đỏ, nhà nghỉ Hòn Đỏ, Trải nghiệm Hòn Đỏ">
    <link rel="canonical" href="https://hondosea.com/Lienhe.html">
    <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 property="og:type" content="website">
    <meta property="og:url" content="https://hondosea.com/Lienhe.html">
    <meta property="og:title" content="Hòn Đỏ sea: Liên hệ | Định vị và chỉ đường Google Maps| gần Vĩnh Hy">
    <meta property="og:description" content="Liên hệ ngay với Hòn Đỏ Sea để đặt phòng. Địa chỉ: Thôn Mỹ Hiệp, Vĩnh Hải, Ninh Thuận. Hotline: 0911.846.670. Xem chỉ đường Google Maps tại đây">
    <meta property="og:image" content="https://hondosea.com/IMG/Hon-Do-Sea-Homestay.jpg">
    <meta name="robots" content="index, follow">
        
    <style>
        body { font-family: Arial, sans-serif; margin: 0; background-color: #f4f7f6; 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 */
         }

        /* THANH MENU */
        header { 
            background: #0a3d62; 
            padding: 12px 5%; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            position: sticky; 
            top: 0; 
            z-index: 1000;
        }
        .brand-name { 
            color: Gold;
            font-size: 1.1em; 
            font-weight: bold; 
            border-left: 4px solid #ff6600; 
            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: #ff6600; }

        /* NỘI DUNG 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 #ff6600;
        }

        /* PHẦN LIÊN HỆ & CÁC KÊNH ĐẶT PHÒNG */
        .contact-section { background: white; margin-top: 25px; padding: 20px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .contact-title { 
            color: #0a3d62; 
            font-size: 1.4em; 
            font-weight: bold; 
            margin-bottom: 20px; 
            display: flex; 
            align-items: center;
            border-left: 5px solid #ff6600;
            padding-left: 15px;
        }
        
        .online-booking { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 15px; justify-content: center; }
        .online-booking a { 
            color: #007bff; font-weight: bold; text-decoration: none; 
            border: 2px solid #007bff; padding: 8px 20px; border-radius: 8px; transition: 0.3s;
        }
        .online-booking a:hover { background: #007bff; color: white; }

        /* ẢNH GALLERY */
        .gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 30px; }
        .gallery img { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; }

        /* BẢN ĐỒ */
        .map-container {
            width: 100%;
            height: 450px;
            border-radius: 20px;
            overflow: hidden;
            margin-top: 20px;
            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;
}

        @media (max-width: 600px) {
            header { flex-direction: column; gap: 10px; }
            .gallery { grid-template-columns: 1fr; }
            .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="Datphong.html">Giá Phòng</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: 20px;">
                <h2 style="color: #2e7d32; border-left: 5px solid #2e7d32; padding-left: 15px; margin-bottom: 15px;">🌿 Thông Tin Liên Hệ</h2>
                <h3 style="margin-top: 0; color: #333;">HỘ KINH DOANH HOMESTAY HÒN ĐỎ SEA</h3>
            </section> 

            <p><strong>Địa chỉ:</strong> Thôn Mỹ Hiệp, Xã Vĩnh Hải, Tỉnh Khánh Hòa.</p>
            <i style="color: Red; display: block; margin-bottom: 15px;">(Lưu ý: Bạn chỉ cần đi theo định vị Google Maps là đến Hòn Đỏ Sea Ninh Thuận)</i>
            <h3><a href="huong-dan-duong-di.html" title="Click vào đây Quý khách an tâm đi theo định vị sẽ đến Hòn Đỏ Sea">👉 Xem hướng dẫn đường đi: </a></h3>
            <h3>📍 Định vị đường đi trên Google Maps: <a href="https://maps.app.goo.gl/NkubaS8ZxuV3pERh9" style="color: Blue;" target="_blank" title="Click vào đây Quý khách an tâm đi theo định vị sẽ đến Hòn Đỏ Sea">👉 Homestay Hòn Đỏ Sea</a></h3>
          "Đôi khi, khoảng cách giữa bạn và sự bình yên chỉ là một cuộc gọi nhỏ. Đừng ngần ngại, chúng mình luôn ở đây, lắng nghe và chờ đón bạn trở về với biển."
            
     
            <div style="text-align: center; margin-top: 30px; padding: 30px 15px; background: #fff; border-radius: 20px; border: 1px solid #eee;">
                <h2 style="color: red; margin-top: 0;">🏠 Tư vấn Đặt Phòng qua Zalo:</h2>
                <p style="color: #555;">Đừng ngần ngại, chúng tôi luôn ở đây để tư vấn giúp bạn có kỳ nghỉ cân bằng nhất.</p>
                
                <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>

            <div class="contact-section" style="text-align: center; margin-top: 30px;">
                <div class="contact-title">🌐 Hoặc đặt qua các kênh:</div>
                <div class="online-booking">
                    <a href="https://www.facebook.com/share/18C8EtWqmU/" target="_blank">Facebook</a>
                    <a href="https://www.agoda.com/vi-vn/homestay-hon-d-sea/hotel/thon-tri-thuy-vn.html" target="_blank">Agoda.com</a>
                    <a href="https://www.booking.com/hotel/vn/homestay-hon-do-sea.vi.html" target="_blank">Booking.com</a>
                </div>
            </div>
<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>
            <div class="gallery">
                <img src="IMG/MT1.jpg" alt="Liên hệ Hòn Đỏ Sea" loading="lazy" decoding="async">
                <img src="IMG/MT2.jpg" alt="Hòn Đỏ Sea chào đón các bạn" loading="lazy" decoding="async">
                <img src="IMG/MT3.jpg" alt="Hòn Đỏ Sea luôn lắng nghe và hỗ trợ khách hàng" loading="lazy" decoding="async">
            </div>
        </div>

        <section id="baibao" style="background: #f0f4f8; padding: 25px 20px; border-radius: 20px; margin: 30px 0; text-align: center;">
            <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>

       <h3>📍 Xem chỉ đường trên Google Maps: <a href="https://maps.app.goo.gl/NkubaS8ZxuV3pERh9" style="color: Blue;" target="_blank" title="Click vào đây Quý khách an tâm đi theo định vị sẽ đến Hòn Đỏ Sea">👉 Homestay Hòn Đỏ Sea</a></h3>
<div style="margin-top: 30px; padding: 15px; background-color: #f9f9f9; border-radius: 10px;">
                <p style="color: Blue; font-style: italic; text-align: center; margin-top: 0;">Vị trí sát biển: Chỉ vài bước chân là bạn đã chạm tay vào nước biển. Homestay nằm trên cung đường ven biển tuyệt đẹp đi Vĩnh Hy, cực tiện để check-in.</p>
                <div class="map-container">
                    <iframe 
                        title="Bản đồ chỉ đường Homestay Hòn Đỏ Sea"
                        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" 
                        referrerpolicy="no-referrer-when-downgrade">
                    </iframe>
                </div>
            </div>
        <p style="text-align: center; font-style: italic; color: Blue; margin-bottom: 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; 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>