diff --git a/templates/blogPage.html b/templates/blogPage.html
index 85f09a1..cf3f532 100644
--- a/templates/blogPage.html
+++ b/templates/blogPage.html
@@ -24,7 +24,7 @@
 
     <div>
       <article class="article lg:w-4/6 mx-auto">
-        <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0  text-gray-700">
+        <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0  text-gray-50">
           {{ page.title }}
         </h1>
 
@@ -55,9 +55,9 @@
 
             <div class="pl-3 flex flex-col text-xs leading-none uppercase">
               {% if author %}
-              <a href="{{author.permalink}}" class="text-gray-700 text-xs">{{ author.title }}</a>
+              <a href="{{author.permalink}}" class="text-gray-50 text-xs">{{ author.title }}</a>
               {% endif %}
-              <p class="text-gray-700 text-xs">
+              <p class="text-gray-50 text-xs">
                 <time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
                   }}</time><br />
                   <span id="time"
diff --git a/templates/newsPage.html b/templates/newsPage.html
index 50aab42..466ed6f 100644
--- a/templates/newsPage.html
+++ b/templates/newsPage.html
@@ -41,7 +41,7 @@
         <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0">
           {{ page.title }}
         </h1>
-        <div class="lg:text-xl text-base pt-4 pb-10 text-gray-700">{{ page.description }}</div>
+        <div class="lg:text-xl text-base pt-4 pb-10 text-gray-50">{{ page.description }}</div>
       </section>
       <section class="post-author-list mb-10 mx-0">
         <div class="flex items-center">
@@ -89,7 +89,7 @@
                 {% endfor %}
             {% endif %}
             </p>
