home

content/home/index.md

@@ -10,7 +10,7 @@ weight: 1
 <!-- section 1 (header) -->
 
 
-{% row(style="center" bgColor="#EEEBE4" padding="bottom") %}
+{% row(style="center" bgColor="#EEEBE4" padding="bottom" margin="narrow") %}
 
 <div class="container mx-auto">
 
@@ -21,7 +21,7 @@ weight: 1
 
 ### Immerse yourself in the tranquil ambiance of nature’s lush greenery and the echoes of a storied past.
 
-Immerse yourself in the rich tapestry of history while surrounded by lush landscapes. From the captivating ruins to the soothing sounds of the ocean, every moment at Jungle Paradise is an invitation to connect with the essence of the past and embrace the serenity of the present.
+<p class="max-w-6xl mx-auto">Immerse yourself in the rich tapestry of history while surrounded by lush landscapes. From the captivating ruins to the soothing sounds of the ocean, every moment at Jungle Paradise is an invitation to connect with the essence of the past and embrace the serenity of the present.</p>
 
 
 </div>
@@ -30,37 +30,31 @@ Immerse yourself in the rich tapestry of history while surrounded by lush landsc
 
 
 
-
 <!-- section 2 -->
 
-{% row(style="center" margin="narrow" padding="top") %}
+<div class="container mx-auto">
 
-## Jungle Paradise Beach Resort & SPA Zanzibar
+{% row(style="center" padding="both" margin="narrow") %}
 
-{% end %}
+## Our Story
 
- 
+Step into a realm where history intertwines with natural beauty at **Jungle Paradise**. Our story is one of the captivating Mbweni Ruins, a testament to a rich past that resonates through time.
 
-{% row(margin="withContainer" padding="bottom") %}
+<br>
 
-#### If you are looking for a one-of-a-kind experience in Zanzibar, look no further...<br><br>At Jungle Paradise Beach Resort & SPA, you will fall in love with the stunning views and unique history.
+Embrace history, revel in nature's embrace, and create unforgettable memories in the heart of Zanzibar's enchanting surroundings.
 
- 
 
-Jungle Paradise Beach Resort & 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. 
+<br>
 
-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.
+
+At **Jungle Paradise**, we invite you to experience the serenity and richness of this blessed location, where the echoes of the past merge seamlessly with the present.
+
+<button><a href="https://hotels.cloudbeds.com/reservation/DNw5Ek#checkin=2023-04-04&checkout=2023-04-05" target="_blank">About Us</a></button>
 
 |||
 
-<div id="gallery-hash-home">
-
-<a style="background-color: transparent">
-
-![Image](./img/section2.jpg#mx-auto)
-
-</a>
-</div>
+![Image](./img/story.png#mx-auto)
 
 {% end %}
 

css/index.css

@@ -11,6 +11,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Montserrat:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&display=swap');
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
@@ -87,7 +88,7 @@ img[src*="#fig"] {
 
 .advance{
 
-  font-family: "lato";
+  font-family: 'Cormorant Infant', serif;
 }
 
 
@@ -100,18 +101,22 @@ img[src*="#fig"] {
 }
 
 p {
-  font-size:1rem;
+  font-size:1.3rem;
   line-height: 1.5rem;
   color: #333;
 }
 
+* {
+  color: #775840 !important;
+}
+
 @layer components {
   h1 {
     @apply text-3xl lg:text-6xl xl:text-6xl font-normal text-gray-900 leading-4 my-4;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.2;
     font-weight: 600;
-    text-shadow: 2px 4px 4px rgb(36 36 36 / 50%);
+    /* text-shadow: 2px 4px 4px rgb(36 36 36 / 50%); */
     
   }
   h1 strong {
@@ -119,26 +124,24 @@ p {
   }
   h2 {
     @apply text-3xl md:text-5xl lg:text-5xl font-light leading-4 my-4;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.5;
     font-weight: 600;
-    color: #2f5d89;
+    
   }
 
   h4 {
       @apply text-xl lg:text-2xl font-light leading-4 my-4;
-      font-family: 'Lato', sans-serif;
+      font-family: 'Cormorant Infant', serif;
       line-height: 2rem;
-      color: #59a5d8;
       font-weight: 500;
   }
 
 
   h5 {
     @apply text-xl lg:text-2xl font-normal my-2;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.2;
-    color: #ffffff;
     font-weight: 300;
 }
 
@@ -147,7 +150,7 @@ p {
   }
   h3 {
     @apply text-2xl lg:text-4xl font-normal my-4;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.2;
     color: #ffffff;
     font-weight: 600;
@@ -164,7 +167,7 @@ p {
   }
   p {
     @apply text-base lg:text-xl leading-tight tracking-normal font-normal my-4;
-    font-family: "CercoDEMO", sans-serif;
+    font-family: 'Cormorant Infant', serif;
   }
   blockquote {
     @apply border-l-4 border-gray-400 mx-2 my-2 p-2;
@@ -179,7 +182,8 @@ p {
     @apply inline-block
     text-base
     lg:text-lg
-    px-8
+    font-bold
+    px-12
     py-1
     mr-5
     my-4
@@ -189,13 +193,13 @@ p {
 }
 
 button:hover  {
-  background-color: #4173a1;
+  background-color: #a38269;
   /* color: #984210; */
 }
 
 button  {
-font-weight: 500;
-background-color: #2f5d89;
+font-weight: 700;
+background-color: #775840;
 }
 
 .experience-btn {
@@ -243,15 +247,15 @@ footer .customize img {
 header .customize div {
     box-shadow: none;
     text-transform: capitalize;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     font-weight: 700 !important;
 }
 
 button {
-  background-color: #2f5d89;
+  background-color: #775840;
   /* background: transparent; */
   color: rgb(255, 255, 255);
-  border-radius: 20px;
+  border-radius: 4px;
   border: none;
   box-shadow: none;
   font-size: 17px;
@@ -261,10 +265,11 @@ button {
 
 a {
   border: none;
+  color: #fff !important;
 }
 
 a:hover{
-  color: #80b6e9 !important;
+  color: #a38269 !important;
 }
 
 nav a {
@@ -304,7 +309,7 @@ button a:hover{
 }
 
 header {
-  font-family: 'Lato', sans-serif;
+  font-family: 'Cormorant Infant', serif;
 }
 
 .nav_btn {

templates/partials/header.html

@@ -124,7 +124,7 @@
                     <nav class="flex space-x-6">    
                     {% for page in section.pages %}
                     {% if page.extra.menu %} {% continue %} {% endif %}
-                        <a href="{{page.permalink}}" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                        <a href="{{page.permalink}}" class="text-lg font-bold leading-6 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
                             {{page.title}}
                         </a>
                         <div class="relative">