Merge pull request #36 from ourworldventures/master

Master

.gitignore

@@ -26,3 +26,7 @@ install*
 public
 static/css
 tailwindcss
+
+# .gitignore
+node_modules/
+.env

content/contact/index.md

@@ -0,0 +1,12 @@
+---
+title: "About"
+description: ""
+date: 2018-09-14
+updated: 2021-02-20
+draft: false
+weight: 2
+template: "layouts/contact.html"
+---
+
+<!-- see partials/contact.html -->
+

content/footer/_index.md

@@ -10,17 +10,19 @@ extra:
 
 {% row(style="lean") %}
 
-##### Affiliate Projects
+##### Partners
 
 <br>
 
 <a onclick="window.open('https://threefold.io', '_blank')"><h6>ThreeFold</h6></a>
 
-###### [Incubaid](https://manual.grid.tf/threefold_token/buy_sell_tft/buy_sell_tft.html)
+###### [Incubaid](https://incubaid.com/)
 
-###### [Mazraa](https://dashboard.grid.tf/)
+###### [Mazraa](https://maazra.io/)
 
-###### [Freeflow Nation](https://manual.grid.tf/farmers/farmers.html)
+###### [Sikana](https://sikana.tv/)
+
+###### [VVerse](https://vverse.co/)
 
 |||
 
@@ -30,13 +32,11 @@ extra:
 
 <a onclick="window.open('https://ourworld.tf', '_blank')"><h6>OurWorld</h6></a>
 
-###### [Freezone](/)
-
 <a onclick="window.open('https://ourphone.ourworld.tf/', '_blank')"><h6>OurPhone</h6></a>
 
-<a onclick="window.open('https://ourparadise.ourworld.tf/', '_blank')"><h6>OurParadise</h6></a>
+<a onclick="window.open('https://ourworld.vindo.ai/slider/95', '_blank')"><h6>ODEZ</h6></a>
-
 
+<a onclick="window.open('https://habari.ourworld.tf', '_blank')"><h6>Habari</h6></a>
 
 
 |||
@@ -45,8 +45,6 @@ extra:
 
 <br>
 
-<a onclick="window.open('https://ourworldfreezone.github.io/info_freezone/', '_blank')"><h6>Manual</h6></a>
-
 
 <a onclick="window.open('https://t.me/threefoldnews', '_blank')"><h6>Telegram</h6></a>
 
@@ -54,8 +52,6 @@ extra:
 <a onclick="window.open('https://threefoldfaq.crisp.help/en/', '_blank')"><h6>Support</h6></a>
 
 
-<a onclick="window.open('https://github.com/ourworldfreezone', '_blank')"><h6>Github</h6></a>
-
 {% end %}
 
 

content/header/_index.md

@@ -9,7 +9,9 @@ extra:
 ---
 - [Home]("/")
 - [About]("/about")
+- [Invest]("/invest")
 - [Ventures]("/ventures")
-- [ODEZ]("/odez")
+- [People]("/people")
 - [Newsroom]("/newsroom")
-- [Wiki]("https://ourworldfreezone.github.io/info_freezone/intro/intro_readme.html")
+- [Contact]("/contact")
+

content/invest/index.md

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

content/people/adnan_fatayerji/index.md

@@ -1,6 +1,6 @@
 ---
 title: Adnan Fatayerji
-weight: 2
+weight: 1
 description: Honored to be part of a team that has the potential to make the world a better place..
 taxonomies:
     people: [adnan_fatayerji]

content/people/ahmed_thabet/index.md

@@ -1,6 +1,6 @@
 ---
 title: Ahmed Thabet
-weight: 2
+weight: 3
 description: Wants to build beautiful applications that don't invade user privacy.
 taxonomies:
     people: [ahmed_thabet]

content/people/alexandre_hannelas/index.md

@@ -1,6 +1,6 @@
 ---
 title: Alexandre Hannelas
-weight: 1
+weight: 3
 description: Finance manager, artist-painter, nature enthusiast.
 taxonomies:
     people: [alexandre_hannelas]

content/people/ashraf_fouda/index.md

@@ -1,6 +1,6 @@
 ---
 title: Ashraf Fouda
-weight: 3
+weight: 4
 description: Software Engineer with passion in new technologies, love every thing that is really new.
 taxonomies:
     people: [ashraf_fouda]

content/people/atef_nazmy/index.md

@@ -1,6 +1,6 @@
 ---
 title: Atef Nazmy
-weight: 3
+weight: 4
 description: I Believe that ThreeFold Foundation Drives the world to be Better and Greener.
 taxonomies:
     people: [atef_nazmy]

