diff --git a/templates/layouts/usecases.html b/templates/layouts/usecases.html
index 29a575b..a0e493c 100644
--- a/templates/layouts/usecases.html
+++ b/templates/layouts/usecases.html
@@ -11,6 +11,7 @@
 
 
 {% include "partials/usecases1.html" %}
+{% include "partials/usecases2.html" %}
 
 
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/partials/technology2.html b/templates/partials/technology2.html
index 532c7b0..d7f213f 100644
--- a/templates/partials/technology2.html
+++ b/templates/partials/technology2.html
@@ -1,4 +1,4 @@
-<div class="relative overflow-hidden pt-16 lg:pt-20">
+<div class="relative overflow-hidden pt-16 lg:pt-16">
     <div class="mx-auto max-w-7xl py-24 px-6 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-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>
diff --git a/templates/partials/usecases1.html b/templates/partials/usecases1.html
index 72d19e9..8298a5f 100644
--- a/templates/partials/usecases1.html
+++ b/templates/partials/usecases1.html
@@ -1,10 +1,10 @@
-<div class="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
+<div class="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32 flex justify-center items-center flex-col">
     <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">
         <div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" 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 lg:mx-0 lg:max-w-xl">
+      <div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl flex justify-center items-center flex-col">
         <br>
         <br>
         <br>
diff --git a/templates/partials/usecases2.html b/templates/partials/usecases2.html
new file mode 100644
index 0000000..7d395c8
--- /dev/null
+++ b/templates/partials/usecases2.html
@@ -0,0 +1,122 @@
+<div class="py-24 sm:py-32">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="mx-auto max-w-2xl lg:max-w-4xl">
+        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Use Cases</h2>
+        <p class="mt-2 text-lg leading-8 text-gray-50">Uncover how TF9's advanced technology is revolutionizing various industries and delivering exceptional results through our in-depth use cases.</p>
+        <div class="mt-16 space-y-20 lg:mt-20 lg:space-y-20">
+          <!-- Article 1 -->
+          <article class="relative isolate flex flex-col gap-8 lg:flex-row">
+            <div class="relative aspect-[16/9] sm:aspect-[2/1] lg:aspect-square lg:w-64 lg:shrink-0">
+              <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="absolute inset-0 h-full w-full rounded-2xl bg-gray-50 object-cover">
+              <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
+            </div>
+            <div>
+              <div class="flex items-center gap-x-4 text-xs">
+                <time datetime="2020-03-16" class="text-gray-50">Mar 16, 2020</time>
+                <a href="#" class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">Marketing</a>
+              </div>
+              <div class="group relative max-w-xl">
+                <h3 class="mt-3 text-lg font-semibold leading-6 text-white group-hover:text-gray-600">
+                  <a href="#">
+                    <span class="absolute inset-0"></span>
+                    Tier-S Data Center
+                  </a>
+                </h3>
+                <p class="mt-5 text-sm leading-6 text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
+              </div>
+              <div class="mt-6 flex border-t border-gray-900/5 pt-6">
+                <div class="relative flex items-center gap-x-4">
+                  <a href="#" class="text-sm font-semibold leading-6 text-indigo-400 hover:text-indigo-500">Read Use Case <span aria-hidden="true">&rarr;</span></a>
+                </div>
+              </div>
+            </div>
+          </article>
+          
+          <!-- Article 2 -->
+          <article class="relative isolate flex flex-col gap-8 lg:flex-row">
+            <div class="relative aspect-[16/9] sm:aspect-[2/1] lg:aspect-square lg:w-64 lg:shrink-0">
+              <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="absolute inset-0 h-full w-full rounded-2xl bg-gray-50 object-cover">
+              <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
+            </div>
+            <div>
+              <div class="flex items-center gap-x-4 text-xs">
+                <time datetime="2020-03-16" class="text-gray-50">Mar 16, 2020</time>
+                <a href="#" class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">Marketing</a>
+              </div>
+              <div class="group relative max-w-xl">
+                <h3 class="mt-3 text-lg font-semibold leading-6 text-white group-hover:text-gray-600">
+                  <a href="#">
+                    <span class="absolute inset-0"></span>
+                    Tier-S Data Center
+                  </a>
+                </h3>
+                <p class="mt-5 text-sm leading-6 text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
+              </div>
+              <div class="mt-6 flex border-t border-gray-900/5 pt-6">
+                <div class="relative flex items-center gap-x-4">
+                  <a href="#" class="text-sm font-semibold leading-6 text-indigo-400 hover:text-indigo-500">Read Use Case <span aria-hidden="true">&rarr;</span></a>
+                </div>
+              </div>
+            </div>
+          </article>
+  
+          <!-- Article 3 -->
+          <article class="relative isolate flex flex-col gap-8 lg:flex-row">
+            <div class="relative aspect-[16/9] sm:aspect-[2/1] lg:aspect-square lg:w-64 lg:shrink-0">
+              <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="absolute inset-0 h-full w-full rounded-2xl bg-gray-50 object-cover">
+              <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
+            </div>
+            <div>
+              <div class="flex items-center gap-x-4 text-xs">
+                <time datetime="2020-03-16" class="text-gray-50">Mar 16, 2020</time>
+                <a href="#" class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">Marketing</a>
+              </div>
+              <div class="group relative max-w-xl">
+                <h3 class="mt-3 text-lg font-semibold leading-6 text-white group-hover:text-gray-600">
+                  <a href="#">
+                    <span class="absolute inset-0"></span>
+                    Tier-S Data Center
+                  </a>
+                </h3>
+                <p class="mt-5 text-sm leading-6 text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
+              </div>
+              <div class="mt-6 flex border-t border-gray-900/5 pt-6">
+                <div class="relative flex items-center gap-x-4">
+                  <a href="#" class="text-sm font-semibold leading-6 text-indigo-400 hover:text-indigo-500">Read Use Case <span aria-hidden="true">&rarr;</span></a>
+                </div>
+              </div>
+            </div>
+          </article>
+  
+          <!-- Article 4 -->
+          <article class="relative isolate flex flex-col gap-8 lg:flex-row">
+            <div class="relative aspect-[16/9] sm:aspect-[2/1] lg:aspect-square lg:w-64 lg:shrink-0">
+              <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="absolute inset-0 h-full w-full rounded-2xl bg-gray-50 object-cover">
+              <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
+            </div>
+            <div>
+              <div class="flex items-center gap-x-4 text-xs">
+                <time datetime="2020-03-16" class="text-gray-50">Mar 16, 2020</time>
+                <a href="#" class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">Marketing</a>
+              </div>
+              <div class="group relative max-w-xl">
+                <h3 class="mt-3 text-lg font-semibold leading-6 text-white group-hover:text-gray-600">
+                  <a href="#">
+                    <span class="absolute inset-0"></span>
+                    Tier-S Data Center
+                  </a>
+                </h3>
+                <p class="mt-5 text-sm leading-6 text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
+              </div>
+              <div class="mt-6 flex border-t border-gray-900/5 pt-6">
+                <div class="relative flex items-center gap-x-4">
+                  <a href="#" class="text-sm font-semibold leading-6 text-indigo-400 hover:text-indigo-500">Read Use Case <span aria-hidden="true">&rarr;</span></a>
+                </div>
+              </div>
+            </div>
+          </article>
+        </div>
+      </div>
+    </div>
+</div>
+  
\ No newline at end of file