<% if user_signed_in? %>
  <div class="rounded-md p-8 hidden lg:block">
    <h3 class="text-3xl font-bold text-gray-700">Have a question?</h2>
    <p class="py-3 text-gray-800 text-md font-light w-96">Chat with the Odin community on Discord!</p>

    <%= link_to ODIN_CHAT_URL, class: "button button--dark text-lg px-14" do %>
      Open Discord
    <% end %>
  </div>
<% else %>
  <div class="rounded-md px-8 pt-8 bg-gray-100 hidden lg:block odin-dark-bg-accent">
    <h3 class="text-3xl font-bold pb-6">Start learning for free</h3>

    <%= form_with url: sign_up_path, method: :get do |form| %>
      <div class="p-1 flex rounded-md bg-white focus-within:ring-2 focus-within:ring-indigo-500 border border-gray-300">
        <%= form.email_field :email, placeholder: 'Email Address', required: true, class: 'w-60 p-2 focus:outline-none bg-white block rounded-none lg:w-80 lg:text-md rounded-l-md' %>
        <%= form.submit 'Get Started!', class: 'button button--primary py-2' %>
      </div>
    <% end %>
  </div>
<% end %>

<% if user_signed_in? %>
  <div class="rounded-md p-8 hidden lg:block">
    <h3 class="text-3xl font-bold text-gray-700">Have a question?</h2>
    <p class="py-3 text-gray-800 text-md font-light w-96">Chat with the Odin community on Discord!</p>

    <%= link_to ODIN_CHAT_URL, class: "button button--dark text-lg px-14" do %>
      Open Discord
    <% end %>
  </div>
<% else %>
  <div class="rounded-md px-8 pt-8 bg-gray-100 hidden lg:block odin-dark-bg-accent">
    <h3 class="text-3xl font-bold pb-6">Start learning for free</h3>

    <%= form_with url: sign_up_path, method: :get do |form| %>
      <div class="p-1 flex rounded-md bg-white focus-within:ring-2 focus-within:ring-indigo-500 border border-gray-300">
        <%= form.email_field :email, placeholder: 'Email Address', required: true, class: 'form-input border-none focus:ring-0 w-60 p-2 focus:outline-none bg-white block rounded-none lg:w-80 lg:text-md rounded-l-md' %>
        <%= form.submit 'Get Started!', class: 'button button--primary py-2' %>
      </div>
    <% end %>
  </div>
<% end %>

Enable Tailwind Form Plugin for Email CTA.
Chore: Enable Tailwind Form Plugin for Email CTA.

Because:
* We will be enabling the Tailwind form plugin for all form fields by default.

This commit:
* Enabled the TW form plugin for the email cta field manually and fixes styling.
