diff --git a/templates/layouts/people.html b/templates/layouts/people.html
index abd7d50..a44792b 100644
--- a/templates/layouts/people.html
+++ b/templates/layouts/people.html
@@ -16,7 +16,7 @@ and a side nav for category and featured post navigation
       {% include "partials/filter_bar.html" %}
       <div class="text-center main-title px-0 md:w-full">
         <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 mb-10"
+          class="tracking-tight text-lg text-left lg:text-xl fw-500 leading-snug font-normal mb-10"
         >
         {% set path_array = current_path | split(pat="/") %}
         {% set taxonomy = path_array[1] %}
diff --git a/templates/partials/applicationForm.html b/templates/partials/applicationForm.html
index 218d28e..4bc964c 100644
--- a/templates/partials/applicationForm.html
+++ b/templates/partials/applicationForm.html
@@ -5,7 +5,7 @@
             <h3 class="text-black text-lg">Application</h3>
           <div class="grid grid-cols-3 gap-6">
             <div class="col-span-3 sm:col-span-2">
-              <label for="company-website" class="block text-sm font-medium text-gray-700"> Website </label>
+              <label for="company-website" class="block text-sm font-medium text-gray-50"> Website </label>
               <div class="mt-1 flex rounded-md shadow-sm">
                 <span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 text-sm"> http:// </span>
                 <input type="text" name="company-website" id="company-website" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300" placeholder="www.example.com">
@@ -14,7 +14,7 @@
           </div>
 
           <div>
-            <label for="about" class="block text-sm font-medium text-gray-700"> About </label>
+            <label for="about" class="block text-sm font-medium text-gray-50"> About </label>
             <div class="mt-1">
               <textarea id="about" name="about" rows="3" class="shadow-sm focus:ring-indigo-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" placeholder="you@example.com"></textarea>
             </div>
@@ -22,19 +22,19 @@
           </div>
 
           <div>
-            <label class="block text-sm font-medium text-gray-700"> Photo </label>
+            <label class="block text-sm font-medium text-gray-50"> Photo </label>
             <div class="mt-1 flex items-center">
               <span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                 <svg class="h-full w-full text-gray-300" fill="currentColor" viewBox="0 0 24 24">
                   <path d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" />
                 </svg>
               </span>
-              <button type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
+              <button type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-50 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
             </div>
           </div>
 
           <div>
-            <label class="block text-sm font-medium text-gray-700"> Resume </label>
+            <label class="block text-sm font-medium text-gray-50"> Resume </label>
             <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md">
               <div class="space-y-1 text-center">
                 <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
diff --git a/templates/partials/newsCard.html b/templates/partials/newsCard.html
index 485f969..a83fa0d 100644
--- a/templates/partials/newsCard.html
+++ b/templates/partials/newsCard.html
@@ -46,7 +46,7 @@
         </ul>
       </div>
 
