diff --git a/src/components/astro/footers/BasicFooter.astro b/src/components/astro/footers/BasicFooter.astro
index 5431871..c7cd9ba 100644
--- a/src/components/astro/footers/BasicFooter.astro
+++ b/src/components/astro/footers/BasicFooter.astro
@@ -7,12 +7,12 @@ const { } = Astro.props;
   <div class="max-w-6xl mx-auto px-4 sm:px-6">
     <div class="grid sm:grid-cols-12 gap-8 py-8 md:py-12 border-t border-gray-200 dark:border-slate-800">
       <div class="sm:col-span-12 lg:col-span-3">
-        <div class="mb-2"><a class="inline-block font-bold" href="/">AstroWind</a></div>
+        <div class="mb-2"><a class="inline-block font-bold" href="#">AstroWind</a></div>
         <div class="text-sm text-gray-600">
           <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out"
-            href="/">Terms</a> ·
+            href="#">Terms</a> ·
           <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out"
-            href="/">Privacy Policy</a>
+            href="#">Privacy Policy</a>
         </div>
       </div>
       <div class="sm:col-span-6 md:col-span-3 lg:col-span-2">
@@ -20,26 +20,26 @@ const { } = Astro.props;
         <ul class="text-sm">
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Web
+              href="#">Web
               Studio</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">DynamicBox
+              href="#">DynamicBox
               Flex</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Programming
+              href="#">Programming
               Forms</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Integrations</a>
+              href="#">Integrations</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Command-line</a>
+              href="#">Command-line</a>
           </li>
         </ul>
       </div>
@@ -48,24 +48,24 @@ const { } = Astro.props;
         <ul class="text-sm">
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Documentation</a>
+              href="#">Documentation</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Tutorials &amp;
+              href="#">Tutorials &amp;
               Guides</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Blog</a>
+              href="#">Blog</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Support Center</a>
+              href="#">Support Center</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Partners</a>
+              href="#">Partners</a>
           </li>
         </ul>
       </div>
@@ -74,23 +74,23 @@ const { } = Astro.props;
         <ul class="text-sm">
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Home</a>
+              href="#">Home</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">About us</a>
+              href="#">About us</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Company values</a>
+              href="#">Company values</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Pricing</a>
+              href="#">Pricing</a>
           </li>
           <li class="mb-2">
             <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
-              href="/">Privacy Policy</a>
+              href="#">Privacy Policy</a>
           </li>
         </ul>
       </div>
@@ -122,20 +122,20 @@ const { } = Astro.props;
       <ul class="flex mb-4 md:order-1 md:ml-4 md:mb-0">
         <li>
           <a class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
-            aria-label="Twitter" href="/">
+            aria-label="Twitter" href="#">
             <IconTwitter />
 
           </a>
         </li>
         <li class="ml-4">
           <a class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
-            aria-label="Instagram" href="/">
+            aria-label="Instagram" href="#">
             <IconInstagram />
           </a>
         </li>
         <li class="ml-4">
           <a class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
-            aria-label="Facebook" href="/">
+            aria-label="Facebook" href="#">
             <IconFacebook />
           </a>
         </li>