fix: adjust homepage layout and styling for improved presentation

- Removed unnecessary padding from the hero section for a cleaner look.
- Updated the layout of the main heading to enhance visual hierarchy.
- Streamlined the structure of the homepage for better user experience.

Author: zcesur

lib/algora_web/live/home_live.ex

@@ -97,10 +97,10 @@ defmodule AlgoraWeb.HomeLive do
             </div>
           </div>
           <!-- Hero content -->
-          <div class="mx-auto max-w-7xl px-6 pt-24 pb-12 lg:px-8 xl:pt-20 2xl:pt-28">
+          <div class="mx-auto max-w-7xl px-6 pt-24 pb-12 lg:px-8 xl:pt-20">
             <div class="mx-auto gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
-              <div class="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl 2xl:max-w-3xl">
-                <h1 class="font-display text-pretty text-5xl font-semibold tracking-tight text-foreground sm:text-7xl">
+              <div class="xl:pb-20 relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl 2xl:max-w-3xl">
+                <h1 class="font-display text-5xl font-semibold tracking-tight text-foreground sm:text-7xl">
                   The open source Upwork for engineers
                 </h1>
                 <p class="mt-8 font-display text-lg font-medium text-muted-foreground sm:max-w-md sm:text-2xl/8 lg:max-w-none">