forked from hero/www_hero_project
77 lines
11 KiB
HTML
77 lines
11 KiB
HTML
<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>
|
|
</div>
|
|
<h2 class="text-2xl text-left font-bold tracking-tight text-white lg:text-4xl">Technology Architecture
|
|
</h2>
|
|
<p class="mt-6 text-base lg:text-xl 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>
|
|
<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">
|
|
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="ad0b04319c"><path d="M 9.570312 9.632812 L 214.960938 9.632812 L 214.960938 215.023438 L 9.570312 215.023438 Z M 9.570312 9.632812 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#ad0b04319c)"><path fill="#6266f1" d="M 215.300781 112.496094 C 215.300781 169.300781 169.238281 215.363281 112.4375 215.363281 C 55.636719 215.363281 9.570312 169.300781 9.570312 112.496094 C 9.570312 55.695312 55.636719 9.632812 112.4375 9.632812 C 169.238281 9.632812 215.300781 55.695312 215.300781 112.496094 Z M 215.300781 112.496094 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#ffffff" d="M 143.296875 119.8125 C 143.296875 130.636719 140.828125 138.980469 135.902344 144.84375 C 130.972656 150.707031 124.050781 153.644531 115.089844 153.644531 C 106.070312 153.644531 99.082031 150.691406 94.136719 144.78125 C 89.195312 138.871094 86.722656 130.558594 86.722656 119.8125 L 86.722656 105.183594 C 86.722656 94.355469 89.175781 86.015625 94.117188 80.152344 C 99.039062 74.28125 105.988281 71.351562 114.988281 71.351562 C 123.96875 71.351562 130.941406 74.304688 135.886719 80.214844 C 140.828125 86.121094 143.296875 94.453125 143.296875 105.246094 Z M 124.511719 102.8125 C 124.511719 97.046875 123.753906 92.746094 122.226562 89.914062 C 120.71875 87.058594 118.285156 85.65625 114.992188 85.65625 C 111.757812 85.65625 109.40625 86.960938 107.941406 89.613281 C 106.476562 92.269531 105.671875 96.246094 105.570312 101.609375 L 105.570312 122.0625 C 105.570312 128.050781 106.332031 132.433594 107.839844 135.203125 C 109.367188 137.957031 111.777344 139.34375 115.089844 139.34375 C 118.285156 139.34375 120.65625 137.996094 122.164062 135.308594 C 123.691406 132.617188 124.472656 128.394531 124.511719 122.628906 Z M 124.511719 102.8125 " fill-opacity="1" fill-rule="nonzero"/></svg>
|
|
</div>
|
|
<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">
|
|
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0">
|
|
<path fill="#6266f1" d="M 219.625 112.46875 C 219.625 171.714844 171.597656 219.742188 112.351562 219.742188 C 53.105469 219.742188 5.074219 171.714844 5.074219 112.46875 C 5.074219 53.222656 53.105469 5.195312 112.351562 5.195312 C 171.597656 5.195312 219.625 53.222656 219.625 112.46875 Z M 219.625 112.46875 " fill-opacity="1" fill-rule="nonzero" />
|
|
<path fill="#ffffff" d="M 115.15625 57.453125 C 120.320312 57.453125 124.988281 60.449219 125.539062 66.117188 C 125.539062 66.117188 125.539062 158.9375 125.539062 158.9375 C 124.988281 164.4375 120.320312 166.933594 115.820312 166.933594 C 111.15625 166.933594 106.488281 164.4375 106.488281 158.9375 C 106.488281 158.9375 106.488281 91.613281 106.488281 91.613281 C 106.488281 91.613281 99.324219 101.113281 99.324219 101.113281 C 97.324219 103.945312 94.660156 105.109375 91.660156 105.109375 C 85.660156 105.109375 80.660156 97.277344 84.492188 91.28125 C 84.492188 91.28125 106.65625 61.117188 106.65625 61.117188 C 108.988281 58.617188 112.324219 57.453125 115.15625 57.453125 Z M 115.15625 57.453125 " fill-opacity="1" fill-rule="nonzero" />
|
|
</svg>
|
|
</div>
|
|
<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">
|
|
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0"><path fill="#6266f1" d="M 216.429688 112.570312 C 216.429688 170.003906 169.871094 216.5625 112.4375 216.5625 C 55.007812 216.5625 8.449219 170.003906 8.449219 112.570312 C 8.449219 55.136719 55.007812 8.582031 112.4375 8.582031 C 169.871094 8.582031 216.429688 55.136719 216.429688 112.570312 Z M 216.429688 112.570312 " fill-opacity="1" fill-rule="nonzero"/><path fill="#ffffff" d="M 115.519531 148.421875 C 115.519531 148.421875 143.015625 148.421875 143.015625 148.421875 C 149.359375 148.421875 152.773438 152.652344 152.773438 156.722656 C 152.773438 160.789062 149.683594 164.859375 143.175781 164.859375 C 143.175781 164.859375 82.824219 164.859375 82.824219 164.859375 C 77.128906 164.371094 73.386719 160.300781 73.386719 155.746094 C 73.386719 153.46875 74.6875 150.863281 77.128906 148.910156 C 77.128906 148.910156 122.515625 113.273438 122.515625 113.273438 C 129.347656 108.394531 133.253906 100.09375 131.953125 91.957031 C 130.648438 81.054688 122.351562 75.847656 112.59375 75.847656 C 102.832031 75.847656 95.023438 81.542969 93.070312 90.980469 C 92.421875 96.027344 88.355469 98.464844 84.125 98.464844 C 79.242188 98.464844 74.199219 94.886719 74.851562 88.703125 C 77.453125 68.527344 93.070312 59.574219 112.59375 59.574219 C 131.136719 59.574219 148.21875 70.640625 150.171875 89.679688 C 151.960938 105.300781 144.964844 117.015625 134.066406 125.640625 C 134.066406 125.640625 104.132812 148.910156 104.132812 148.910156 C 104.132812 148.910156 115.519531 148.421875 115.519531 148.421875 Z M 115.519531 148.421875 " fill-opacity="1" fill-rule="nonzero"/></svg>
|
|
</div>
|
|
<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">
|
|
<div class="mb-2 flex h-10 w-10 items-center justify-center rounded-lg">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" zoomAndPan="magnify" viewBox="0 0 224.87999 225" height="300" preserveAspectRatio="xMidYMid meet" version="1.0"><path fill="#6266f1" d="M 212.707031 112.5 C 212.707031 168.308594 167.46875 213.546875 111.660156 213.546875 C 55.851562 213.546875 10.613281 168.308594 10.613281 112.5 C 10.613281 56.691406 55.851562 11.453125 111.660156 11.453125 C 167.46875 11.453125 212.707031 56.691406 212.707031 112.5 Z M 212.707031 112.5 " fill-opacity="1" fill-rule="nonzero"/><path fill="#ffffff" d="M 90.917969 132.328125 C 92.492188 146.515625 102.894531 148.882812 112.191406 148.882812 C 123.695312 148.882812 131.417969 140.054688 131.417969 127.917969 C 131.417969 117.511719 124.640625 109.632812 115.660156 109.632812 C 113.296875 109.632812 111.878906 109.945312 109.988281 111.050781 C 103.054688 115.304688 95.960938 109.945312 95.960938 103.640625 C 95.960938 101.433594 96.90625 99.226562 98.957031 97.175781 C 98.957031 97.175781 119.601562 78.105469 119.601562 78.105469 C 119.601562 78.105469 85.246094 78.105469 85.246094 78.105469 C 79.414062 78.105469 76.734375 74.164062 76.734375 70.378906 C 76.734375 66.4375 79.414062 62.5 85.246094 62.5 C 85.246094 62.5 137.878906 62.5 137.878906 62.5 C 143.238281 62.5 147.652344 66.28125 147.652344 70.851562 C 147.652344 72.585938 145.917969 75.582031 143.867188 77.632812 C 137.09375 83.777344 129.84375 90.085938 122.75 96.230469 C 140.242188 97.808594 149.226562 112.46875 149.226562 127.757812 C 149.226562 149.355469 134.414062 164.488281 112.351562 164.488281 C 92.96875 164.488281 76.105469 156.761719 73.582031 134.535156 C 73.742188 129.335938 78.3125 125.550781 82.566406 125.550781 C 86.507812 125.550781 90.761719 128.074219 90.917969 132.328125 Z M 90.917969 132.328125 " fill-opacity="1" fill-rule="nonzero"/></svg>
|
|
</div>
|
|
<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> |