From 4c7b8251292308f8f3e7d8355060b358225fd448 Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Mon, 8 Jun 2026 16:34:36 -0300
Subject: [PATCH] refactor(public-booking): remove MobileBottomNav component
 and adjust layout styles

---
 .../public-booking/public-booking-page.tsx    | 39 +------------------
 1 file changed, 1 insertion(+), 38 deletions(-)

diff --git a/apps/frontend/src/features/public-booking/public-booking-page.tsx b/apps/frontend/src/features/public-booking/public-booking-page.tsx
index 3811e01..1197fc7 100644
--- a/apps/frontend/src/features/public-booking/public-booking-page.tsx
+++ b/apps/frontend/src/features/public-booking/public-booking-page.tsx
@@ -26,7 +26,6 @@ import {
   Check,
   ChevronLeft,
   ChevronRight,
-  Clock3,
   Dumbbell,
   Lock,
   MapPin,
@@ -413,7 +412,7 @@ function PublicBookingPageChrome({
   if (mobile) {
     return (
       <main className={`${themeClass} min-h-screen bg-[#050d14] text-white`}>
-        <div className="public-booking-frame mx-auto min-h-screen max-w-[430px] bg-[radial-gradient(circle_at_50%_0%,rgba(17,185,129,0.16),transparent_34%),linear-gradient(180deg,#07131d_0%,#071018_47%,#050b11_100%)] px-4 pb-24 pt-7 shadow-2xl shadow-black">
+        <div className="public-booking-frame mx-auto min-h-screen max-w-[430px] bg-[radial-gradient(circle_at_50%_0%,rgba(17,185,129,0.16),transparent_34%),linear-gradient(180deg,#07131d_0%,#071018_47%,#050b11_100%)] px-4 pb-0 pt-7 shadow-2xl shadow-black">
           <header className="flex items-center justify-between">
             <PlayzerBrand compact />
             <PublicBookingThemeToggle />
@@ -440,8 +439,6 @@ function PublicBookingPageChrome({
           </div>
 
           {children}
-
-          <MobileBottomNav />
         </div>
       </main>
     );
@@ -1282,40 +1279,6 @@ function SelectedSlotCard(props: BookingShellProps & { compact?: boolean }) {
   );
 }
 
-function MobileBottomNav() {
-  const items = [
-    { label: 'Reservar', icon: CalendarDays, active: true },
-    { label: 'Canchas', icon: Building2 },
-    { label: 'Cómo funciona', icon: Clock3 },
-    { label: 'Contacto', icon: Users },
-  ];
-
-  return (
-    <nav className="fixed inset-x-0 bottom-0 z-40 mx-auto max-w-[430px] border-t border-emerald-500/30 bg-[#061019]/94 px-4 py-3 backdrop-blur">
-      <div className="grid grid-cols-4 gap-1">
-        {items.map((item) => {
-          const Icon = item.icon;
-
-          return (
-            <a
-              key={item.label}
-              href={
-                item.label === 'Reservar' ? '#' : `#${item.label.toLowerCase().replace(' ', '-')}`
-              }
-              className={`flex flex-col items-center gap-1 text-[11px] ${
-                item.active ? 'text-emerald-400' : 'text-white/58'
-              }`}
-            >
-              <Icon className="size-5" />
-              {item.label}
-            </a>
-          );
-        })}
-      </div>
-    </nav>
-  );
-}
-
 export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
   const navigate = useNavigate();
   const isMobile = useIsMobile();