diff --git a/app/assets/images/banner.png:Zone.Identifier b/app/assets/images/banner.png:Zone.Identifier
deleted file mode 100644
index 8faa796..0000000
--- a/app/assets/images/banner.png:Zone.Identifier
+++ /dev/null
@@ -1,4 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=https://www.canva.com/
-HostUrl=https://export-download.canva.com/fI-lI/DAFtSsfI-lI/10/0/0001-3345450671263431284.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJHKNGJLC2J7OGJ6Q%2F20230905%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230905T105305Z&X-Amz-Expires=85473&X-Amz-Signature=64ca888fac664a42bf680fd8e3f0ef3bfb101d66d9b627db1278fb9ceb7d6648&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%2A%3DUTF-8%27%27Linkaroo.png&response-expires=Wed%2C%2006%20Sep%202023%2010%3A37%3A38%20GMT
diff --git a/app/assets/stylesheets/loftwah.scss b/app/assets/stylesheets/loftwah.scss
index c79a8bf..94950ea 100644
--- a/app/assets/stylesheets/loftwah.scss
+++ b/app/assets/stylesheets/loftwah.scss
@@ -84,4 +84,10 @@
     .nav-link:hover {
       color: rgba(255, 255, 255, 0.9) !important; /* Almost white */
     }
-  }
\ No newline at end of file
+  }
+
+  // .qr-code svg {
+  //   width: 100%;
+  //   background-color: #f2f2f2; /* or any color you prefer */
+  // }
+  
\ No newline at end of file
diff --git a/app/controllers/public_links_controller.rb b/app/controllers/public_links_controller.rb
index 6eb2c0c..e1725b1 100644
--- a/app/controllers/public_links_controller.rb
+++ b/app/controllers/public_links_controller.rb
@@ -1,9 +1,19 @@
+# PublicLinksController
+require 'rqrcode'
+
 class PublicLinksController < ApplicationController
-    skip_before_action :authenticate_user!, only: [:show]  # Skip Devise's authentication for show action
-  
-    def show
-      @user = User.find_by!(username: params[:username])
-      @public_links = Link.where(user_id: @user.id, public: true)
-    end
+  skip_before_action :authenticate_user!, only: [:show]
+
+  def show
+    @user = User.find_by!(username: params[:username])
+    @public_links = Link.where(user_id: @user.id, public: true)
+    @qr = RQRCode::QRCode.new(request.original_url)
+    @svg = @qr.as_svg(
+      offset: 0,
+      color: '000',
+      shape_rendering: 'crispEdges',
+      module_size: 6,
+      standalone: true
+    )
   end
-  
\ No newline at end of file
+end
diff --git a/app/views/public_links/show.html.erb b/app/views/public_links/show.html.erb
index cdde6a0..260704b 100644
--- a/app/views/public_links/show.html.erb
+++ b/app/views/public_links/show.html.erb
@@ -1,42 +1,68 @@
 <div class="container-fluid text-light min-vh-100 d-flex flex-column align-items-center justify-content-center">
   <div class="bg-translucent-dark custom-container">
-  <!-- User Information -->
-  <div class="text-center mb-5">
-    <img src="https://github.com/<%= @user.username %>.png" alt="User Avatar" class="rounded-circle mb-3" width="150">
-    <h1 class="display-4"><%= @user.first_name %> <%= @user.last_name %></h1>
-    <p class="lead">@<%= @user.username %></p>
-    <p class="text-light"><%= @user.short_description %></p>
-    <div class="d-inline-block">
-      <% @user.tags.split(",").each do |tag| %>
-        <span class="badge badge-light m-1 hoverable-tag"><%= tag.strip %></span>
-      <% end %>
+    <!-- User Information -->
+    <div class="text-center mb-5">
+      <div class="position-relative d-inline-block">
+        <img src="https://github.com/<%= @user.username %>.png" alt="User Avatar" class="rounded-circle mb-3" width="150">
+        <button type="button" class="btn btn-light position-absolute bottom-0 end-0 btn-icon" data-bs-toggle="modal" data-bs-target="#shareModal">
+          <i class="fas fa-share"></i>
+        </button>
+      </div>
+      <h1 class="display-4"><%= @user.first_name %> <%= @user.last_name %></h1>
+      <p class="lead">@<%= @user.username %></p>
+      <p class="text-light"><%= @user.short_description %></p>
+      <div class="d-inline-block">
+        <% @user.tags.split(",").each do |tag| %>
+          <span class="badge badge-light m-1 hoverable-tag"><%= tag.strip %></span>
+        <% end %>
+      </div>
     </div>
-  </div>
 
-  <!-- Public Links -->
-  <div class="w-100">
-    <div class="row justify-content-center">
-      <% @public_links.each do |link| %>
-        <div class="col-md-8 mb-4">
-          <div class="card stylish-card">
-            <div class="card-body text-center d-flex flex-column align-items-center">
-              <img src="https://www.google.com/s2/favicons?domain=<%= URI.parse(link.links_url).host.split('.').last(2).join('.') %>" 
-              alt="favicon" 
-              class="mb-2"
-              onerror="this.alt=''; this.style.display='none'; this.nextElementSibling.style.display='inline-block';">
-              <i class="<%= link.links_icon %> mb-2" style="display:none;"></i>
-              <h5 class="card-title mb-0">
-                <a href="<%= link.links_url %>" class="text-dark text-decoration-none" target="_blank">
-                  <%= link.links_display_name %>
-                </a>
-              </h5>
+    <!-- Public Links -->
+    <div class="w-100">
+      <div class="row justify-content-center">
+        <% @public_links.each do |link| %>
+          <div class="col-md-8 mb-4">
+            <div class="card stylish-card">
+              <div class="card-body text-center d-flex flex-column align-items-center">
+                <img src="https://www.google.com/s2/favicons?domain=<%= URI.parse(link.links_url).host.split('.').last(2).join('.') %>" 
+                alt="favicon" 
+                class="mb-2"
+                onerror="this.alt=''; this.style.display='none'; this.nextElementSibling.style.display='inline-block';">
+                <i class="<%= link.links_icon %> mb-2" style="display:none;"></i>
+                <h5 class="card-title mb-0">
+                  <a href="<%= link.links_url %>" class="text-dark text-decoration-none" target="_blank">
+                    <%= link.links_display_name %>
+                  </a>
+                </h5>
+              </div>
             </div>
           </div>
+        <% end %>
+      </div>
+    </div>
+
+    <!-- Share Modal -->
+    <div class="modal fade" id="shareModal" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="shareModalLabel">Share Profile</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <%= raw @qr.as_svg(offset: 0, color: '000',
+                                shape_rendering: 'crispEdges',
+                                module_size: 6) %>
+            <!-- You can add social sharing buttons here -->
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+          </div>
         </div>
-      <% end %>
+      </div>
     </div>
   </div>
-  </div>
 </div>
 
 <style>
@@ -56,4 +82,13 @@
     transform: translateY(-3px);
     box-shadow: 0 6px 10px rgba(0,0,0,.2);
   }
+
+  .btn-icon {
+    background: none;
+    border: none;
+    color: white;
+    cursor: pointer;
+    font-size: 1.5rem;
+    opacity: 0.8;
+  }
 </style>