content/people/bernadette_amanda_caster/index.md

@@ -1,6 +1,6 @@
 ---
 title: Bernadette Amanda Caster
-weight: 3
+weight: 4
 description: Passionate, Outgoing and Enthusiast 
 taxonomies:
     people: [bernadette_amanda_caster]

content/people/ehab_hassan/index.md

@@ -1,6 +1,6 @@
 ---
 title: Ehab Hassan
-weight: 3
+weight: 4
 description: Positive person in every aspect of life.
 taxonomies:
     people: [ehab_hassan]

content/people/karoline_zizka/index.md

@@ -1,6 +1,6 @@
 ---
 title: Karoline Zizka
-weight: 1
+weight: 2
 description: Coordination. Always having the most productive and playful outcomes for the Highest Good of all in mind and heart.
 taxonomies:
     people: [karoline_zizka]

content/people/lee_smet/index.md

@@ -1,6 +1,6 @@
 ---
 title: Lee Smet
-weight: 2
+weight: 3
 description: In order to have a nice planet to live on for the next decades, we need to preserve what we have now.
 taxonomies:
     people: [lee_smet]

content/people/mahendra_varma/index.md

@@ -1,6 +1,6 @@
 ---
 title: Mahendra Varma
-weight: 3
+weight: 4
 description: Consultant at ThreeFold DMCC
 taxonomies:
     people: [mahendra_varma]

content/people/marion_ravarino/index.md

@@ -0,0 +1,22 @@
+---
+title: Marion Ravarino
+weight: 3
+description: Growing up in a multicultural environment has made me an enthusiastic and very open-minded person. 
+taxonomies:
+    people: [marion_ravarino]
+    memberships: [team]
+    categories: [foundation]
+extra:
+    imgPath: marion_ravarino.jpg
+    organizations: [threefold_tech]
+    countries: [Germany]
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/marion-ravarino/,
+        websites: https://threefold.io/,
+    }
+---
+
+
+Growing up in a multicultural environment has made me an enthusiastic and very open-minded person. I’ve had the incredible opportunity to live and travel in many countries, experiencing diverse cultures and backgrounds. Driven by a natural curiosity for new knowledge, my journey led me to discover ThreeFold and explore its innovative technology as part of my MSc thesis. ThreeFold's mission and values are perfectly aligned with my vision of a better future for all. I firmly believe that by leveraging technology, we can create positive change and foster a more equitable world. 

content/people/maxime_daniel/index.md

@@ -1,6 +1,6 @@
 ---
 title: Maxime Daniel
-weight: 2
+weight: 3
 description: C, python and nodejs developer, Gentoo user, Linux and Music addict
 taxonomies:
     people: [maxime_daniel]

content/people/nayer_sobhy/index.md

@@ -1,6 +1,6 @@
 ---
 title: Nayer Sobhy
-weight: 2
+weight: 3
 description: Nayer is a passionate about people’s development, and that we can be the change we want to see.
 taxonomies:
     people: [nayer_sobhy]

content/people/peter_van_der_henst/index.md

@@ -1,6 +1,6 @@
 ---
 title: Peter van der Henst
-weight: 2
+weight: 3
 description: Peter is HR-manager and Financial Advisor For TF Tech
 taxonomies:
     people: [peter_van_der_henst]

content/people/pierre_van_hoorebeke/index.md

@@ -1,6 +1,6 @@
 ---
 title: Pierre van Hoorebeke
-weight: 2
+weight: 3
 description: Experienced business lawyer, assisting founders, investors and private companies on corporate, commercial and IP matters.
 taxonomies:
     people: [pierre_van_hoorebeke]

content/people/reem_khamis/index.md

@@ -1,6 +1,6 @@
 ---
 title: Reem Khamis
-weight: 2
+weight: 3
 description: Reem believes in books, and that technology is the key to making the world a bit better place.
 taxonomies:
     people: [reem_khamis]

content/people/sam_taggart/index.md

@@ -1,6 +1,6 @@
 ---
 title: Sam Taggart
-weight: 1
+weight: 2
 description: Communication & community. Let's co-create a better future for humanity and for our planet.
 taxonomies:
     people: [sam_taggart]

content/people/samar_adel/index.md

@@ -1,6 +1,6 @@
 ---
 title: Samar Adel
-weight: 2
+weight: 3
 description: I believe in a world where everyone can be happy.
 taxonomies:
     people: [samar_adel]

content/people/sasha_astiadi/index.md

