refactor: redasign home page (#10)

* refactor: redasign home page

* maximize description efficiency

---------

Co-authored-by: Dawsh <[email protected]>

content/_index.md

@@ -1,17 +1,52 @@
 ---
-title: Marzneshin
-toc: false
+title: Marzneshin - Modern Proxy Management
+layout: hextra-home
 ---
 
-<br>
+{{< hextra/hero-badge >}}
+  <div class="hx-w-2 hx-h-2 hx-rounded-full hx-bg-primary-400"></div>
+  <span>Free & Open-source</span>
+  {{< icon name="arrow-circle-right" attributes="height=14" >}}
+{{< /hextra/hero-badge >}}
 
-A Scalable and Comprehensive Proxy Engine management panel.
+<div class="hx-mt-6 hx-mb-6">
+{{< hextra/hero-headline >}}
+  Marzneshin: Modern&nbsp;<br class="sm:hx-block hx-hidden" />Multi-Core Proxy Manager
+{{< /hextra/hero-headline >}}
+</div>
 
-## Explore
+<div class="hx-mb-12">
+{{< hextra/hero-subtitle >}}
+  An efficient, secure and user-friendly &nbsp;<br class="sm:hx-block hx-hidden" /> proxy management tool
+{{< /hextra/hero-subtitle >}}
+</div>
 
-{{< cards >}}
+<div class="hx-mb-6">
+{{< hextra/hero-button text="Get Started" link="docs" >}}
+</div>
 
-{{< card link="docs" title="Documentation" icon="book-open" >}}
-{{< card link="about" title="About" icon="user" >}}
+<div class="hx-mt-6"></div>
 
-{{< /cards >}}
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="Fast & Feature-Rich"
+    subtitle="Simple interface with powerful features."
+    class="md:hx-aspect-[1/1] max-md:hx-min-h-[280px]"
+    imageClass="hx-top-[40%] hx-left-[24px] hx-w-[150%] sm:hx-w-[100%] dark:hx-opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
+  >}}
+  {{< hextra/feature-card
+    title="Multi-Core Optimized"
+    subtitle="Maximize Xray and Hysteria performance."
+    class="md:hx-aspect-[1/1] max-lg:hx-min-h-[280px]"
+    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[150%] sm:hx-w-[100%] dark:hx-opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
+  >}}
+  {{< hextra/feature-card
+    title="User Management"
+    subtitle="Powerful tools for efficient administration."
+    class="md:hx-aspect-[1/1] max-md:hx-min-h-[280px]"
+    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[100%] sm:hx-w-[100%] dark:hx-opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));"
+  >}}
+{{< /hextra/feature-grid >}}