Add sign up cta

upmaru · Nov 22, 2024 · f757e86 · f757e86
1 parent 67d0f77
commit f757e86
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/lib/opsmaru_web/components/course_components.ex b/lib/opsmaru_web/components/course_components.ex
@@ -104,7 +104,7 @@ defmodule OpsmaruWeb.CourseComponents do
       |> assign(:card, card)
 
     ~H"""
-    <div class="my-16 px-6 lg:px-8">
+    <div class="my-32 px-6 lg:px-8">
       <div class="mx-auto max-w-2xl lg:max-w-7xl">
         <h2 class="font-mono text-xs/5 font-semibold uppercase tracking-widest text-slate-500"><%= @h2.body %></h2>
         <h3 class="mt-2 text-pretty text-4xl font-medium tracking-tighter text-slate-950 sm:text-6xl"><%= @title.body %></h3>

diff --git a/lib/opsmaru_web/live/course_live.ex b/lib/opsmaru_web/live/course_live.ex
@@ -99,6 +99,17 @@ defmodule OpsmaruWeb.CourseLive do
                   <%= gettext("Start course") %>
                 </.link>
               </div>
+              <div class="mt-8 bg-slate-100 rounded-xl px-5 py-4">
+                <h3 class="font-semibold">
+                  <%= gettext("Don't have an account?") %>
+                </h3>
+                <p class="pt-2 text-md text-slate-600">
+                  <.link href="/auth/users/register" class="text-black underline">
+                    <%= gettext("Sign up") %>
+                  </.link>
+                  <%= gettext("and get a 30 day free trial. No credit card required.") %>
+                </p>
+              </div>
             </div>
 
             <div class="lg:col-span-2 lg:row-span-2 lg:row-end-2">
@@ -126,10 +137,10 @@ defmodule OpsmaruWeb.CourseLive do
                   <div class="border-l-4 border-blue-400 bg-blue-50 p-4">
                     <div class="flex">
                       <div class="shrink-0">
-                        <.icon name="hero-information-circle" class="h-5 w-5 text-blue-700" />
+                        <.icon name="hero-information-circle-solid" class="h-5 w-5 text-blue-700" />
                       </div>
                       <div class="ml-3">
-                        <p class="text-sm text-blue-700">
+                        <p class="text-base text-blue-700">
                           <%= gettext("Course content coming soon...") %>
                         </p>
                       </div>

diff --git a/lib/opsmaru_web/live/course_live/index.ex b/lib/opsmaru_web/live/course_live/index.ex
@@ -42,8 +42,8 @@ defmodule OpsmaruWeb.CourseLive.Index do
       <CourseComponents.header section={@header_section} />
       <CourseComponents.categories categories={@featured_categories} />
       <CourseComponents.technologies technologies={@technologies} />
-      <CourseComponents.get_support section={@get_support_section} />
       <CourseComponents.categories categories={@categories} />
+      <CourseComponents.get_support section={@get_support_section} />
     </div>
     """
   end