@@ -19,4 +19,4 @@ extra:
     }
 ---
 
-Sasha sees herself as a Human-centered product manager, researcher and UX Designer who puts the planet as her main mission. It is her duty and aspiration to define the ways humans relate to and interact with the world, how we can navigate space effectively, how we humans can connect to our planet better and create a better designed world, for you and me and for the future generations. Over the course of 6 years, she has successfully transformed herself from my previous expertise as a digital marketing consultant into becoming a product development consultant with strong emphasis in product management, human factors comprehension, and user experience. With her multilingual skills of Indonesian, English, Chinese, German and Spanish, she has delivered various digital projects from clients in different industries in Germany, China, Japan, Indonesia, Spain, and the USA, ranging from web and mobile apps interface design, to design system, corporate branding, and large-scale user experience researches and project management.
+Sasha sees herself as a Human-centered product manager, researcher and UX Designer who puts the planet as her main mission. It is her duty and aspiration to define the ways humans relate to and interact with the world, how we can navigate space effectively, how we humans can connect to our planet better and create a better designed world, for you and me and for the future generations. Over the course of 6 years, she has successfully transformed herself from my previous expertise as a digital marketing consultant into becoming a digital product development consultant with strong emphasis in product management, human factors comprehension, and user experience. With her multilingual skills of Indonesian, English, Chinese, German and Spanish, she has delivered various digital projects from clients in different industries in Germany, China, Japan, Indonesia, Spain, and the USA, ranging from web and mobile apps interface design, to design system, corporate branding, and large-scale user experience researches and project management.

content/people/timur_gordon/index.md

@@ -0,0 +1,22 @@
+---
+title: Timur Gordon
+weight: 2
+description: Nature-inspired software developer, turning tech and teamwork into tools for change.
+taxonomies:
+    people: [timur_gordon]
+    memberships: [team]
+    categories: [foundation]
+extra:
+    imgPath: timur_gordon.jpg
+    organizations: [threefold_foundation]
+    countries: [Turkey, USA]
+    cities: [Istanbul, Zanzibar]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/timur-gordon/,
+        github: https://github.com/timurgordon,
+        websites: https://threefold.io,
+    }
+---
+
+I'm a software developer who loves nature and believes in using tech to help the planet and people. My background is in computer science, but I've also dabbled in math, philosophy, and cybersecurity. I'm really into open source because I think working together and sharing ideas is the way to go. When I'm not coding, I like to get outside and enjoy the outdoors. I'm here to do my bit, combining my interests and skills to make a difference with tech.

content/ventures/hero/index.md

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

content/ventures/odez/index.md

@@ -1,5 +1,5 @@
 ---
-title: "About"
+title: "ODEZ"
 description: ""
 date: 2018-09-14
 updated: 2021-02-20

content/ventures/ourphone/index.md

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

content/ventures/sikana/index.md

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

content/ventures/threefold/index.md

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

templates/index.html

@@ -18,7 +18,12 @@
 
 {% include "partials/stats.html" %}
 
+{% include "partials/ourpass.html" %}
+
 {% include "partials/ventures.html" %}
+
+{% include "partials/people.html" %}
+
 {% include "partials/blogs.html" %}
 {% include "partials/quote.html" %}
 {% endblock content %}

templates/layouts/about.html

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

templates/layouts/contact.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="contact/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/contact.html" %}
+{% include "partials/quote.html" %}
+
+{% endblock content %}

templates/layouts/hero.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="ventures/hero/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/ventures/hero.html" %}
+
+
+{% endblock content %}

templates/layouts/odez.html

@@ -6,11 +6,11 @@
 
 
 <div>
-    {% set page = get_page(path="odez/index.md") %}
+    {% set page = get_page(path="ventures/odez/index.md") %}
     {{page.content | safe}}
 </div>
 
-{% include "partials/odez.html" %}
+{% include "partials/ventures/odez.html" %}
 
 
 {% endblock content %}

templates/layouts/ourpass.html

@@ -0,0 +1,25 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="about/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/invest.html" %}
+
+{% include "partials/opbenefits.html" %}
+
+
+
+{% include "partials/opfeatures.html" %}
+
+{% include "partials/ophow.html" %}
+
+{% include "partials/opcta.html" %}
+
+{% endblock content %}

templates/layouts/ourphone.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="ventures/ourphone/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/ventures/ourphone.html" %}
+
+
+{% endblock content %}

templates/layouts/sikana.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="ventures/sikana/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/ventures/sikana.html" %}
+
+
+{% endblock content %}

