{"id":2,"date":"2026-07-14T02:03:18","date_gmt":"2026-07-14T02:03:18","guid":{"rendered":"https:\/\/satya-boat.wp.top4.website\/?page_id=2"},"modified":"2026-07-14T02:55:10","modified_gmt":"2026-07-14T02:55:10","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/satya-boat.wp.top4.website\/","title":{"rendered":"Homepages"},"content":{"rendered":"<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\nbody { font-family: 'Inter', sans-serif; }\r\n<\/style>\r\n\r\n<!-- Hero Section -->\r\n<section id=\"home\" style=\"position: relative; width: 100%; height: 100vh; overflow: hidden; margin: 0; padding: 0;\">\r\n\r\n    <!-- Ganti <img> ini dengan <video> saat video siap -->\r\n    <img decoding=\"async\"\r\n        src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/hero.png\"\r\n        alt=\"Satya Boat Hero\"\r\n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;\"\r\n    >\r\n\r\n    <!-- Overlay gelap tipis -->\r\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25);\"><\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Section 2: A Different Kind of Charter -->\r\n<section id=\"charter\" style=\"\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 80px 40px;\r\n    background-image: url('https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/bg-sec2-scaled.jpg');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    box-sizing: border-box;\r\n\">\r\n    <!-- Overlay -->\r\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 30, 50, 0.65);\"><\/div>\r\n\r\n    <!-- Content -->\r\n    <div style=\"position: relative; z-index: 1; max-width: 900px; margin: 0 auto; text-align: center;\">\r\n\r\n        <!-- Eyebrow -->\r\n        <p style=\"\r\n            color: #c9a84c;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin: 0 0 16px 0;\r\n        \">Luxury &middot; Speed &middot; Style &middot; Safety<\/p>\r\n\r\n        <!-- Heading -->\r\n        <h2 style=\"\r\n            color: #ffffff;\r\n            font-size: 38px;\r\n            font-weight: 400;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            margin: 0 0 20px 0;\r\n            line-height: 1.2;\r\n        \">A Different Kind of Charter<\/h2>\r\n\r\n        <!-- Description -->\r\n        <p style=\"\r\n            color: #c8d8e0;\r\n            font-size: 14px;\r\n            line-height: 1.8;\r\n            max-width: 520px;\r\n            margin: 0 auto 56px auto;\r\n        \">\r\n            Satya is a UNIQUE, luxury fast boat, operating out of SANUR, in Bali. We offer private transfers to Nusa Lembongan and Nusa Penida, along with customised cruises around Bali and beyond, with speed, style and uncompromising safety. We also offer 6 night \/ 7 day wellness retreats.\r\n        <\/p>\r\n\r\n        <!-- Cards Grid -->\r\n        <div style=\"\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 24px;\r\n            text-align: left;\r\n        \">\r\n\r\n            <!-- Card 1: Private Transfers -->\r\n            <div style=\"\r\n                background: rgba(10, 40, 60, 0.75);\r\n                border-radius: 12px;\r\n                overflow: hidden;\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n            \">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/private-transfers.jpg\"\r\n                    alt=\"Private Transfers\"\r\n                    style=\"width: 100%; height: 220px; object-fit: cover; display: block;\">\r\n                <div style=\"padding: 20px 20px 24px;\">\r\n                    <h3 style=\"color: #ffffff; font-size: 20px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 6px 0;\">Private Transfers<\/h3>\r\n                    <p style=\"color: #90aabb; font-size: 13px; margin: 0 0 20px 0;\">Nusa Lembongan &amp; Nusa Penida<\/p>\r\n                    <div style=\"display: flex; align-items: flex-end; justify-content: space-between;\">\r\n                        <div style=\"display: flex; gap: 28px;\">\r\n                            <div>\r\n                                <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">for Lembongan<\/p>\r\n                                <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">IDR 9,000,000<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">for Penida<\/p>\r\n                                <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">IDR 10,000,000<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"\/private-transfers\/\" style=\"\r\n                            width: 36px; height: 36px;\r\n                            border-radius: 50%;\r\n                            border: 1px solid rgba(255,255,255,0.4);\r\n                            display: flex; align-items: center; justify-content: center;\r\n                            color: #ffffff; text-decoration: none;\r\n                            font-size: 16px; flex-shrink: 0;\r\n                            transition: background 0.3s;\r\n                        \">&#8594;<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Manta Day Cruise -->\r\n            <div style=\"\r\n                background: rgba(10, 40, 60, 0.75);\r\n                border-radius: 12px;\r\n                overflow: hidden;\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n            \">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/manta-day-cruise.jpg\"\r\n                    alt=\"Manta Day Cruise\"\r\n                    style=\"width: 100%; height: 220px; object-fit: cover; display: block;\">\r\n                <div style=\"padding: 20px 20px 24px;\">\r\n                    <h3 style=\"color: #ffffff; font-size: 20px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 6px 0;\">Manta Day Cruise<\/h3>\r\n                    <p style=\"color: #90aabb; font-size: 13px; margin: 0 0 20px 0;\">Nusa Lembongan &amp; Nusa Penida<\/p>\r\n                    <div style=\"display: flex; align-items: flex-end; justify-content: space-between;\">\r\n                        <div style=\"display: flex; gap: 28px;\">\r\n                            <div>\r\n                                <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">for Day<\/p>\r\n                                <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">IDR 28,000,000<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">for Halfday<\/p>\r\n                                <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">IDR 18,000,000<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"\/cruises\/\" style=\"\r\n                            width: 36px; height: 36px;\r\n                            border-radius: 50%;\r\n                            border: 1px solid rgba(255,255,255,0.4);\r\n                            display: flex; align-items: center; justify-content: center;\r\n                            color: #ffffff; text-decoration: none;\r\n                            font-size: 16px; flex-shrink: 0;\r\n                        \">&#8594;<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Customised Extended Cruises -->\r\n            <div style=\"\r\n                background: rgba(10, 40, 60, 0.75);\r\n                border-radius: 12px;\r\n                overflow: hidden;\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n            \">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/customised-extended.jpg\"\r\n                    alt=\"Customised Day or Extended Cruises\"\r\n                    style=\"width: 100%; height: 220px; object-fit: cover; display: block;\">\r\n                <div style=\"padding: 20px 20px 24px;\">\r\n                    <h3 style=\"color: #ffffff; font-size: 20px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 6px 0;\">Customised Day or Extended Cruises<\/h3>\r\n                    <p style=\"color: #90aabb; font-size: 13px; margin: 0 0 20px 0;\">Surf\/SUP\/foil missions. Exploration trips around Bali and the outer islands.<\/p>\r\n                    <div style=\"display: flex; align-items: flex-end; justify-content: space-between;\">\r\n                        <div>\r\n                            <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">Price<\/p>\r\n                            <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">Price on Application<\/p>\r\n                        <\/div>\r\n                        <a href=\"\/cruises\/\" style=\"\r\n                            width: 36px; height: 36px;\r\n                            border-radius: 50%;\r\n                            border: 1px solid rgba(255,255,255,0.4);\r\n                            display: flex; align-items: center; justify-content: center;\r\n                            color: #ffffff; text-decoration: none;\r\n                            font-size: 16px; flex-shrink: 0;\r\n                        \">&#8594;<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 4: Wellness Retreats -->\r\n            <div style=\"\r\n                background: rgba(10, 40, 60, 0.75);\r\n                border-radius: 12px;\r\n                overflow: hidden;\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n            \">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/wellness-retreats.jpg\"\r\n                    alt=\"Wellness Retreats\"\r\n                    style=\"width: 100%; height: 220px; object-fit: cover; display: block;\">\r\n                <div style=\"padding: 20px 20px 24px;\">\r\n                    <h3 style=\"color: #ffffff; font-size: 20px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 6px 0;\">Wellness Retreats<\/h3>\r\n                    <p style=\"color: #90aabb; font-size: 13px; margin: 0 0 4px 0;\">6 night \/ 7 day health packages<\/p>\r\n                    <p style=\"color: #90aabb; font-size: 13px; margin: 0 0 20px 0;\">Together with Power of Now Oasis<\/p>\r\n                    <div style=\"display: flex; align-items: flex-end; justify-content: space-between;\">\r\n                        <div style=\"display: flex; gap: 28px;\">\r\n                            <div>\r\n                                <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">for Single<\/p>\r\n                                <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">IDR 45,000,000<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p style=\"color: #90aabb; font-size: 10px; font-style: italic; margin: 0 0 2px 0;\">for Twin share<\/p>\r\n                                <p style=\"color: #ffffff; font-size: 16px; font-weight: 700; margin: 0;\">IDR 75,000,000<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"\/wellness-retreats\/\" style=\"\r\n                            width: 36px; height: 36px;\r\n                            border-radius: 50%;\r\n                            border: 1px solid rgba(255,255,255,0.4);\r\n                            display: flex; align-items: center; justify-content: center;\r\n                            color: #ffffff; text-decoration: none;\r\n                            font-size: 16px; flex-shrink: 0;\r\n                        \">&#8594;<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <!-- End Cards Grid -->\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 3: Google Maps Full Width -->\r\n<section id=\"location\" style=\"width: 100%; margin: 0; padding: 0; display: block; line-height: 0;\">\r\n    <iframe\r\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3944.5!2d115.2549206!3d-8.7108906!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd2419431fc9e4b%3A0xe8e7138cc13281a2!2sPower%20Of%20Now%20Oasis!5e1!3m2!1sen!2sid!4v1700000000000!5m2!1sen!2sid\"\r\n        width=\"100%\"\r\n        height=\"500\"\r\n        style=\"border: 0; display: block; width: 100%;\"\r\n        allowfullscreen=\"\"\r\n        loading=\"lazy\"\r\n        referrerpolicy=\"no-referrer-when-downgrade\"\r\n    ><\/iframe>\r\n<\/section>\r\n\r\n<!-- Section 4 -->\r\n<section id=\"partners-operations\" style=\"\r\n    position: relative;\r\n    width: 100%;\r\n    background-image: url('https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/bg-sec4-scaled.jpg');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    box-sizing: border-box;\r\n\">\r\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 25, 45, 0.80);\"><\/div>\r\n\r\n    <div style=\"position: relative; z-index: 1; max-width: 900px; margin: 0 auto; padding: 80px 40px; box-sizing: border-box;\">\r\n\r\n        <!-- Our Trusted Partners -->\r\n        <div style=\"text-align: center; margin-bottom: 48px;\">\r\n            <h2 style=\"color: #ffffff; font-size: 32px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 8px 0;\">Our Trusted Partners<\/h2>\r\n            <p style=\"color: #ffffff; font-size: 13px; margin: 0 0 32px 0;\">Beachfront or close by.<\/p>\r\n\r\n            <!-- Partners Bar -->\r\n            <div style=\"\r\n                background: rgba(255,255,255,0.07);\r\n                border: 1px solid rgba(255,255,255,0.15);\r\n                border-radius: 10px;\r\n                padding: 24px 32px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n                flex-wrap: nowrap;\r\n                gap: 16px;\r\n                overflow: hidden;\r\n            \">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/genius-cafe.png\" alt=\"Genius Cafe\" style=\"height: 36px; width: auto; object-fit: contain; flex-shrink: 0;\">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/rip-curl.png\" alt=\"Rip Curl\" style=\"height: 36px; width: auto; object-fit: contain; flex-shrink: 0;\">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/leha-leha.png\" alt=\"Leha Leha\" style=\"height: 36px; width: auto; object-fit: contain; flex-shrink: 0;\">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/beach-club.png\" alt=\"Beach Club\" style=\"height: 36px; width: auto; object-fit: contain; flex-shrink: 0;\">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/global-health.png\" alt=\"Global Health\" style=\"height: 36px; width: auto; object-fit: contain; flex-shrink: 0;\">\r\n                <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/driver-tour.png\" alt=\"Drivers & Tour\" style=\"height: 36px; width: auto; object-fit: contain; flex-shrink: 0;\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Divider -->\r\n        <div style=\"border-top: 1px solid rgba(255,255,255,0.1); margin: 56px 0;\"><\/div>\r\n\r\n        <!-- Our Other Operations -->\r\n        <div style=\"text-align: center; margin-bottom: 48px;\">\r\n            <p style=\"color: #c9a84c; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 12px 0;\">Co \u2013 Owned &amp; Operated<\/p>\r\n            <h2 style=\"color: #ffffff; font-size: 32px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 16px 0;\">Our Other Operations<\/h2>\r\n            <p style=\"color: #ffffff; font-size: 13px; line-height: 1.8; max-width: 560px; margin: 0 auto 40px auto;\">\r\n                Satya is part of a small group of beachfront businesses in Sanur \u2013 all co-owned and run by the same team. As a Satya guest, you are welcome at both Kolonial House and the wellness centre, where our main office is located, and booking for Satya is usually beachfront, or at the Mentasan dock close by.\r\n            <\/p>\r\n\r\n            <!-- Operations Cards -->\r\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; text-align: left;\">\r\n\r\n                <!-- Card: Satya -->\r\n                <div style=\"\r\n                    background: rgba(10, 35, 55, 0.80);\r\n                    border-radius: 10px;\r\n                    overflow: hidden;\r\n                    border: 1px solid rgba(255,255,255,0.1);\r\n                \">\r\n                    <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/satya.jpg\" alt=\"Satya\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\">\r\n                    <div style=\"padding: 16px 18px 20px;\">\r\n                        <p style=\"color: #c9a84c; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 6px 0; font-family: 'Inter', sans-serif;\">Luxury Fast Boat &nbsp;\u00b7&nbsp; Unique Accommodation<\/p>\r\n                        <h3 style=\"color: #ffffff; font-size: 22px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 8px 0;\">Satya<\/h3>\r\n                        <p style=\"color: #90aabb; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 16px 0; display: flex; align-items: center; gap: 5px; font-family: 'Inter', sans-serif;\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"#90aabb\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                            Sanur Beachfront\r\n                        <\/p>\r\n                        <a href=\"https:\/\/satyaboat.com\" target=\"_blank\" style=\"color: #c9a84c; font-size: 11px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; font-family: 'Inter', sans-serif; display: inline-flex; align-items: center; gap: 5px;\">SATYABOAT.COM\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a84c\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card: Power of Now Oasis -->\r\n                <div style=\"\r\n                    background: rgba(10, 35, 55, 0.80);\r\n                    border-radius: 10px;\r\n                    overflow: hidden;\r\n                    border: 1px solid rgba(255,255,255,0.1);\r\n                \">\r\n                    <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/power-of-now-oasis.jpg\" alt=\"Power of Now Oasis\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\">\r\n                    <div style=\"padding: 16px 18px 20px;\">\r\n                        <p style=\"color: #c9a84c; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 6px 0; font-family: 'Inter', sans-serif;\">Yoga &nbsp;\u00b7&nbsp; Wellness &nbsp;\u00b7&nbsp; Health Retreats &nbsp;\u00b7&nbsp; YTT<\/p>\r\n                        <h3 style=\"color: #ffffff; font-size: 22px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 8px 0;\">Power of Now Oasis<\/h3>\r\n                        <p style=\"color: #90aabb; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 16px 0; display: flex; align-items: center; gap: 5px; font-family: 'Inter', sans-serif;\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"#90aabb\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                            Sanur Beachfront\r\n                        <\/p>\r\n                        <a href=\"https:\/\/powerofnowoasis.com\" target=\"_blank\" style=\"color: #c9a84c; font-size: 11px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; font-family: 'Inter', sans-serif; display: inline-flex; align-items: center; gap: 5px;\">POWEROFNOWOASIS.COM\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a84c\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card: Kolonial House -->\r\n                <div style=\"\r\n                    background: rgba(10, 35, 55, 0.80);\r\n                    border-radius: 10px;\r\n                    overflow: hidden;\r\n                    border: 1px solid rgba(255,255,255,0.1);\r\n                \">\r\n                    <img decoding=\"async\" src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/kolonial-house.jpg\" alt=\"Kolonial House\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\">\r\n                    <div style=\"padding: 16px 18px 20px;\">\r\n                        <p style=\"color: #c9a84c; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 6px 0; font-family: 'Inter', sans-serif;\">Boutique Hotel<\/p>\r\n                        <h3 style=\"color: #ffffff; font-size: 22px; font-weight: 400; font-family: 'Cormorant Garamond', serif; margin: 0 0 8px 0;\">Kolonial House<\/h3>\r\n                        <p style=\"color: #90aabb; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 16px 0; display: flex; align-items: center; gap: 5px; font-family: 'Inter', sans-serif;\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"#90aabb\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                            5 Mins From The Studio, Sanur\r\n                        <\/p>\r\n                        <a href=\"https:\/\/kolonialhouse.com\" target=\"_blank\" style=\"color: #c9a84c; font-size: 11px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; font-family: 'Inter', sans-serif; display: inline-flex; align-items: center; gap: 5px;\">KOLONIALHOUSE.COM\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a84c\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Divider -->\r\n        <div style=\"border-top: 1px solid rgba(255,255,255,0.1); margin: 56px 0;\"><\/div>\r\n\r\n        <!-- Supporting Solefamily Foundation -->\r\n        <div style=\"text-align: center; margin-bottom: 56px;\">\r\n            <p style=\"color: #c9a84c; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 12px 0; font-family: 'Inter', sans-serif;\">Community &amp; Charity<\/p>\r\n            <h2 style=\"color: #ffffff; font-size: 40px; font-weight: 400; font-family: 'Cormorant Garamond', serif; font-style: italic; margin: 0 0 28px 0; line-height: 1.2;\">Supporting the Solefamily Foundation<\/h2>\r\n            <p style=\"color: #c8d8e0; font-size: 13px; line-height: 1.9; max-width: 660px; margin: 0 auto 16px auto; font-family: 'Inter', sans-serif;\">\r\n                Our three businesses operate as <strong style=\"color: #ffffff;\">semi not-for-profit company.<\/strong> The main beneficiaries are Solefamily, a local children's foundation and our local Balinese staff. You can read more about the great work the Solefamily foundation does by clicking the link below, where you can contact them directly.\r\n            <\/p>\r\n            <p style=\"color: #c8d8e0; font-size: 13px; line-height: 1.9; max-width: 660px; margin: 0 auto 36px auto; font-family: 'Inter', sans-serif;\">\r\n                At the end of each year, around half of any profits go directly to the foundation, and the other half is shared with the full-time staff. We are respectful members of the expat business community and pay all our tax obligations as a properly registered PMA company. We also offer scholarships to locals who otherwise could not afford the training program, and employ several yoga teachers who completed their training with us. Honesty and integrity are our core principles in all our operations. The charitable component of the company is not just for lip service \u2014 it is our main motivation.\r\n            <\/p>\r\n            <a href=\"#\" style=\"\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n                border: 1px solid #c9a84c;\r\n                color: #c9a84c;\r\n                text-decoration: none;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                letter-spacing: 2px;\r\n                text-transform: uppercase;\r\n                padding: 14px 28px;\r\n                border-radius: 4px;\r\n                font-family: 'Inter', sans-serif;\r\n                transition: background 0.3s, color 0.3s;\r\n            \">Learn About Solefamily &nbsp;\u2197<\/a>\r\n        <\/div>\r\n\r\n        <!-- Divider -->\r\n        <div style=\"border-top: 1px solid rgba(255,255,255,0.1); margin: 56px 0;\"><\/div>\r\n\r\n        <!-- SATYABOAT BALI Gallery -->\r\n        <div style=\"text-align: center;\">\r\n            <p style=\"color: #ffffff; font-size: 38px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin: 0 0 8px 0; font-family: 'Cormorant Garamond', serif;\">SATYABOAT_BALI<\/p>\r\n            <p style=\"color: #ffffff; font-size: 16px; font-weight: 300; margin: 0 0 7px 0; font-family: 'Inter', sans-serif;\">Luxury Fast Boat &nbsp;\u00b7&nbsp; Unique Accommodation &nbsp;|&nbsp; Newly Built In 2026<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Gallery Full Width (di luar max-width container) -->\r\n    <div style=\"width: 100%; overflow: hidden; line-height: 0;\">\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/galerry-list-sec4.jpg\"\r\n            alt=\"Satya Boat Gallery\"\r\n            style=\"width: 100%; display: block; object-fit: cover;\"\r\n        >\r\n    <\/div>\r\n\r\n    <!-- Load More & Follow Us buttons -->\r\n    <div style=\"position: relative; z-index: 1; text-align: center; padding: 40px 40px 80px;\">\r\n        <a href=\"#\" style=\"\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            background: #c9a84c;\r\n            border: 1px solid #c9a84c;\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            padding: 13px 0;\r\n            border-radius: 4px;\r\n            margin: 0 6px;\r\n            letter-spacing: 0.5px;\r\n            font-family: 'Inter', sans-serif;\r\n            width: 160px;\r\n        \">Load More<\/a>\r\n        <a href=\"https:\/\/instagram.com\/satyaboat_bali\" target=\"_blank\" style=\"\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            background: transparent;\r\n            border: 1px solid rgba(255,255,255,0.5);\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            padding: 13px 0;\r\n            border-radius: 4px;\r\n            margin: 0 6px;\r\n            letter-spacing: 0.5px;\r\n            font-family: 'Inter', sans-serif;\r\n            width: 160px;\r\n        \">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n            Follow Us\r\n        <\/a>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Section 5: CTA -->\r\n<section id=\"cta\" style=\"\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 200px 40px;\r\n    background-image: url('https:\/\/satya-boat.wp.top4.website\/wp-content\/uploads\/2026\/07\/bg-sec5.jpg');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n\">\r\n    <!-- Overlay -->\r\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 20, 35, 0.55);\"><\/div>\r\n\r\n    <!-- Content -->\r\n    <div style=\"position: relative; z-index: 1;\">\r\n        <h2 style=\"\r\n            color: #ffffff;\r\n            font-size: 48px;\r\n            font-weight: 400;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-style: italic;\r\n            margin: 0 0 16px 0;\r\n            line-height: 1.2;\r\n        \">Ready to step aboard?<\/h2>\r\n\r\n        <p style=\"\r\n            color: #d0dde6;\r\n            font-size: 15px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 400;\r\n            margin: 0 0 36px 0;\r\n            letter-spacing: 0.2px;\r\n        \">Tell us what you're looking for \u2014 we'll come back within 24 hours.<\/p>\r\n\r\n        <div style=\"display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;\">\r\n            <a href=\"\/enquire\/\" style=\"\r\n                display: inline-flex;\r\n                align-items: center;\r\n                background: #c9a84c;\r\n                border: 1px solid #c9a84c;\r\n                color: #ffffff;\r\n                text-decoration: none;\r\n                font-size: 14px;\r\n                font-weight: 600;\r\n                font-family: 'Inter', sans-serif;\r\n                padding: 14px 36px;\r\n                border-radius: 4px;\r\n                letter-spacing: 0.3px;\r\n                transition: background 0.3s, border-color 0.3s;\r\n            \">Enquire Now<\/a>\r\n\r\n            <a href=\"\/the-boat\/\" style=\"\r\n                display: inline-flex;\r\n                align-items: center;\r\n                background: rgba(30, 50, 65, 0.75);\r\n                border: 1px solid rgba(255,255,255,0.35);\r\n                color: #ffffff;\r\n                text-decoration: none;\r\n                font-size: 14px;\r\n                font-weight: 600;\r\n                font-family: 'Inter', sans-serif;\r\n                padding: 14px 36px;\r\n                border-radius: 4px;\r\n                letter-spacing: 0.3px;\r\n                transition: background 0.3s;\r\n            \">Browse The Boat<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":7,"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/satya-boat.wp.top4.website\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}