{"id":7,"date":"2025-08-27T13:41:48","date_gmt":"2025-08-27T13:41:48","guid":{"rendered":"https:\/\/zhava.com\/?page_id=7"},"modified":"2025-08-27T13:41:48","modified_gmt":"2025-08-27T13:41:48","slug":"dr-zs-beach-house","status":"publish","type":"page","link":"https:\/\/zhava.com\/index.php\/dr-zs-beach-house\/","title":{"rendered":"Dr. Z&#8217;s beach house"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Zhava Beach House &#8211; Premium Oceanfront Vacation Rental<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Helvetica Neue', Arial, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: #fff;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Header *\/\n        header {\n            background: rgba(255,255,255,0.95);\n            backdrop-filter: blur(10px);\n            position: fixed;\n            width: 100%;\n            top: 0;\n            z-index: 1000;\n            padding: 1rem 0;\n            box-shadow: 0 2px 20px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n\n        nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo {\n            font-size: 2.5rem;\n            font-weight: 300;\n            color: #2c5aa0;\n            text-decoration: none;\n            letter-spacing: 2px;\n        }\n\n        .nav-menu {\n            display: flex;\n            list-style: none;\n            gap: 2.5rem;\n        }\n\n        .nav-menu a {\n            color: #333;\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-size: 0.9rem;\n        }\n\n        .nav-menu a:hover {\n            color: #2c5aa0;\n        }\n\n        .book-now-btn {\n            background: linear-gradient(45deg, #ff6b6b, #ffa726);\n            color: white !important;\n            padding: 12px 25px;\n            border-radius: 25px;\n            font-weight: 600;\n        }\n\n        .book-now-btn:hover {\n            color: white !important;\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(255,107,107,0.4);\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            height: 100vh;\n            background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), \n                        url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 800\"><defs><linearGradient id=\"ocean\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" style=\"stop-color:%2387CEEB;stop-opacity:1\" \/><stop offset=\"100%\" style=\"stop-color:%231e3c72;stop-opacity:1\" \/><\/linearGradient><\/defs><rect fill=\"url(%23ocean)\" width=\"1200\" height=\"800\"\/><path fill=\"%23f0f8ff\" opacity=\"0.3\" d=\"M0,400 Q300,350 600,400 T1200,400 V800 H0 Z\"\/><path fill=\"%23ffffff\" opacity=\"0.2\" d=\"M0,500 Q400,450 800,500 T1600,500 V800 H0 Z\"\/><\/svg>');\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: white;\n            position: relative;\n        }\n\n        .hero-content h1 {\n            font-size: 4rem;\n            font-weight: 300;\n            margin-bottom: 1rem;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n            letter-spacing: 3px;\n        }\n\n        .hero-content p {\n            font-size: 1.5rem;\n            margin-bottom: 3rem;\n            max-width: 600px;\n            font-weight: 300;\n        }\n\n        .hero-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 15px 35px;\n            text-decoration: none;\n            border-radius: 30px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: all 0.3s ease;\n            font-size: 1rem;\n        }\n\n        .btn-primary {\n            background: linear-gradient(45deg, #ff6b6b, #ffa726);\n            color: white;\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(255,107,107,0.4);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: white;\n            border: 2px solid white;\n        }\n\n        .btn-secondary:hover {\n            background: white;\n            color: #333;\n        }\n\n        \/* Features Section *\/\n        .features {\n            padding: 100px 0;\n            background: #f8f9fa;\n        }\n\n        .section-title {\n            text-align: center;\n            font-size: 3rem;\n            margin-bottom: 2rem;\n            color: #2c5aa0;\n            font-weight: 300;\n        }\n\n        .section-subtitle {\n            text-align: center;\n            font-size: 1.2rem;\n            color: #666;\n            margin-bottom: 4rem;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n            margin-top: 4rem;\n        }\n\n        .feature-card {\n            background: white;\n            padding: 2.5rem;\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-10px);\n        }\n\n        .feature-icon {\n            font-size: 3rem;\n            margin-bottom: 1.5rem;\n            color: #2c5aa0;\n        }\n\n        .feature-card h3 {\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n            color: #333;\n        }\n\n        \/* Gallery Section *\/\n        .gallery {\n            padding: 100px 0;\n            background: white;\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 3rem;\n        }\n\n        .gallery-item {\n            height: 250px;\n            background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.2rem;\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n\n        .gallery-item:hover {\n            transform: scale(1.05);\n        }\n\n        \/* Amenities Section *\/\n        .amenities {\n            padding: 100px 0;\n            background: #f8f9fa;\n        }\n\n        .amenities-list {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n        }\n\n        .amenity-item {\n            background: white;\n            padding: 1.5rem;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n\n        .amenity-icon {\n            font-size: 2rem;\n            color: #2c5aa0;\n        }\n\n        \/* Booking Section *\/\n        .booking {\n            padding: 100px 0;\n            background: linear-gradient(135deg, #2c5aa0 0%, #667eea 100%);\n            color: white;\n            text-align: center;\n        }\n\n        .booking h2 {\n            font-size: 3rem;\n            margin-bottom: 1rem;\n            font-weight: 300;\n        }\n\n        .booking p {\n            font-size: 1.3rem;\n            margin-bottom: 3rem;\n            opacity: 0.9;\n        }\n\n        \/* Contact Section *\/\n        .contact {\n            padding: 80px 0;\n            background: white;\n        }\n\n        .contact-info {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n            margin-top: 3rem;\n        }\n\n        .contact-card {\n            text-align: center;\n            padding: 2rem;\n        }\n\n        .contact-card h3 {\n            color: #2c5aa0;\n            margin-bottom: 1rem;\n        }\n\n        \/* Footer *\/\n        footer {\n            background: #333;\n            color: white;\n            padding: 3rem 0;\n            text-align: center;\n        }\n\n        .footer-content {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin-bottom: 2rem;\n        }\n\n        .footer-section h3 {\n            margin-bottom: 1rem;\n            color: #fff;\n        }\n\n        .footer-section a {\n            color: #ccc;\n            text-decoration: none;\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n\n        .footer-section a:hover {\n            color: #fff;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero-content h1 {\n                font-size: 2.5rem;\n            }\n            \n            .hero-content p {\n                font-size: 1.2rem;\n            }\n            \n            .hero-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .nav-menu {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <header>\n        <nav class=\"container\">\n            <a href=\"#\" class=\"logo\">ZHAVA<\/a>\n            <ul class=\"nav-menu\">\n                <li><a href=\"#home\">Home<\/a><\/li>\n                <li><a href=\"#gallery\">Gallery<\/a><\/li>\n                <li><a href=\"#amenities\">Amenities<\/a><\/li>\n                <li><a href=\"#rates\">Rates<\/a><\/li>\n                <li><a href=\"#contact\">Contact<\/a><\/li>\n                <li><a href=\"#book\" class=\"book-now-btn\">Book Now<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/header>\n\n    <section id=\"home\" class=\"hero\">\n        <div class=\"hero-content\">\n            <h1>ZHAVA BEACH HOUSE<\/h1>\n            <p>Your perfect oceanfront escape awaits. Wake up to stunning views, fall asleep to the sound of waves.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#book\" class=\"btn btn-primary\">Book Your Stay<\/a>\n                <a href=\"#gallery\" class=\"btn btn-secondary\">View Gallery<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"features\" class=\"features\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Why Choose Zhava?<\/h2>\n            <p class=\"section-subtitle\">Experience the perfect blend of luxury, comfort, and natural beauty at our exclusive beachfront property.<\/p>\n            \n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udf0a<\/div>\n                    <h3>Oceanfront Location<\/h3>\n                    <p>Direct beach access with unobstructed ocean views from every room. Watch the sunrise from your bed.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfe1<\/div>\n                    <h3>Luxury Amenities<\/h3>\n                    <p>Fully equipped modern kitchen, spacious living areas, and premium furnishings throughout.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\ude97<\/div>\n                    <h3>Prime Location<\/h3>\n                    <p>Minutes from restaurants, shops, and attractions while maintaining privacy and tranquility.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"gallery\" class=\"gallery\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Gallery<\/h2>\n            <p class=\"section-subtitle\">Take a virtual tour of your home away from home<\/p>\n            \n            <div class=\"gallery-grid\">\n                <div class=\"gallery-item\">Ocean View Living Room<\/div>\n                <div class=\"gallery-item\">Master Bedroom Suite<\/div>\n                <div class=\"gallery-item\">Gourmet Kitchen<\/div>\n                <div class=\"gallery-item\">Private Beach Access<\/div>\n                <div class=\"gallery-item\">Sunset Deck<\/div>\n                <div class=\"gallery-item\">Dining Area<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"amenities\" class=\"amenities\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Amenities &#038; Features<\/h2>\n            <p class=\"section-subtitle\">Everything you need for the perfect beach vacation<\/p>\n            \n            <div class=\"amenities-list\">\n                <div class=\"amenity-item\">\n                    <span class=\"amenity-icon\">\ud83d\udecf\ufe0f<\/span>\n                    <div>\n                        <strong>Comfortable Bedrooms<\/strong>\n                        <p>Luxury bedding with ocean views<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"amenity-item\">\n                    <span class=\"amenity-icon\">\ud83c\udf73<\/span>\n                    <div>\n                        <strong>Full Kitchen<\/strong>\n                        <p>Modern appliances &#038; cookware<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"amenity-item\">\n                    <span class=\"amenity-icon\">\ud83d\udcf6<\/span>\n                    <div>\n                        <strong>High-Speed WiFi<\/strong>\n                        <p>Stay connected during your stay<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"amenity-item\">\n                    <span class=\"amenity-icon\">\ud83d\udebf<\/span>\n                    <div>\n                        <strong>Beach Shower<\/strong>\n                        <p>Rinse off after beach activities<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"amenity-item\">\n                    <span class=\"amenity-icon\">\ud83c\udd7f\ufe0f<\/span>\n                    <div>\n                        <strong>Private Parking<\/strong>\n                        <p>Dedicated parking spaces<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"amenity-item\">\n                    <span class=\"amenity-icon\">\ud83c\udf05<\/span>\n                    <div>\n                        <strong>Sunrise Views<\/strong>\n                        <p>Wake up to breathtaking sunrises<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"book\" class=\"booking\">\n        <div class=\"container\">\n            <h2>Ready to Book Your Stay?<\/h2>\n            <p>Experience the magic of Zhava Beach House. Available year-round with flexible booking options.<\/p>\n            <a href=\"#contact\" class=\"btn btn-primary\">Check Availability<\/a>\n        <\/div>\n    <\/section>\n\n    <section id=\"contact\" class=\"contact\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Contact &#038; Booking<\/h2>\n            <p class=\"section-subtitle\">Get in touch to reserve your perfect beach getaway<\/p>\n            \n            <div class=\"contact-info\">\n                <div class=\"contact-card\">\n                    <h3>\ud83d\udce7 Email<\/h3>\n                    <p>info@zhava.com<\/p>\n                    <p>For booking inquiries and questions<\/p>\n                <\/div>\n                <div class=\"contact-card\">\n                    <h3>\ud83d\udcf1 Phone<\/h3>\n                    <p>(555) 123-4567<\/p>\n                    <p>Call or text for immediate response<\/p>\n                <\/div>\n                <div class=\"contact-card\">\n                    <h3>\ud83d\udccd Location<\/h3>\n                    <p>Oceanfront Paradise<\/p>\n                    <p>Full address provided upon booking<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-section\">\n                    <h3>Zhava Beach House<\/h3>\n                    <p>Your premier oceanfront vacation rental destination. Creating unforgettable memories since day one.<\/p>\n                <\/div>\n                <div class=\"footer-section\">\n                    <h3>Quick Links<\/h3>\n                    <a href=\"#home\">Home<\/a>\n                    <a href=\"#gallery\">Gallery<\/a>\n                    <a href=\"#amenities\">Amenities<\/a>\n                    <a href=\"#contact\">Contact<\/a>\n                <\/div>\n                <div class=\"footer-section\">\n                    <h3>Policies<\/h3>\n                    <a href=\"#\">Booking Terms<\/a>\n                    <a href=\"#\">Cancellation Policy<\/a>\n                    <a href=\"#\">House Rules<\/a>\n                    <a href=\"#\">Privacy Policy<\/a>\n                <\/div>\n            <\/div>\n            <div style=\"border-top: 1px solid #555; padding-top: 2rem; margin-top: 2rem;\">\n                <p>&copy; 2025 Zhava Beach House. All rights reserved.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Smooth scrolling for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\n                    behavior: 'smooth'\n                });\n            });\n        });\n\n        \/\/ Header scroll effect\n        window.addEventListener('scroll', () => {\n            const header = document.querySelector('header');\n            if (window.scrollY > 100) {\n                header.style.background = 'rgba(255,255,255,0.98)';\n                header.style.boxShadow = '0 2px 30px rgba(0,0,0,0.15)';\n            } else {\n                header.style.background = 'rgba(255,255,255,0.95)';\n                header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.1)';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zhava Beach House &#8211; Premium Oceanfront Vacation Rental ZHAVA Home Gallery Amenities Rates Contact Book Now ZHAVA BEACH HOUSE Your perfect oceanfront escape awaits. Wake up to stunning views, fall asleep to the sound of waves. Book Your Stay View Gallery Why Choose Zhava? Experience the perfect blend of luxury, comfort, and natural beauty at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":1,"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/zhava.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}