chore: update site theme from blue to red (#FC4850)

- Updated primary gradient and hover colors to #FC4850
- Updated Features section cards, text, and hover borders
- Updated Hero/Get Started section buttons to red theme
- Updated Navbar background, active links, hover effects, and mobile
menu
- Updated Footer background and link hover colors
- Ensures consistent red branding across the site

Author: usmonovshohruxmirzo

src/components/common/Footer.astro

@@ -1,10 +1,10 @@
-<footer class="py-8 px-6 bg-blue-500/30 backdrop-blur-xl border-t border-white/10 text-white">
+<footer class="py-8 px-6 bg-[#FC485033] 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="flex space-x-6 mb-4 md:mb-0">
-      <a href="https://github.com/NitroVim" class="text-gray-300 hover:text-blue-400 transition-colors duration-300 text-lg">GitHub</a>
-      <a href="https://x.com/usmonovdev" class="text-gray-300 hover:text-blue-400 transition-colors duration-300 text-lg">Twitter</a>
-      <a href="https://www.linkedin.com/in/usmonovshohruxmirzo" class="text-gray-300 hover:text-blue-400 transition-colors duration-300 text-lg">LinkedIn</a>
+      <a href="https://github.com/NitroVim" class="text-gray-300 hover:text-[#FC4850] transition-colors duration-300 text-lg">GitHub</a>
+      <a href="https://x.com/usmonovdev" class="text-gray-300 hover:text-[#FC4850] transition-colors duration-300 text-lg">Twitter</a>
+      <a href="https://www.linkedin.com/in/usmonovshohruxmirzo" class="text-gray-300 hover:text-[#FC4850] transition-colors duration-300 text-lg">LinkedIn</a>
     </div>
-<p class="text-gray-300 text-base">&copy; 2025 <b>Webbro Software.</b> All rights reserved.</p>
+    <p class="text-gray-300 text-base">&copy; 2025 <b>Webbro Software.</b> All rights reserved.</p>
   </div>
 </footer>

src/components/common/Navbar.astro

@@ -2,11 +2,11 @@
 import { FaBars, FaGithub } from "react-icons/fa"
 ---
 
-<nav class="bg-blue-500/30 w-[90%] fixed z-10 top-5 left-1/2 -translate-x-1/2 backdrop-blur-xl border border-white/10 rounded-full">
+<nav class="bg-[#FC485033] w-[90%] fixed z-10 top-5 left-1/2 -translate-x-1/2 backdrop-blur-xl border border-white/10 rounded-full">
   <div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
     <div class="relative flex h-16 items-center justify-between">
       <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
-        <button type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-white/5 hover:text-white focus:outline-2 focus:-outline-offset-1 focus:outline-indigo-500">
+        <button type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-white/5 hover:text-white focus:outline-2 focus:-outline-offset-1 focus:outline-[#FC4850]">
           <span class="absolute -inset-0.5"></span>
           <span class="sr-only">Open main menu</span>
           <FaBars />
@@ -18,31 +18,31 @@ import { FaBars, FaGithub } from "react-icons/fa"
         </div>
         <div class="hidden sm:ml-6 sm:block">
           <div class="flex space-x-4">
-            <a href="#" aria-current="page" class="block rounded-full bg-blue-950/50 px-3 py-2 text-base font-medium text-white">Docs</a>
-            <a href="#" class="block rounded-full px-3 py-2 text-base font-medium text-gray-300 hover:bg-white/5 hover:text-white">Themes</a>
-            <a href="#" class="block rounded-full px-3 py-2 text-base font-medium text-gray-300 hover:bg-white/5 hover:text-white">Features</a>
-            <a href="#" class="block rounded-full px-3 py-2 text-base font-medium text-gray-300 hover:bg-white/5 hover:text-white">Updates</a>
+            <a href="#" aria-current="page" class="block rounded-full bg-[#FC485050] px-3 py-2 text-base font-medium text-white">Docs</a>
+            <a href="#" class="block rounded-full px-3 py-2 text-base font-medium text-gray-300 hover:bg-[#FC485033] hover:text-white">Themes</a>
+            <a href="#" class="block rounded-full px-3 py-2 text-base font-medium text-gray-300 hover:bg-[#FC485033] hover:text-white">Features</a>
+            <a href="#" class="block rounded-full px-3 py-2 text-base font-medium text-gray-300 hover:bg-[#FC485033] hover:text-white">Updates</a>
           </div>
         </div>
       </div>
       <ul class="list-none absolute inset-y-0 right-0 flex gap-2 items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
         <li>
-          <a href="https://github.com/NitroVim/NitroVim" target="_blank" class="relative text-white cursor-pointer hover:text-white text-2xl">
+          <a href="https://github.com/NitroVim/NitroVim" target="_blank" class="relative text-white cursor-pointer hover:text-[#FC4850] text-2xl">
             <span class="absolute -inset-1.5"></span>
             <span class="sr-only">Github</span>
             <FaGithub />
           </a>
         </li>
-      </div>
+      </ul>
     </div>
   </div>
 
   <el-disclosure id="mobile-menu" hidden class="block sm:hidden">
     <div class="space-y-1 px-2 pt-2 pb-3">
-      <a href="#" aria-current="page" class="block rounded-md bg-gray-950/50 px-3 py-2 text-base font-medium text-white">Docs</a>
-      <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-white/5 hover:text-white">Themes</a>
-      <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-white/5 hover:text-white">Features</a>
-      <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-white/5 hover:text-white">Updates</a>
+      <a href="#" aria-current="page" class="block rounded-md bg-[#FC485050] px-3 py-2 text-base font-medium text-white">Docs</a>
+      <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-[#FC485033] hover:text-white">Themes</a>
+      <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-[#FC485033] hover:text-white">Features</a>
+      <a href="#" class="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-[#FC485033] hover:text-white">Updates</a>
     </div>
   </el-disclosure>
 </nav>

src/components/sections/Features.astro

@@ -7,64 +7,64 @@
       </p>
     </div>
     <div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🚀</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🚀</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Preconfigured LSP Support</h3>
         <p class="text-gray-300 text-lg">
           Seamless support for TypeScript, Python, C#, HTML, CSS, and more.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">⚡</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">⚡</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Autocompletion & Snippets</h3>
         <p class="text-gray-300 text-lg">
           Boost productivity with nvim-cmp and friendly-snippets.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🧭</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🧭</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">File Explorer</h3>
         <p class="text-gray-300 text-lg">
           Navigate files effortlessly with integrated nvim-tree.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🔍</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🔍</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Fuzzy Finder</h3>
         <p class="text-gray-300 text-lg">
           Swiftly locate files and symbols with telescope.nvim.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🖥️</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🖥️</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Beautiful Dashboard</h3>
         <p class="text-gray-300 text-lg">
           Access projects and recent files with ease.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🎨</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🎨</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">20+ Themes</h3>
         <p class="text-gray-300 text-lg">
           Modern, clean UI with full transparency support.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🔧</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🔧</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Lazy Loading Plugins</h3>
         <p class="text-gray-300 text-lg">
           Optimize performance with on-demand plugin loading.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">📦</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">📦</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Git Integration</h3>
         <p class="text-gray-300 text-lg">
           Streamlined version control with lazygit.
         </p>
       </article>
-      <article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
-        <div class="text-5xl mb-8 text-blue-400">🛠️</div>
+      <article class="group relative p-10 bg-[#FC485033] backdrop-blur-xl rounded-xl border border-white/10 hover:border-[#FC485050] transition-all duration-300 w-full">
+        <div class="text-5xl mb-8 text-[#FC4850]">🛠️</div>
         <h3 class="text-3xl font-semibold mb-4 text-white">Fully Customizable</h3>
         <p class="text-gray-300 text-lg">
           Tailor settings, plugins, and keybindings to your needs.

src/components/sections/Home.astro

@@ -8,7 +8,7 @@
     <div class="mt-8 flex justify-center gap-4">
       <a href="https://github.com/NitroVim/NitroVim"
         target="_blank"
-        class="bg-white text-[#0051b3] px-6 py-3 rounded-lg font-medium">
+        class="bg-white text-[#FC4850] px-6 py-3 rounded-lg font-medium hover:bg-[#FC485033] transition-colors">
         Get started
       </a>
       <a href="https://github.com/NitroVim/NitroVim" target="_blank" class="text-white px-6 py-3 font-medium hover:underline">Learn more →</a>

src/pages/index.astro

@@ -9,7 +9,7 @@ import Footer from '../components/common/Footer.astro';
 
 <Layout>
 
-<main class="bg-linear-135 from-[#0051b3] to-[#003580]">
+<main class="bg-linear-135 from-[#FC4850] to-[#C5383F]">
     <Navbar />
     <Home />
     <Features />