feat: interactive demo

apps/gitlock_core/lib/gitlock_core/infrastructure/workspace/manager.ex

@@ -358,7 +358,6 @@ defmodule GitlockCore.Infrastructure.Workspace.Manager do
     ["clone"] ++
       Enum.flat_map(opts, fn
         {:depth, n} when is_integer(n) -> ["--depth", to_string(n)]
-        {:branch, b} when is_binary(b) -> ["--branch", b]
         {:single_branch, true} -> ["--single-branch"]
         _ -> []
       end)

apps/gitlock_phx/assets/css/landing.css

@@ -495,3 +495,17 @@ body {
     fill: white;
   }
 }
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fade-in {
+  animation: fade-in 0.5s ease-out;
+}

apps/gitlock_phx/lib/gitlock_phx_web/controllers/landing_html.ex

@@ -222,7 +222,7 @@ defmodule GitlockPhxWeb.LandingHTML do
             <span class="indicator-item badge badge-sm bg-red-500/90 border border-red-400/50 text-white font-medium text-xs tracking-wider backdrop-blur-sm animate-pulse">
               BETA
             </span>
-            <div class="badge badge-lg bg-base-200/10 border border-base-300/20 text-base-content backdrop-blur-lg mb-12 animate-fade-in-up rounded-2xl px-8 py-3 tracking-wide hover:bg-base-200/20 hover:border-base-300/30 hover:-translate-y-1 hover:shadow-2xl transition-all duration-500">
+            <div class="badge badge-lg bg-base-200/10 border border-base-300/20 text-base-content backdrop-blur-lg mb-2 animate-fade-in-up rounded-2xl px-8 py-3 tracking-wide hover:bg-base-200/20 hover:border-base-300/30 hover:-translate-y-1 hover:shadow-2xl transition-all duration-500">
               <span class="gradient-text animate-gradient-text">Terminal Friendly</span>
             </div>
           </div>
@@ -1032,4 +1032,50 @@ defmodule GitlockPhxWeb.LandingHTML do
     </footer>
     """
   end
+
+  # Add this function to your LandingHTML module
+  def hotspots_demo_section(assigns) do
+    ~H"""
+    <section id="demo" class="py-24 px-4 relative z-10">
+      <div class="max-w-4xl mx-auto">
+        <div class="text-center mb-12">
+          <div class="indicator">
+            <span class="indicator-item badge badge-sm bg-red-500/90 border border-red-400/50 text-white font-medium text-xs tracking-wider backdrop-blur-sm animate-pulse">
+              Live
+            </span>
+            <div class="badge badge-lg bg-base-200/10 border border-base-300/20 text-base-content backdrop-blur-lg animate-fade-in-up rounded-2xl px-8 py-3 tracking-wide hover:bg-base-200/20 hover:border-base-300/30 hover:-translate-y-1 hover:shadow-2xl transition-all duration-500">
+              <span class="text-sm font-semibold text-base-content/70 my-2 animate-fade-in">
+                See It In Action
+              </span>
+            </div>
+          </div>
+          <h2 class="text-4xl md:text-5xl font-bold mb-4 animate-fade-in animation-delay-200">
+            Try <span class="gradient-text animate-gradient-text">Hotspots Analysis</span> Now
+          </h2>
+          <p class="text-xl text-base-content/70 animate-fade-in animation-delay-400">
+            Analyze any GitHub repository and see instant insights
+          </p>
+        </div>
+
+    <!-- LiveView Component Container -->
+        <div class="animate-fade-in animation-delay-600">
+          <%= if @conn do %>
+            {live_render(@conn, GitlockPhxWeb.HotspotsPreviewLive,
+              id: "hotspots-preview",
+              container: {:div, class: "w-full"},
+              sticky: true
+            )}
+          <% else %>
+            <!-- Fallback for non-conn renders -->
+            <div class="text-center py-8">
+              <a href="/demo" class="btn btn-primary">
+                View Live Demo
+              </a>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </section>
+    """
+  end
 end

apps/gitlock_phx/lib/gitlock_phx_web/controllers/landing_html/index.html.heex

@@ -11,6 +11,9 @@
 <!-- Features Section -->
   <.features_section />
 
+<!-- NEW: Hotspots Demo Section -->
+  <.hotspots_demo_section conn={@conn} />
+
 <!-- Stats Section -->
   <.stats_section />