add impact page

templates/layouts/why.html

@@ -4,9 +4,10 @@
 {% include "partials/why/hero.html" %}
 {% include "partials/why/reason.html" %}
 {% include "partials/why/timeline.html" %}
+{% include "partials/why/matters.html" %}
 {% include "partials/why/values.html" %}
 {% include "partials/why/team.html" %}
-{% include "partials/why/matters.html" %}
+{% include "partials/why/impact.html" %}
 {% include "partials/home/cta.html" %}
 
 {% endblock content %}

templates/partials/why/impact.html

@@ -0,0 +1,44 @@
+<div class="bg-transparent">
+    <div class="mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8">
+      <div class="mx-auto max-w-3xl text-center">
+        <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Real-World Impact</h2>
+        <p class="mx-auto mb-10 mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">ThreeFold’s technological infrastructure will empower many projects and initiatives across sectors. Here are two key projects:
+        </p>
+      </div>
+  
+      <div class="mt-16 space-y-16">
+        <div class="bg-transparent py-10">
+            <div class="mx-auto max-w-7xl px-6 lg:grid lg:items-center lg:grid-cols-12 lg:gap-x-8">
+              <!-- Text Section -->
+              <div class="lg:col-span-5 align-middle pr-4">
+                <h3 class="text-2xl font-medium text-white">OurWorld FreeZone</h3>
+                <p class="mt-2 text-base font-light text-gray-200 mx-auto pr-4">
+                    ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all. <br><br>The announcement was made August 2023, and progress has been ongoing behind the scenes since then. 
+                    Updates expected Q4 2024.                    
+                </p>
+              </div>
+              <!-- Image Section -->
+              <div class="lg:col-span-7">
+                <img 
+                  src="/images/freezone_anouncement.png" 
+                  alt="White canvas laptop sleeve with gray felt interior, silver zipper, and tan leather zipper pull." 
+                  class="aspect-[4/3] w-full rounded-lg bg-gray-100 object-cover">
+              </div>
+            </div>
+          </div>
+          
+        <div class="flex flex-col-reverse lg:grid lg:grid-cols-12 lg:items-center lg:gap-x-8">
+          <div class="mt-6 lg:col-span-5 lg:col-start-8 lg:row-start-1 lg:mt-0 pr-4">
+            <h3 class="text-2xl font-medium text-white">Tanzanian Sovereign Internet</h3>
+            <p class="mt-2 text-base font-light text-gray-200 pr-4">
+
+                In January 2024, ThreeFold announced in collaboration with The ICT Commission of Tanzania and Holochain a collaboration to deploy sovereign Internet in Tanzania, along with the introduction of coding academies and innovation hubs. <br><br> The Dunia Yetu cooperative is being set up and efforts will ramp up in 2025.</p>
+          </div>
+          <div class="flex-auto lg:col-span-7 lg:col-start-1 lg:row-start-1">
+            <img src="images/sovereigndy.png" alt="Detail of zipper pull with tan leather and silver rivet." class="aspect-[4/3] w-full rounded-lg bg-gray-100 object-cover">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+