diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 0c04b7e..2259582 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -12,16 +12,16 @@
     <link rel="icon" href="/favicon.ico" type="image/x-icon">
 
     <!-- Open Graph Meta Tags -->
-   <%= tag.meta property: 'og:type', content: 'website' %>
-   <%= tag.meta property: 'og:site_name', content: 'Linkarooie' %>
-   <%= tag.meta property: 'og:locale', content: 'en_US' %>
-   <%= tag.meta property: 'og:updated_time', content: '2024-08-08T12:00:19Z' %>
+    <%= tag.meta property: 'og:type', content: 'website' %>
+    <%= tag.meta property: 'og:site_name', content: 'Linkarooie' %>
+    <%= tag.meta property: 'og:locale', content: 'en_US' %>
+    <%= tag.meta property: 'og:updated_time', content: '2024-08-08T12:00:19Z' %>
 
-   <%= tag.meta property: 'og:title', content: content_for?(:og_title) ? content_for(:og_title) : 'Linkarooie - Simplify Your Online Presence' %>
-   <%= tag.meta property: 'og:description', content: content_for?(:og_description) ? content_for(:og_description) : 'Manage all your links in one place with Linkarooie.' %>
-   <%= tag.meta property: 'og:image', content: content_for?(:og_image) ? content_for(:og_image) : image_url('default_og_image.png') %>
-   <%= tag.meta property: 'og:image:alt', content: content_for?(:og_image_alt) ? content_for(:og_image_alt) : 'Default image description' %>
-   <%= tag.meta property: 'og:url', content: content_for?(:og_url) ? content_for(:og_url) : root_url %>
+    <%= tag.meta property: 'og:title', content: content_for?(:og_title) ? content_for(:og_title) : 'Linkarooie - Simplify Your Online Presence' %>
+    <%= tag.meta property: 'og:description', content: content_for?(:og_description) ? content_for(:og_description) : 'Manage all your links in one place with Linkarooie.' %>
+    <%= tag.meta property: 'og:image', content: content_for?(:og_image) ? content_for(:og_image) : image_url('default_og_image.png') %>
+    <%= tag.meta property: 'og:image:alt', content: content_for?(:og_image_alt) ? content_for(:og_image_alt) : 'Default image description' %>
+    <%= tag.meta property: 'og:url', content: content_for?(:og_url) ? content_for(:og_url) : root_url %>
   </head>
 
   <body class="bg-gray-900 text-white">
@@ -52,18 +52,34 @@
           <h1 class="text-1xl font-bold text-lime-200">Linkarooie</h1>
         </div>
         <nav>
-          <ul class="flex space-x-4 text-sm md:text-base">
+          <ul class="flex space-x-2 md:space-x-4 text-sm md:text-base items-center">
             <li><%= link_to 'Loftwah', user_links_path('loftwah'), class: 'bg-lime-500 hover:bg-lime-700 text-white font-bold py-1 px-2 rounded' %></li>
             <li><%= link_to 'Home', root_path, class: 'text-white hover:text-lime-300' %></li>
             <% if user_signed_in? %>
-              <li><%= link_to 'My Public Page', user_links_path(current_user.username), class: 'text-white hover:text-lime-300' %></li>
-              <li><%= link_to 'Edit Links', links_path, class: 'text-white hover:text-lime-300' %></li>
-              <li><%= link_to 'Edit Achievements', achievements_path, class: 'text-white hover:text-lime-300' %></li>
-              <li><%= link_to 'Edit Profile', edit_user_registration_path, class: 'text-white hover:text-lime-300' %></li>
-              <li><%= link_to 'Logout', destroy_user_session_path, method: :delete, class: 'text-white hover:text-lime-300' %></li>
+              <li><%= link_to 'Public Page', user_links_path(current_user.username), class: 'text-white hover:text-lime-300' %></li>
+              <li class="relative">
+                <button id="userMenuBtn" class="text-white hover:text-lime-300 focus:outline-none flex items-center space-x-1">
+                  <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+                  </svg>
+                </button>
+                <div id="userMenu" class="absolute right-0 mt-2 w-48 bg-gray-700 rounded-md shadow-xl z-20 hidden">
+                  <%= link_to 'Links', links_path, class: 'block px-4 py-2 text-sm text-white hover:bg-gray-600' %>
+                  <%= link_to 'Achievements', achievements_path, class: 'block px-4 py-2 text-sm text-white hover:bg-gray-600' %>
+                  <%= link_to 'Profile', edit_user_registration_path, class: 'block px-4 py-2 text-sm text-white hover:bg-gray-600' %>
+                  <%= link_to 'Logout', destroy_user_session_path, method: :delete, class: 'block px-4 py-2 text-sm text-white hover:bg-gray-600' %>
+                </div>
+              </li>
             <% else %>
               <li><%= link_to 'Login', new_user_session_path, class: 'text-white hover:text-lime-300' %></li>
             <% end %>
