add website

templates/partials/about/about3.html

@@ -0,0 +1,22 @@
+<div class=" fade-in">
+    <div class="relative isolate">
+        <div class="mx-auto max-w-7xl px-6 py-24 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
+            <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto">
+                <p class="text-base/7 font-light text-black tracking-wide">BENEFITS</p>
+                <h2 class="text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">Highly Efficient</h2>
+                <h3 class="mt-64 font-light text-black lg:text-3xl text-xl">
+                    Optimizing Data Routing
+                </h3>
+                <p class="mt-6 text-md font-light text-stone-800 lg:text-lg">
+                    Mycelium's routing algorithms prioritize the shortest path in terms of latency for data transfer. 
+                </p>
+                <p class="mt-4 text-md font-light text-stone-800 lg:text-lg">
+                    This means that data is sent along the most direct and efficient route, reducing the time it takes for information to travel from the source node to the destination node. </p>
+            </div>
+            <div class="mt-16 sm:mt-24 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
+                <img class="w-full max-w-lg h-auto object-cover rounded-xl" src="/images/about1.jpg" 
+                    alt="Mobile App Screenshot">
+            </div>
+        </div>
+    </div>
+</div>