From 5148a25509e2c4c5c2b51666854811713bc9f9fc Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Thu, 16 Jul 2026 21:48:35 +0000
Subject: [PATCH] Keep bookshop title in the hero, above the author card.

Restore a single hero layout: title and tagline sit on the cover with
extra bottom padding so the overlapping author card does not cover them.
---
 resources/views/public/qr/landing.blade.php | 30 +++++++++------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/resources/views/public/qr/landing.blade.php b/resources/views/public/qr/landing.blade.php
index 5b7d731..632ccbc 100644
--- a/resources/views/public/qr/landing.blade.php
+++ b/resources/views/public/qr/landing.blade.php
@@ -1213,32 +1213,26 @@
     ];
 @endphp
 <div class="min-h-screen bg-stone-100 pb-12">
-    <div class="relative h-40 overflow-hidden sm:h-48">
+    {{-- Extra bottom padding leaves room so title/sub sit above the overlapping author card --}}
+    <div class="relative h-52 overflow-hidden sm:h-56">
         @if($aCover)
             <img src="{{ $aCover }}" alt="" class="absolute inset-0 h-full w-full object-cover">
-            <div class="absolute inset-0 bg-gradient-to-b from-black/10 to-black/40 sm:from-black/20 sm:to-black/60"></div>
+            <div class="absolute inset-0 bg-gradient-to-b from-black/20 to-black/65"></div>
         @else
             <div class="absolute inset-0" style="background: linear-gradient(145deg, {{ $aColor }}, {{ $aColor }}99);"></div>
         @endif
-        {{-- Desktop: title stays on the cover --}}
-        <div class="absolute inset-x-0 bottom-0 hidden px-5 pb-5 text-white sm:block">
-            <h1 class="text-2xl font-bold">{{ $aName }}</h1>
-            @if($aTagline)
-                <p class="mt-1 truncate text-sm text-white/90">{{ $aTagline }}</p>
-            @endif
+        <div class="absolute inset-x-0 bottom-0 px-5 pb-12 sm:pb-14">
+            <div class="mx-auto max-w-md text-white">
+                <h1 class="text-2xl font-bold">{{ $aName }}</h1>
+                @if($aTagline)
+                    <p class="mt-1 truncate text-sm text-white/90">{{ $aTagline }}</p>
+                @endif
+            </div>
         </div>
     </div>
 
-    <div class="mx-auto max-w-md px-4">
-        {{-- Mobile: title + sub sit above the author card --}}
-        <div class="mb-3 mt-4 sm:hidden">
-            <h1 class="text-xl font-bold text-slate-900">{{ $aName }}</h1>
-            @if($aTagline)
-                <p class="mt-0.5 truncate text-sm text-slate-600">{{ $aTagline }}</p>
-            @endif
-        </div>
-
-        <div class="relative rounded-3xl bg-white p-5 shadow-xl sm:-mt-8">
+    <div class="relative z-10 mx-auto -mt-8 max-w-md px-4">
+        <div class="rounded-3xl bg-white p-5 shadow-xl">
             <div class="flex items-start gap-3">
                 <div class="flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-2xl border-2 border-white shadow" style="background: {{ $aColor }};">
                     @if($aAvatar)