Merge branch 'development'

Reviewed-on: #41

README.md

@@ -1,11 +1,11 @@
-# Welcome to OurWorld Website Repository
+# Welcome to Zanzibar Digital Free Zone Repository
 
-- Website Name: OurWorld
+- Website Name:  Zanzibar Digital Free Zone
-- Brief Description: This is the official website of OurWorld.
+- Brief Description: This is the official website of Zanzibar Digital Free Zone.
 Last Updated: Aug 2024
 
-- production(master branch) https://ourworld.tf/
+- production(master branch) https://www.freezone.ourworld.tf/
-- staging(development branch) https://www2.ourworld.tf/
+- staging(development branch) https://www2.freezone.ourworld.tf/
 
 - For any suggestions or improvement ideas please 
 Create an issue on: https://git.ourworld.tf/tfgrid/circle_web_presence/issues
@@ -34,8 +34,7 @@ To get started with the development environment, ensure that you have the follow
 Once these dependencies are installed, you can clone this repository and navigate into the project directory:
 
 ```bash
-git clone https://git.ourworld.tf/tfcoop/www_tf9_new
+git clone https://git.ourworld.tf/ourworld_web/www_ow_freezone
-cd www_tf9_new
 
 ```
 

build.sh

@@ -26,7 +26,7 @@ elif [[ "$(uname -m)" == "arm64"* ]]; then
     ASSET="$ASSET-arm64"
 fi
 
-curl -sLO "https://github.com/tailwindlabs/tailwindcss/releases/latest/download/${ASSET}"
+curl -sLO "https://github.com/tailwindlabs/tailwindcss/releases/download/v3.4.17/${ASSET}"
 chmod +x $ASSET
 mv $ASSET tailwindcss
 

config.toml

@@ -2,8 +2,8 @@
 base_url = "https://www2.freezone.ourworld.tf"
 # Change this to your own URL! Please note this variable **must** be uncommented.
 
-title = "OURWORLD"
+title = "ZDFZ"
-description="Our global digital backbone"
+description="Zanzibar Digital Free Zone"
 
 # When set to "true", a feed is automatically generated.
 # generate_feed = true

content/about/index.md

@@ -1,26 +0,0 @@
----
-title: "About"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 2
-template: "layouts/about.html"
----
-
-<!--
-  This page is designed by combining different 'block' (partial html pages) together.
-  To edit the page content, please go to specific 'block' that you would like to edit.
-  To see the list of blocks in this page, add or remove some of the partial pages, go to: layouts/about.html.
-
-ABOUT PAGE (layouts/about.html) contains:
-
-  1. Company Overview: "partials/company.html"
-
----
-  Extras:
-  1. header: "partials/header_custom.html"
-  2. footer: "partials/footer.html"
--->
-
-

content/contact/index.md

@@ -14,12 +14,11 @@ template: "layouts/contact.html"
   CONTACT PAGE (layouts/contact.html) contains:
 
   1. Contact Section: "partials/contact.html"
-  2. Quote Section: "partials/quote.html"
   
 ---
   Extras:
   1. header: "partials/header_custom.html"
-  2. footer: "partials/footer.html"
+  2. footer: "partials/footer.html
 -->
 
 

content/footer/_index.md

@@ -4,7 +4,7 @@ description: ""
 insert_anchor_links: "left"
 template: "partials/footer.html"
 extra:
-  logoPath: "images/logo.png"
+  logoPath: "images/zdfz.svg"
   socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews"  }
 ---
 

content/header/_index.md

@@ -4,10 +4,12 @@ description: ""
 insert_anchor_links: "left"
 template: "partials/header.html"
 extra:
-  logoPath: "./images/ow_logo.svg"
+  logoPath: "./images/zdfz.svg"
   imgPath: ""
 ---
-- [Home]("/")
+- [About]("#about")
-- [Newsroom]("/newsroom")
+- [Features]("#features")
-- [Contact]("/contact")
+- [Benefits]("#benefits")
-
+- [Services]("#services")
+- [Contact]("#contact")
+- [FAQ]("#faq")

content/home/home2/index.md