-            <p class="text-gray-700">
+            <p class="text-gray-50">
               <time datetime="{{page.date}}">
                 {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
               </time>
@@ -114,7 +114,7 @@
           mx-auto
           relative
           font-serif
-          text-gray-700
+          text-gray-50
         ">
         <div class="post-content-text text-xl">{{ content | safe }}</div>
       </section>
@@ -132,7 +132,7 @@
             border
             hover:border-blue-500
             border-gray-600
-            text-gray-700
+            text-gray-50
             rounded-full
           ">{{ tag }}</a>
         {% endfor %}
diff --git a/templates/partials/blogs.html b/templates/partials/blogs.html
index 3b2c63d..f1ce467 100644
--- a/templates/partials/blogs.html
+++ b/templates/partials/blogs.html
@@ -7,82 +7,82 @@
     <div class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-4">
       <article class="flex flex-col items-start justify-between">
         <div class="relative w-full">
-          <img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
+          <img src="home/img/cyberwall.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
           <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
         </div>
         <div class="max-w-xl">
           <div class="mt-8 flex items-center gap-x-4 text-xs">
-            <time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time>
-            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a>
+            <time datetime="2020-03-16" class="text-gray-500">March 20, 2024</time>
+            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Blog</a>
           </div>
           <div class="group relative">
             <h3 class="mt-3 text-lg font-semibold leading-6  group-hover:text-gray-600">
               <a href="#">
                 <span class="absolute inset-0"></span>
-                <h4 class="font-semibold">Boost your conversion rate</h4>
+                <h4 class="font-semibold">An Antidote for the Cyber Pandemic</h4>
               </a>
             </h3>
-            <p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p>
+            <p class="mt-5 line-clamp-3 text-sm leading-6">In today's interconnected world, the rise of cyber threats presents a significant challenge...</p>
           </div>
       </article>
       <article class="flex flex-col items-start justify-between">
         <div class="relative w-full">
-          <img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
+          <img src="home/img/revolutionizing_data_center.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
           <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
         </div>
         <div class="max-w-xl">
           <div class="mt-8 flex items-center gap-x-4 text-xs">
-            <time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time>
-            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a>
+            <time datetime="2020-03-16" class="text-gray-500">February 10, 2024</time>
+            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Blog</a>
           </div>
           <div class="group relative">
             <h3 class="mt-3 text-lg font-semibold leading-6  group-hover:text-gray-600">
               <a href="#">
                 <span class="absolute inset-0"></span>
-                <h4 class="font-semibold">Boost your conversion rate</h4>
+                <h4 class="font-semibold">Revolutionizing Data Center Design: Exploring Tier S</h4>
               </a>
             </h3>
-            <p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p>
+            <p class="mt-5 line-clamp-3 text-sm leading-6">The Tier S model is designed to exceed the capabilities of traditional data centers...</p>
           </div>
       </article>
       <article class="flex flex-col items-start justify-between">
         <div class="relative w-full">
-          <img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
+          <img src="home/img/tf9_dunia_yetu.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
           <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
         </div>
         <div class="max-w-xl">
           <div class="mt-8 flex items-center gap-x-4 text-xs">
             <time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time>
-            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a>
+            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">News</a>
           </div>
           <div class="group relative">
             <h3 class="mt-3 text-lg font-semibold leading-6  group-hover:text-gray-600">
               <a href="#">
                 <span class="absolute inset-0"></span>
-                <h4 class="font-semibold">Boost your conversion rate</h4>
+                <h4 class="font-semibold">TF Announces a Sovereign Internet for Tanzania</h4>
               </a>
             </h3>
-            <p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p>
+            <p class="mt-5 line-clamp-3 text-sm leading-6">Dunia Yetu Formally Announced in Dar Es Salaam, in partnership with Tanzania's ICT Commission...</p>
           </div>
       </article>
       <article class="flex flex-col items-start justify-between">
         <div class="relative w-full">
-          <img src="https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
+          <img src="home/img/tf9_depin_hub.png" alt="" class="w-full rounded-xl bg-gray-100 object-cover aspect-[2/1] lg:aspect-[16/9]">
           <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
         </div>
         <div class="max-w-xl">
           <div class="mt-8 flex items-center gap-x-4 text-xs">
-            <time datetime="2020-03-16" class="text-gray-500">Mar 16, 2020</time>
-            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">Marketing</a>
+            <time datetime="2020-03-16" class="text-gray-500">December 15, 2023</time>
+            <a href="#" class="relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100">News</a>
           </div>
           <div class="group relative">
             <h3 class="mt-3 text-lg font-semibold leading-6  group-hover:text-gray-600">
               <a href="#">
                 <span class="absolute inset-0"></span>
-                <h4 class="font-semibold">Boost your conversion rate</h4>
+                <h4 class="font-semibold">ThreeFold Listed on DePIN Hub</h4>
               </a>
             </h3>
-            <p class="mt-5 line-clamp-3 text-sm leading-6">Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.</p>
+            <p class="mt-5 line-clamp-3 text-sm leading-6">ThreeFold are now listed on DePIN (Decentralized Physical Infrastructure Networks)....</p>
           </div>
       </article>
     </div>
diff --git a/templates/partials/postCard.html b/templates/partials/postCard.html
index c66578c..57c83b9 100644
--- a/templates/partials/postCard.html
+++ b/templates/partials/postCard.html
@@ -39,7 +39,7 @@
               <img alt="{{ author.title }}" src="{{ author_img }}" class="w-8 h-8 rounded-full border-2 border-white bg-gray-200" />
             {% endif %}
           </div>
-          <div class="ml-3 text-gray-700 text-xs flex flex-col">
+          <div class="ml-3 text-gray-50 text-xs flex flex-col">
             {% if author %}
               <p class="uppercase">{{ author.title }}</p>
             {% endif %}
diff --git a/templates/partials/usecases2.html b/templates/partials/usecases2.html
index 4d7c9c4..d28c5b4 100644
--- a/templates/partials/usecases2.html
+++ b/templates/partials/usecases2.html
@@ -13,15 +13,12 @@
       <div>
         <div class="relative pt-16">
           <div class="relative h-72 w-full overflow-hidden rounded-lg">
-            <img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
+            <img src="usecases/img/usecases_tiers.png" alt="usecase" class="h-30 w-full object-cover object-center">
           </div>
           <div class="relative mt-4">
             <h3 class="text-sm font-medium text-white">Tier-S Data Center</h3>
             <p class="mt-1 mb-4 text-sm text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
           </div>
-          <div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
-            <div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
-          </div>
         </div>
         <div class="mt-6">
           <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -32,15 +29,12 @@
       <div>
         <div class="relative pt-16">
           <div class="relative h-72 w-full overflow-hidden rounded-lg">
-            <img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
+            <img src="usecases/img/usecases_tfgrid.png" alt="usecase" class="h-30 w-full object-cover object-center">
           </div>
           <div class="relative mt-4">
             <h3 class="text-sm font-medium text-white">ThreeFold Grid</h3>
             <p class="mt-1 mb-4 text-sm text-gray-50">ThreeFold uses TF9 for their decentralized DePIN network, the biggest of its kind globally.</p>
           </div>
-          <div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
-            <div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
-          </div>
         </div>
         <div class="mt-6">
           <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -51,15 +45,12 @@
        <div>
         <div class="relative pt-16">
           <div class="relative h-72 w-full overflow-hidden rounded-lg">
-            <img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
+            <img src="usecases/img/usecases_digital_zone.png" alt="usecase" class="h-30 w-full object-cover object-center">
           </div>
           <div class="relative mt-4">
             <h3 class="text-sm font-medium text-white">Digital Free Zone</h3>
             <p class="mt-1 mb-4 text-sm text-gray-50">Zanzibar is using our technology for the development of a cutting-edge digital free zone.</p>
           </div>
-          <div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
-            <div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
-          </div>
         </div>
         <div class="mt-6">
           <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -70,15 +61,12 @@
        <div>
         <div class="relative pt-16">
           <div class="relative h-72 w-full overflow-hidden rounded-lg">
-            <img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
+            <img src="usecases/img/usecases_sovereign.png" alt="usecase" class="h-30 w-full object-cover object-center">
           </div>
           <div class="relative mt-4">
             <h3 class="text-sm font-medium text-white">Sovereign Internet for countries</h3>
             <p class="mt-1 mb-4 text-sm text-gray-50">By harnessing TF9's advanced solutions, Tanzania is building its own sovereign internet</p>
           </div>
-          <div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
-            <div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
-          </div>
         </div>
         <div class="mt-6">
           <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -89,15 +77,12 @@
        <div>
         <div class="relative pt-6 lg:pt-16 xl:pt-16">
           <div class="relative h-72 w-full overflow-hidden rounded-lg">
-            <img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
+            <img src="usecases/img/usecases_cyber.png" alt="usecase" class="h-30 w-full object-cover object-center">
           </div>
           <div class="relative mt-4">
             <h3 class="text-sm font-medium text-white">Cyber Pandemic Solution</h3>
             <p class="mt-1 mb-4 text-sm text-gray-50">The gravity of cyber threats and our robust solutions to protect against them.</p>
           </div>
-          <div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
-            <div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
-          </div>
         </div>
         <div class="mt-6">
           <a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>