update links

content/experiences/index.md

@@ -36,7 +36,7 @@ weight: 5
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
-<button onclick="window.location.href='/projects'">CONTACT US</button>
+<button onclick="window.location.href='/contactus'">CONTACT US</button>
 
 {% end %}
 
@@ -54,7 +54,7 @@ Make the most out of Zanzibar's sandbanks and discover the untouched corners of
 
 Depending on the size of your group and the duration of your trip, the crew will organize a selection of picturesque destinations. Whether it be a romantic trip or an adventurous time with friends, you are invited on board.
 
-<button onclick="window.location.href='/projects'">BOOK NOW</button>
+<button onclick="window.location.href='/'">BOOK NOW</button>
 
 {% end %}
 
@@ -68,7 +68,7 @@ As the day winds down, enjoy a private dinning experience on the beach amidst th
 
 You can choose to have your candle light dinner by the private beach area or within the Mbweni Ruins. Feel free to let the staff know of your special preferences on music, menu, drinks, decorations in advance, and we will make sure to have it prepared up to your standards.
 
-<button onclick="window.location.href='/projects'">BOOK NOW</button>
+<button onclick="window.location.href='/'">BOOK NOW</button>
 
 |||
 
@@ -90,7 +90,7 @@ We would love to accommodate you and your party for your special days. Reach out
 
 You can choose from a variety of locations within our paradise. Our beach, deck, and the majestic Mbweni Ruins are all at your service.
 
-<button onclick="window.location.href='/projects'">BOOK NOW</button>
+<button onclick="window.location.href='/'">BOOK NOW</button>
 
 {% end %}
 
@@ -102,7 +102,7 @@ You can choose from a variety of locations within our paradise. Our beach, deck,
 
 Zanzibar is known for its adventurous and natural wonders. You can easily book a tour from many tour organizations that we are working with. For your convenience and special offers to Jungle Paradise guests, you will surely have the experiences of a life time.
 
-<button onclick="window.location.href='/projects'">BOOK NOW</button>
+<button onclick="window.location.href='/'">BOOK NOW</button>
 
 |||
 

content/home/index.md

@@ -46,24 +46,24 @@ Jungle paradise Beach Resort and SPA Zanzibar features 13 exclusive and cozy, ai
 
 
 </div>
+
+
 <!-- section 3 -->
 
-
+{% row(style="" margin="withContainer" bgPath="img/header4.jpg" bgStyle="full" padding="top" margin="tight") %}
-
-{% row(style="" margin="withContainer" bgPath="img/header2.jpg" bgStyle="full" padding="top" margin="tight") %}
 
 <h1 class="text-white">Suites / Rooms -<br> Accommodation</h1>
 
-<button onclick="window.location.href='/projects'">VIEW MORE</button>
+<button onclick="window.location.href='/rooms'">VIEW MORE</button>
 
 
 {% end %}
 
-{% row(style="" margin="withContainer" bgPath="img/header4.jpg" bgStyle="full" padding="none" margin="tight") %}
+{% row(style="" margin="withContainer" bgPath="img/header2.jpg" bgStyle="full" padding="none" margin="tight") %}
 
 <h1 class="text-white">Ocean Breeze Restaurant<br> & JP's Beach Bar</h1>
 
-<button onclick="window.location.href='/projects'">FIND OUT MORE </button>
+<button onclick="window.location.href='/restaurant'">FIND OUT MORE </button>
 
 
 {% end %}
@@ -72,7 +72,7 @@ Jungle paradise Beach Resort and SPA Zanzibar features 13 exclusive and cozy, ai
 
 <h1 class="text-white">Health & Wellness <br> - SPA</h1>
 
-<button onclick="window.location.href='/projects'">LEARN MORE </button>
+<button onclick="window.location.href='/health-wellness'">LEARN MORE </button>
 
 
 {% end %}

content/rooms/index.md

@@ -26,7 +26,7 @@ weight: 2
 
 **Occupancy: 2**
 