-      <p class="text-gray-700 text-xs">
+      <p class="text-gray-50 text-xs">
         <time datetime="{{post.date}}">
           {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
         </time>
diff --git a/templates/partials/productCard.html b/templates/partials/productCard.html
index b70123c..396a700 100644
--- a/templates/partials/productCard.html
+++ b/templates/partials/productCard.html
@@ -46,14 +46,14 @@
               </div>
               <div class="flex flex-col text-left leading-none uppercase">
                 {% if author %}
-                <p class="text-gray-700 text-xs">{{ author.title }}</p>
+                <p class="text-gray-50 text-xs">{{ author.title }}</p>
                 {% endif %}
-                <p class="text-gray-700 text-xs">
+                <p class="text-gray-50 text-xs">
                   <time datetime="{{post.date}}">
                     {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
                   </time>
                 </p>
-                <p class="flex justify-between lowercase my-2 items-center text-gray-700 text-xs"><span id="time"
+                <p class="flex justify-between lowercase my-2 items-center text-gray-50 text-xs"><span id="time"
                     class="time"></span>
                 </p>
               </div>
diff --git a/templates/partials/technology1.html b/templates/partials/technology1.html
index 4903ef4..e5527bc 100644
--- a/templates/partials/technology1.html
+++ b/templates/partials/technology1.html
@@ -1,4 +1,4 @@
-<div class="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
+<div class="relative isolate overflow-hidden bg-gray-900 py-12 lg:py-32">
     <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2850&q=80&blend=111827&blend-mode=multiply&sat=-100&exp=15" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
     <div class="relative mx-auto max-w-7xl px-6 lg:px-8">
       <div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
@@ -12,7 +12,7 @@
         <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A more Advanced and Sustainable Digital Future</p>
         <p class="mt-6 text-lg leading-8 text-gray-300">Our technological framework provides global effectiveness emphasizing security, efficiency, and sustainability.</p>
       </div>
-      <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 text-white sm:mt-20 sm:grid-cols-2 sm:gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-4">
+      <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 text-white mt-10 sm:grid-cols-2 gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-4">
         <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
           <dt class="text-sm leading-6">to build the World Largest Decentralized Internet Grid</dt>
           <dd class="order-first text-3xl font-semibold tracking-tight">#1</dd>
diff --git a/templates/partials/technology2.html b/templates/partials/technology2.html
index d7f213f..74c037f 100644
--- a/templates/partials/technology2.html
+++ b/templates/partials/technology2.html
@@ -8,8 +8,55 @@
         <p class="mt-6 text-lg leading-8 max-w-4xl text-gray-300">Our advanced architecture seamlessly integrates cutting-edge compute, storage, and network technologies to deliver unparalleled performance, scalability, and security. Designed for modern IT workloads, it supports everything from edge computing to large-scale data centers, ensuring efficiency and resilience at every level.</p>
         <br>
         <br>
-      <img class="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10" src="technology/img/technology22.png" alt="">
-      <div class="relative" aria-hidden="true">
+        <div class="mx-auto mt-4 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 lg:mx-0 lg:max-w-none lg:grid-cols-4">
+          <article class="flex flex-col items-start justify-between">
+            <div class="max-w-xl">
+              <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">Layer 0</h4>
+                  </a>
+                </h3>
+                <p class="mt-4 line-clamp-3 text-sm leading-6">Interconnected nodes (Zero-OS) delivering compute (GPU, CPU), storage and network. Localized & More Secure.</p>
+              </div>
+          </article>
+          <article class="flex flex-col items-start justify-between">
+            <div class="max-w-xl">
+              <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">Layer 1</h4>
+                  </a>
+                </h3>
+                <p class="mt-4 line-clamp-3 text-sm leading-6">Compatible with any Web 2 and Web 3 standard + ready for true peer-to-peer transactions at any scale.</p></div>
+          </article>
+          <article class="flex flex-col items-start justify-between">
+            <div class="max-w-xl">
+              <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">Layer 2</h4>
+                  </a>
+                </h3>
+                <p class="mt-4 line-clamp-3 text-sm leading-6">Always available shortest path end-to-end encrypted network layer. Digital Self-Tech allows self healing.</p>
+              </div>
+          </article>
+          <article class="flex flex-col items-start justify-between">
+            <div class="max-w-xl">
+              <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">Layer 3</h4>
+                  </a>
+                </h3>
+                <p class="mt-4 line-clamp-3 text-sm leading-6">Better security, data availability, performance at all times for all users. 100% private & Secure.</p>
+              </div>
+          </article>
+        </div>
       </div>
     </div>
   </div>
\ No newline at end of file
diff --git a/templates/partials/technology3.html b/templates/partials/technology3.html
index a721df9..d9ff241 100644
--- a/templates/partials/technology3.html
+++ b/templates/partials/technology3.html
@@ -1,5 +1,5 @@
 <div class="">
-    <section aria-labelledby="features-heading" class="mx-auto max-w-7xl py-24 sm:px-2 lg:px-8">
+    <section aria-labelledby="features-heading" class="mx-auto max-w-7xl pt-12 pb-12 sm:px-2 lg:px-8">
       <div class="mx-auto max-w-2xl px-4 lg:max-w-none lg:px-0">
         <div class="max-w-3xl">
           <h2 id="features-heading" class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Technical Specifications</h2>
@@ -10,7 +10,7 @@
           <div class="-mx-4 flex overflow-x-auto sm:mx-0">
             <div class="flex-auto border-b border-gray-200 px-4 sm:px-0">
               <div class="-mb-px flex space-x-10" aria-orientation="horizontal" role="tablist">
-                <!-- Current: "border-indigo-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
+                <!-- Current: "border-indigo-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-50" -->
                 <button id="features-tab-1" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-1" role="tab" type="button">3Nodes</button>
                 <button id="features-tab-2" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-2" role="tab" type="button">Zero-OS</button>
                 <button id="features-tab-3" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-3" role="tab" type="button">Mycelium</button>
diff --git a/templates/productPage.html b/templates/productPage.html
index e93e750..967a87a 100644
--- a/templates/productPage.html
+++ b/templates/productPage.html
@@ -24,7 +24,7 @@
 
     <div>
       <article class="article lg:w-4/6 mx-auto">
-        <h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0  text-gray-700">
+        <h1 class="lg:text-5xl 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"