Adding updates to mobile

Author: tnylea

includes/home/browser-tab-pages.html

@@ -2,7 +2,7 @@
     <div class="mx-auto">
         <div class="mx-auto mb-12 text-left md:text-center md:max-w-3xl">
             <span class="inline-block mb-4 text-sm font-medium tracking-tighter uppercase text-[#a9fd02]">Premium Authentication Experience</span>
-            <h2 class="text-2xl font-normal text-white text-balance sm:text-4xl md:text-6xl md:leading-tight font-rota">Plug-and-Play Auth<span class="hidden md:inline">entication</span> Pages for Your App<span class="hidden md:inline">lication</span></h2>
+            <h2 class="text-2xl font-normal text-white text-balance sm:text-4xl md:text-6xl md:leading-tight font-rota">Plug-and-Play Auth<span class="hidden md:inline">entication</span><span class="hidden sm:inline"> Pages</span> for Your App<span class="hidden md:inline">lication</span></h2>
         </div>
         <div class="flex relative justify-center items-center py-0 w-full">
             <div class="overflow-hidden absolute inset-0 z-10 w-full h-full">

includes/home/customize.html

@@ -2,7 +2,7 @@
     <div class="container px-6 mx-auto max-w-6xl lg:px-8">
         <div class="mx-auto mb-12 text-left md:text-center md:max-w-4xl">
             <span class="inline-block mb-4 text-sm font-medium tracking-tighter uppercase text-[#a9fd02]">Easily make it your own</span>
-            <h2 class="text-2xl font-normal text-white text-balance sm:text-4xl md:text-6xl md:leading-tight font-rota">Customize and Configure<br class="hidden md:block"> With Just a Few Clicks</h2>
+            <h2 class="text-2xl font-normal text-white text-balance sm:text-4xl md:text-6xl md:leading-tight font-rota">Customize<span class="hidden sm:inline"> and Configure</span><br class="hidden md:block"> With Just a Few Clicks</h2>
         </div>
 
         <div class="overflow-hidden relative px-16 pt-16 mb-10 rounded-xl border sm:pt-24 md:py-24 border-zinc-700 bg-zinc-950 radial-background">

includes/home/hero.html

@@ -14,7 +14,7 @@
         <div class="relative w-full h-px"></div>
         <!-- Heading Content -->
         <div class="pt-16 mx-auto max-w-5xl text-left lg:pt-24 sm:text-center">
-            <h1 class="pb-4 mb-2 text-3xl font-medium text-white text-balance font-rota md:leading-tight sm:text-5xl lg:text-7xl">Customizable, Drop-in Ready <br class="hidden md:block"> Authentication for Laravel</h1>
+            <h1 class="pb-4 mb-2 text-3xl font-medium text-white text-balance font-rota md:leading-tight sm:text-5xl lg:text-7xl"><span class="hidden sm:inline">Customizable, </span>Drop-in Ready <br class="hidden md:block"> Authentication for Laravel</h1>
             <!-- Seamless & Configurable Authentication for Laravel -->
             <p class="mx-auto mb-8 text-sm font-light leading-relaxed text-white opacity-80 text-balance sm:max-w-xl lg:max-w-3xl sm:text-base lg:text-xl lg:mb-12">Easily add Login, Registration, Email Verification, Forgot Password, Social Login, and Two-Factor Auth in a SNAP! Then, easily customize it to fit your brand. </p>