-<button onclick="window.location.href='/projects'">CHECK AVAILABILITY</button>
+<button onclick="window.location.href='/'">CHECK AVAILABILITY</button>
  
 |||
 
@@ -54,7 +54,7 @@ Please let us know if you want to share your King Size bed with one of your kids
 
 **Occupancy: 4**
 
-<button onclick="window.location.href='/projects'">CHECK AVAILABILITY</button>
+<button onclick="window.location.href='/'">CHECK AVAILABILITY</button>
  
 |||
 
@@ -82,7 +82,7 @@ Please let us know if you want to share your suite with two of your children or
 
 **Occupancy: 2**
 
-<button onclick="window.location.href='/projects'">CHECK AVAILABILITY</button>
+<button onclick="window.location.href='/'">CHECK AVAILABILITY</button>
  
 |||
 

public/contactus/index.html

@@ -0,0 +1,866 @@
+<!DOCTYPE html>
+<html lang="en" charset="utf-8">
+
+    
+
+
+
+
+
+<head>
+  <link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/images/favicon.png">
+  <meta name="generator" content="Zola v.0.13.0 - getzola.org" />
+
+  
+  
+  <title>Contact Us &bull; Jungle Paradise</title>
+  <meta property="og:title" content="Contact Us &bull; Jungle Paradise" />
+  
+  
+
+  <!-- Required meta categories -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- **** BEGINNING, favicons **** -->
+
+  <!-- generics -->
+
+  <!-- iOS -->
+
+  <!-- Android -->
+
+  <!-- Windows 8, IE 10 -->
+
+  <!-- Windows 8.1 and up, IE 11 -->
+
+  <!-- **** CONCLUSION, favicons **** -->
+
+  <!-- CSS/SCSS -->
+  <link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=cd4fe413f190b3512cd5" />  <style>@-moz-document url-prefix() {.lazy:-moz-loading {visibility:hidden;}}.ieOnly {display: none;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.ieOnly {display: block;}}</style>
+  
+</head>
+
+    
+    <body>
+        <!--
+  Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
+  Read the documentation to get started: https://tailwindui.com/documentation
+--><!-- This example requires Tailwind CSS v1.4.0+ -->
+
+<script type="text/javascript">
+    
+    var displayedMenu = "";
+    var hamburgerShown = false;
+    let width = screen.width;
+    var isMobile = width < 1024;
+
+    function toggleMenu(button) {
+        if (displayedMenu === button.id.split("-")[0]) { 
+            button.className = button.className.replace(" text-green-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
+            hideMenu(button.id.split("-")[0]);
+            button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
+            displayedMenu = "";
+        }
+        else { 
+            showMenu(button.id.split("-")[0]);
+            button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
+            button.className = button.className.replace(" text-gray-900", " text-green-500 bg-stone-200 sm:bg-transparent");
+            displayedMenu = button.id.split("-")[0]
+        }
+    }
+
+    function handleClick(button) {
+        if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
+        if (button.id.indexOf("menu") !== -1 ) { 
+            toggleMenu(button) 
+        }
+    }
+
+    function toggleHamburger() {
+        if (hamburgerShown) { 
+            hideHamburger();
+            hamburgerShown = false;
+        }
+        else { 
+            showHamburger();
+            hamburgerShown = true;
+        }
+    }
+
+    function showMenu(menuName) {
+        var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
+        var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
+        var menuElement = document.getElementById(menuId)
+        menuElement.className = menuElement.className.replace(" hidden" , "");
+        setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
+    }
+
+    function hideMenu(menuName) {
+        var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
+        var menuElement = document.getElementById(menuId)
+        menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
+        setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
+    }
+
+    function showHamburger() {
+        document.getElementById('header-container').className = "overflow-hidden";
+        document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
+        document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
+        document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
+    }
+
+    function hideHamburger() {
+        document.getElementById('header-container').className = "";
+        document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
+        document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
+        document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
+        if (displayedMenu !== "") { hideMenu(displayedMenu); }
+    }
+
+    window.onload = function(){
+        let elements = document.getElementsByTagName("button");
+        let buttons = [...elements]
+        buttons.forEach((button) => {
+            button.addEventListener( 'click', function() { handleClick(button) });
+        })
+        document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
+    }
+
+</script>
+
+
+<!-- set variables used for header template -->
+
+
+
+
+
+    <header id="header-container">
+        
+        <div class="z-10 header_BG fixed w-screen max-w-full customize">
+            <div class="relative z-50 shadow">
+            <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
+                <div>
+                    <a href="/" class="flex">
+                        <img class="logo" src="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;images&#x2F;logo.png" alt="Logo" />
+                    </a>
+                </div>
+                <div class="-mr-2 -my-2 lg:hidden">
+                    <button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
+                        <!-- Heroicon name: menu -->
+                        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                        </svg>
+                    </button>
+                <button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
+                    <!-- Heroicon name: x -->
+                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                    </button>
+                </div>
+                <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
+                    <nav class="flex space-x-6">    
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Home
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;rooms&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Rooms
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Restaurant
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;health-wellness&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Health &amp; Wellness
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                    </nav>
+                </div>
+            </div>
+        </div>
+    
+    
+        
+            <!--
+            Mobile menu, show/hide based on mobile menu state.
+        
+            Entering: "duration-200 ease-out"
+                From: "opacity-0 scale-95"
+                To: "opacity-100 scale-100"
+            Leaving: "duration-100 ease-in"
+                From: "opacity-100 scale-100"
+                To: "opacity-0 scale-95"
+            -->
+        <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
+            <div>
+                <div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
+                    <div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
+    
+                        <nav class="flex flex-col justify-around pb-12">
+                        
+                             
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;rooms&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Rooms
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Restaurant
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;health-wellness&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Health &amp; Wellness
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
+                        
+                        
+                        </nav>                    
+                    </div>
+                
+            </div>
+            
+            </div>
+        </div>
+    
+    
+    </header>
+    
+
+
+
+        <div id="content" class="mx-auto overflow-hidden">
+            
+
+<main>
+    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+    <script>mermaid.initialize({startOnLoad:true});</script>
+    <div>
+        
+            <!-- section 1 (header) -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+ 
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+
+    
+        
+        
+    
+
+    
+
+    <!-- reverse col at mobile -->
+
+    
+
+
+     <!-- makes row semi-full screen width, strips margins -->
+    
+
+        <!-- makes row full screen width, strips margins -->
+    
+
+    
+    
+
+
+
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+    
+    
+    
+
+
+    
+        
+    
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;img&#x2F;contact_header.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <br>
+<br>
+<h1 class="text-white">CONTACT US<br>at Jungle Paradise</h1>
+                    
+                </div>
+            
+        
+    </div>
+</div><div class="container mx-auto"> 
+<!-- section 2 -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+ 
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+        
+
+
+
+
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <h2 id="jungle-paradise-beach-resort-contact-info">Jungle Paradise Beach Resort Contact Info</h2>
+<h4 id="reception-8am-10pm"><strong>Reception:</strong> 8am - 10pm</h4>
+<h4 id="check-in-after-3pm"><strong>Check-in:</strong> after 3pm</h4>
+<h4 id="check-out-before-11am"><strong>Check-out:</strong> before 11am</h4>
+<br>
+<p>Mkunazini, Urban West, Zanzibar, Vuga, Zanzibar Tanzania<br>
++255 778 24 24 24<br>
+book@jp-resort.com</p>
+
+                    
+                </div>
+            
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        
+<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15865.614525443263!2d39.2018475!3d-6.2103759!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4a79d84b9b2ea768!2sJungle%20Paradise%20Beach%20Resort%20%26%20Spa!5e0!3m2!1sen!2sua!4v1669044476911!5m2!1sen!2sua" width="550" height="650" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" id="ae_iframe_tcxkp1qz"></iframe>
+                    
+                </div>
+            
+        
+    </div>
+</div></div>
+<!-- section 3 (header) -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+ 
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+
+    
+        
+        
+    
+
+    
+
+    <!-- reverse col at mobile -->
+
+    
+
+
+     <!-- makes row semi-full screen width, strips margins -->
+    
+
+        <!-- makes row full screen width, strips margins -->
+    
+
+    
+    
+
+
+
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+    
+    
+    
+
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;img&#x2F;form.jpg&#x27;); background-size: cover; background-position: center;">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <br>
+<br>
+<h1 class="text-white">CONTACT US</h1>
+<p class="text-white text-xl font-semibold">Interested in booking your next stay at Jungle Paradise Beach Resort? We'd love to hear from you - contact us using the form below, and we'll get right back to you. We look forward to serving you.</p>
+                    
+                </div>
+            
+        
+    </div>
+</div><div class="container mx-auto"> 
+<!-- section 4 -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+    
+    
+        
+            
+            
+        
+            
+            
+            
+                
+            
+            
+        
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+ 
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+        
+
+
+
+
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-8  " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <p><img src="https://www2.jungleparadise.tf/contactus/./img/gallery.png#mx-auto" alt="Image" /></p>
+
+                    
+                </div>
+            
+        
+    </div>
+</div></div>
+
+        
+    </div>
+
+ </main>     
+        </div>
+        <!--
+  Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
+  Read the documentation to get started: https://tailwindui.com/documentation
+-->
+
+
+
+<footer class="bottom-0">
+    
+        
+        <div class="customize">
+            <div class="py-4 px-4 sm:px-6">
+                <div class="lg:flex lg:gap-4">
+                  <div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
+                    <img class="w-1/2 lg:mx-4 mb-4" src="/images/logo_black.png" alt="incubaid Logo" />
+                    </div>
+                    <div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
+                        <p class="subheader text-xl">Location</p>
+                        <p class="mt-0">
+                            Mbweni Ruins - Unguja Urban West<br>
+                            Zanzibar - Republik of Tanzania<br>
+                            Find us here on Google maps
+                        </p> 
+                    </div>
+                    <div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
+                        <p class="subheader text-xl">CONTACT</p>
+                        <p class="mt-0">
+                            +255 778 242424 (WhatsApp)<br>
+                            info@hotels-zanzibar.com
+                        </p> 
+                    </div>
+                    <div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
+                        <p class="subheader text-xl">HOURS</p>
+                        <p class="mt-0">
+                            Reception: 24 Hours<br>
+                            Check-in: after 3pm <br>
+                            Check-out: before 11am
+                        </p> 
+                    </div>
+                </div>
+            </div>
+            
+            <hr class="my-4 border-y-0 w-1/2 border-blue-500/50">
+            <div class="mx-4 text-center">
+            <p class="text-base pt-4 my-0">&#169; 2022 Jungle Paradise Beach Resort & SPA <a href="https://threefold.io/" target="_blank" class="hard_blue my-0 text-base">Terms & Conditions</a></p>
+            
+            </div>
+        </div>
+    
+</footer>
+
+
+<style>
+
+    .subheader {
+        font-family: 'Lato', sans-serif;
+        font-weight: 400;
+        color: #4173a1;
+        margin: 0;
+    }
+</style>
+
+
+    </body>
+</html>

public/health-wellness/index.html

@@ -192,6 +192,20 @@
                         </div>
                     
                     
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
                     </nav>
                 </div>
             </div>
@@ -238,6 +252,20 @@
                             </a>
                             <hr/>
                         
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
                         
                         
                         </nav>                    
@@ -262,9 +290,7 @@
     <script>mermaid.initialize({startOnLoad:true});</script>
     <div>
         
-            <div class="container mx-auto">
+            <!-- section 1 (header) -->
-<br>
-<!-- section 1 (co-found) -->
 <!-- row shortcode 
 Shortcode used in markdown for the creation of mobile compatible vertical rows
 Divides markdown into columns by splitting content using column identifier "|||"
@@ -353,6 +379,131 @@ Parameters:
 
 
 
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+    
+    
+    
+
+
+    
+        
+    
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;health-wellness&#x2F;img&#x2F;header3.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <h1 class="text-white">HEALTH & WELLNESS<br>at Jungle Paradise</h1>
+                    
+                </div>
+            
+        
+    </div>
+</div><div class="container mx-auto"> 
+<!-- section 2 -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+    
+    
+        
+            
+            
+        
+            
+            
+            
+                
+            
+            
+        
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+ 
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+        
+
+
+
+
 
 
 <!-- makes row full screen width and adds background img -->
@@ -369,17 +520,33 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-8  " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
             <!-- Hides empty columns if displayed vertically in small screen -->
             
-                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
                     <!-- handles mermaid markdown content display -->
 
                     
-                        <h1 id="truly-decentralized">Truly decentralized</h1>
+                        <p><img src="https://www2.jungleparadise.tf/health-wellness/./img/price_list.jpg#mx-auto" alt="Image" /></p>
+
+                    
+                </div>
+            
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        
+<p>A relaxing haven nestled in the heart of Mbweni Ruins. Situated in the Historic Mbweni Ruins Our Spa offers over a variety therapies and treatments with botanical skincare products proudly made in Zanzibar. Our spa offer a range of treatments ranging from massages, scrubs, facials, manicures, pedicures.</p>
+<p>Our spa will have you feel like a new person, offering you an experience wrapped in the silence of Nature and in the Historic Ruins. Our spa menu offers a variety of treatments, carried out by skilled hands of professional therapists. </p>
+<h4 id="our-spa-is-open-daily-from-10-00-till-18-00">Our spa is open daily from 10:00 till 18:00</h4>
 
                     
                 </div>
@@ -387,7 +554,7 @@ Parameters:
         
     </div>
 </div></div>
-<iframe src="https://snazzymaps.com/embed/169103" width="100%" height="600px" style="border:none;"></iframe>
+
         
     </div>
 

public/home/index.html

@@ -192,6 +192,20 @@
                         </div>
                     
                     
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
                     </nav>
                 </div>
             </div>
@@ -238,6 +252,20 @@
                             </a>
                             <hr/>
                         
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
                         
                         
                         </nav>                    
@@ -623,7 +651,7 @@ Parameters:
                     <!-- handles mermaid markdown content display -->
 
                     
-                        <h4 id="if-you-are-looking-for-a-one-of-a-kind-experience-in-zanzibar-look-no-further-at-jungle-paradise-beach-resort-spa-you-will-fall-in-love-with-the-stunning-views-and-unique-history">If you are looking for a one of a kind experience in Zanzibar, look no further...<br> At Jungle Paradise Beach Resort &amp; SPA, you will fall in love with the stunning views and unique history.</h4>
+                        <h4 id="if-you-are-looking-for-a-one-of-a-kind-experience-in-zanzibar-look-no-further-at-jungle-paradise-beach-resort-spa-you-will-fall-in-love-with-the-stunning-views-and-unique-history">If you are looking for a one of a kind experience in Zanzibar, look no further...<br><br>At Jungle Paradise Beach Resort &amp; SPA, you will fall in love with the stunning views and unique history.</h4>
 <p>Jungle Paradise Beach Resort &amp; Spa @ Mbweni Ruins Zanzibar is your ideal choice, if you want to see and enjoy a unique place in Zanzibar Urban West. It's well-known for their historical Mbweni ruins, which took part in the ending of slavery in Zanzibar in the 1870s. Jungle Paradise is surrounded by a beautiful botanic garden which supports over 280 different kinds of tree species. </p>
 <p>Jungle paradise Beach Resort and SPA Zanzibar features 13 exclusive and cozy, air-conditioned beachfront Suites with a very high service standard. Each room provides a beautiful ocean-view, a private bathroom, Wi-Fi, a mini bar fridge and a balcony faced to the ocean, beach and pool area.</p>
 
@@ -740,7 +768,7 @@ Parameters:
 
 
 
-        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header2.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header4.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
             <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
@@ -752,7 +780,7 @@ Parameters:
 
                     
                         <h1 class="text-white">Suites / Rooms -<br> Accommodation</h1>
-<p><button onclick="window.location.href='/projects'">VIEW MORE</button></p>
+<p><button onclick="window.location.href='/rooms'">VIEW MORE</button></p>
 
                     
                 </div>
@@ -851,7 +879,7 @@ Parameters:
 
 
 
-        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header4.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header2.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
             <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-32 md:mx-40 lg:mx-80 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
@@ -863,7 +891,7 @@ Parameters:
 
                     
                         <h1 class="text-white">Ocean Breeze Restaurant<br> & JP's Beach Bar</h1>
-<p><button onclick="window.location.href='/projects'">FIND OUT MORE </button></p>
+<p><button onclick="window.location.href='/restaurant'">FIND OUT MORE </button></p>
 
                     
                 </div>
@@ -974,7 +1002,7 @@ Parameters:
 
                     
                         <h1 class="text-white">Health & Wellness <br> - SPA</h1>
-<p><button onclick="window.location.href='/projects'">LEARN MORE </button></p>
+<p><button onclick="window.location.href='/health_wellness'">LEARN MORE </button></p>
 
                     
                 </div>

public/images/incubaidfav2-3.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2891.34 3619.96"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#8cb63e;}</style></defs><title>incubaidfav2</title><path class="cls-1" d="M78.52,1410.07h159.6v844.5H78.52Z"/><path class="cls-1" d="M419.54,1410.07h154.2L935.08,1965.8V1410.07h160.75v844.5H941.19l-360.9-554v554H419.54Z"/><path class="cls-1" d="M2064.92,1558.48l-112.43,107.18q-114.72-121.25-258.12-121.25-121,0-203.92,82.75t-82.88,204q0,84.48,36.7,150T1548.1,2084q67.11,37.35,149.14,37.35,70,0,127.91-26.15t127.34-95.1l109,113.72q-93.58,91.33-176.82,126.65t-190,35.32q-196.92,0-322.36-124.87t-125.44-320.06q0-126.3,57.12-224.48t163.62-157.88q106.49-59.7,229.35-59.7,104.49,0,201.23,44.13T2064.92,1558.48Z"/><path class="cls-1" d="M2199.83,1410.07h161.32v546.1q0,70.57,12.34,99.82t40.76,46.75q28.42,17.49,68.61,17.49,42.48,0,73.2-19.5t42.48-49.61q11.76-30.12,11.77-115v-526h161.32v503.49q0,127.44-14.35,176.82t-54.82,95.3q-40.49,45.95-93.3,68t-122.85,22.11q-91.86,0-159.89-42.2T2229.11,2128q-29.28-63.42-29.28-214.42Z"/><path class="cls-1" d="M90,3324.29V2479.78H222.78q115.53,0,169,14.93,75.89,20.1,120.72,74.63t44.83,128.6q0,48.22-20.38,87.55t-66.31,73.77q76.93,36.18,112.53,90.42T618.75,3078q0,71.19-36.79,129.74t-94.82,87.55q-58,29-160.35,29Zm160.75-691.22v178h35.16q58.77,0,87.3-24.69t28.53-67.17q0-39.61-27.09-62.86t-82.4-23.25Zm0,321.49V3171h40.3q100.15,0,135-25.26t34.83-73.48q0-54.54-40.88-86.12t-135.85-31.58Z"/><path class="cls-2" d="M1069.65,2479.78h163l324.8,844.51H1390.42l-66.08-174H979.75l-68.71,174H744Zm82.52,223.9L1038.86,2993.6H1264.8Z"/><path class="cls-2" d="M1710.27,2479.78h159.6v844.51h-159.6Z"/><path class="cls-2" d="M2091.26,2479.78H2281.7q184.13,0,273.61,45.64t147.42,148.41q57.93,102.77,57.94,240,0,97.6-32.41,179.41T2638.77,3229q-57.08,54-123.61,74.64t-230.59,20.67H2091.26Zm159.6,155v532.77h74.64q110.22,0,159.88-25.29t81.24-85.06q31.56-59.76,31.58-147.13,0-134.48-75.21-208.62-67.75-66.66-217.59-66.67Z"/></svg>

public/index.html

@@ -192,6 +192,20 @@
                         </div>
                     
                     
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
                     </nav>
                 </div>
             </div>
@@ -238,6 +252,20 @@
                             </a>
                             <hr/>
                         
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
                         
                         
                         </nav>                    
@@ -621,7 +649,7 @@ Parameters:
                     <!-- handles mermaid markdown content display -->
 
                     
-                        <h4 id="if-you-are-looking-for-a-one-of-a-kind-experience-in-zanzibar-look-no-further-at-jungle-paradise-beach-resort-spa-you-will-fall-in-love-with-the-stunning-views-and-unique-history">If you are looking for a one of a kind experience in Zanzibar, look no further...<br> At Jungle Paradise Beach Resort &amp; SPA, you will fall in love with the stunning views and unique history.</h4>
+                        <h4 id="if-you-are-looking-for-a-one-of-a-kind-experience-in-zanzibar-look-no-further-at-jungle-paradise-beach-resort-spa-you-will-fall-in-love-with-the-stunning-views-and-unique-history">If you are looking for a one of a kind experience in Zanzibar, look no further...<br><br>At Jungle Paradise Beach Resort &amp; SPA, you will fall in love with the stunning views and unique history.</h4>
 <p>Jungle Paradise Beach Resort &amp; Spa @ Mbweni Ruins Zanzibar is your ideal choice, if you want to see and enjoy a unique place in Zanzibar Urban West. It's well-known for their historical Mbweni ruins, which took part in the ending of slavery in Zanzibar in the 1870s. Jungle Paradise is surrounded by a beautiful botanic garden which supports over 280 different kinds of tree species. </p>
 <p>Jungle paradise Beach Resort and SPA Zanzibar features 13 exclusive and cozy, air-conditioned beachfront Suites with a very high service standard. Each room provides a beautiful ocean-view, a private bathroom, Wi-Fi, a mini bar fridge and a balcony faced to the ocean, beach and pool area.</p>
 
@@ -738,7 +766,7 @@ Parameters:
 
 
 
-        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header2.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header4.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
             <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
@@ -750,7 +778,7 @@ Parameters:
 
                     
                         <h1 class="text-white">Suites / Rooms -<br> Accommodation</h1>
-<p><button onclick="window.location.href='/projects'">VIEW MORE</button></p>
+<p><button onclick="window.location.href='/rooms'">VIEW MORE</button></p>
 
                     
                 </div>
@@ -849,7 +877,7 @@ Parameters:
 
 
 
-        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header4.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;img&#x2F;header2.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
             <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-32 md:mx-40 lg:mx-80 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
@@ -861,7 +889,7 @@ Parameters:
 
                     
                         <h1 class="text-white">Ocean Breeze Restaurant<br> & JP's Beach Bar</h1>
-<p><button onclick="window.location.href='/projects'">FIND OUT MORE </button></p>
+<p><button onclick="window.location.href='/restaurant'">FIND OUT MORE </button></p>
 
                     
                 </div>
@@ -972,7 +1000,7 @@ Parameters:
 
                     
                         <h1 class="text-white">Health & Wellness <br> - SPA</h1>
-<p><button onclick="window.location.href='/projects'">LEARN MORE </button></p>
+<p><button onclick="window.location.href='/health_wellness'">LEARN MORE </button></p>
 
                     
                 </div>

public/restaurant/index.html

@@ -192,6 +192,20 @@
                         </div>
                     
                     
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
                     </nav>
                 </div>
             </div>
@@ -238,6 +252,20 @@
                             </a>
                             <hr/>
                         
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
                         
                         
                         </nav>                    
@@ -526,8 +554,7 @@ Parameters:
             
         
     </div>
-</div></div>
+</div><!-- section 3 -->
-<!-- section 1 (header) -->
 <!-- row shortcode 
 Shortcode used in markdown for the creation of mobile compatible vertical rows
 Divides markdown into columns by splitting content using column identifier "|||"
@@ -554,13 +581,6 @@ Parameters:
             
                 
             
-            
-        
-            
-            
-            
-                
-            
             
         
     
@@ -613,6 +633,125 @@ Parameters:
 
 
 
+        
+
+
+
+
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-8  " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <h2 id="jp-s-beach-sun-see-bar">JP's Beach Sun-See-Bar</h2>
+<p>Enjoy daily offers, themes, or some of the best beach parties in Zanzibar, Or just have fun with some long beach drinks or maybe some of the best cocktails with your friends at your cozy beach bar.</p>
+
+                    
+                </div>
+            
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        
+<p><img src="https://www2.jungleparadise.tf/restaurant/./img/res_gallary1.jpg#mx-auto" alt="Image" /></p>
+
+                    
+                </div>
+            
+        
+    </div>
+</div></div>
+<!-- section 1 (header) -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
 
     
         
@@ -648,10 +787,6 @@ Parameters:
     
 
 
-    
-        
-    
-
 
 
 
@@ -660,8 +795,8 @@ Parameters:
 
 
 
-        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;img&#x2F;resturan_heade2r.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;img&#x2F;resturan_heade2r.jpg&#x27;); background-size: cover; background-position: center;">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -671,12 +806,8 @@ Parameters:
                     <!-- handles mermaid markdown content display -->
 
                     
-                        <p><img src="https://www2.jungleparadise.tf/restaurant/./img/right.png#extrasmall#mx-auto" alt="Image" /></p>
+                        <h5 id="cocktails-long-beach-drinks"><strong>Cocktails &amp; Long Beach Drinks</strong></h5>
-<h5 id="baggage-storage">Baggage storage</h5>
+<p class="text-white">with your friends</p>
-<h5 id="printer">Printer</h5>
-<h5 id="photo-copying-service">Photo copying service</h5>
-<h5 id="foreign-currency-exchange">Foreign currency exchange</h5>
-<h5 id="concierge-desk">Concierge desk</h5>
 
                     
                 </div>
@@ -690,16 +821,26 @@ Parameters:
 
                     
                         
-<p><img src="https://www2.jungleparadise.tf/restaurant/./img/right.png#extrasmall#mx-auto" alt="Image" /></p>
+<h5 id="seafood-romantic-dinner-for-two"><strong>Seafood &amp; Romantic Dinner for two</strong></h5>
-<h5 id="laundry-service">Laundry service</h5>
+<p class="text-white">For unforgetable night</p>
-<h5 id="room-service">Room service</h5>
-<h5 id="swimming-pool">Swimming pool</h5>
-<h5 id="restaurant-beach-bar">Restaurant &amp; Beach Bar</h5>
-<h5 id="rwelcome-drink">RWelcome Drink</h5>
 
                     
                 </div>
             
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        
+<h5 id="celebration-menus-catering-food"><strong>Celebration Menus &amp; Catering Food</strong></h5>
+<p class="text-white">or your birthday Party</p>
+                    
+                </div>
+            
         
     </div>
 </div>

public/rooms/index.html

@@ -192,6 +192,20 @@
                         </div>
                     
                     
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
                     </nav>
                 </div>
             </div>
@@ -238,6 +252,20 @@
                             </a>
                             <hr/>
                         
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
                         
                         
                         </nav>                    

public/sitemap.xml

@@ -6,6 +6,14 @@
     <url>
         <loc>https://www2.jungleparadise.tf/categories/</loc>
     </url>
+    <url>
+        <loc>https://www2.jungleparadise.tf/contactus/</loc>
+        <lastmod>2021-02-20</lastmod>
+    </url>
+    <url>
+        <loc>https://www2.jungleparadise.tf/experiences/</loc>
+        <lastmod>2021-02-20</lastmod>
+    </url>
     <url>
         <loc>https://www2.jungleparadise.tf/health-wellness/</loc>
         <lastmod>2021-02-20</lastmod>