consultoria-as/app-padel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: rebrand to Cabo Pickleball Club with English UI

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ivan
2026-03-01 21:13:08 +00:00
parent f905c0dfbe
commit ec48ff8405
5 changed files with 43 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
apps/web/app/(auth)/login/page.tsx
View File

@@ -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>