From ec48ff8405ef190331430c9de83b17142e5917ae Mon Sep 17 00:00:00 2001
From: Ivan <ivan@horuxfin.com>
Date: Sun, 1 Mar 2026 21:13:08 +0000
Subject: [PATCH] feat: rebrand to Cabo Pickleball Club with English UI

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/web/app/(auth)/login/page.tsx     | 47 +++++++++++++-------------
 apps/web/app/icon.svg                  |  2 +-
 apps/web/app/layout.tsx                | 10 +++---
 apps/web/app/page.tsx                  | 11 +++---
 apps/web/components/layout/sidebar.tsx | 18 ++++------
 5 files changed, 43 insertions(+), 45 deletions(-)

diff --git a/apps/web/app/(auth)/login/page.tsx b/apps/web/app/(auth)/login/page.tsx
index 8ed408f..b08b2a4 100644
--- a/apps/web/app/(auth)/login/page.tsx
+++ b/apps/web/app/(auth)/login/page.tsx
@@ -11,24 +11,25 @@ function LoginContent() {
         <div className="max-w-md text-center">
           {/* Logo */}
           <div className="mb-8 flex justify-center">
-            <div className="w-24 h-24 bg-amber-500/20 backdrop-blur-sm rounded-2xl flex items-center justify-center border border-amber-400/30">
-              <svg viewBox="0 0 100 100" className="w-16 h-16" fill="none">
+            <div className="w-24 h-24 bg-primary/20 backdrop-blur-sm rounded-2xl flex items-center justify-center border border-primary-300/30">
+              <svg viewBox="0 0 100 100" className="w-16 h-16 text-white" fill="none">
                 {/* Lightning bolt / smash icon */}
-                <path d="M55 10L20 55h25l-10 35L70 45H45l10-35z" fill="#FBBF24" />
+                <path d="M55 10L20 55h25l-10 35L70 45H45l10-35z" fill="currentColor" />
                 {/* Impact sparks */}
-                <circle cx="78" cy="18" r="4" fill="#FBBF24" opacity="0.8" />
-                <circle cx="85" cy="28" r="2.5" fill="#FBBF24" opacity="0.6" />
-                <circle cx="72" cy="10" r="2" fill="#FBBF24" opacity="0.5" />
+                <circle cx="78" cy="18" r="4" fill="currentColor" opacity="0.8" />
+                <circle cx="85" cy="28" r="2.5" fill="currentColor" opacity="0.6" />
+                <circle cx="72" cy="10" r="2" fill="currentColor" opacity="0.5" />
               </svg>
             </div>
           </div>
 
           {/* Title */}
-          <h1 className="text-4xl font-bold mb-4">SmashPoint</h1>
+          <h1 className="text-4xl font-bold mb-4">Cabo Pickleball Club</h1>
+          <p className="text-sm text-primary-300 mb-2">Powered by SmashPoint</p>
 
           {/* Tagline */}
           <p className="text-xl text-primary-200 mb-8">
-            Sistema de Gestion para Clubes de Padel
+            Court Management System
           </p>
 
           {/* Features */}
@@ -49,8 +50,8 @@ function LoginContent() {
                 </svg>
               </div>
               <div>
-                <p className="font-medium">Gestion de Reservas</p>
-                <p className="text-sm text-primary-300">Administra tus canchas y horarios</p>
+                <p className="font-medium">Court Bookings</p>
+                <p className="text-sm text-primary-300">Manage your courts and schedules</p>
               </div>
             </div>
 
@@ -66,8 +67,8 @@ function LoginContent() {
                 </svg>
               </div>
               <div>
-                <p className="font-medium">Control de Clientes</p>
-                <p className="text-sm text-primary-300">Membresias y perfiles completos</p>
+                <p className="font-medium">Player Management</p>
+                <p className="text-sm text-primary-300">Memberships and player profiles</p>
               </div>
             </div>
 
@@ -83,8 +84,8 @@ function LoginContent() {
                 </svg>
               </div>
               <div>
-                <p className="font-medium">Reportes y Estadisticas</p>
-                <p className="text-sm text-primary-300">Analiza el rendimiento de tu club</p>
+                <p className="font-medium">Reports & Analytics</p>
+                <p className="text-sm text-primary-300">Analyze your club's performance</p>
               </div>
             </div>
           </div>
@@ -95,23 +96,23 @@ function LoginContent() {
       <div className="w-full lg:w-1/2 flex flex-col justify-center items-center p-6 lg:p-12">
         {/* Mobile Logo */}
         <div className="lg:hidden mb-8 text-center text-white">
-          <div className="w-16 h-16 mx-auto mb-4 bg-amber-500/20 backdrop-blur-sm rounded-xl flex items-center justify-center border border-amber-400/30">
-            <svg viewBox="0 0 100 100" className="w-10 h-10" fill="none">
-              <path d="M55 10L20 55h25l-10 35L70 45H45l10-35z" fill="#FBBF24" />
-              <circle cx="78" cy="18" r="4" fill="#FBBF24" opacity="0.8" />
-              <circle cx="85" cy="28" r="2.5" fill="#FBBF24" opacity="0.6" />
-              <circle cx="72" cy="10" r="2" fill="#FBBF24" opacity="0.5" />
+          <div className="w-16 h-16 mx-auto mb-4 bg-primary/20 backdrop-blur-sm rounded-xl flex items-center justify-center border border-primary-300/30">
+            <svg viewBox="0 0 100 100" className="w-10 h-10 text-white" fill="none">
+              <path d="M55 10L20 55h25l-10 35L70 45H45l10-35z" fill="currentColor" />
+              <circle cx="78" cy="18" r="4" fill="currentColor" opacity="0.8" />
+              <circle cx="85" cy="28" r="2.5" fill="currentColor" opacity="0.6" />
+              <circle cx="72" cy="10" r="2" fill="currentColor" opacity="0.5" />
             </svg>
           </div>
-          <h1 className="text-2xl font-bold">SmashPoint</h1>
-          <p className="text-sm text-primary-200 mt-1">Sistema de Gestion para Clubes de Padel</p>
+          <h1 className="text-2xl font-bold">Cabo Pickleball Club</h1>
+          <p className="text-sm text-primary-200 mt-1">Court Management System</p>
         </div>
 
         <LoginForm />
 
         {/* Footer */}
         <p className="mt-8 text-center text-sm text-primary-300">
-          &copy; {new Date().getFullYear()} SmashPoint. Todos los derechos reservados.
+          &copy; {new Date().getFullYear()} SmashPoint. All rights reserved.
         </p>
       </div>
     </div>
diff --git a/apps/web/app/icon.svg b/apps/web/app/icon.svg
index 0fe275a..f032e1d 100644
--- a/apps/web/app/icon.svg
+++ b/apps/web/app/icon.svg
@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
-  <rect width="32" height="32" rx="8" fill="#F59E0B"/>
+  <rect width="32" height="32" rx="8" fill="#2990EA"/>
   <path d="M17.5 3L6.5 17h8l-3 12L22.5 15H14.5l3-12z" fill="white"/>
   <circle cx="25" cy="6" r="1.5" fill="white" opacity="0.8"/>
   <circle cx="27" cy="9" r="1" fill="white" opacity="0.6"/>
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 8fe9a95..c952aa0 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -5,10 +5,10 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "SmashPoint",
-  description: "Sistema de Gestión para Clubes de Pádel",
-  keywords: ["padel", "club", "reservas", "gestión", "deportes"],
-  authors: [{ name: "SmashPoint Team" }],
+  title: "Cabo Pickleball Club | SmashPoint",
+  description: "Court Management System for Cabo Pickleball Club",
+  keywords: ["pickleball", "cabo", "courts", "bookings", "club"],
+  authors: [{ name: "SmashPoint" }],
 };
 
 export default function RootLayout({
@@ -17,7 +17,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="es">
+    <html lang="en">
       <body className={inter.className}>{children}</body>
     </html>
   );
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index ce9d26a..8d021e8 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -6,7 +6,7 @@ export default function Home() {
       <div className="text-center space-y-8 px-4">
         {/* Logo */}
         <div className="flex justify-center">
-          <div className="w-20 h-20 bg-amber-500 rounded-2xl flex items-center justify-center shadow-lg">
+          <div className="w-20 h-20 bg-primary rounded-2xl flex items-center justify-center shadow-lg">
             <svg viewBox="0 0 40 40" className="w-12 h-12 text-white" fill="none">
               <path d="M22 4L8 22h10l-4 14L28 18H18l4-14z" fill="currentColor" />
               <circle cx="32" cy="8" r="2" fill="currentColor" opacity="0.8" />
@@ -16,10 +16,11 @@ export default function Home() {
           </div>
         </div>
         <h1 className="text-5xl md:text-6xl font-bold text-primary-800">
-          SmashPoint
+          Cabo Pickleball Club
         </h1>
+        <p className="text-sm text-primary-400 -mt-4">Powered by SmashPoint</p>
         <p className="text-xl md:text-2xl text-primary-600 max-w-2xl mx-auto">
-          Sistema de Gestion para Clubes de Padel
+          Court Management System
         </p>
         <div className="flex flex-col sm:flex-row gap-4 justify-center mt-8">
           <Link
@@ -29,10 +30,10 @@ export default function Home() {
             Dashboard
           </Link>
           <Link
-            href="/reservas"
+            href="/bookings"
             className="px-8 py-3 bg-accent-500 text-white font-semibold rounded-lg hover:bg-accent-600 transition-colors duration-200 shadow-lg hover:shadow-xl"
           >
-            Reservas
+            Book a Court
           </Link>
         </div>
       </div>
diff --git a/apps/web/components/layout/sidebar.tsx b/apps/web/components/layout/sidebar.tsx
index eee0839..63f91c0 100644
--- a/apps/web/components/layout/sidebar.tsx
+++ b/apps/web/components/layout/sidebar.tsx
@@ -5,8 +5,6 @@ import { usePathname } from 'next/navigation';
 import {
   LayoutDashboard,
   Calendar,
-  Trophy,
-  ShoppingCart,
   Users,
   CreditCard,
   BarChart3,
@@ -22,13 +20,11 @@ interface NavItem {
 
 const navItems: NavItem[] = [
   { label: 'Dashboard', href: '/dashboard', icon: LayoutDashboard },
-  { label: 'Reservas', href: '/bookings', icon: Calendar },
-  { label: 'Torneos', href: '/tournaments', icon: Trophy },
-  { label: 'Ventas', href: '/pos', icon: ShoppingCart },
-  { label: 'Clientes', href: '/clients', icon: Users },
-  { label: 'Membresías', href: '/memberships', icon: CreditCard },
-  { label: 'Reportes', href: '/reports', icon: BarChart3 },
-  { label: 'Configuración', href: '/settings', icon: Settings },
+  { label: 'Bookings', href: '/bookings', icon: Calendar },
+  { label: 'Players', href: '/clients', icon: Users },
+  { label: 'Memberships', href: '/memberships', icon: CreditCard },
+  { label: 'Reports', href: '/reports', icon: BarChart3 },
+  { label: 'Settings', href: '/settings', icon: Settings },
 ];
 
 export function Sidebar() {
@@ -38,7 +34,7 @@ export function Sidebar() {
     <aside className="fixed left-0 top-0 z-40 h-screen w-64 border-r border-primary-200 bg-white">
       {/* Logo Section */}
       <div className="flex h-16 items-center gap-3 border-b border-primary-200 px-6">
-        <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-amber-500">
+        <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-primary">
           <svg viewBox="0 0 40 40" className="w-7 h-7 text-white" fill="none">
             {/* Lightning bolt / smash icon */}
             <path d="M22 4L8 22h10l-4 14L28 18H18l4-14z" fill="currentColor" />
@@ -48,7 +44,7 @@ export function Sidebar() {
             <circle cx="30" cy="4" r="1" fill="currentColor" opacity="0.5" />
           </svg>
         </div>
-        <span className="text-xl font-semibold text-primary-800">SmashPoint</span>
+        <span className="text-xl font-semibold text-primary-800">Cabo Pickleball</span>
       </div>
 
       {/* Navigation */}