@@ -1,216 +0,0 @@
----
-title: "Home"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 1
----
-
-<!-- section 2  -->
-
-
-{% row(style="center" padding="top") %}
-
-![Image](./img/platforms_wide.png#large#mx-auto)
-
-## What We Provide
-
-{% end %}
-
-<br>
-
-
-{% row(style="center" padding="none") %}
-
-### Funding Platform
-
-<br/>
-
-Funding for potentially hundreds of like-minded projects, with a primary focus on emering technology that puts the planet and people first.
-
-|||
-
-### Technological Platform
-
-<br/>
-
-A technological platform that enables everyone to be self-sovereign from a digital perspective. This is a fundamental requirement.
-
-{% end %}
-
-
-{% row(style="center" padding="both") %}
-
-### Legal & Financial<br/>Independence Platform
-
-<br/>
-
-Supplement technological sovereignty with a system that offers legal and financial independence through mechanisms like free zones and sovereign sustainable charter cities.
-
-|||
-
-### Life Supporting Platform
-
-<br/>
-
-Create a sovereign and efficient set of platforms for financial, educational, and health systems, which can be utilized by all startups within the venture creator.
-
-{% end %}
-
-
-<!-- section 3  -->
-
-
-{% row(style="center" margin="narrow" padding="top") %}
-
-![Image](./img/values.png#large#mx-auto)
-
-## The Foundation of Every Venture
-
-{% end %}
-
-<br>
-
-{% row(style="center" margin="narrow" padding="bottom") %}
-
-### Planet First
-
-<br/>
-
-Never do anything which does not respect mother earth.
-
-|||
-
-### People First
-
-<br/>
-
-Equality for everyone.
-
-|||
-
-### Open Source
-
-<br/>
-
-For all sectors from healthcare to software to legal to education.
-
-|||
-
-### Authenticity
-
-<br/>
-
-Restore authenticity of people and information.
-
-|||
-
-### Simplicity
-
-<br/>
-
-Complexity is killing progress.
-
-{% end %}
-
-
-
-<!-- section 4  -->
-
-
-{% row(style="center" margin="narrow" padding="top") %}
-
-## Our Journey
-
-{% end %}
-
-<br>
-
-{% row(style="center" padding="bottom") %}
-
-### Phase One
-
-![Image](./img/past.png#mx-auto)
-
-#### Creation of Core Tech
-
-<br/>
-
-10+ years of development.
-
-<br/>
-
-Built decentralized, autonomous, edge Internet technology.
-
-<br/>
-
-50M USD invested by community and TF Tech investors.
-
-|||
-
-### Phase Two
-
-![Image](./img/past.png)
-
-#### Expansion & Proof
-
-<br/>
-
-Signed with government of Zanzibar for digital free zone and connected charter city.
-
-<br/>
-
-Eight projects with working tech, active and ready to scale.
-
-<br/>
-
-Core technology proven.
-
-|||
-
-### Phase Three
-
-![Image](./img/current.png)
-
-#### Launch Our Ventures
-
-<br/>
-
-Conclude on 30M USD fundraise.
-
-<br/>
-
-Global awareness campaign.
-
-<br/>
-
-Launch digital asset exchange, carbon credits.
-
-<br/>
-
-Millions of people using services and products of our ventures.
-
-|||
-
-### Phase Four
-
-![Image](./img/future.png)
-
-#### Sovereignty For All
-
-<br/>
-
-+1 million nodes deployed.
-
-<br/>
-
-Impacting +100 million people.
-
-<br/>
-
-The startups in the venture creator are now community-owned and our investors received a good exit.
-
-{% end %}
-
-</div>

content/home/index.md

@@ -7,3 +7,25 @@ draft: false
 weight: 1
 ---
 
+
+<!--
+  This page is made by combining different 'block' (partial html pages) together. 
+  To edit the page content, please go to specific 'block' that you would like to edit.
+  To see the list of the blocks in this page, add or remove some of the partial pages, go to: layouts/index.html.
+
+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#contact.html"
+  4. Why ZNZ section: "partials/feature.html
+  5. Benefits section: "partials/benefits.html"
+  6. Blog section : "partials/blogs.html"
+  7. Company License section: "partials/presale.html"
+  8. FAQ section: "partials/faq.html"
+
+---
+  Extras:
+  1. header: "partials/header_custom.html"
+  2. footer: "partials/footer.html"
+  -->

content/newsroom/ourworldfreezone/index.md

@@ -1,8 +1,8 @@
 ---
 id: ourworldfreezone
-title: 🗞 In the News – OurWorld Digital FreeZone
+title: 🗞 In the News – Zanzibar Digital Free Zone
-image_caption: OurWorld Digital FreeZone
+image_caption: Zanzibar Digital Free Zone
-description: OurWorld Digital FreeZone received some coverage recently from IPPMEDIA. Take a look!
+description: Zanzibar Digital Free Zone received some coverage recently from IPPMEDIA. Take a look!
 date: 2023-08-01
 taxonomies:
     people: []
@@ -17,4 +17,4 @@ extra:
 
 <br/>
 
-Take a look at [this piece](https://www.ippmedia.com/en/features/mwinyi-keen-establish-digital-hub-isles) from IPPMEDIA, which goes into some detail about our collaboration with the Revolutionary Government of Zanzibar and the OurWorld Digital FreeZone.
+Take a look at [this piece](https://www.ippmedia.com/en/features/mwinyi-keen-establish-digital-hub-isles) from IPPMEDIA, which goes into some detail about our collaboration with the Revolutionary Government of Zanzibar and the Zanzibar Digital Free Zone.

content/ventures/archive.md

@@ -1,91 +0,0 @@
----
-title: "Ventures"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 3
-template: "layouts/portfolio.html"
----
-
-<!-- section 1 -->
-
-{% row(style="center" margin="tight" bgPath="img/ventures.jpeg" bgStyle="full" id="ventures") %} 
-
-## Ventures
- 
-### A Growing Ecosystem Enabling Self-Sovereignty
-
-<br>
-
-These are the first OurWorld Ventures, connected by a strong set of values and a desire to bring forward a new era of digital sovereignty and empowerment.
-
-{% end %}
-
-<!-- section 1 -->
-
-{% row(style="center narrow" margin="header" bgPath="img/threefold.jpeg" bgStyle="full" id="ventures") %} 
-
-## ThreeFold Internet
- 
-### Decentralized autonomous Internet infrastructure.
-
-<button>[Website](https://threefold.io)</button>
-
-{% end %}
-
-<!-- section 1 -->
-
-{% row(style="center narrow" margin="header" bgPath="img/stonetown.jpeg" bgStyle="full") %} 
-
-## OurWorld Digital FreeZone
- 
-### 100% Digital. Automated, Accessible, & Affordable.
-
-<button>[Website](https://freezone.ourworld.tf)</button>
-
-{% end %}
-
-<!-- section 1 -->
-
-{% row(style="center narrow" margin="header" bgPath="img/sikana.jpeg" bgStyle="full") %} 
-
-## Sikana
- 
-### Digital Video Education System with 2B Views.
-
-<button>[Website](https://sikana.tv/)</button>
-
-{% end %}
-
-<!-- section 1 -->
-
-{% row(style="center narrow" margin="header" bgPath="img/ourverse.jpeg" bgStyle="full") %} 
-
-## OurVerse
- 
-### A New Internet System for Search, Knowledge, & More.
-
-<button>[Website](https://ourverse.tf)</button>
-
-{% end %}
-
-<!-- section 1 -->
-
-{% row(style="center narrow" margin="header" bgPath="img/phone.jpeg" bgStyle="full") %} 
-
-## OurPhone
- 
-### A Decentralized, Secure, & Sovereign Smartphone.
-
-<button>[Website](https://ourphone.tf/)</button>
-
-{% end %}
-
-<style>
-
-    .bg_color{
-        background-color: rgb(233 233 233 / 50%);
-    }
-
-    </style>

content/ventures/hero/index.md

@@ -1,14 +0,0 @@
----
-title: "Hero"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 4
-template: "layouts/hero.html"
----
-
-<!-- see ventures/hero.html -->
-
-
-

content/ventures/index.md

@@ -1,23 +0,0 @@
----
-title: "Ventures"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 3
-template: "layouts/portfolio.html"
----
-
-<!--
-  This page is designed by combining specific 'block' (partial html pages) together.
-  To edit the page content, please go to the partial html files listed below.
-  PORTFOLIO PAGE (layouts/portfolio.html) contains:
-
-  1. Portfolio Section: "partials/portfolio2.html"
-  2. Quote Section: "partials/quote.html"
-  
----
-  Extras:
-  1. header: "partials/header_custom.html"
-  2. footer: "partials/footer.html"
--->

content/ventures/odez/index.md

@@ -1,14 +0,0 @@
----
-title: "ODEZ"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 4
-template: "layouts/odez.html"
----
-
-<!-- see partials/company.html -->
-
-
-

content/ventures/ourphone/index.md

@@ -1,14 +0,0 @@
----
-title: "OurPhone"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 4
-template: "layouts/ourphone.html"
----
-
-<!-- see partials/company.html -->
-
-
-

content/ventures/sikana/index.md

@@ -1,14 +0,0 @@
----
-title: "Hero"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 4
-template: "layouts/sikana.html"
----
-
-<!-- see ventures/hero.html -->
-
-
-

content/ventures/threefold/index.md

@@ -1,14 +0,0 @@
----
-title: "ODEZ"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 4
-template: "layouts/threefold.html"
----
-
-<!-- see partials/company.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,7 +151,17 @@ 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/index.html

@@ -20,7 +20,6 @@
 
 {% include "partials/benefits.html" %}
 
-{% include "partials/blogs.html" %}
 {% include "partials/presale.html" %}
 {% include "partials/faq.html" %}
 {% endblock content %}

templates/layouts/contact.html

@@ -11,6 +11,5 @@
 </div>
 
 {% include "partials/contact.html" %}
-{% include "partials/quote.html" %}
 
 {% endblock content %}

templates/partials/about.html

@@ -1,4 +1,4 @@
-<div class="relative isolate overflow-hidden bg-white lg:py-24 py-16">
+<div id="features" class="relative isolate overflow-hidden bg-white lg:py-24 py-16">
   <div class="mx-auto max-w-7xl px-6 bg-white">
     <div class="mx-auto max-w-2xl lg:mx-0">
       <h2 class="text-base font-semibold leading-8 text-blue-600">FEATURES</h2>
@@ -25,21 +25,21 @@
         </dd>
       </div>
       <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base font-light leading-tight lg:mt-2 text-gray-600">Ourworld FreeZone offers cost-effective and flexible company licenses, making it easier to kickstart your entrepreneurial journey.</dt>
+        <dt class="text-base font-light leading-tight lg:mt-2 text-gray-600">Zanzibar Digital Free Zone offers cost-effective and flexible company licenses, making it easier to kickstart your entrepreneurial journey.</dt>
         <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
           <span class="leading-6">🔹 Affordable & Flexible Licenses</span>
         </dd>
       </div>
       <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base font-light  leading-tight mt-4 lg:mt-2 text-gray-600">Ourworld FreeZone empowers businesses to operate within an independent economic environment, fostering growth and prosperity.</dt>
+        <dt class="text-base font-light  leading-tight mt-4 lg:mt-2 text-gray-600">Zanzibar Digital Free Zone empowers businesses to operate within an independent economic environment, fostering growth and prosperity.</dt>
         <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-          <span class="leading-6">🔹 Sovereign Economic Jurisdiction</span>
+          <span class="leading-6">🔹 Autonomous Economic Jurisdiction</span>
         </dd>
       </div>
       <div class="flex flex-col-reverse px-6 py-2">
         <dt class="text-base font-light  leading-tight mt-4 lg:mt-2 text-gray-600">Your Privacy, Your Data, Your Security. Our Quantum Safe Storage will empower you to safeguard your digital information.</dt>
         <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-          <span class="leading-6">🔹 Powered by Data Sovereign Tech</span>
+          <span class="leading-6">🔹 Powered by Autonomous Data Tech</span>
         </dd>
       </div>
     </dl>

templates/partials/about1.html

@@ -1,8 +1,8 @@
-<div class="relative isolate overflow-hidden py-12 bg-blue-100 mx-auto">
+<div id="about" class="relative isolate overflow-hidden py-12 bg-blue-100 mx-auto">
-  <div class="flex flex-col justify-center items-center max-w-2xl mx-auto py-16 text-center h-full">
+  <div class="flex flex-col justify-center items-center max-w-2xl mx-auto py-16 px-4 lg:px-0 text-center h-full">
     <div class="text-center">
-         <h1 class="mt-4 text-3xl lg:text-4xl font-bold leading-8 tracking-tight text-black mb-4">🏛️ About ODFZ</h1>
+         <h1 class="mt-4 text-3xl lg:text-4xl font-bold leading-8 tracking-tight text-black mb-4">🏛️ About ZDFZ</h1>
-      <p class="mt-6 text-lg lg:text-xl mx-auto leading-8 text-gray-600 font-light mx-10"><span class="font-semibold">OurWorld Digital FreeZone</span> offer cutting-edge digital infrastructure, simplified financial transactions, and competitive tax structures to foster innovation and economic growth. With a clear regulatory framework and robust dispute resolution, we ensure a stable environment for businesses to thrive, removing complexity and enabling effortless global expansion.</p> 
+      <p class="mt-6 text-lg lg:text-xl mx-2 leading-8 text-gray-600 font-light"><span class="font-semibold">Zanzibar Digital Free Zone</span> offer cutting-edge digital infrastructure, simplified financial transactions, and competitive tax structures to foster innovation and economic growth. With a clear regulatory framework and robust dispute resolution, we ensure a stable environment for businesses to thrive, removing complexity and enabling effortless global expansion.</p> 
     </div>
   </div>
 </div>

templates/partials/benefits.html

@@ -1,5 +1,5 @@
 <!-- Hero Section -->
-<div class="relative bg-white">
+<div id="services" class="relative bg-white" style="scroll-margin-top: 5rem; scroll-behavior: smooth;">
   <div class="mx-auto max-w-7xl px-4 grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 items-start py-12">
     <!-- Left Column (Image Section) -->
     <div class="relative overflow-hidden lg:h-full">
@@ -11,7 +11,7 @@
     <!-- Right Column (Text Section) -->
     <div class="relative sm:py-24 lg:py-12 lg:px-8 px-4">
       <div class="max-w-xl mx-auto">
-        <h2 class="text-base font-semibold leading-7 text-blue-600">BENEFITS</h2>
+        <h2 class="text-base font-semibold leading-7 text-blue-600">SERVICES</h2>
         <p class="mt-2 text-3xl font-bold tracking-tight text-black sm:text-4xl">✅ Simple. Streamlined.</p>
         <div class="mt-4 font-light text-lg leading-7 tracking-tight text-gray-600">
           <p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">For the entrepreneur, the digital nomad, or any company, we provide a revolutionary platform where you can obtain a digital company license, a bank account supporting both fiat and cryptocurrencies, and handle your legal requirements and taxes, all within a single, streamlined platform. <br><br>
@@ -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/blogs.html

@@ -4,8 +4,8 @@
         <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
             <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
         </div>
-        <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl pt-8">📰 Stay Informed with ODFZ's Blog</h2>
+        <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl pt-8">📰 Stay Informed with ZDFZ's Blog</h2>
-        <p class="text-lg lg:leading-8 leading-6 font-light mt-6 lg:mx-20 mx-4 text-gray-600">Explore our comprehensive collection of insightful articles and the latest news updates about OurWorld Digital Freezone's ongoing and upcoming developments. Stay informed with exclusive insights into our innovative projects and initiatives shaping the future of digital environments.</p>
+        <p class="text-lg lg:leading-8 leading-6 font-light mt-6 lg:mx-20 mx-4 text-gray-600">Explore our comprehensive collection of insightful articles and the latest news updates about Zanzibar Digital Free Zone's ongoing and upcoming developments. Stay informed with exclusive insights into our innovative projects and initiatives shaping the future of digital environments.</p>
       </div>
       <div class="mx-auto pt-8 lg:pt-16 grid max-w-2xl grid-cols-1 gap-x-8 lg:gap-y-12 gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-3">
         <article class="flex flex-col items-start justify-between">
@@ -20,10 +20,10 @@
               <h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
                 <a href="#">
                   <span class="absolute inset-0"></span>
-                  🗞 In the News – OurWorld Digital FreeZone
+                  🗞 In the News – Zanzibar Digital Free Zone
                 </a>
               </h3>
-              <p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">IPPMEDIA covered some details about our collaboration with the Revolutionary Government of Zanzibar with our latest project of Digital Freezone...</p>
+              <p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">IPPMEDIA covered some details about our collaboration with the Revolutionary Government of Zanzibar with our latest project of Digital Free Zone...</p>
             </div>
           </div>
         </article>

templates/partials/contact.html

@@ -1,22 +1,23 @@
-<div class="relative isolate overflow-hidden bg-black text-white lg:py-12 py-16">
+<div class="relative isolate overflow-hidden bg-white lg:py-24 py-16">
   <div class="mx-auto max-w-7xl px-6">
     <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
-      <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+      <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#4a98ff] to-[#89b7fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
     </div>
     <div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
       <!-- Left Column: Text Content and Form -->
-      <div class="relative px-6 pb-20 pt-24 sm:pt-32 lg:static lg:px-8">
+      <div class="relative px-6 pb-20 pt-12 sm:pt-32 lg:static lg:px-8">
         <div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
           <div class="absolute inset-y-0 left-0 -z-10 w-full overflow-hidden ring-1 ring-white/5 lg:w-1/2">
             <!-- Placeholder for decorative SVG or background -->
           </div>
-          <h2 class="text-3xl font-bold tracking-tight text-white">Get in touch</h2>
+          <h2 class="text-base font-semibold leading-7 text-blue-600">CONTACT US</h2>
-          <p class="mt-6 text-lg leading-8 text-gray-300">At OurWorld, we value your feedback and inquiries. Whether you're interested in our ventures, have questions about our technologies, or want to collaborate, we're here to connect. Reach out to us today and let's build a better digital future together.</p>
+          <h2 class="mt-2 text-3xl font-bold tracking-tight text-blac">📬 Get in touch</h2>
-          <dl class="mt-10 space-y-4 text-base leading-7 text-gray-300">
+          <p class="mt-6 text-lg leading-8 text-gray-600">At Zanzibar Digital Free Zone (ZDFZ), we are eager to hear from you! Whether you have questions about our innovative platform and programs, need assistance with onboarding, or are interested in exploring collaboration opportunities, we are here to help.            .</p>
+          <dl class="mt-10 space-y-4 text-base leading-7 text-gray-600">
             <div class="flex gap-x-4">
               <dt class="flex-none">
                 <span class="sr-only">Address</span>
-                <svg class="h-7 w-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-7 w-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" />
                 </svg>
               </dt>
@@ -25,15 +26,17 @@
             <div class="flex gap-x-4">
               <dt class="flex-none">
                 <span class="sr-only">Email</span>
-                <svg class="h-7 w-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-7 w-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
                 </svg>
               </dt>
-              <dd><a class="hover:text-white" href="mailto:info@ourworld.tf"><u>info@ourworld.tf</u></a></dd>
+              <dd><a class="hover:text-gray-600" href="mailto:info@ourworld.tf"><u>info@ourworld.tf</u></a></dd>
             </div>
           </dl>
         </div>
       </div>
+
+      <!-- Right Column: Video -->
     </div>
   </div>
 </div>

templates/partials/faq.html

@@ -1,24 +1,24 @@
 
-<div class="bg-blue-50">
+<div id="faq" class="bg-blue-50" style="scroll-margin-top: 5rem; scroll-behavior: smooth;">
-    <div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
+    <div class="mx-auto max-w-7xl px-6 py-12 lg:py-24  lg:px-8">
-        <h2 class="text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">🔎 Frequently Asked Questions</h2>
+        <h2 class="text-3xl font-semibold tracking-tight text-gray-900 lg:text-4xl">🔎 Frequently Asked Questions</h2>
 
         <p class="mt-6 max-w-2xl text-base leading-7 text-gray-600">Have a different question and can’t find the answer you’re looking for? Reach out to our support team by <a href="mailto:info@ourworld.tf" class="font-semibold text-blue-600 hover:text-blue-500">sending us an email</a> and we’ll get back to you as soon as we can.</p>
 
         <div class="mt-10">
             <dl class="grid lg:grid-cols-2 grid-cols-1 gap-x-6 lg:gap-y-8 gap-y-6 lg:gap-x-10">
                 <div>
-                    <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ What is OurWorld Digital FreeZone?</dt>
+                    <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ What is Zanzibar Digital Free Zone?</dt>
-                    <dd class="mt-2 text-base leading-tight font-light  text-gray-600">OurWorld Digital FreeZone is the world's first 100% digital free zone, designed to simplify and enhance business operations through advanced digital infrastructure. Strategically located in Zanzibar, it offers businesses seamless access to regional and global markets, fostering innovation and economic growth.</dd>
+                    <dd class="mt-2 text-base leading-tight font-light  text-gray-600">Zanzibar Digital Free Zone is the world's first 100% digital free zone, designed to simplify and enhance business operations through advanced digital infrastructure. Strategically located in Zanzibar, it offers businesses seamless access to regional and global markets, fostering innovation and economic growth.</dd>
                 </div>
                 <div>
-                    <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ What are the benefits of operating within OurWorld Digital FreeZone?</dt>
+                    <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ What are the benefits of operating within Zanzibar Digital Free Zone?</dt>
-                    <dd class="mt-2 text-base leading-tight font-light text-gray-600">Businesses within OurWorld Digital FreeZone enjoy numerous benefits, including reduced tax burdens, streamlined financial transactions, and a supportive regulatory environment. The digital infrastructure facilitates efficient collaboration and global expansion, making it an ideal hub for ecommerce and service providers.</dd>
+                    <dd class="mt-2 text-base leading-tight font-light text-gray-600">Businesses within Zanzibar Digital Free Zone enjoy numerous benefits, including reduced tax burdens, streamlined financial transactions, and a supportive regulatory environment. The digital infrastructure facilitates efficient collaboration and global expansion, making it an ideal hub for ecommerce and service providers.</dd>
                 </div>
                 
                 <div>
-                    <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ How does OurWorld Digital FreeZone support financial transactions?</dt>
+                    <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ How does Zanzibar Digital Free Zone support financial transactions?</dt>
-                    <dd class="mt-2 text-base leading-tight font-light text-gray-600">OurWorld Digital FreeZone offers a frictionless banking environment, enabling businesses to send and receive money effortlessly. This reduces the complexities and fees associated with traditional banking systems, ensuring smooth financial operations.</dd>
+                    <dd class="mt-2 text-base leading-tight font-light text-gray-600">Zanzibar Digital Free Zone offers a frictionless banking environment, enabling businesses to send and receive money effortlessly. This reduces the complexities and fees associated with traditional banking systems, ensuring smooth financial operations.</dd>
                 </div>
                 <div>
                     <dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">➡ What makes Zanzibar an ideal location for a digital free zone?</dt>
@@ -28,4 +28,3 @@
         </div>
     </div>
 </div>
-

templates/partials/feature.html

@@ -1,6 +1,7 @@
-<div class="bg-white pb-24 pt-12 relative">
+<div id="benefits" class="bg-white pb-24 pt-12 relative" style="scroll-margin-top: 5rem; scroll-padding-top: 2rem;">
   <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <div class="text-center">
+        <h2 class="text-base font-semibold leading-7 text-blue-600">BENEFITS</h2>
         <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-gray-900 lg:mb-2">🇹🇿 Why Zanzibar?</h2>
         <p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">With proactive business-friendly policies and Tanzania's robust economic growth, <br>Zanzibar emerges as a promising hub for innovation and investment in East Africa.</p>
       </div>
@@ -52,4 +53,3 @@
       </div>
     </div>
 </div>
-  

templates/partials/footer.html

@@ -3,15 +3,17 @@
 
 <div class="border-t border-gray-200"></div>
 <footer>
-  <div class="max-w-screen-2xl mx-auto lg:py-4 py-4 sm:px-6 lg:px-8">
+  <div class="max-w-screen-2xl mx-auto lg:py-5 py-2 sm:px-6 lg:px-8">
     <div class="flex flex-col xl:flex-row xl:gap-4 items-center">
       <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 mb-4 xl:col-span-1 text-center xl:text-left">
-        <img class="lg:w-60 h-auto w-20 mx-auto" src="./images/ow_logo.svg" alt="logo" />
+        <a href="/">
+          <img class="lg:w-60 h-auto w-20 mx-auto" src="./images/zdfz.svg" alt="logo" />
+        </a>
       </div>
       <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 mb-4">
         © 2024 OurWorld Holdings, All rights reserved.
-        <a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
+        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
-        </a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy 
+        </a><a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy 
         </a>
       </p>
     </div>

templates/partials/head.html

@@ -5,7 +5,7 @@
 {% set zolaVer = '0.13.0' %}
 
 <head>
-  <link rel="icon" type="image/x-icon" href="/images/favicon.png">
+  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
   {% block title %}
   <title>{{ config.title }}</title>
   <meta property="og:type" content="website" />

templates/partials/header.html

@@ -25,7 +25,7 @@
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                         </svg>
                     </button>
-                <button id="close-hamburger-btn" class="menu-mobile 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">
+                <button id="close-hamburger-btn" class="menu-mobile 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" />
@@ -102,7 +102,7 @@
                             {% set button_id = subsection ~ "-mobile-menu-btn" | slugify %}
                             {% set menu_id = subsection ~ "-mobile-menu" | slugify %}
 
-                            <button type="button" id="{{button_id}}" class="menu-mobile flex px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                            <button type="button" id="{{button_id}}" class="menu-mobile flex px-8 py-3 items-start text-left text-gray-900 group lg:inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
                                 <span>{{ subsection }}</span>
                                 <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                             </button>

templates/partials/header_custom.html

@@ -9,27 +9,13 @@
 <header id="header-container">
     <div class="z-10 bg-white fixed w-screen">
         <div class="relative z-50 shadow">
-        <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
+        <div class="mx-auto grid grid-cols-3 items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20">
             <div>
                 <a href="/" class="flex">
-                    <img class="w-48 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="OurWorld Logo" />
+                    <img class="w-48 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="ODFZ Logo" />
                 </a>
             </div>
-            <div class="-mr-2 -my-2 lg:hidden">
+            <div class="hidden lg:flex lg:items-center lg:justify-center lg:space-x-12">
-                <button id="hamburger-btn" class="menu-mobile 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" class="menu-mobile 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-10">
 
 {% for header_item in header_items %}
@@ -39,13 +25,13 @@
     {% if '<a' in header_label %}
         {% set link_label = header_label | striptags %}
         {% set link_path = header_label | split(pat="%22") | safe%}
-        <a href="{{link_path[1]}}" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+        <a href="{{link_path[1]}}" class="text-base leading-5 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
             {{link_label}}
         </a>
     {% else %}
         <div class="relative">
             {% set button_id = header_label ~ "-menu-btn" | slugify %}
-        <button  id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
+        <button  id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-base leading-5 hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
             <span>{{ header_label }}</span>
             <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
         </button>
@@ -58,6 +44,19 @@
 
 
             </div>
+            <div class="-mr-2 -my-2 lg:hidden">
+                <button id="hamburger-btn" class="menu-mobile 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" class="menu-mobile 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>
 {% for header_item in header_items %}
@@ -103,12 +102,12 @@
                             {% if '<a' in header_label %}
                                 {% set link_label = header_label | striptags %}
                                 {% set link_path = header_label | split(pat="%22") | safe%}
-                                <a href="{{link_path[1]}}" 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">
+                                <a href="{{link_path[1]}}" class="text-base px-8 py-3 leading-5 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
                                     {{link_label}}
                                 </a>
                             {% else %}
                                 {% set button_id = header_label ~ "-mobile-menu-btn" | slugify %}
-                                    <button type="button" id="{{button_id}}" class="menu-mobile my-0 px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                    <button type="button" id="{{button_id}}" class="menu-mobile my-0 px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-base leading-5 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
                                         <span>{{ header_label }}</span>
                                         <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                                     </button>

templates/partials/hero.html

@@ -1,5 +1,5 @@
 <div class="relative isolate overflow-hidden h-screen bg-white">
-  <div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 lg:py-48 text-center h-full">
+  <div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 text-center h-full">
     <div class="text-center">
       <img src="./images/logo.svg"
      alt="Hero Image"
@@ -9,17 +9,13 @@
 
       <p class="text-base font-semibold leading-7 text-blue-600">WELCOME TO</p>
         <div class="max-w-4xl">
-         <h1 class="mt-4 text-3xl lg:text-5xl font-bold leading-8 tracking-tight text-black mb-4">OurWorld Digital Freezone</h1>
+         <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">ODFZ OurWorld Digital FreeZone 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>
+      <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">
+      <div class="mt-10 flex items-center justify-center">
-        <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">
+        <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>

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>

templates/partials/portfolio2.html

@@ -20,7 +20,7 @@
         <dd class="mt-2 tracking-tight text-gray-500">TF9 is a software company which has developed a cloud computing system designed for global scalability, offering secure, immutable data storage that ensures integrity and permanence.​</dd>
       </div>
       <div class="border-t border-gray-200 pt-4">
-        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">OurWorld Digital FreeZone</dt>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Zanzibar Digital Free Zone</dt>
         <dd class="mt-2 tracking-tight text-gray-500">A collaboration with the Government of Zanzibar. 100% digital and automated, offering seamless legal, financial, and operational support for businesses. The Free Zone provides regulatory incentives and benefits to businesses through a fully online platform​.</dd>
       </div>
       <div class="border-t border-gray-200 pt-4">

templates/partials/presale.html

@@ -1,30 +1,43 @@
 <!-- Hero Section -->
-<div class="relative bg-white">
+<div id="contact" class="relative bg-white">
     <div class="mx-auto max-w-7xl px-4 grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 items-start pt-24 mt-12 pb-12">
           <!-- Right Column (Text Section) -->
           <div class="relative sm:py-24 lg:py-12 lg:px-8 px-4">
             <div class="max-w-xl mx-auto">
-              <h2 class="text-base font-semibold leading-7 text-blue-600">COMPANY LICENSE PRESALE</h2>
+              <h2 class="text-base font-semibold leading-7 text-blue-600">CONTACT</h2>
-              <p class="mt-2 text-3xl font-bold tracking-tight text-black sm:text-4xl">🚀 Secure Your Spot with a Special Offer Price</p>
+              <p class="mt-2 text-3xl font-bold tracking-tight text-black sm:text-4xl">🚀 Get in Touch</p>
               <div class="mt-4 font-light text-lg leading-7 tracking-tight text-gray-600">
-                <p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">Be among the first to secure your company license with our exclusive presale offer at a special price. Embrace the future of digital entrepreneurship with OurWorld FreeZone and kickstart your business journey with unprecedented advantages.
+                <p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">At Zanzibar Digital Free Zone (ZDFZ), we are eager to hear from you! Whether you have questions about our innovative platform and programs, need assistance with onboarding, or are interested in exploring collaboration opportunities, we are here to help.
                 </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">
+                <dl class=" space-y-4 text-base leading-7 text-gray-600">
-                    Join Presale
+            <div class="flex gap-x-4">
-                </a>
+              <dt class="flex-none">
-                
+                <span class="sr-only">Address</span>
-                <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">
+                <svg class="h-7 w-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                    Learn More &#8594;
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" />
-                </a>
+                </svg>
+              </dt>
+              <dd>Nexus Global Financial Services Limited,<br>Ebene, Mauritius.</dd>
+            </div>
+            <div class="flex gap-x-4">
+              <dt class="flex-none">
+                <span class="sr-only">Email</span>
+                <svg class="h-7 w-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
+                </svg>
+              </dt>
+              <dd><a class="hover:text-gray-600" href="mailto:info@ourworld.tf"><u>info@ourworld.tf</u></a></dd>
+            </div>
+          </dl>
             </div>    
             </div>
           </div>
       <!-- Left Column (Image Section) -->
       <div class="relative overflow-hidden lg:h-full">
         <div class="image-container">
-          <img class="object-cover w-full h-full rounded-md mx-1" src="/images/benefits.webp" alt="Image description">
+          <img class="object-cover w-full h-full rounded-md mx-1" src="/images/presale.jpg" alt="Image description">
         </div>
       </div>
     </div>

templates/partials/stats.html

@@ -17,10 +17,10 @@
         <dd class="order-first text-2xl font-semibold tracking-tight">Core Infrastructure</dd>
       </div>
       <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
-        <dt class="text-base leading-6">✓ Partnered with Government of Tanzania to establish the OurWorld Digital FreeZone with financial and other incentives for ventures.</dt>
+        <dt class="text-base leading-6">✓ Partnered with Government of Tanzania to establish the Zanzibar Digital Free Zone with financial and other incentives for ventures.</dt>
         <dt class="text-base leading-6">✓ Deployed a suite of integrated platforms within the Free Zone to onboard new ventures into the ecosystem.</dt>
         <dd class="order-first text-1xl text-indigo-400 tracking-tight">Phase 2</dd>
-        <dd class="order-first text-2xl font-semibold tracking-tight">OurWorld Digital FreeZone</dd>
+        <dd class="order-first text-2xl font-semibold tracking-tight">Zanzibar Digital Free Zone</dd>
       </div>
       <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
         <dt class="text-base leading-6">✓ $30M raise underway to expand core infrastructure and invest in new ventures with a focus on interdependent projects that strengthen the ecosystem collectively.</dt>

templates/partials/ventures/odez.html

@@ -20,7 +20,7 @@
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
               <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
             </svg>
-            <span class="ml-4">Digital Economic Freezone</span>
+            <span class="ml-4">Digital Economic Free Zone</span>
           </dd>
           </dd>
         </div>