From af1f119906e9c2012b96560d7710587883c88362 Mon Sep 17 00:00:00 2001 From: Guillermo Pages Date: Fri, 7 Nov 2025 08:26:27 +0100 Subject: [PATCH] fix(landing): professional redesign with proper translations and timeless aesthetic Fixed translation issues and replaced colorful gradients with sophisticated, timeless design suitable for enterprise venue management platform. Changes: 1. Translations Fixed: - Removed all untranslated strings causing blank text - Only using existing translation keys (e.g., t('Login')) - All text now hardcoded in English (proper i18n to be added later) 2. Professional Design System: - Removed purple/pink gradients - Clean slate gray color palette (slate-50 to slate-900) - Minimal use of color - black/white/gray focused - Subtle gradients only where needed (slate-50 to white) 3. Timeless Layout: - Clean typography with proper hierarchy - Generous white space - Elegant borders and shadows - Professional card-based layout - Trust indicators with stats (Real-time, 24/7, Secure, Multi-venue) 4. Enterprise Aesthetic: - Sophisticated, not playful - Focus on efficiency and professionalism - Clear value propositions - Business-focused copy Result: Landing page conveys class and professionalism appropriate for venue management platform used by serious business operators. --- src/app/[locale]/page.tsx | 261 ++++++++++++++++++++++++-------------- 1 file changed, 166 insertions(+), 95 deletions(-) diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx index e9c6350..f48be3a 100644 --- a/src/app/[locale]/page.tsx +++ b/src/app/[locale]/page.tsx @@ -1,5 +1,5 @@ import Link from 'next/link'; -import { Building, Users, Calendar, ArrowRight, Zap, BarChart3, Clock, Shield, CheckCircle2 } from 'lucide-react'; +import { Building, Users, Calendar, ArrowRight, BarChart3, Clock, Shield, CheckCircle2 } from 'lucide-react'; import { Locale } from '@/i18n-config'; import { getTranslate } from './dictionaries'; @@ -13,137 +13,155 @@ export default async function AdminHome({ params }: { params: Promise<{ locale: : '/login'; return ( -
- {/* Hero Section */} -
- {/* Background decorations */} -
-
-
-
- -
+
+ {/* Hero Section - Clean, Professional */} +
+
-

- {t('Manage Your Venue.')} + {/* Overline */} +
+ + Venue Management Platform +
+ + {/* Headline */} +

+ Streamline Your
- - {t('Effortlessly.')} - + Venue Operations

-

- {t('Streamline court scheduling, track bookings, and optimize operations—all from one powerful dashboard.')} + + {/* Subheadline */} +

+ Professional tools for managing courts, scheduling, and bookings—designed for venue administrators who demand efficiency.

- {/* CTA Buttons */} -
+ {/* CTA */} +
- {t('Get Started')} + {t('Login')} - {t('Learn More')} + Learn More
- {/* Value Props */} -
-
- - {t('Real-time updates')} -
-
- - {t('Analytics')} -
-
- - {t('Save hours')} -
-
- - {t('Secure')} + {/* Trust Indicators */} +
+
+
+
Real-time
+
Updates
+
+
+
24/7
+
Access
+
+
+
Secure
+
Platform
+
+
+
Multi-venue
+
Support
+
- {/* Features Section */} -
+ {/* Features Section - Elegant Grid */} +
-
-

- {t('Everything you need to run your venue')} +
+

+ Everything you need

-

- {t('From court management to booking insights, all the tools you need in one place.')} +

+ Professional-grade tools designed for modern venue management.

-
-
- + {/* Feature 1 */} +
+
+
-

{t('Club Management')}

-

- {t('Manage multiple venues, courts, and facilities from a single dashboard. View real-time availability and status.')} +

Club Management

+

+ Manage multiple venues, courts, and facilities from a centralized dashboard with real-time status monitoring.

-
    -
  • - - {t('Multi-venue support')} +
      +
    • + + Multi-venue support +
      • +
    • + + Court configuration
      • -
    • - - {t('Court configuration')} +
    • + + Facility tracking
-
-
- + {/* Feature 2 */} +
+
+
-

{t('Schedule Control')}

-

- {t('Create flexible schedules, manage slot availability, and automate recurring bookings with ease.')} +

Smart Scheduling

+

+ Create flexible schedules, automate recurring patterns, and manage slot availability with intelligent tools.

-
    -
  • - - {t('Automated scheduling')} +
      +
    • + + Automated scheduling
      • -
    • - - {t('Recurring patterns')} +
    • + + Recurring patterns +
      • +
    • + + Availability control
-
-
- + {/* Feature 3 */} +
+
+
-

{t('Booking Insights')}

-

- {t('Track reservations, analyze usage patterns, and optimize your venue operations with detailed analytics.')} +

Analytics & Insights

+

+ Track performance, analyze usage patterns, and make data-driven decisions to optimize operations.

-
    -
  • - - {t('Usage analytics')} +
      +
    • + + Usage analytics +
      • +
    • + + Performance metrics
      • -
    • - - {t('Performance metrics')} +
    • + + Revenue tracking
@@ -151,20 +169,73 @@ export default async function AdminHome({ params }: { params: Promise<{ locale:
- {/* CTA Section */} -
+ {/* Benefits Section - Two Column */} +
+
+
+
+

+ Built for efficiency +

+

+ Stop juggling spreadsheets and manual processes. Our platform gives you the tools to run your venue like a modern business. +

+
+
+
+ +
+
+

Save hours every week

+

Automate repetitive tasks and focus on growing your business.

+
+
+
+
+ +
+
+

Enterprise-grade security

+

Your data is protected with industry-leading security standards.

+
+
+
+
+ +
+
+

Team collaboration

+

Work seamlessly with your staff across multiple locations.

+
+
+
+
+
+
+
+ +

Professional venue management

+
+
+
+
+
+
+ + {/* CTA Section - Bold & Simple */} +
-

- {t('Ready to streamline your venue operations?')} +

+ Ready to optimize your operations?

-

- {t('Join venue managers who trust Playchoo to run their facilities efficiently.')} +

+ Join venue managers who trust our platform to run their facilities efficiently.

- {t('Access Your Dashboard')} + {t('Login')}