templates/layouts/threefold.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+
+<!-- home page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="ventures/threefold/index.md") %}
+    {{page.content | safe}}
+</div>
+
+{% include "partials/ventures/threefold.html" %}
+
+
+{% endblock content %}

templates/partials/blogs.html

@@ -4,7 +4,7 @@
         <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">From the Blog</h2>
+        <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>
       </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">

templates/partials/company.html

@@ -48,7 +48,7 @@
             <div>
                 <bR>
               <dt class="text-sm font-semibold leading-6 text-gray-600">Founded</dt>
-              <dd class="mt-2 text-3xl font-bold leading-10 tracking-tight text-gray-900">2022</dd>
+              <dd class="mt-2 text-3xl font-bold leading-10 tracking-tight text-gray-900">2007</dd>
             </div>
             <div>
                 <bR>

templates/partials/contact.html

@@ -0,0 +1,49 @@
+<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 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="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>
+            <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">
+                  <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>
+            </div>
+          </dl>
+        </div>
+      </div>
+
+      <!-- Right Column: Video -->
+      <div class="relative lg:h-screen">
+        <div class="absolute inset-0 overflow-hidden">
+          <video autoplay muted loop class="h-full w-full object-cover lg:object-fill">
+            <source src="videos/ow.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+          </video>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

templates/partials/feature.html

@@ -40,7 +40,7 @@
         </div>
       </div>
       <div class="mt-10 flex items-center justify-center gap-x-6">
-        <a href="/ventures" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More about OurWorld</a>
+        <a href="/about" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More about OurWorld</a>
       </div>
     </div>
 </div>

templates/partials/footer.html

@@ -3,10 +3,10 @@
 
 <div class="border-t border-gray-200"></div>
 <footer>
-  <div class="max-w-screen-2xl mx-auto lg:py-8 py-4 sm:px-6 lg:px-8">
+  <div class="max-w-screen-2xl mx-auto lg:py-4 py-4 sm:px-6 lg:px-8">
     <div class="flex flex-col xl:flex-row xl:gap-4 items-center">
       <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 mb-4 xl:col-span-1 text-center xl:text-left">
-        <img class="w-40 h-auto sm:w-15 mx-auto" src="images/ow_logo.png" alt="logo" />
+        <img class="w-40 h-auto sm:w-15 mx-auto" src="https://ourworld.tf/images/OW_Logo.png" alt="logo" />
       </div>
 
       <div class="mt-2 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust text-center xl:text-left">

templates/partials/header_custom.html

@@ -54,9 +54,6 @@
     {% endif %}  
 {% endif %}
 {% endfor %}
-<a href="mailto:info@ourworld.tf" target="_blank" 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">
-    Contact
-</a>
 </nav>
 
 
@@ -135,9 +132,6 @@
                           </p>
                       </div> #}
                     {% endif %}
-                    <a href="mailto:info@ourworld.tf" target="_blank" class="my-0 text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
-                        Contact
-                    </a>
                     </nav>                    
                 </div>
             

templates/partials/hero.html

@@ -13,7 +13,7 @@
       <h2 class="text-xl sm:text-2xl text-gray-200">A Platform to Enable Self-Sovereignty.</h2>
       <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">Together we are creating a multi-faceted platform to support and empower startups aspiring to harness the potential of emerging technology while putting our planet and people first. The sun is rising on a new way forward.</p>
       <div class="mt-10 flex items-center justify-center gap-x-6">
-        <a href="/ventures" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
+        <a href="/about" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
       </div>
     </div>
   </div>

templates/partials/invest.html

@@ -0,0 +1,52 @@
+<!-- Hero Section -->
+<div class="relative bg-black">
+  <div class="mx-auto max-w-7xl grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-start pt-24 py-12">
+    <!-- Left Column (Image Section) -->
+    <div class="relative overflow-hidden bg-indigo-600 lg:h-full">
+      <div class="image-container">
+        <img class="object-cover w-full h-full rounded-md" src="/images/ow5.png" alt="Image description">
+      </div>
+    </div>
+    
+    <!-- Right Column (Text Section) -->
+    <div class="relative sm:py-24 lg:pt-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-indigo-400">INVEST</h2>
+        <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">OurPass</p>
+        <p class="mt-2 text-lg leading-7 text-gray-300">A Unique Approach to Global Citizenship</p>
+        <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>OurPass: The Venture Creator Passport Program</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>
+</div>
+
+<style>
+  .image-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .image-container::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #6366F1; /* Indigo-600 color */
+    mix-blend-mode: overlay;
+    opacity: 0.5; /* Adjust opacity as needed */
+  }
+
+  /* Reset margin and padding for the entire page if needed */
+  body, html {
+    margin: 0;
+    padding: 0;
+  }
+</style>

