ok

fix: remove duplicate logo from header navigation
2025-09-11 14:48:18 +02:00 · 2025-09-11 14:11:19 +02:00 · 2025-09-11 14:03:10 +02:00 · 2025-09-11 14:00:23 +02:00 · 2025-09-11 13:57:10 +02:00 · 2025-09-11 13:56:36 +02:00
104 changed files with 11068 additions and 730 deletions
--- a/README.md
+++ b/README.md
@@ -1,14 +1,14 @@
-# Welcome to OurWorld Website Repository
+# Welcome to Zanzibar Digital Free Zone Repository

- Website Name: OurWorld
- Brief Description: This is the official website of OurWorld.
+- Website Name:  Zanzibar Digital Free Zone
+- Brief Description: This is the official website of Zanzibar Digital Free Zone.
 Last Updated: Aug 2024

- production(master branch) https://ourworld.tf/
- staging(development branch) https://www2.ourworld.tf/
+- production(master branch) https://www.freezone.ourworld.tf/
+- staging(development branch) https://www2.freezone.ourworld.tf/

 - For any suggestions or improvement ideas please 
-Create an issue on: https://github.com/threefoldfoundation/www_ourworld_tf/issues
+Create an issue on: https://git.ourworld.tf/tfgrid/circle_web_presence/issues

 ## Project Overview

