Merge branch 'development'

content/home/index.md

@@ -17,7 +17,7 @@ HOMEPAGE (layouts/index.html) contains:
 
   1. Hero section: "partials/hero.html
   2. About section: "partials/about1.html"
-  3. Why Choose a Digital Free Zone section: "partials/about.html"
+  3. Why Choose a Digital Free Zone section: "partials#contact.html"
   4. Why ZNZ section: "partials/feature.html
   5. Benefits section: "partials/benefits.html"
   6. Blog section : "partials/blogs.html"

static/js/custom.js

@@ -104,6 +104,31 @@ function toggleFilter() {
         filterMenu.className = filterMenu.className + " hidden"
     }
 }
+// Smooth scrolling function for anchor links
+function smoothScrollToElement(targetId) {
+    const element = document.getElementById(targetId);
+    if (element) {
+        const headerHeight = document.getElementById('header-container') ? 
+            document.getElementById('header-container').offsetHeight : 80;
+        const elementPosition = element.offsetTop - headerHeight - 20;
+        
+        window.scrollTo({
+            top: elementPosition,
+            behavior: 'smooth'
+        });
+    }
+}
+
+// Handle anchor link clicks
+function handleAnchorClick(event, link) {
+    const href = link.getAttribute('href');
+    if (href && href.startsWith('#')) {
+        event.preventDefault();
+        const targetId = href.substring(1);
+        smoothScrollToElement(targetId);
+    }
+}
+
 window.onload = function () {
     let elements = document.getElementsByTagName("button");
     let buttons = [...elements]
@@ -126,8 +151,18 @@ window.onload = function () {
         if (!internal_hosts.includes(links[i].hostname)) {
             links[i].target = '_blank';
         }
+        
+        // Add smooth scrolling for anchor links
+        if (links[i].getAttribute('href') && links[i].getAttribute('href').startsWith('#')) {
+            links[i].addEventListener('click', function(event) {
+                handleAnchorClick(event, this);
+            });
+        }
     }
 
+    // Add smooth scrolling behavior to html element
+    document.documentElement.style.scrollBehavior = 'smooth';
+
     document.getElementById("filter-btn").addEventListener('click', toggleFilter);
 }
 

templates/partials/benefits.html

@@ -19,13 +19,10 @@
           </p>
         </div>
         <div class="mt-10 flex lg:gap-x-6 gap-x-3">
-          <a href="/about" class="rounded-xl bg-blue-700 px-4 py-2.5 lg:text-base text-sm font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300">
+          <a href="#contact" class="rounded-xl bg-blue-700 px-4 py-2.5 lg:text-base text-sm font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300">
               Get Started
           </a>
           
-          <a href="/about" class="rounded-xl border border-gray-800 border-r-2 px-4 py-2.5 font-medium text-gray-900 bg-transparent hover:bg-white hover:text-blue-700 transition-all duration-300">
-              Learn More &#8594;
-          </a>
       </div>    
       </div>
     </div>

templates/partials/hero.html

@@ -12,15 +12,11 @@
          <h1 class="mt-4 text-3xl lg:text-5xl font-bold leading-8 tracking-tight text-black mb-4">Zanzibar Digital Free Zone</h1>
         </div>
       <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-gray-600 font-light mx-4 sm:mx-0">Zanzibar Digital Free Zone is a collaboration between the Government of Zanzibar and OurWorld Venture Creator. We are the world's first 100% digital free zone, accessible and affordable for all. Removing complexity from doing business.</p>
-      <div class="mt-10 flex items-center justify-center gap-x-6">
-        <a href="/about" class="rounded-xl bg-blue-700 px-4 py-2.5 font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300">
+      <div class="mt-10 flex items-center justify-center">
+        <a href="#contact" class="rounded-xl bg-blue-700 px-4 py-2.5 font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300">
             Get Started
         </a>
-        
-        <a href="/about" class="rounded-xl border border-gray-800 px-4 py-2.5 font-medium text-gray-900 bg-transparent shadow-sm hover:bg-blue-700 hover:text-blue-700 transition-all duration-300">
-            Learn More &#8594;
-        </a>
-    </div>     
+    </div>
     </div>
   </div>
 </div>

templates/partials/invest.html

@@ -17,9 +17,6 @@
         <div class="mt-4 text-base leading-7 text-gray-300">
           <p>OurWorld presents an innovative approach to obtaining global citizenship through strategic investment. <b>SAFE:  Safe Investment for Future equity</b> offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
         </div>
-        <div class="mt-8">
-          <a href="#" class="inline-flex rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Learn More</a>
-        </div>
       </div>
     </div>
   </div>

templates/partials/opcta.html

@@ -8,7 +8,6 @@
           <p class="mt-6 text-lg leading-8 text-gray-600">Take the first step towards becoming a truly global citizen with SAFE. Our team is ready to guide you through every aspect of the Passport By Investment program, ensuring a clear and straightforward path to personal sovereignty.</p>
           <div class="mt-10 flex items-center justify-center gap-x-6">
             <a href="/contact" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Contact Us</a>
-            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">Learn more <span aria-hidden="true">→</span></a>
           </div>
         </div>
       </div>

templates/partials/ourpass.html

@@ -10,9 +10,6 @@
                     <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Introducing SAFE</p>
                     <p class="mt-2 text-xl leading-8 text-gray-900">A Unique Approach to Global Citizenship</p>
                     <p class="mt-6 text-lg leading-8 text-gray-600">OurWorld presents SAFE: an innovative approach to obtaining global citizenship through strategic investment. The Venture Creator Passport Program offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
-                    <div class="mt-8 flex items-center gap-x-6">
-                        <a href="/invest" class="rounded-md main-button px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Learn More</a>
-                    </div>
                 </div>
             </div>
         </div>