Small improvement to the homepage

Author: brendt

src/Web/Homepage/home.view.php

@@ -18,21 +18,21 @@
     <!-- Moonlight -->
     <x-moonlight />
     <!-- Content -->
-    <main class="container mx-auto relative flex flex-col grow -mt-(--ui-header-height)" style="tab-size: 2">
+    <main class="container mx-auto relative flex flex-col gap-4 grow -mt-(--ui-header-height)" style="tab-size: 2">
       <!-- Hero -->
-      <section class="h-screen flex justify-center flex-col tracking-tighter px-6">
+      <section class="md:h-[85svh] md:pt-24 flex justify-center flex-col tracking-tighter px-6 mt-32 md:mt-0">
         <h1 class="text-4xl md:text-5xl xl:text-6xl leading-none flex flex-col">
-          <span>Forget about the framework,</span>
-          <span class="text-(--ui-primary)">focus on your business code.</span>
+          <span>The framework that</span>
+          <span class="text-(--ui-primary)">gets out of your way.</span>
         </h1>
         <p class="mt-4 md:mt-6 xl:mt-8 max-w-xl text-xl xl:text-2xl text-(--ui-text-toned)">
-          Tempest embraces modern PHP syntax and covers a wide range of features, giving you all the tools you need to build solid web applications.
+            Tempest embraces modern PHP syntax and covers a wide range of features, giving you all the tools you need to <span class="font-bold">focus on your code</span>.
         </p>
-        <div class="mt-6 md:mt-8 xl:mt-10 flex gap-4 items-center font-medium text-lg">
+        <div class="mt-6 md:mt-8 xl:mt-10 flex gap-4 items-center font-medium text-lg justify-center md:justify-start">
           <a :href="uri([ChapterController::class, 'index'])" class="bg-(--ui-bg-inverted) text-(--ui-bg) hover:bg-(--ui-bg-inverted)/90 rounded-xl px-6 py-2.5 gap-1.5 transition">
             Get started
           </a>
-          <a :href="uri([RedirectsController::class, 'github'])" class="text(--ui-text) hover:bg-(--ui-info)/10 group rounded-xl px-6 py-2.5 flex items-center gap-x-1.5 transition">
+          <a :href="uri([RedirectsController::class, 'github'])" class="hidden md:flex text(--ui-text) hover:bg-(--ui-info)/10 group rounded-xl px-6 py-2.5 flex items-center gap-x-1.5 transition">
             <x-icon name="tabler:brand-github" class="size-6" />
             Source code
             <svg class="group-hover:translate-x-0 size-5 scale-85 group-hover:scale-100 transition opacity-0 group-hover:opacity-100 -translate-x-full" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">