<!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 Ninh Thuận | Homestay Gần Vịnh 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="Đến với Hòn Đỏ không chỉ là tìm một nơi để ngủ, mà là để đắm mình vào những trải nghiệm rất riêng mà chỉ vùng đất san hô cổ này mới có.">
    <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/Anhhd.html">    
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://hondosea.com/Anhhd.html">
    <meta property="og:title" content="Hòn Đỏ: Săn Rêu Trải Nghiệm &quot;Sống Ảo&quot; Cực Chất Tại Ninh Thuận| gần Vĩnh Hy">
    <meta property="og:description" content="Đến với Hòn Đỏ không chỉ là tìm một nơi để ngủ, mà là để đắm mình vào những trải nghiệm rất riêng mà chỉ vùng đất san hô cổ này mới có.">
    <meta property="og:image" content="https://www.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; }
        
        /* GALLERY ẢNH */
        .image-gallery {
            display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 15px; margin-top: 30px;
        }
        .image-gallery img {
            width: 100%; height: 220px; object-fit: cover;
            border-radius: 10px; cursor: zoom-in; transition: 0.3s;
        }
        .image-gallery img:hover { transform: scale(1.03); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }

        /* LIGHTBOX (PHÓNG TO ẢNH) */
        #hondo-lightbox {
            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.9); z-index: 9999;
            justify-content: center; align-items: center; cursor: zoom-out;
        }
        #hondo-lightbox img { max-width: 90%; max-height: 85%; border: 3px solid #fff; border-radius: 5px; animation: zoom 0.3s ease-out; }
        
        @keyframes zoom { from { transform: scale(0.7); opacity: 0; } to { transform: scale(1); opacity: 1; } }

        /* BẢN ĐỒ */
        .map-container {
            width: 100%;
            height: 400px;
            border-radius: 20px;
            overflow: hidden;
            margin-top: 20px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

       /* 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 */
        @media (max-width: 600px) {
            header { flex-direction: column; gap: 10px; }
            .hero h1 { font-size: 1.5em; }
        }
    </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="Lienhe.html">Liên hệ</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; text-align: left; margin-bottom: 15px;">🏄‍♂️ Đừng Chỉ Đi Du Lịch, Hãy Về Hòn Đỏ Sea Để Sống Cùng Biển Trời Ninh Thuận!</h2>
            </section>        
            <p>Ở đây tụi mình không chỉ có phòng ngủ hướng biển, mà có sẵn cả một bờ biển hoang sơ đón bình minh và ngắm hoàng hôn siêu đẹp ngay trước mắt, có SUP miễn phí để bạn ra khơi lướt sóng, và có luôn rẫy hành ngò xanh mướt sau nhà để bạn tha hồ hóa thân làm nông dân chính hiệu. Khách thành phố ghé Hòn Đỏ Sea là cứ chơi thả ga, trải nghiệm hết mình rồi tối về ngủ một giấc thật ngon, mọi mệt mỏi tự nhiên tan biến hết.</p>      
        </div>
 
        <p style="font-size: 0.9em; color: #666; margin-top: 20px;">* Nhấn vào ảnh bên dưới để xem phóng to ngay tại đây.</p>   
        
        <div class="image-gallery">   
            <div class="gallery-item"><img src="IMGHD/ngam-ran-san-ho-hon-do-nuoc-rut.webp" alt="Ngắm rạn san hô cổ Hòn Đỏ khi nước rút cực đẹp" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/ngam-ran-san-ho-hon-do-ninh-thuan-nuoc-rut.webp" alt="Trải nghiệm đi bộ ngắm san hô tại Hòn Đỏ Ninh Thuận" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/hon-do-sea-san-ho.webp" alt="Cận cảnh rạn san hô tại vùng biển Hòn Đỏ hoang sơ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/bai-bien-hon-do.webp" alt="Bãi biển Hòn Đỏ hoang sơ sát homestay" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/hoang-hon-hon-do.webp" alt="Cảnh hoàng hôn lãng mạn trên biển Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/thuyen-tren-bien-hon-do.webp" alt="Thuyền thúng ngư dân trên biển Hòn Đỏ Ninh Thuận" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/bai-cat-hon-do.webp" alt="Bãi cát trắng mịn màng tại vùng biển Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/ghe-dau-tren-bien-hon-do.webp" alt="Ghe tàu đậu yên bình trên sóng biển Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Hoang-hon-tren-hon-do.webp" alt="Khoảnh khắc mặt trời lặn rực rỡ tại Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Phong-view-bien-hon-do.webp" alt="Phòng ngủ view biển sát vách tại Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Phong-view-bien-hon-do-sea.webp" alt="Không gian nghỉ dưỡng view biển tại Hòn Đỏ Sea Homestay" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Tiec-BBQ-Hon-do.webp" alt="Thưởng thức tiệc BBQ hải sản tươi sống tại Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Ngam-Bien-Hon-Do-Dem.webp" alt="Không gian tiệc BBQ ngoài trời lung linh về đêm" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/San-Cat-Hon-Do-Sea.webp" alt="Sân chơi trên cát rộng rãi tại Homestay Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/BBQ-San-San-Hon-Do-Sea.webp" alt="Bữa tiệc nướng hải sản ấm cúng sát bờ biển" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/An-BBQ-tai-homestay-hon-do-sea.webp" alt="Khách hàng tận hưởng BBQ ngoài sân vườn hướng biển" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Cheo-Sup-Bien-Hon-Do.webp" alt="Hoạt động chèo Sup trên biển Hòn Đỏ cực thú vị" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Cheo-Sup-Hon-Do-Sea.webp" alt="Dịch vụ chèo Sup trải nghiệm tại Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Trai-nghiem-Sup-Hon-Do.webp" alt="Du khách trải nghiệm chèo Sup ngắm biển Ninh Thuận" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Tam-Bien-Hon-Do.webp" alt="Vui chơi tắm biển tại bãi biển sạch đẹp Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/tao-dang-Bien-Hon-Do.webp" alt="Khách hàng check-in sống ảo tại bãi biển Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/San-Homestay-hon-do-sea.webp" alt="Sân vườn cực chill để tạo dáng chụp ảnh tại Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Vuon-Hon-Do-Sea.webp" alt="Vườn cây xanh mát tại Homestay Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/ngam-ran-san-ho-co-hon-do-ninh-thuan.webp" alt="Khám phá rạn san hô cổ hàng nghìn năm tại Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Bai-bien-hon-do-sach.webp" alt="Bãi biển hoang sơ và sạch sẽ sát Homestay Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Hon-Do-hoang-vang.webp" alt="Bãi biển hoang sơ và sạch sẽ sát Homestay" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Tao-dang-hon-do.webp" alt="Bãi biển hoang sơ và sạch sẽ sát Homestay gần Vĩnh Hy" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Cheo-Sup-hondo.webp" alt="Chèo Sup bãi biển hoang sơ và sạch sẽ sát Homestay gần Vĩnh Hy" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Cheo-Sup-Tren-Bien-Hon-Do.webp" alt="Chèo Sup biển Hòn Đỏ" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Bai-Bien-Hon-Do-Dep.webp" alt="Bãi bãi biển hoang sơ và sạch sẽ sát Homestay Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Hon-Do-Sea-Ray-Hanh.webp" alt="Cánh đồng hành tỏi đặc sản Ninh Thuận sau lưng homestay" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/Hanh-Ngo-hon-so-sea.webp" alt="Trải nghiệm tham quan cánh đồng hành xanh mướt" loading="lazy" decoding="async"></div>
            <div class="gallery-item"><img src="IMGHD/hanh-thu-hon-do-sea.webp" alt="Thu hoạch hành ngò sau lưng Hòn Đỏ Sea" loading="lazy" decoding="async"></div>
        </div>

        <div id="hondo-lightbox">
            <img src="" alt="Ảnh phóng to">
        </div>

        <section id="baibao" style="background: #f0f4f8; padding: 20px; border-radius: 20px; margin: 30px 0;">
            <div style="text-align: center;">
                 <a href="Xem-phong.html" style="display: inline-block; padding: 10px 20px; background: #0a3d62; color: #FFD700; font-weight: bold; border-radius: 25px; text-decoration: none; margin-right: 10px;">📸 Xem Phòng Nghỉ</a>
                 <a href="Clip.html" style="display: inline-block; padding: 10px 20px; background: #0a3d62; color: #FFD700; font-weight: bold; border-radius: 25px; text-decoration: none;">▶️ Xem Clip Thực Tế</a>
            </div>
        </section>

       <section style="text-align: center; padding: 40px; background: #fff; border: 2px solid #e64a19; border-radius: 20px; box-shadow: 0 15px 30px rgba(255,87,34,0.1); max-width: 960px; margin: 0 auto;">
    <h2 style="color: #e64a19; margin-top: 0;">🏠 Tư vấn Đặt Phòng Qua Zalo</h2>
    <p style="font-size: 1.1rem; color: #444;">Liên hệ ngay với Ms Ngân hoặc Ms Loan để đặt phòng view biển nhé!</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 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>

        <section style="margin-top: 60px; margin-bottom: 30px;">
            <h3 style="text-align: center; color: #0056b3; margin-top: 0;">📍 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>
           <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="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-bottom: 20px;">
            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>

<script>
    const lightbox = document.getElementById('hondo-lightbox');
    const lightboxImg = lightbox.querySelector('img');
    const galleryImages = document.querySelectorAll('.image-gallery img');

    // Mở khi click vào ảnh
    galleryImages.forEach(img => {
        img.addEventListener('click', () => {
            lightbox.style.display = 'flex';
            lightboxImg.src = img.src;
        });
    });

    // Đóng khi click vào vùng đen hoặc ảnh
    lightbox.addEventListener('click', () => {
        lightbox.style.display = 'none';
    });
</script>

</body>
</html>