templates/partials/opbenefits.html

@@ -0,0 +1,37 @@
+<div class="bg-white pt-16 py-16 mx-12 lg:py-24 relative">
+  <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">Combining Financial Investment with Personal Sovereignty</h2>
+      <p class="text-base font-light lg:text-xl text-gray-500 lg:mb-8 lg:mt-4 mt-4 lg:mb-4 mb-8 lg:px-8 px-2">Discover how OurPass combines strategic investment with the opportunity for global mobility, providing a seamless route to residency and citizenship in multiple countries.</p>
+    </div>
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 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">Profitable Ventures</h3>
+        <p class="text-base text-gray-500 mb-4">Secure a profitable investment while working towards global mobility and independence.</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">Economic Security</h3>
+        <p class="text-base text-gray-500 mb-4">Ventures meet the economic and social criteria set by respective governments, ensuring the security of your investment.</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">Golden Visa</h3>
+        <p class="text-base text-gray-500 mb-4">Gain residency with the potential to achieve citizenship for you and your family.</p>
+      </div>
+      <!-- Feature 4 -->
+      <div class="flex flex-col items-start p-6 text-left">
+        <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">Global Mobility</h3>
+        <p class="text-base text-gray-500 mb-4">Expand your opportunities with enhanced global mobility, allowing greater access to international markets and opportunities.</p>
+      </div>
+    </div>
+  </div>
+</div>

templates/partials/opcta.html

@@ -0,0 +1,20 @@
+<div class="relative isolate px-6 pt-12 lg:px-8">
+      <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
+        <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 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 max-w-2xl sm:py-24 lg:py-24">
+        <div class="text-center">
+          <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Join OurPass</h1>
+          <p class="mt-6 text-lg leading-8 text-gray-600">Take the first step towards becoming a truly global citizen with OurPass. 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>
+      <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-30 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>
+  

templates/partials/opfeatures.html

@@ -0,0 +1,62 @@
+<div class="bg-white py-12 lg:pt-12 lg:pb-24">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="mx-auto max-w-2xl lg:text-center">
+        <h2 class="text-base font-semibold leading-7 text-indigo-600">INVESTMENT</h2>
+        <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Investing in Independence</p>
+        <p class="mt-6 text-lg leading-8 text-gray-600">OurPass program offers a flexible and lucrative investment options adjustable to accomodate your business requirements.</p>
+      </div>
+      <div class="mx-auto mt-8 max-w-2xl sm:mt-20 lg:mt-8 lg:max-w-4xl">
+        <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
+          <div class="relative pl-16">
+            <dt class="text-base font-semibold leading-7 text-gray-900">
+              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z" />
+                </svg>
+              </div>
+              Protected Investment
+            </dt>
+            <dd class="mt-2 text-base leading-7 text-gray-600">Your investment is safeguarded by unique company assets, such as free zones and technology companies. These assets ensure the security and stability of your investment, meeting economic and social criteria set by governments.
+
+            </dd>
+          </div>
+          <div class="relative pl-16">
+            <dt class="text-base font-semibold leading-7 text-gray-900">
+              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
+                </svg>
+              </div>
+              High Potential Returns
+            </dt>
+            <dd class="mt-2 text-base leading-7 text-gray-600">Our investment opportunities offer returns that surpass traditional real estate investments. By leveraging high-growth sectors and strategic business models, you can achieve substantial financial growth.
+
+            </dd>
+          </div>
+          <div class="relative pl-16">
+            <dt class="text-base font-semibold leading-7 text-gray-900">
+              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
+                </svg>
+              </div>
+              Liquidity
+            </dt>
+            <dd class="mt-2 text-base leading-7 text-gray-600">We prioritize providing flexible liquidity options tailored to your needs. Whether you require short-term liquidity or long-term strategic planning, our solutions ensure your investments remain agile and accessible.</dd>
+          </div>
+          <div class="relative pl-16">
+            <dt class="text-base font-semibold leading-7 text-gray-900">
+              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33" />
+                </svg>
+              </div>
+              Supporting Sovereignty
+            </dt>
+            <dd class="mt-2 text-base leading-7 text-gray-600">Back companies dedicated to enhancing financial, legal, and digital sovereignty. Our partnerships focus on empowering individuals and businesses with the tools and frameworks needed to navigate global challenges independently.</dd>
+          </div>
+        </dl>
+      </div>
+    </div>
+  </div>
+