update landing pages

Author: zcesur

lib/algora_web/live/community_live.ex

@@ -189,50 +189,52 @@ defmodule AlgoraWeb.CommunityLive do
   @impl true
   def render(assigns) do
     ~H"""
-    <div class="container mx-auto max-w-7xl space-y-6 p-4 md:p-6 lg:px-8">
-      <.section title="Bounties" subtitle="Open bounties for you">
-        <div class="mb-4 flex sm:flex-wrap gap-2 whitespace-nowrap overflow-x-auto scrollbar-thin">
-          <%= for {tech, count} <- @techs do %>
-            <div phx-click="toggle_tech" phx-value-tech={tech} class="cursor-pointer">
-              <.badge
-                variant={if String.downcase(tech) in @selected_techs, do: "success", else: "default"}
-                class={
-                  if String.downcase(tech) in @selected_techs,
-                    do: "hover:bg-success/5 transition-colors",
-                    else: "hover:bg-accent/80 transition-colors"
-                }
-              >
-                {tech} ({count})
-              </.badge>
-            </div>
-          <% end %>
-        </div>
-        <%= if Enum.empty?(@bounties) do %>
-          <.card class="rounded-lg bg-card py-12 text-center lg:rounded-[2rem]">
-            <.card_header>
-              <div class="mx-auto mb-2 rounded-full bg-muted p-4">
-                <.icon name="tabler-diamond" class="h-8 w-8 text-muted-foreground" />
+    <main class="relative overflow-hidden">
+      <section class="container mx-auto max-w-7xl space-y-6 p-4 md:p-6 lg:px-8">
+        <.section title="Bounties" subtitle="Open bounties for you">
+          <div class="mb-4 flex sm:flex-wrap gap-2 whitespace-nowrap overflow-x-auto scrollbar-thin">
+            <%= for {tech, count} <- @techs do %>
+              <div phx-click="toggle_tech" phx-value-tech={tech} class="cursor-pointer">
+                <.badge
+                  variant={
+                    if String.downcase(tech) in @selected_techs, do: "success", else: "default"
+                  }
+                  class={
+                    if String.downcase(tech) in @selected_techs,
+                      do: "hover:bg-success/5 transition-colors",
+                      else: "hover:bg-accent/80 transition-colors"
+                  }
+                >
+                  {tech} ({count})
+                </.badge>
               </div>
-              <.card_title>No bounties yet</.card_title>
-              <.card_description>
-                Open bounties will appear here once created
-              </.card_description>
-            </.card_header>
-          </.card>
-        <% else %>
-          <div id="bounties-container" phx-hook="InfiniteScroll">
-            <.bounties bounties={@bounties |> Enum.take(20)} />
-            <%!-- <div :if={@has_more_bounties} class="flex justify-center mt-4" data-load-more-indicator>
+            <% end %>
+          </div>
+          <%= if Enum.empty?(@bounties) do %>
+            <.card class="rounded-lg bg-card py-12 text-center lg:rounded-[2rem]">
+              <.card_header>
+                <div class="mx-auto mb-2 rounded-full bg-muted p-4">
+                  <.icon name="tabler-diamond" class="h-8 w-8 text-muted-foreground" />
+                </div>
+                <.card_title>No bounties yet</.card_title>
+                <.card_description>
+                  Open bounties will appear here once created
+                </.card_description>
+              </.card_header>
+            </.card>
+          <% else %>
+            <div id="bounties-container" phx-hook="InfiniteScroll">
+              <.bounties bounties={@bounties |> Enum.take(20)} />
+              <%!-- <div :if={@has_more_bounties} class="flex justify-center mt-4" data-load-more-indicator>
               <div class="animate-pulse text-muted-foreground">
                 <.icon name="tabler-loader" class="h-6 w-6 animate-spin" />
               </div>
             </div> --%>
-          </div>
-        <% end %>
-      </.section>
-    </div>
+            </div>
+          <% end %>
+        </.section>
+      </section>
 
-    <main class="relative overflow-hidden">
       <section class="relative isolate">
         <div class="relative isolate -z-10 py-[35vw] sm:py-[25vw]">
           <div class="z-20 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform">