feat(sections): add Home section

Author: usmonovshohruxmirzo

public/app.png

@@ -1,3 +1,27 @@
-<section>
+<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>
 
+  <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>
+
+<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-6xl w-full overflow-hidden">
+    <img 
+      src="/app.png" 
+      alt="App Screenshot" 
+      class="w-full h-auto object-cover"
+    />
+  </div>
 </section>

src/components/sections/Home.astro

@@ -2,8 +2,10 @@
 import Layout from '../layouts/Layout.astro';
 import Navbar from '../components/common/Navbar.astro';
 import '../styles/global.css';
+import Home from '../components/sections/Home.astro';
 ---
 
 <Layout>
   <Navbar />
+  <Home />
 </Layout>