Add Contact Page and Update Navigation Links

- Updated navigation links across multiple blog pages to replace "Index" with "Home" and added "Contact" link.
- Created a new contact page with a form for user inquiries.
- Added a new contact template to render the contact page content.
- Updated blog index page to enhance structure and styling.
- Added a contact markdown file for content management.

public/about/index.html

@@ -17,12 +17,14 @@
   <nav>
     <ul class="list-none">
       
-        <li class="list-none"><a class="text-white hover:text-primary-200" href="/about/">About</a></li>
-      
-        <li class="list-none"><a class="text-white hover:text-primary-200" href="/">Index</a></li>
+        <li class="list-none"><a class="text-white hover:text-primary-200" href="/">Home</a></li>
       
         <li class="list-none"><a class="text-white hover:text-primary-200" href="/blog/">Blog</a></li>
       
+        <li class="list-none"><a class="text-white hover:text-primary-200" href="/about/">About</a></li>
+      
+        <li class="list-none"><a class="text-white hover:text-primary-200" href="/contact/">Contact</a></li>
+      
     </ul>
   </nav>
 </header>