update home

content/home/index.md

@@ -14,10 +14,10 @@ weight: 1
 
 <div class="container mx-auto">
 
-![Image](./img/header1_1.jpg#mx-auto)
+![Image](./img/home_header.png#mx-auto)
 
 
-# A Historic Haven in Nature's Embrace
+## A Historic Haven in Nature's Embrace
 
 ### Immerse yourself in the tranquil ambiance of nature’s lush greenery and the echoes of a storied past.
 
@@ -34,7 +34,7 @@ weight: 1
 
 <div class="container mx-auto">
 
-{% row(style="center" padding="both" margin="narrow") %}
+{% row(style="center" reverse="rightreserve" padding="both" margin="wide") %}
 
 ## Our Story
 
@@ -60,3 +60,132 @@ At **Jungle Paradise**, we invite you to experience the serenity and richness of
 
 </div>
 
+
+<!-- section 3 -->
+
+<div class="myColor">
+
+<div class="container mx-auto">
+
+{% row(style="center" padding="both" margin="wide") %}
+
+![Image](./img/stay.png#mx-auto)
+
+|||
+
+## Stay
+
+Immerse yourself in the epitome of comfort at  **Jungle Paradise**, where 13 meticulously crafted beachfront suites offer sweeping views of the ocean, inviting you to experience the true essence of seaside bliss in unparalleled elegance.
+
+<button><a href="https://hotels.cloudbeds.com/reservation/DNw5Ek#checkin=2023-04-04&checkout=2023-04-05" target="_blank">Book Your Stay</a></button>
+
+
+
+{% end %}
+
+</div>
+</div>
+
+<!-- section 4 -->
+
+<div class="container mx-auto">
+
+{% row(style="center" reverse="rightreserve" padding="both" margin="wide") %}
+
+## Dine
+
+Experience culinary bliss at **The Wooden Table Restaurant & Bar**. Delight in delectable cuisine amidst stunning sunsets and enjoy a memorable dining experience or an intimate candle-lit dinner for two, surrounded by elegance and tranquility of Zanzibar's idyllic west coast.
+
+<button><a href="https://hotels.cloudbeds.com/reservation/DNw5Ek#checkin=2023-04-04&checkout=2023-04-05" target="_blank">Book a Table</a></button>
+
+|||
+
+![Image](./img/dine.png#mx-auto)
+
+{% end %}
+
+</div>
+
+<!-- section 5 -->
+
+<div class="myColor">
+
+<div class="container mx-auto">
+
+{% row(style="center" padding="both" margin="wide") %}
+
+![Image](./img/relax.png#mx-auto)
+
+|||
+
+## Relax
+
+Escape to a world of serenity and rejuvenation. From soothing massages to invigorating facials, our skilled therapists provide a personalized and transformative experience for every guest. Immerse yourself in tranquility and indulge in pure relaxation at Jungle Paradise’s **Natura Spa**.
+
+<button><a href="https://hotels.cloudbeds.com/reservation/DNw5Ek#checkin=2023-04-04&checkout=2023-04-05" target="_blank">Book SPA Day</a></button>
+
+
+
+{% end %}
+
+</div>
+</div>
+
+<!-- section 6 -->
+
+<div class="container mx-auto">
+
+{% row(style="center" padding="top" margin="wide") %}
+
+## Explore
+
+Sailing Trips, Ruins Tours, Private Events, Parties, and Many More
+
+{% end %}
+
+{% row(style="center" padding="none" margin="wide") %}
+
+![Image](./img/explore1.png#mx-auto)
+
+|||
+
+![Image](./img/explore2.png#mx-auto)
+
+|||
+
+![Image](./img/explore3.png#mx-auto)
+
+{% end %}
+
+{% row(style="center" padding="bottom" margin="tight") %}
+
+Discover a world of unforgettable experiences at Jungle Paradise. 
+Our dedicated team is committed to ensuring that every moment of your stay is nothing short of extraordinary.
+
+<button><a href="https://hotels.cloudbeds.com/reservation/DNw5Ek#checkin=2023-04-04&checkout=2023-04-05" target="_blank">Explore Activities</a></button>
+
+{% end %}
+
+</div>
+
+
+
+<!-- section 6 -->
+
+{% row(style="center" padding="none" margin="wide") %}
+
+![Image](./img/home_bottom.png#mx-auto)
+
+<button><a href="https://hotels.cloudbeds.com/reservation/DNw5Ek#checkin=2023-04-04&checkout=2023-04-05" target="_blank">Book Your Stay</a></button>
+
+{% end %}
+
+
+
+
+<style>
+  .myColor{
+
+  background-color:#EEEBE4;
+}
+    </style>

templates/partials/footer.html

@@ -13,8 +13,8 @@
         {{ section.content | safe }}
     {% else %}
         {% set footer_class = config.extra.footer_class | default(value='') %}
-        <div class="{{ footer_class }}">
+        <div class="{{ footer_class }} myColor">
-            <div class="py-4 px-4 sm:px-6">
+            {# <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" />
@@ -43,11 +43,12 @@
                         </p> 
                     </div>
                 </div>
-            </div>
+            </div> #}
             {# <img src="{{get_url(path='images/')}}" class="w-60" alt=""> #}
-            <hr class="my-4 border-y-0 w-1/2 border-blue-500/50">
+            {# <hr class="my-4 border-y-0 w-1/2 border-blue-500/50"> #}
-            <div class="mx-4 text-center">
+            <div class="text-center mx-auto">
-            <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>
+            <p class="text-base my-0">© 2023  Jungle Paradise Resort & SPA. All Rights Reserved. 
+                {# <a href="https://threefold.io/" target="_blank" class="hard_blue my-0 text-base">Terms & Conditions</a></p> #}
             
             </div>
         </div>
@@ -56,6 +57,10 @@
 
 
 <style>
+    .myColor{
+
+        background-color:#EEEBE4;
+    }
 
     .subheader {
         font-family: 'Lato', sans-serif;

templates/shortcodes/row.html

@@ -41,7 +41,7 @@ Parameters:
 {% if 2 < columns | length %}
     {% set row_class = row_class ~ " lg:items-start" %}
 {% else %} 
-    {% set row_class = row_class ~ " items-center" %}
+    {% set row_class = row_class ~ " lg:items-center" %}
 {% endif %}
 
 {% set col_class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" %}
@@ -54,21 +54,28 @@ Parameters:
 
 {% endif %}
 
+ <!-- reverse col at mobile -->
+
+{% if reverse %}
+ {% if "rightreserve" in reverse %}
+ {% set row_class = "flex flex-col-reverse md:flex-row items-center" %}
+ {% elif "leftreserve" in reverse %}
+ {% set row_class = "flex flex-col md:flex-row items-center" %}
+     
+ {% endif %}
+ {% endif %}
+
 <!-- Padding -->
 
-{% set padding_class = " py-8 md:py-8 lg:py-24" %}
+{% set padding_class = " py-8 md:py-8 lg:py-28" %}
 
 {% if padding %}
     {% if "none" in padding %}
         {% set padding_class = " py-0" %}
     {% elif "top" in padding %}
-        {% set padding_class = " py-2 md:py-4 lg:pt-24" %}
+        {% set padding_class = " py-2 md:py-4 lg:pt-28" %}
     {% elif "bottom" in padding %}
-        {% set padding_class = " py-2 md:py-4 lg:pb-24" %}
+        {% set padding_class = " py-2 md:py-4 lg:pb-28" %}
-    {% elif "both" in padding %}
-        {% set padding_class = " py-10 md:py-4 lg:py-24" %}
-    {% elif "headerboth" in padding %}
-        {% set padding_class = " py-24 md:py-4 lg:py-24" %}
     {% endif %}
 {% endif %}
 
@@ -78,7 +85,6 @@ Parameters:
 
 {% set row_class =  row_class ~ padding_class %}
 
-
 <!-- Margins -->
 
 {% set margin_class = " mx-4 md:mx-16 lg:mx-24" %}
@@ -87,17 +93,15 @@ Parameters:
     {% if "none" in margin %}
         {% set margin_class = " mx-0" %}
     {% elif "wide" in margin %}
-        {% set margin_class = " mx-4 sm:mx-8 md:mx-12 lg:mx-16 xl:mx-20" %}
+        {% set margin_class = " mx-4 md:mx-12 lg:mx-16 xl:mx-20" %}
     {% elif "moderate" in margin %}
-        {% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
+        {% set margin_class = " mx-4 md:mx-20 lg:mx-28" %}
     {% elif "narrow" in margin %}
-        {% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40" %}
+        {% set margin_class = " mx-4 md:mx-28 lg:mx-40" %}
     {% elif "tight" in margin %}
-        {% set margin_class = " mx-6 sm:mx-32 md:mx-40 lg:mx-80" %}
+        {% set margin_class = " mx-4 md:mx-40 lg:mx-80 xl:mx-96" %}
     {% elif "header" in margin %}
-        {% set margin_class = " mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0" %}
+        {% set margin_class = " mx-4 md:mx-28 lg:mx-40 my-10" %}
-    {% elif "withContainer" in margin %}
-        {% set margin_class = " mx-8 " %}
     {% endif %}
     {% if "lean-left" in margin %}
         {% set margin = margin_class | replace(from=" ", to=" first:")%}
@@ -123,22 +127,19 @@ Parameters:
 {% if style %}
 
     {% if "center" in style %}
-        {% set row_class = row_class ~ " text-center items-center " %}
+        {% set row_class = row_class ~ " text-center items-center lg:mx-auto " %}
         {% set col_class = col_class ~ " flex-1 " %}
     {% endif %}
 
+    {% if "right" in style %}
+    {% set row_class = row_class ~ " text-right justify-center " %}
+    {% endif %}
+
     {% if "items-end" in style %}
     {% set row_class = row_class ~ " lg:items-end" %}
     {% set col_class = col_class ~ " flex-1 " %}
     {% endif %}
 
-    <!-- reverse col at mobile -->
-
-    {% if "reverse" in style %}
-    {% set row_class = "flex flex-col-reverse md:flex-row items-center mx-8" %}
-    {% endif %}
-
-
      <!-- makes row semi-full screen width, strips margins -->
     {% if "between" in style %}
         {% set row_class = row_class ~ " lg:max-w-6xl " %}
@@ -208,7 +209,7 @@ Parameters:
 {% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
 
 
-        <div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
+        <div id="{{anchor_link}}" class="{{'relative justify-center items-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
             <div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
         {% for column in columns%}