+            <li>
+              <a href="https://github.com/loftwah/linkarooie" target="_blank" rel="noopener noreferrer" class="text-white hover:text-lime-300">
+                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.463-1.11-1.463-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.161 22 16.418 22 12c0-5.523-4.477-10-10-10z" />
+                </svg>
+              </a>
+            </li>
           </ul>
         </nav>
       </div>
@@ -76,5 +92,23 @@
         <p class="text-gray-400">© 2024 Linkarooie. All rights reserved.</p>
       </div>
     </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', function() {
+        const userMenuBtn = document.getElementById('userMenuBtn');
+        const userMenu = document.getElementById('userMenu');
+
+        if (userMenuBtn && userMenu) {
+          userMenuBtn.addEventListener('click', function() {
+            userMenu.classList.toggle('hidden');
+          });
+
+          document.addEventListener('click', function(event) {
+            if (!userMenuBtn.contains(event.target) && !userMenu.contains(event.target)) {
+              userMenu.classList.add('hidden');
+            }
+          });
+        }
+      });
+    </script>
   </body>
 </html>
diff --git a/app/views/pages/home.html.erb b/app/views/pages/home.html.erb
index c00b5a8..fbd20d7 100644
--- a/app/views/pages/home.html.erb
+++ b/app/views/pages/home.html.erb
@@ -15,6 +15,7 @@
     </div>
   </section>
 
+
   <!-- Features Section -->
   <section id="features" class="py-16 w-full bg-gray-900">
     <div class="text-center mb-12">
@@ -46,7 +47,31 @@
     </div>
   </section>
 
-  <!-- Call to Action Section -->
+  <!-- NEW: GitHub Call to Action Section -->
+  <section class="py-16 w-full bg-gray-800">
+    <div class="text-center">
+      <h2 class="text-3xl font-bold mb-4 text-white">Support Linkarooie</h2>
+      <p class="text-lg mb-8 text-gray-400">
+        Help us grow by supporting our open-source project!
+      </p>
+      <div class="flex flex-wrap justify-center gap-4">
+        <a href="https://github.com/loftwah/linkarooie" target="_blank" rel="noopener noreferrer" class="inline-flex items-center bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded transition duration-300">
+          <i class="fab fa-github mr-2"></i>
+          Star on GitHub
+        </a>
+        <a href="https://github.com/loftwah/linkarooie/fork" target="_blank" rel="noopener noreferrer" class="inline-flex items-center bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded transition duration-300">
+          <i class="fas fa-code-branch mr-2"></i>
+          Fork the Project
+        </a>
+        <a href="https://github.com/loftwah/linkarooie/issues" target="_blank" rel="noopener noreferrer" class="inline-flex items-center bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded transition duration-300">
+          <i class="fas fa-bug mr-2"></i>
+          Report Issues
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <!-- Existing Call to Action Section -->
   <section class="py-16 text-white w-full">
     <div class="text-center">
       <h2 class="text-3xl font-bold mb-4">Get Started with Linkarooie</h2>
@@ -91,4 +116,4 @@
       </div>
     </div>
   </section>
-</div>
+</div>
\ No newline at end of file
diff --git a/public/uploads/og_images/loftwah_og.png b/public/uploads/og_images/loftwah_og.png
index d5f74bb..7c6f6bf 100644
Binary files a/public/uploads/og_images/loftwah_og.png and b/public/uploads/og_images/loftwah_og.png differ
