feat(common): add Footer component

Author: usmonovshohruxmirzo

src/components/common/Footer.astro

@@ -0,0 +1,29 @@
+<footer class="py-12 px-6 bg-blue-500/30 backdrop-blur-xl border-t border-white/10 text-white">
+  <div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center">
+    <div class="mb-6 md:mb-0">
+      <h3 class="text-2xl font-semibold tracking-tight">Your Platform</h3>
+      <p class="text-gray-300 text-base mt-2">Empowering developers with cutting-edge tools.</p>
+    </div>
+    <div class="flex space-x-8">
+      <div>
+        <h4 class="text-lg font-semibold mb-3">Links</h4>
+        <ul class="space-y-2 text-gray-300 text-base">
+          <li><a href="#features" class="hover:text-blue-400 transition-colors duration-300">Features</a></li>
+          <li><a href="#pricing" class="hover:text-blue-400 transition-colors duration-300">Pricing</a></li>
+          <li><a href="#docs" class="hover:text-blue-400 transition-colors duration-300">Docs</a></li>
+        </ul>
+      </div>
+      <div>
+        <h4 class="text-lg font-semibold mb-3">Connect</h4>
+        <ul class="space-y-2 text-gray-300 text-base">
+          <li><a href="#contact" class="hover:text-blue-400 transition-colors duration-300">Contact Us</a></li>
+          <li><a href="#github" class="hover:text-blue-400 transition-colors duration-300">GitHub</a></li>
+          <li><a href="#twitter" class="hover:text-blue-400 transition-colors duration-300">Twitter</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="mt-6 md:mt-0 text-center md:text-right">
+      <p class="text-gray-300 text-base">&copy; 2025 Your Platform. All rights reserved.</p>
+    </div>
+  </div>
+</footer>

src/pages/index.astro

@@ -4,13 +4,15 @@ import Navbar from '../components/common/Navbar.astro';
 import '../styles/global.css';
 import Home from '../components/sections/Home.astro';
 import Features from '../components/sections/Features.astro';
+import Footer from '../components/common/Footer.astro';
 ---
 
 <Layout>
 
 <main class="bg-linear-135 from-[#0051b3] to-[#003580]">
-  <Navbar />
-  <Home />
+    <Navbar />
+    <Home />
     <Features />
+    <Footer/>
   </main>
 </Layout>