refactor: update Home design added gradient to background & added nitrovim text logo

Author: usmonovshohruxmirzo

src/components/sections/Home.astro

@@ -1,27 +1,26 @@
-<section class="text-center max-w-3xl mx-auto py-24 px-6">
-  <h1 class="text-4xl md:text-6xl font-extrabold leading-tight">
-    The NitroVim Experience
-  </h1>
-  <p class="text-xl text-gray-400 mt-6">
-    Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
-    Elit sunt amet fugiat veniam occaecat.
-  </p>
+<section class="bg-linear-135 from-[#0051b3] to-[#003580]">
+  <section class="text-center max-w-8xl mx-auto py-24 px-6">
+    <img src="/nitrovim-text.svg" alt="">
+    <p class="text-xl text-white mt-6">
+      NitroVim is a modern, fast, and fully customizable Neovim distribution designed to boost developer productivity out-of-the-box. It comes preconfigured with LSP, autocompletion, snippets, file explorer, fuzzy finder, Git integration, themes, transparency, and more.
+    </p>
 
-  <div class="mt-8 flex justify-center gap-4">
-    <a href="#"
-      class="bg-black text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-600">
-      Get started
-    </a>
-    <a href="#" class="text-black px-6 py-3 font-medium hover:underline">Learn more →</a>
-  </div>
-</section>
+    <div class="mt-8 flex justify-center gap-4">
+      <a href="#"
+        class="bg-white text-[#0051b3] px-6 py-3 rounded-lg font-medium">
+        Get started
+      </a>
+      <a href="#" class="text-white px-6 py-3 font-medium hover:underline">Learn more →</a>
+    </div>
+  </section>
 
-<section class="flex justify-center items-center px-6 pb-24">
-  <div class="border border-gray-700 rounded-2xl bg-gray-900 shadow-2xl max-w-8xl w-full overflow-hidden">
-    <img 
-      src="/app.png" 
-      alt="App Screenshot" 
-      class="w-full h-auto object-cover"
-    />
-  </div>
+  <section class="flex justify-center items-center px-6 pb-24">
+    <div class="rounded-3xl bg-gray-900 shadow-2xl max-w-8xl w-full overflow-hidden">
+      <img 
+        src="/app.png" 
+        alt="App Screenshot" 
+        class="w-full h-auto object-cover"
+      />
+    </div>
+  </section>
 </section>