@@ -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
-cd www_tf9_new
+git clone https://git.ourworld.tf/ourworld_web/www_ow_freezone

 ```

@@ -87,4 +86,24 @@ Thank you for helping us improve TF9!
 ![readme](https://user-images.githubusercontent.com/43240801/236867088-56c95abd-510c-4202-b0c5-317cdfb75cb3.png)

 It is highly important to follow this procedure to contribute to the website content. <br>
-__WARNING__: DO NOT commit straight into __master__ / __development__ branch.
+__WARNING__: DO NOT commit straight into __master__ / __development__ branch.
+
+1. Create an Issue
+Feel free to [create a new issue](https://git.ourworld.tf/tfgrid/circle_web_presence/issues) to report an error on the website, or if you have any suggestions on website improvements. 
+
+2. Make your own branch from __'development'__ branch.
+by creating a new branch from 'Master' you will be provided with the latest copy of the live website content.
+
+3. Add your edits into your own branch via code editor locally, and push your local changes online. WARNING: DO NOT add your edits straight into __master__ / __development__ branch.
+
+5. Create a PR to merge your own branch into '**development**', and assign one of [ThreeFold's Web Admins](https://github.com/orgs/threefoldfoundation/teams/team_web_admin) on your PR as reviewer, or assign @sasha-astiadi as reviewer.
+
+7. When PR is approved, you can see your changes on staging env on www2.threefold.io (development branch)
+
+8. Admin will then create a PR to merge 'development' into into '**maste**r' (production branch)
+
+10. When PR is approved, you can see your changes live on production  (master branch).
+
+
+
+
--- a/build.sh
+++ b/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

--- a/config.toml
+++ b/config.toml
@@ -1,9 +1,9 @@
 # The URL the site will be built for
-base_url = "https://www.ourworld.tf"
+base_url = "https://www2.freezone.ourworld.tf"
 # Change this to your own URL! Please note this variable **must** be uncommented.

-title = "OURWORLD"
-description="Our global digital backbone"
+title = "ZDFZ"
+description="Zanzibar Digital Free Zone"

 # When set to "true", a feed is automatically generated.
 # generate_feed = true
--- a/content/.DS_Store
+++ b/content/.DS_Store
--- a/content/about/images/OW_Logo.png
+++ b/content/about/images/OW_Logo.png
--- a/content/about/images/kds.png
+++ b/content/about/images/kds.png
--- a/content/about/img/exits.png
+++ b/content/about/img/exits.png
--- a/content/about/img/president.png
+++ b/content/about/img/president.png
--- a/content/about/img/team.png
+++ b/content/about/img/team.png
--- a/content/about/img/threefold.png
+++ b/content/about/img/threefold.png
--- a/content/about/index.md
+++ b/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"
-->
-
-
--- a/content/contact/images/odfz.svg
+++ b/content/contact/images/odfz.svg
--- a/content/contact/index.md
+++ b/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
 -->


--- a/content/experiences/images/OW_Logo.png
+++ b/content/experiences/images/OW_Logo.png
--- a/content/experiences/images/kds.png
+++ b/content/experiences/images/kds.png
--- a/content/experiences/img/OW_Defi.jpg
+++ b/content/experiences/img/OW_Defi.jpg
--- a/content/experiences/img/OW_Kutana.jpg
+++ b/content/experiences/img/OW_Kutana.jpg
--- a/content/experiences/img/OW_Logo.png
+++ b/content/experiences/img/OW_Logo.png
--- a/content/experiences/img/OW_sikana.jpeg
+++ b/content/experiences/img/OW_sikana.jpeg
--- a/content/experiences/img/OurVerse-logo.png
+++ b/content/experiences/img/OurVerse-logo.png
--- a/content/experiences/img/experiences.png
+++ b/content/experiences/img/experiences.png
--- a/content/experiences/img/ourverse.png
+++ b/content/experiences/img/ourverse.png
--- a/content/experiences/img/ow_lp1.png
+++ b/content/experiences/img/ow_lp1.png
--- a/content/experiences/img/ow_lp_logo.png
+++ b/content/experiences/img/ow_lp_logo.png
--- a/content/experiences/img/p2p.png
+++ b/content/experiences/img/p2p.png
--- a/content/experiences/index.md
+++ b/content/experiences/index.md
--- a/content/footer/_index.md
+++ b/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"  }
 ---

--- a/content/header/_index.md
+++ b/content/header/_index.md
@@ -4,12 +4,12 @@ description: ""
 insert_anchor_links: "left"
 template: "partials/header.html"
 extra:
-  logoPath: "/images/OW_Logo.png"
+  logoPath: "./images/zdfz.svg"
  imgPath: ""
 ---
-
- [About]("/about")
- [Ventures]("/ventures")
- [People]("/people")
- [Contact]("/contact")
-
+- [About]("#about")
+- [Features]("#features")
+- [Benefits]("#benefits")
+- [Services]("#services")
+- [Contact]("#contact")
+- [FAQ]("#faq")
--- a/content/home/home2/index.md
+++ b/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>
--- a/content/home/home2/kds.png
+++ b/content/home/home2/kds.png
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -7,6 +7,7 @@ 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.
@@ -15,15 +16,16 @@ weight: 1
 HOMEPAGE (layouts/index.html) contains:

  1. Hero section: "partials/hero.html
-  2. About section: "partials/about.html"
-  3. Foundation section: "partials/features.html"
-  4. Milestones section: "partials/stats.html
-  5. Portfolio section: "partials/ventures.html"
-  5. Quote: "partials/quotes.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"
  -->
-  
--- a/content/newsroom/images/odfz.svg
+++ b/content/newsroom/images/odfz.svg
--- a/content/newsroom/ourworldfreezone/index.md
+++ b/content/newsroom/ourworldfreezone/index.md
@@ -1,8 +1,8 @@
 ---
 id: ourworldfreezone
-title: In the News – OurWorld Digital Free Zone
-image_caption: OurWorld Digital Free Zone
-description: OurWorld Digital Free Zone received some coverage recently from IPPMEDIA. Take a look!
+title: 🗞 In the News – Zanzibar Digital Free Zone
+image_caption: Zanzibar Digital Free Zone
+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 Free Zone.
+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.
--- a/content/ventures/archive.md
+++ b/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 Free Zone
- 
-### 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>
--- a/content/ventures/hero/img/heroweb.png
+++ b/content/ventures/hero/img/heroweb.png
--- a/content/ventures/hero/index.md
+++ b/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 -->
-
-
-
--- a/content/ventures/images/OW_Logo.png
+++ b/content/ventures/images/OW_Logo.png
--- a/content/ventures/images/kds.png
+++ b/content/ventures/images/kds.png
--- a/content/ventures/img/OW_Logo.png
+++ b/content/ventures/img/OW_Logo.png
--- a/content/ventures/img/explore.jpeg
+++ b/content/ventures/img/explore.jpeg
--- a/content/ventures/img/ourphone.jpeg
+++ b/content/ventures/img/ourphone.jpeg
--- a/content/ventures/img/ourverse.jpeg
+++ b/content/ventures/img/ourverse.jpeg
--- a/content/ventures/img/phone.jpeg
+++ b/content/ventures/img/phone.jpeg
--- a/content/ventures/img/roots.jpeg
+++ b/content/ventures/img/roots.jpeg
--- a/content/ventures/img/sikana.jpeg
+++ b/content/ventures/img/sikana.jpeg
--- a/content/ventures/img/stonetown.jpeg
+++ b/content/ventures/img/stonetown.jpeg
--- a/content/ventures/img/threefold.jpeg
+++ b/content/ventures/img/threefold.jpeg
--- a/content/ventures/img/threefold1.jpeg
+++ b/content/ventures/img/threefold1.jpeg
--- a/content/ventures/img/ventures.jpeg
+++ b/content/ventures/img/ventures.jpeg
--- a/content/ventures/index.md
+++ b/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"
-->
--- a/content/ventures/odez/images/OW_Logo.png
+++ b/content/ventures/odez/images/OW_Logo.png
--- a/content/ventures/odez/images/kds.png
+++ b/content/ventures/odez/images/kds.png
--- a/content/ventures/odez/img/OW_Logo.png
+++ b/content/ventures/odez/img/OW_Logo.png
--- a/content/ventures/odez/img/ow.png
+++ b/content/ventures/odez/img/ow.png
--- a/content/ventures/odez/index.md
+++ b/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 -->
-
-
-
--- a/content/ventures/ourphone/img/ourphone.png
+++ b/content/ventures/ourphone/img/ourphone.png
--- a/content/ventures/ourphone/index.md
+++ b/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 -->
-
-
-
--- a/content/ventures/sikana/img/sikana.png
+++ b/content/ventures/sikana/img/sikana.png
--- a/content/ventures/sikana/index.md
+++ b/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 -->
-
-
-
--- a/content/ventures/threefold/img/tf.png
+++ b/content/ventures/threefold/img/tf.png
--- a/content/ventures/threefold/index.md
+++ b/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 -->
-
-
-
--- a/css/animations.css
+++ b/css/animations.css
@@ -0,0 +1,193 @@
+/* Animation Styles for Homepage Components */
+
+/* Base animation classes */
+.animate-fade-in {
+  opacity: 0;
+  transform: translateY(30px);
+  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
+}
+
+.animate-fade-in.animate-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Slide in from left */
+.animate-slide-left {
+  opacity: 0;
+  transform: translateX(-50px);
+  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
+}
+
+.animate-slide-left.animate-visible {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+/* Slide in from right */
+.animate-slide-right {
+  opacity: 0;
+  transform: translateX(50px);
+  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
+}
+
+.animate-slide-right.animate-visible {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+/* Scale up animation */
+.animate-scale-up {
+  opacity: 0;
+  transform: scale(0.9);
+  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
+}
+
+.animate-scale-up.animate-visible {
+  opacity: 1;
+  transform: scale(1);
+}
+
+/* Staggered animations for multiple elements */
+.animate-stagger-1 {
+  transition-delay: 0.1s;
+}
+
+.animate-stagger-2 {
+  transition-delay: 0.2s;
+}
+
+.animate-stagger-3 {
+  transition-delay: 0.3s;
+}
+
+.animate-stagger-4 {
+  transition-delay: 0.4s;
+}
+
+.animate-stagger-5 {
+  transition-delay: 0.5s;
+}
+
+/* Hero section specific animations */
+.hero-title {
+  opacity: 0;
+  transform: translateY(40px);
+  transition: opacity 1s ease-out, transform 1s ease-out;
+}
+
+.hero-title.animate-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.hero-subtitle {
+  opacity: 0;
+  transform: translateY(30px);
+  transition: opacity 1s ease-out 0.3s, transform 1s ease-out 0.3s;
+}
+
+.hero-subtitle.animate-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.hero-button {
+  opacity: 0;
+  transform: translateY(20px);
+  transition: opacity 0.8s ease-out 0.6s, transform 0.8s ease-out 0.6s;
+}
+
+.hero-button.animate-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Image animations */
+.animate-image {
+  opacity: 0;
+  transform: scale(1.1);
+  transition: opacity 1s ease-out, transform 1s ease-out;
+}
+
+.animate-image.animate-visible {
+  opacity: 1;
+  transform: scale(1);
+}
+
+/* Text content animations */
+.animate-text-content h1,
+.animate-text-content h2,
+.animate-text-content h3,
+.animate-text-content h4 {
+  opacity: 0;
+  transform: translateY(20px);
+  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
+}
+
+.animate-text-content.animate-visible h1,
+.animate-text-content.animate-visible h2,
+.animate-text-content.animate-visible h3,
+.animate-text-content.animate-visible h4 {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.animate-text-content p {
+  opacity: 0;
+  transform: translateY(15px);
+  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
+}
+
+.animate-text-content.animate-visible p {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.animate-text-content button,
+.animate-text-content a[href] {
+  opacity: 0;
+  transform: translateY(10px);
+  transition: opacity 0.8s ease-out 0.4s, transform 0.8s ease-out 0.4s;
+}
+
+.animate-text-content.animate-visible button,
+.animate-text-content.animate-visible a[href] {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Reduced motion for accessibility */
+@media (prefers-reduced-motion: reduce) {
+  .animate-fade-in,
+  .animate-slide-left,
+  .animate-slide-right,
+  .animate-scale-up,
+  .hero-title,
+  .hero-subtitle,
+  .hero-button,
+  .animate-image,
+  .animate-text-content h1,
+  .animate-text-content h2,
+  .animate-text-content h3,
+  .animate-text-content h4,
+  .animate-text-content p,
+  .animate-text-content button,
+  .animate-text-content a[href] {
+    transition: none;
+    opacity: 1;
+    transform: none;
+  }
+}
+
+/* Loading animation for initial page load */
+.page-loading .animate-on-load {
+  opacity: 0;
+  transform: translateY(20px);
+}
+
+.page-loaded .animate-on-load {
+  opacity: 1;
+  transform: translateY(0);
+  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
+}
--- a/css/layout.css
+++ b/css/layout.css
@@ -40,15 +40,30 @@ code {
  @apply text-gray-400;
 }

-.text-blue-light {
-  @apply text-blue-500;
-}
+/* Custom blue text color classes */
+.text-blue-50 { color: #eff6ff; }
+.text-blue-100 { color: #dbeafe; }
+.text-blue-200 { color: #bfdbfe; }
+.text-blue-300 { color: #93c5fd; }
+.text-blue-400 { color: #60a5fa; }
+.text-blue-500 { color: #3b82f6; }
+.text-blue-600 { color: #2563eb; }
+.text-blue-700 { color: #1d4ed8; }
+.text-blue-800 { color: #1e40af; }
+.text-blue-900 { color: #1e3a8a; }
+
+/* Custom blue background color classes */
+.bg-blue-50 { background-color: #eff6ff; }
+.bg-blue-100 { background-color: #dbeafe; }
+.bg-blue-200 { background-color: #bfdbfe; }
+.bg-blue-300 { background-color: #93c5fd; }
+.bg-blue-400 { background-color: #60a5fa; }
+.bg-blue-500 { background-color: #3b82f6; }
+.bg-blue-600 { background-color: #2563eb; }
+.bg-blue-700 { background-color: #0160ee; }
+.bg-blue-800 { background-color: #1e40af; }
+.bg-blue-900 { background-color: #1e3a8a; }

-.text-blue-dark {
-  /* for dark mode 
-  @apply text-blue-200;
-  */
-}

 .text-shadow-titles {
  text-shadow: 4px 4px 2px #000;
--- a/output.css
+++ b/output.css
--- a/static/images/OW_Logo.png
+++ b/static/images/OW_Logo.png
--- a/static/images/OW_WHITE.png
+++ b/static/images/OW_WHITE.png
--- a/static/images/benefits.webp
+++ b/static/images/benefits.webp
--- a/static/images/favicon.ico
+++ b/static/images/favicon.ico
--- a/static/images/favicon.png
+++ b/static/images/favicon.png
--- a/static/images/logo.svg
+++ b/static/images/logo.svg
--- a/static/images/odfz.svg
+++ b/static/images/odfz.svg
--- a/static/images/ow_lp_logo.png
+++ b/static/images/ow_lp_logo.png
--- a/static/images/presale.jpg
+++ b/static/images/presale.jpg
--- a/static/images/zdfz.svg
+++ b/static/images/zdfz.svg
--- a/static/js/custom.js
+++ b/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]
@@ -119,6 +144,8 @@ window.onload = function () {
        'www.ourworld.tf',
        'ourworld.tf',
        'www2.ourworld.tf',
+        'www2.freezone.ourworld.tf',
+        'freezone.ourworld.tf',
        'localhost',
        '127.0.0.1'
    ]
@@ -126,11 +153,178 @@ 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);
 }

 function openInNewTab(url) {
    window.open(url, '_blank').focus()
 }
+
+// Animation System for Homepage Components
+class AnimationController {
+    constructor() {
+        this.observer = null;
+        this.isPageLoaded = false;
+        this.init();
+    }
+
+    init() {
+        // Set up intersection observer for scroll animations
+        this.setupIntersectionObserver();
+        
+        // Handle initial page load animations
+        this.handlePageLoad();
+        
+        // Initialize animations when DOM is ready
+        if (document.readyState === 'loading') {
+            document.addEventListener('DOMContentLoaded', () => this.initializeAnimations());
+        } else {
+            this.initializeAnimations();
+        }
+    }
+
+    setupIntersectionObserver() {
+        const options = {
+            root: null,
+            rootMargin: '0px 0px -10% 0px', // Trigger when element is 10% visible
+            threshold: 0.1
+        };
+
+        this.observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    this.animateElement(entry.target);
+                }
+            });
+        }, options);
+    }
+
+    animateElement(element) {
+        // Add visible class to trigger CSS animations
+        element.classList.add('animate-visible');
+        
+        // Animate child elements with stagger effect
+        const children = element.querySelectorAll('.animate-stagger-1, .animate-stagger-2, .animate-stagger-3, .animate-stagger-4, .animate-stagger-5');
+        children.forEach((child, index) => {
+            setTimeout(() => {
+                child.classList.add('animate-visible');
+            }, index * 100);
+        });
+
+        // Stop observing this element once animated
+        this.observer.unobserve(element);
+    }
+
+    handlePageLoad() {
+        // Add loading class initially
+        document.body.classList.add('page-loading');
+        
+        window.addEventListener('load', () => {
+            this.isPageLoaded = true;
+            document.body.classList.remove('page-loading');
+            document.body.classList.add('page-loaded');
+            
+            // Animate hero section immediately on load
+            this.animateHeroSection();
+        });
+    }
+
+    animateHeroSection() {
+        const heroElements = document.querySelectorAll('.hero-title, .hero-subtitle, .hero-button');
+        heroElements.forEach(element => {
+            element.classList.add('animate-visible');
+        });
+    }
+
+    initializeAnimations() {
+        // Find all elements that should be animated
+        const animatedElements = document.querySelectorAll(
+            '.animate-fade-in, .animate-slide-left, .animate-slide-right, .animate-scale-up, .animate-text-content, .animate-image'
+        );
+
+        // Start observing each element
+        animatedElements.forEach(element => {
+            this.observer.observe(element);
+        });
+
+        // Add animation classes to row containers
+        this.addAnimationClassesToRows();
+    }
+
+    addAnimationClassesToRows() {
+        // Get all row containers from the homepage
+        const rows = document.querySelectorAll('[id*="row"], .relative.justify-center.flex.overflow-hidden');
+        
+        rows.forEach((row, index) => {
+            // Add different animation types based on position
+            const animationType = this.getAnimationTypeForRow(index);
+            row.classList.add(animationType);
+            
+            // Add text content animation to text columns
+            const textColumns = row.querySelectorAll('div[class*="flex-1"]');
+            textColumns.forEach(column => {
+                if (this.hasTextContent(column)) {
+                    column.classList.add('animate-text-content');
+                }
+                
+                // Add image animation to image containers
+                const images = column.querySelectorAll('img');
+                images.forEach(img => {
+                    img.parentElement.classList.add('animate-image');
+                });
+            });
+        });
+    }
+
+    getAnimationTypeForRow(index) {
+        const animations = ['animate-fade-in', 'animate-slide-left', 'animate-slide-right', 'animate-scale-up'];
+        return animations[index % animations.length];
+    }
+
+    hasTextContent(element) {
+        const textElements = element.querySelectorAll('h1, h2, h3, h4, p, button, a');
+        return textElements.length > 0;
+    }
+
+    // Method to trigger animations on scroll direction change
+    handleScrollDirection() {
+        let lastScrollTop = 0;
+        
+        window.addEventListener('scroll', () => {
+            const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+            const scrollDirection = scrollTop > lastScrollTop ? 'down' : 'up';
+            
+            // You can add specific animations based on scroll direction here
+            document.body.setAttribute('data-scroll-direction', scrollDirection);
+            
+            lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+        }, false);
+    }
+}
+
+// Initialize animation system
+let animationController;
+
+// Enhanced window.onload to include animations
+const originalWindowOnload = window.onload;
+window.onload = function() {
+    // Call original onload function
+    if (originalWindowOnload) {
+        originalWindowOnload();
+    }
+    
+    // Initialize animation controller
+    animationController = new AnimationController();
+}
--- a/static/videos/ourworld.mp4
+++ b/static/videos/ourworld.mp4
--- a/static/videos/zanzibar.mp4
+++ b/static/videos/zanzibar.mp4
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,13 +12,14 @@
    {{page.content | safe}}
 </div>

+{% include "partials/about1.html" %}
+
 {% include "partials/about.html" %}

 {% include "partials/feature.html" %}

-{% include "partials/stats.html" %}
+{% include "partials/benefits.html" %}

-{% include "partials/ventures.html" %}
-
-{% include "partials/quote.html" %}
+{% include "partials/presale.html" %}
+{% include "partials/faq.html" %}
 {% endblock content %}
--- a/templates/layouts/contact.html
+++ b/templates/layouts/contact.html
@@ -11,6 +11,5 @@
 </div>

 {% include "partials/contact.html" %}
-{% include "partials/quote.html" %}

 {% endblock content %}
--- a/templates/memberships/single.html
+++ b/templates/memberships/single.html
@@ -20,7 +20,7 @@
            <h1 class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal">
            {{category | replace(from='-', to=' ' ) | title}}
            </h1>
-            <div class="text-xl text-gray-800">
+            <div class="text-xl text-gray-600">
                {{ paginator.total_pages ~ " People"}}
            </div>
        </div>
--- a/templates/newsPage.html
+++ b/templates/newsPage.html
@@ -83,7 +83,7 @@
                {% set author = get_page(path=author_path) %}
                {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
              <span>
-                <a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-800">{{ author.title }}</a>
+                <a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-600">{{ author.title }}</a>
              </span>
              {% endif %}
                {% endfor %}
--- a/templates/partials/about.html
+++ b/templates/partials/about.html
@@ -1,56 +1,47 @@
-<!-- section 2 page templates -->
-
-<div class="relative isolate overflow-hidden bg-black text-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>
+<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-indigo-400">ABOUT</h2>
-      <p class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-4xl">Where innovation meets independence <br>and sustainability-driven success.</p>
-      <p class="mt-8 text-base font-light lg:text-xl"><b>OurWorld</b> is an organization dedicated to empowering startups with the resources and support they need to revolutionize the future.</p>
+      <h2 class="text-base font-semibold leading-8 text-blue-600">FEATURES</h2>
+      <p class="mt-2 text-2xl font-bold tracking-tight text-black sm:text-4xl">Why Choose Our Digital Free Zone</p>
+      <p class="mt-8 text-base font-light lg:text-xl text-gray-600">From simplicity to autonomy, there are many reasons to take part:</p>
    </div>
-    <dl class="mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
+    <dl class="mt-6 lg:mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
      <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base leading-7 text-gray-300">Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.</dt>
+        <dt class="text-base font-light leading-tight mt-4 lg:mt-2 text-gray-600">A digital free zone fosters effortless collaboration among individuals and organizations by eliminating intermediaries.</dt>
        <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-          <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">A Funding Platform</span>
-        </dd>
+          <span class="leading-6">🔹 Fully Automated Onboarding</span>
        </dd>
      </div>
      <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base leading-7 text-gray-300">Harness the power of our advanced technological platform, designed to grant individuals complete digital sovereignty. This is the bedrock of innovation and independent growth.</dt>
+        <dt class="text-base font-light  leading-tight smt-4 lg:mt-2 text-gray-600">Seamlessly manage both fiat and digital currencies with our comprehensive banking solutions compatible with Web3 technologies.</dt>
        <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-          <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="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
-          </svg>
-          <span class="ml-4">Technological Empowerment</span>
+          <span class="leading-6">🔹 Banking & Web3 Compatible</span>
        </dd>
      </div>
      <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base leading-7 text-gray-300">Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.</dt>
+        <dt class="text-base font-light  leading-tight mt-4 lg:mt-2 text-gray-600">Experience hassle-free business operations, as we provide built-in legal and tax settlement services, simplifying legal obligations.</dt>
        <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
-          <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="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
-          </svg>
-          <span class="ml-4">Legal & Financial Autonomy</span>
+          <span class="leading-6">🔹 Built-in Legal & Tax Settlement</span>
        </dd>
      </div>
      <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base leading-7 text-gray-300">Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.</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 -->
-          <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="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
-          </svg>
-          <span class="ml-4">Life Supporting Infrastructure</span>
+          <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">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">🔹 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 Autonomous Data Tech</span>
        </dd>
      </div>
    </dl>
-    <div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
-      <div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] 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>
 </div>
--- a/templates/partials/about1.html
+++ b/templates/partials/about1.html
@@ -0,0 +1,38 @@
+<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 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 ZDFZ</h1>
+      <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> offers 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>
+
+<style>
+  html, body {
+    margin: 0;
+    height: 100%;
+  }
+
+  .relative.isolate.overflow-hidden.h-screen {
+    height: 100vh;
+  }
+
+
+  /* Custom styles for smaller font, margin adjustments, and line spacing for mobile */
+  @media (max-width: 640px) {
+    h1 {
+      font-size: 2rem; /* Smaller font for mobile */
+    }
+    
+    h2 {
+      font-size: 1.25rem; /* Smaller font for mobile */
+    }
+
+    p {
+      font-size: 1rem; /* Smaller font for mobile */
+      margin-left: 1rem; /* Margin left for mobile */
+      margin-right: 1rem; /* Margin right for mobile */
+      line-height: 1.5; /* Smaller line spacing */
+    }
+  }
+</style>
--- a/templates/partials/benefits.html
+++ b/templates/partials/benefits.html
@@ -0,0 +1,51 @@
+<!-- Hero Section -->
+<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">
+      <div class="image-container">
+        <img class="object-cover w-full h-full rounded-md mx-1" src="/images/benefits.webp" alt="Image description">
+      </div>
+    </div>
+    
+    <!-- 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">SERVICES</h2>
+        <p class="mt-2 text-3xl font-bold tracking-tight text-black sm:text-4xl">Simple. Streamlined. Secure.</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>
+            Say goodbye to complexities and hello to a new era of simplicity and efficiency, empowering your business to thrive like never before.
+          </p>
+        </div>
+        <div class="mt-10 flex lg:gap-x-6 gap-x-3">
+          
+      </div>    
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .image-container {
+    position: relative;
+    left: 0;
+    width: 90%;
+    height: 90%;
+  }
+
+  .image-container::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 90%;
+    height: 90%;
+  }
+
+  /* Reset margin and padding for the entire page if needed */
+  body, html {
+    margin: 0;
+    padding: 0;
+  }
+</style>
--- a/templates/partials/blogs.html
+++ b/templates/partials/blogs.html
@@ -1,13 +1,13 @@
-<div class="bg-white lg:py-24 py-16">
+<div class="bg-blue-100 py-24">
    <div class="mx-auto max-w-7xl px-6 lg:px-8">
-      <div class="mx-auto max-w-2xl text-center">
+      <div class="mx-auto max-w-3xl text-center">
        <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">From the Blog</h2>
-        <p class="mt-2 text-lg leading-8 text-gray-600">The latest news and updates from <b>OurWorld</b>.</p>
+        <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 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 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
+      <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">
          <div class="relative w-full  mt-4">
            <img src="/newsroom/ourworldfreezone/ourworldfreezone.png" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
@@ -20,22 +20,11 @@
              <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 Free Zone
+                  🗞 In the News – Zanzibar Digital Free Zone
                </a>
              </h3>
-              <p class="mt-5 line-clamp-3 text-sm leading-6 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 class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
-                <img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
-                <div class="flex flex-col text-sm leading-6">
-                  <p class="flex items-center font-semibold text-gray-900">
-                    <a href="#" class="flex items-center space-x-2">
-                      <span class="absolute inset-0"></span>
-                      <span class="text-base">Sam Taggart</span>
-                      <span class="text-gray-600 text-sm">| Project Contributor</span>
-                    </a>
-                  </p>
-                </div>
          </div>
        </article>
        <article class="flex flex-col items-start justify-between">
@@ -53,20 +42,8 @@
                    🌍 African Regenerative Cities Summit
                  </a>
                </h3>
-                <p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">Learn about the summit we hosted this past weekend in Zanzibar to unite innovators and investors to support Africa's future...</p>
-              </div>
-              <div class="relative mt-6 mb-2  lg:mb-6 flex items-center gap-x-4">
-                <img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
-                <div class="flex flex-col text-sm leading-6">
-                  <p class="flex items-center font-semibold text-gray-900">
-                    <a href="#" class="flex items-center space-x-2">
-                      <span class="absolute inset-0"></span>
-                      <span class="text-base">Sam Taggart</span>
-                      <span class="text-gray-600 text-sm">| Project Contributor</span>
-                    </a>
-                  </p>
-                </div>
-              </div>              
+                <p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">Learn about the summit we hosted this past weekend in Zanzibar to unite innovators and investors to support Africa's future...</p>
+              </div>          
            </div>
          </article>
          <article class="flex flex-col items-start justify-between">
@@ -84,20 +61,8 @@
                    🗓 ThreeFold Team @ Zuzalu 2023
                  </a>
                </h3>
-                <p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">Some of the team is at the New Cities & Network States event at Zuzalu, where our founder, Kristof de Spiegeleer will be speaking....</p>
+                <p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">Some of the team is at the New Cities & Network States event at Zuzalu, where our founder, Kristof de Spiegeleer will be speaking....</p>
              </div>
-              <div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
-                <img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
-                <div class="flex flex-col text-sm leading-6">
-                  <p class="flex items-center font-semibold text-gray-900">
-                    <a href="#" class="flex items-center space-x-2">
-                      <span class="absolute inset-0"></span>
-                      <span class="text-base">Sam Taggart</span>
-                      <span class="text-gray-600 text-sm">| Project Contributor</span>
-                    </a>
-                  </p>
-                </div>
-            </div>
          </article>
      </div>
    </div>
--- a/templates/partials/contact.html
+++ b/templates/partials/contact.html
@@ -1,39 +1,33 @@
-<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>
-          <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>
-          <dl class="mt-10 space-y-4 text-base leading-7 text-gray-300">
-            <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">
-                  <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>
-              <dd>Nexus Global Financial Services Limited,<br>Ebene, Mauritius.</dd>
-            </div>
+          <h2 class="text-base font-semibold leading-7 text-blue-600">CONTACT US</h2>
+          <h2 class="mt-2 text-3xl font-bold tracking-tight text-blac">Get in touch</h2>
+          <p class="mt-6 text-lg leading-8 text-gray-600">The Zanzibar Digital Free Zone (ZDFZ) platform is coming alive. In the meantime, we invite you to get in touch with any comments, questions, or 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">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>
--- a/templates/partials/faq.html
+++ b/templates/partials/faq.html
@@ -0,0 +1,30 @@
+
+<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-12 lg:py-24  lg:px-8">
+        <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 Zanzibar Digital Free Zone?</dt>
+                    <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 Zanzibar Digital Free Zone?</dt>
+                    <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 Zanzibar Digital Free Zone support financial transactions?</dt>
+                    <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>
+                    <dd class="mt-2 text-base leading-tight font-light text-gray-600">Zanzibar's strategic location at the crossroads of Africa and the Indian Ocean provides a culturally rich environment and exceptional access to regional and global markets. Combined with Tanzania's robust economic growth and proactive business-friendly policies, Zanzibar is an emerging hub for innovation and investment in East Africa.</dd>
+                </div>
+            </dl>
+        </div>
+    </div>
+</div>
--- a/templates/partials/feature.html
+++ b/templates/partials/feature.html
@@ -1,44 +1,55 @@
-<div class="bg-white pt-16 py-16 mx-12 lg:py-24 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="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/2 transform-gpu overflow-hidden opacity-20 blur-3xl w-1/3 mx-auto" aria-hidden="true">
-          <div class="aspect-[1313/771] w-full bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" 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="text-center">
-        <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-gray-900 lg:mb-2">The Foundation of Every Venture</h2>
-        <p class="text-base font-medium lg:text-xl text-gray-500 lg:mb-8 lg:mt-2 mt-2 mb-4">Core Principles Guiding Our Vision for Building Successful Ventures.</p>
+        <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>
-      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 bg-white border border-gray-200 rounded-lg overflow-hidden">
+      <div class="mt-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 bg-white border border-gray-200 rounded-lg overflow-hidden">
        <!-- Feature 1 -->
        <div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
-          <img src="images/planet.png" alt="Icon 1" class="mb-2 h-16 w-16">
-          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Planet First</h3>
-          <p class="text-base text-gray-500 mb-4"> Build in ways that respect and protect natural resources. </p>
+          <svg width="1em" height="1em" viewBox="0 0 48 48" class="w-12 h-12 mb-6 text-primary">
+            <g fill="#009688">
+              <path d="M22 35h4v11h-4z"></path>
+              <path d="m24 29.6l7 8.4H17z"></path>
+            </g>
+            <g fill="#009688">
+              <path d="M22 2h4v11h-4z"></path>
+              <path d="M24 18.4L17 10h14z"></path>
+            </g>
+            <g fill="#009688">
+              <path d="M2 22h11v4H2z"></path>
+              <path d="M18.4 24L10 31V17z"></path>
+            </g>
+            <g fill="#009688">
+              <path d="M35 22h11v4H35z"></path>
+              <path d="m29.6 24l8.4-7v14z"></path>
+            </g>
+            <circle cx="24" cy="24" r="3" fill="#F44336"></circle>
+          </svg>          
+          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Strategic Location</h3>
+          <p class="text-base font-light text-gray-600 mb-4">Situated at the intersection of Africa and the Indian Ocean, Zanzibar boasts a rich cultural heritage and provides convenient access to both regional and global markets.</p>
        </div>
        <!-- Feature 2 -->
        <div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:mx-h-2 sm:border-r border-gray-200">
-          <img src="images/people.png" alt="Icon 2" class="mb-2 h-16 w-16">
-          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">People First</h3>
-          <p class="text-base text-gray-500 mb-4">Ensure equality and equity in our ecosystem.</p>
+          <svg width="1em" height="1em" viewBox="0 0 48 48" class="w-12 h-12 mb-6 text-primary">
+            <path d="M26 2L10 20h8v16l16-18h-8z" fill="#FFEB3B"></path>
+          </svg>
+          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Rapid Economic Growth</h3>
+          <p class="text-base font-light text-gray-600 mb-4">In recent years, Tanzania has maintained a robust economic growth rate averaging 6-7% annually, underscoring its strong economic potential and stability.</p>
        </div>
        <!-- Feature 3 -->
        <div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
-          <img src="images/open.png" alt="Icon 3" class="mb-2 h-16 w-16">
-          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Open Source</h3>
-          <p class="text-base text-gray-500 mb-4">Promote collaborative development across all our projects.</p>
-        </div>
-        <!-- Feature 4 -->
-        <div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
-          <img src="images/authentic.png" alt="Icon 4" class="mb-2 h-16 w-16">
-          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Authenticity</h3>
-          <p class="text-base text-gray-500 mb-4">Uphold an ethos of transparency and trust.</p>
-        </div>
-        <!-- Feature 5 -->
-        <div class="flex flex-col items-start p-6 text-left">
-          <img src="images/simple.png" alt="Icon 5" class="mb-2 h-16 w-16">
-          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Simplicity</h3>
-          <p class="text-base text-gray-500 mb-4">Eliminate design complexities to foster rapid progress.</p>
+          <svg width="1em" height="1em" viewBox="0 0 48 48" class="w-12 h-12 mb-6 text-primary">
+            <path fill="#00BCD4" d="M19 22h10v20H19zM32 8h10v34H32zM6 30h10v12H6z"></path>
+            <g fill="#3F51B5">
+              <path d="m11 8l10 10V8z"></path>
+              <path d="m9.394 22.437l-2.828-2.828l9.969-9.969l2.828 2.828z"></path>
+            </g>
+          </svg>          
+          <h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Business-Friendly Policies</h3>
+          <p class="text-base text-gray-600 font-light mb-4">Tanzania was recognized among the top 10 most improved economies globally in 2020 by the World Bank, demonstrating a proactive approach in adapting agile business policies..</p>
        </div>
      </div>
    </div>
 </div>
-  
--- a/templates/partials/featuredNews.html
+++ b/templates/partials/featuredNews.html
@@ -16,7 +16,7 @@
        {% set author_path = 'people/' ~ author ~ '/index.md' %}
        {% set author = get_page(path=author_path) %}
        {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
-        <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize	text-gray-800"> <img
+        <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize	text-gray-600"> <img
            src="{{ author_img }}" alt="{{ author.title }}" class="
            inline-flex 
          w-8
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -3,25 +3,12 @@

 <div class="border-t border-gray-200"></div>
 <footer>
-    <div class="mx-auto pt-4 pb-2 text-center">
-      <div class="mt-2 mb-4 flex justify-center space-x-10">
-        <a href="https://www.linkedin.com/company/ourworld-ventures/" class="text-gray-400 hover:text-gray-500">
-          <span class="sr-only">LinkedIn</span>
-          <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-            <path fill-rule="evenodd" d="M20.447 20.452H17.21v-5.414c0-1.291-.024-2.955-1.8-2.955-1.803 0-2.079 1.405-2.079 2.86v5.509H9.096V9.467h3.103v1.503h.043c.431-.818 1.48-1.68 3.046-1.68 3.257 0 3.86 2.144 3.86 4.931v6.231zM6.281 8.186c-1.035 0-1.875-.84-1.875-1.875s.84-1.875 1.875-1.875 1.875.84 1.875 1.875-1.84 1.875-1.875 1.875zM7.923 20.452H4.639V9.467h3.284v10.985zM22.225 0H1.771C.792 0 0 .785 0 1.753v20.495C0 23.215.792 24 1.771 24h20.451C23.207 24 24 23.215 24 22.248V1.753C24 .785 23.207 0 22.225 0z" clip-rule="evenodd"/>
-          </svg>
-        </a>
-        <a href="mailto:info@ourworld.tf" class="text-gray-400 hover:text-gray-500">
-          <span class="sr-only">Mail</span>
-          <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-            <path fill-rule="evenodd" d="M1.5 4.5h21v15h-21v-15zm21-1.5h-21C.672 3 0 3.672 0 4.5v15c0 .828.672 1.5 1.5 1.5h21c.828 0 1.5-.672 1.5-1.5v-15c0-.828-.672-1.5-1.5-1.5zM3 6.928l7.928 5.54a1.5 1.5 0 001.744 0L21 6.928V6H3v.928zm18 1.557l-6.86 4.794a3.5 3.5 0 01-4.28 0L3 8.485v9.015h18V8.485z" clip-rule="evenodd"/>
-          </svg>
-        </a>        
-      </div>
+  <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">
      <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><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy 
+        © 2025 OurWorld Holdings, All rights reserved.
+        <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://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy 
        </a>
      </p>
    </div>
--- a/templates/partials/head.html
+++ b/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" />
@@ -66,6 +66,7 @@

  <!-- CSS/SCSS -->
  <link rel="stylesheet" href="{{ get_url(path="css/index.css", trailing_slash=false, cachebust=true) | safe }}" />
+  <link rel="stylesheet" href="{{ get_url(path="css/animations.css", trailing_slash=false, cachebust=true) | safe }}" />
  <style>
    .space-x-10>:not([hidden])~:not([hidden]){
      margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))!important;
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -12,32 +12,15 @@
        {% set header_class = config.extra.header_class | default(value='') %}
        <div class="{{'z-10 bg-white fixed w-screen ' ~ header_class}}">
            <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="w-56 h-auto sm:w-15" src="{{logo_path}}" alt="FreeFlow Logo" />
-                    </a>
-                </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 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">
+            <div class="mx-auto flex items-center justify-between pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20">
+                <!-- Spacer for left side on desktop -->
+                <div class="hidden lg:flex-1 lg:flex"></div>
+                <div class="hidden lg:flex lg:items-center lg:justify-center">
                    <nav class="flex space-x-10">    
                    {% for page in section.pages %}
                    {% if page.extra.menu %} {% continue %} {% endif %}
-                        <a href="{{page.permalink}}" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
-                            {{page.title}}test
+                        <a href="/#{{ page.title | lower }}" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            {{page.title}}
                        </a>
                        <div class="relative">
                        </div>
@@ -54,6 +37,23 @@
                    {% endfor %}
                    </nav>
                </div>
+                <!-- Spacer for right side on desktop, and container for mobile menu button -->
+                <div class="flex-1 flex justify-end">
+                    <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>
            </div>
        </div>
    {% for subsection in section.subsections %}
@@ -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>
@@ -117,7 +117,6 @@
                        {% set section = get_section(path="footer/_index.md")%}
                        <div class="mx-8 mt-8">
                            <div class="space-y-8 lg:max-w-lg xl:max-w-lg lg:mr-8 lg:mb-8 xl:col-span-1">
-                              <img class="w-48 h-auto" src="{{logo_path}}" alt="Company name" />
                              <p class="text-gray-500 text-base leading-6 ">
                                {{section.description}}
                              </p>
--- a/templates/partials/header_custom.html
+++ b/templates/partials/header_custom.html
@@ -9,27 +9,10 @@
 <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>
-                <a href="/" class="flex">
-                    <img class="w-48 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="OurWorld Logo" />
-                </a>
-            </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 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">
+        <div class="mx-auto flex items-center justify-between pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20">
+            <!-- Spacer for left side on desktop -->
+            <div class="hidden lg:flex-1 lg:flex"></div>
+            <div class="hidden lg:flex lg:items-center lg:justify-center">
            <nav class="flex space-x-10">

 {% for header_item in header_items %}
@@ -39,13 +22,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>
@@ -55,11 +38,25 @@
 {% endif %}
 {% endfor %}
 </nav>
-
-
+            </div>
+            <!-- Spacer for right side on desktop, and container for mobile menu button -->
+            <div class="flex-1 flex items-center justify-end">
+                <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>
-        </div>
+    </div>
 {% for header_item in header_items %}
 {% if not loop.first %}
    {% set header_arr = header_item | split(pat="</li>") %}
@@ -103,12 +100,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>
@@ -140,4 +137,4 @@
    </div>


-</header>
+</header>
--- a/templates/partials/hero.html
+++ b/templates/partials/hero.html
@@ -1,25 +1,21 @@
-<head>
-  <link href="./output.css" rel="stylesheet">
-</head>
-
 <div class="relative isolate overflow-hidden h-screen">
-  <video autoplay loop muted class="absolute inset-0 -z-10 h-full w-full object-cover">
-    <source src="/videos/ourworld.mp4" type="video/mp4">
+  <video autoplay loop muted playsinline class="absolute z-0 w-full h-full object-cover">
+    <source src="/videos/zanzibar.mp4" type="video/mp4">
+    Your browser does not support the video tag.
  </video>
-  <div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 sm:py-48 lg:py-56 text-center h-full">
-    <div class="hidden sm:mb-8 sm:flex sm:justify-center">
-      <div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-200 ring-1 ring-white/10 hover:ring-white/20">
-        Interested to Take Part? <a href="https://calendly.com/florian_threefold/30min
-        " class="font-semibold text-indigo-300 hover:text-indigo-400"><span class="text-indigo-500 absolute inset-0" aria-hidden="true"></span>Book a Meeting<span aria-hidden="true">&rarr;</span></a>
-      </div>
-    </div>
+  <div class="absolute inset-0 bg-black opacity-40 z-0"></div>
+  <div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 text-center h-full relative z-10">
    <div class="text-center">
-      <h1 class="text-3xl sm:text-4xl lg:text-6xl font-bold leading-8 tracking-tight text-white mb-4">OurWorld</h1>
-      <h2 class="text-xl sm:text-2xl text-gray-200 px-6">Empowering Self-Sovereign Development</h2>
-      <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">Pioneering an ecosystem where startups can harness emerging technologies to reclaim their sovereignty while prioritizing environmental and social sustainability.</p>
-      <div class="mt-10 flex items-center justify-center gap-x-6">
-        <a href="/about" class="rounded-md main-button px-3.5 py-2.5 font-semibold shadow-sm hover:bg- focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
-      </div>
+      <p class="text-base font-semibold leading-7 text-blue-600 hero-subtitle">WELCOME TO</p>
+        <div class="max-w-4xl">
+         <h1 class="mt-4 text-3xl lg:text-5xl font-bold leading-8 tracking-tight text-white mb-4 hero-title">Zanzibar Digital Free Zone</h1>
+        </div>
+      <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-gray-200 font-light mx-4 sm:mx-0">The Zanzibar Digital Free Zone is a collaboration between the Revolutionary Government of Zanzibar (through ZICTIA) and OurWorld Venture Creator. We are the world's first 100% digital free zone, accessible and affordable for all. Removing complexity from doing business.<br/><br/>Launching Soon.</p>
+      <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 hero-button">
+            Get Started
+        </a>
+    </div>
    </div>
  </div>
 </div>
@@ -34,25 +30,6 @@
    height: 100vh;
  }

-  video {
-    object-fit: cover;
-  }
-
-  .bg-black {
-    color: white;
-    background: #000;
-  }
-
-  .main-button {
-    color: #fff;
-    background: #6366f1;
-  }
-
-  .bg-hover {
-    color: white;
-    background: #020202;
-    
-  }

  /* Custom styles for smaller font, margin adjustments, and line spacing for mobile */
  @media (max-width: 640px) {
--- a/templates/partials/invest.html
+++ b/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>
--- a/templates/partials/memberships.html
+++ b/templates/partials/memberships.html
@@ -19,7 +19,7 @@
            {{category | replace(from='-', to=' ' ) | title}}
            </h1>
            test
-            <div class="text-xl text-gray-800">
+            <div class="text-xl text-gray-600">
                {{ paginator.total_pages ~ " People"}}
            </div>
        </div>
--- a/templates/partials/opcta.html
+++ b/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>
--- a/templates/partials/ourpass.html
+++ b/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>
--- a/templates/partials/portfolio2.html
+++ b/templates/partials/portfolio2.html
@@ -20,8 +20,8 @@
        <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>
-        <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 FreeZone provides regulatory incentives and benefits to businesses through a fully online platform.</dd>
+        <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">
        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Zanzibar Cyber City</dt>
--- a/templates/partials/presale.html
+++ b/templates/partials/presale.html
@@ -0,0 +1,60 @@
+<!-- Hero Section -->
+<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">CONTACT</h2>
+              <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">The Zanzibar Digital Free Zone (ZDFZ) platform is coming alive. In the meantime, we invite you to get in touch with any comments, questions, or collaboration opportunities. We are here to help!
+                </p>
+              </div>
+              <div class="mt-10 flex lg:gap-x-6 gap-x-3">
+                <dl class=" space-y-4 text-base leading-7 text-gray-600">
+            <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/presale.jpg" alt="Image description">
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <style>
+    .image-container {
+      position: relative;
+      left: 0;
+      width: 90%;
+      height: 90%;
+    }
+  
+    .image-container::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 90%;
+      height: 90%;
+    }
+  
+    /* Reset margin and padding for the entire page if needed */
+    body, html {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
sasha-astiadi	4d4b343aa2	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 14:48:18 +02:00
sasha-astiadi	5da4b0bd39	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 14:11:19 +02:00
sasha-astiadi	a74ce7ea76	fix: remove duplicate logo from header navigation Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 14:03:10 +02:00
sasha-astiadi	f3d275a5f9	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 14:00:23 +02:00
sasha-astiadi	4ecce08e9f	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 13:57:10 +02:00
sasha-astiadi	634911f129	Merge branch 'development' of https://git.ourworld.tf/ourworld_web/www_ow_freezone into development Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 13:56:36 +02:00
sasha-astiadi	f9c1e24abe	ok	2025-09-11 13:55:36 +02:00
samtaggart	7f1e048e35	Updates to copy Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-11 12:23:29 +03:00
sasha-astiadi	141151bcec	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 16:37:21 +02:00
sasha-astiadi	ee4c652b5b	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 16:11:01 +02:00
sasha-astiadi	df14824cfc	ok Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 15:53:35 +02:00
sasha-astiadi	b705ded36b	edit Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 15:43:42 +02:00
sasha-astiadi	783ff594a1	replace Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 15:19:36 +02:00
sasha-astiadi	ecd055e1c8	edit free Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 15:14:13 +02:00
sasha-astiadi	2b60ae03c4	replace Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-09-10 15:11:46 +02:00
marionrvrn	561bb070c8	update sovereign to autonomous Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-01-30 14:13:51 +01:00
Ehab Hassan	15f918e520	Update README.md Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2025-01-26 13:16:06 +00:00
Ehab Hassan	8392218694	Update README.md Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2025-01-26 13:15:13 +00:00
ehab-hassan	02cfe501eb	update footer links Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2025-01-26 15:10:12 +02:00
sasha-astiadi	49ed5bfbbc	logo Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2024-11-07 14:16:38 +01:00
sasha-astiadi	55cc163e04	edit Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-11-07 13:55:02 +01:00
sasha-astiadi	ea1a4dacf4	k Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-11-07 13:47:00 +01:00
sasha-astiadi	bec61bd479	edit logo path Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-11-07 13:46:57 +01:00
sasha-astiadi	3bf970dabd	add logo Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details ourworld.tf / Deploy (push) Waiting to run Details	2024-11-07 13:43:02 +01:00
sasha-astiadi	0799715fff	REPLKACE IMG Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details ourworld.tf / Deploy (push) Waiting to run Details	2024-11-06 13:34:07 +01:00
sasha-astiadi	926ddf3a57	TYPO	2024-11-06 13:33:57 +01:00
sasha-astiadi	8aa131a56b	CHANGE IMG	2024-11-06 13:33:50 +01:00
sasha-astiadi	e6a48bbc7f	EDIT FIX MARGIN	2024-11-06 13:33:44 +01:00
sasha-astiadi	e79cbefac0	renamed logo Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:39:14 +01:00
sasha-astiadi	648e8582e7	edit Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:35:17 +01:00
sasha-astiadi	3e87096322	edit Some checks are pending ourworld.tf / Deploy (push) Waiting to run Details www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:32:08 +01:00
sasha-astiadi	a2b84e5a71	Merge branch 'development' Some checks are pending ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:30:41 +01:00
sasha-astiadi	7661b363cc	edit contact page Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:29:28 +01:00
sasha-astiadi	c3cb39ac03	Merge branch 'development' Some checks are pending ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:17:44 +01:00
sasha-astiadi	9621f8249a	delete unnecessary pgs Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-11-05 12:13:49 +01:00
sasha-astiadi	80253662d4	Merge branch 'development' Some checks failed ourworld.tf / Deploy (push) Has been cancelled Details	2024-10-31 12:57:25 +01:00
Peter Nashaat	8edb6728a2	fix site url Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2024-10-27 13:44:15 +00:00
sasha-astiadi	8a39375faa	edit faq Some checks failed www2.ourworld.tf / Deploy (push) Has been cancelled Details	2024-10-23 17:37:58 +02:00
sasha-astiadi	2c529632c1	make new Some checks are pending www2.ourworld.tf / Deploy (push) Waiting to run Details	2024-10-23 17:35:42 +02:00
sasha-astiadi	db61ef4b96	Update README.md	2024-10-14 11:27:10 +02:00
sasha-astiadi	a85ea9383a	Update README.md	2024-10-14 10:58:54 +02:00
sasha-astiadi	454cab09a6	Update README.md	2024-10-14 10:57:56 +02:00
sasha-astiadi	92993235c6	Merge pull request #36 from ourworldventures/master Master	2024-06-21 17:06:32 +02:00