+
+ ) : (
+
+ 
+
+
+ {/* Sidebar */}
+
+
+ {/* Main Content */}
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/LandingPage.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/LandingPage.tsx
new file mode 100644
index 0000000..3e080bf
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/LandingPage.tsx
@@ -0,0 +1,257 @@
+import { Button } from '@/app/components/ui/button';
+import { Card, CardContent } from '@/app/components/ui/card';
+import { Trophy, Users, Calendar, Monitor, Zap, Shield } from 'lucide-react';
+import { ImageWithFallback } from '@/app/components/figma/ImageWithFallback';
+
+export default function LandingPage() {
+ return (
+
+ {/* Header */}
+
+
+
+
+
+
+
+
+
+
+ {/* Stats Cards */}
+
+
+
+ Dashboard
+Welcome back, John! Here's what's happening today.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Active Tournaments */}
+
+
+ Active Tournaments
+ 12
+
+
+
+
+ Matches Today
+ 24
+
+ 8 completed
+
+
+
+ Total Players
+ 324
+
+
+
+
+ Court Usage
+ 86%
+
+ This week average
+
+
+
+
+
+
+
+
+
+ {/* Recent Activity */}
+
+
+ Recent Activity
+
+
+
+
+
+
+ {/* Upcoming Matches */}
+
+ Active Tournaments
+
+
+
+
+
+
+
+
+
+
+
+ Summer Championship 2026
+Single Elimination
+
+ 16 teams
+ •
+ Quarter Finals
+
+
+
+
+
+
+
+
+
+
+ Weekend Mixed Doubles
+Round Robin
+
+ 12 teams
+ •
+ Starts Jan 30
+
+
+
+
+
+
+
+
+
+ Beginner's Cup
+Groups + Knockout
+
+ 20 teams
+ •
+ Group Stage
+
+
+
+
+
+
+
+
+ Match completed
+Team Alpha defeated Team Beta (6-4, 6-3)
+5 minutes ago
+
+
+
+
+
+
+
+ Tournament started
+Summer Championship 2026 is now in progress
+2 hours ago
+
+
+
+
+
+
+
+ New players added
+12 players imported from Playtomic
+Yesterday
+
+
+
+
+
+
+ Schedule conflict
+2 matches need court reassignment
+2 days ago
+
+ Upcoming Matches
+
+
+
+ {[1, 2, 3, 4].map((i) => (
+
+
+
+ ))}
+
+
+
+
+
+ Court {i}
+ 14:00
+
+
+
+
+ A{i}
+
+ Team Alpha {i}
+
+
+
+ B{i}
+
+ Team Beta {i}
+
+
+ Summer Championship
+
+ Quarter Final
+
+ {/* Hero Section */}
+
+
+
+ {/* Features Grid */}
+
+
+
+ {/* How It Works */}
+
+
+
+ {/* CTA Section */}
+
+
+
+ {/* Footer */}
+
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/LoginPage.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/LoginPage.tsx
new file mode 100644
index 0000000..6da1682
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/LoginPage.tsx
@@ -0,0 +1,70 @@
+import { Button } from '@/app/components/ui/button';
+import { Input } from '@/app/components/ui/input';
+import { Label } from '@/app/components/ui/label';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/app/components/ui/card';
+import { Separator } from '@/app/components/ui/separator';
+import { Trophy } from 'lucide-react';
+
+export default function LoginPage() {
+ return (
+
+
+
+
+
+
+
+
+ + Manage your padel tournaments with{' '} + tourn.me +
+ ++ The lightweight tool for padel centers to organize tournaments, schedule matches, + and communicate with players effortlessly. +
+ +
+
+
+
+
+
+
+
+
+
+ 500+
+ Tournaments
+
+
+
+ 50+
+ Padel Centers
+
+
+ 10k+
+ Players
+
+
+
+
+
+
+ Everything you need to run tournaments
++ From player management to live displays, we've got all your tournament needs covered +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Multiple Formats
++ Support for Round Robin, Single/Double Elimination, and Groups + Knockout formats +
+
+
+ Player Management
++ Import from Playtomic or add manually. Players shared across all centers +
+
+
+ Easy Scheduling
++ Drag & drop match ordering with optional court assignments +
+
+
+ Public Display
++ Shareable links for TV displays with optional access codes +
+
+
+ Auto Progression
++ Winners automatically advance in knockout brackets +
+
+
+ Multi-tenant SaaS
++ Secure, isolated data for each padel center +
+
+
+
+
+
+ How it works
+Get started in minutes
+
+
+
+
+
+
+ 1
+
+ Create Your Center
++ Sign up and set up your padel center profile in seconds +
+
+
+
+
+ 2
+
+ Import Players
++ Import from Playtomic or add players manually with their skill levels +
+
+
+
+ 3
+
+ Run Tournaments
++ Create tournaments, schedule matches, and share results on displays +
+Ready to simplify your tournaments?
++ Join padel centers around the world using tourn.me to manage their tournaments +
+
+
+
+
+
+
+
+ Welcome back
+ Sign in to your tourn.me account
+
+
+
+
+
+
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/PublicTournamentView.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/PublicTournamentView.tsx
new file mode 100644
index 0000000..a58b18e
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/PublicTournamentView.tsx
@@ -0,0 +1,291 @@
+import { Card, CardContent, CardHeader, CardTitle } from '@/app/components/ui/card';
+import { Badge } from '@/app/components/ui/badge';
+import { Avatar, AvatarFallback } from '@/app/components/ui/avatar';
+import { Trophy, Calendar, Play, CheckCircle2, Clock } from 'lucide-react';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/app/components/ui/table';
+
+export default function PublicTournamentView() {
+ return (
+
+
+
+
+
+
+
+
+ Don't have an account?
+
+ Sign up
+
+
+
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/RegisterPage.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/RegisterPage.tsx
new file mode 100644
index 0000000..b4b8468
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/RegisterPage.tsx
@@ -0,0 +1,185 @@
+import { Button } from '@/app/components/ui/button';
+import { Input } from '@/app/components/ui/input';
+import { Label } from '@/app/components/ui/label';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/app/components/ui/card';
+import { Separator } from '@/app/components/ui/separator';
+import { Trophy, CheckCircle2 } from 'lucide-react';
+
+export default function RegisterPage() {
+ return (
+
+ {/* Header */}
+
+
+
+
+
+
+
+
+
+
+
+
+ Summer Championship 2026
+
+ Single Elimination
+ •
+ 16 Teams
+ •
+ Male / Advanced
+
+
+
+ Quarter Finals
+
+
+
+ {new Date().toLocaleDateString('en-US', {
+ weekday: 'long',
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric'
+ })}
+
+
+ {/* Left Column - Matches */}
+
+
+ {/* Footer Bar */}
+
+
+
+ {/* Right Column - Bracket & Standings */}
+
+
+ Live & Upcoming Matches
+ +
+ {/* Live Match */}
+
+
+
+
+ {/* Completed Match */}
+
+
+
+ Quarter Final #2
+
+
+
+ {/* Team 1 */}
+
+
+
+
+ {/* Team 2 */}
+
+
+ D
+
+
+
+
+ Team Delta
+ P. Brown / L. Garcia
+
+
+ 6
+ Set 1
+
+
+
+
+ G
+
+
+
+
+ Team Gamma
+ R. Wilson / S. Martinez
+
+
+ 5
+ Set 1
+
+
+
+ {/* Upcoming Matches */}
+
+
+
+ Quarter Final #1
+
+
+
+
+
+
+
+
+
+ A
+
+
+
+
+ Team Alpha
+ J. Doe / M. Smith
+ 6-4, 6-3
+
+
+
+
+ B
+
+
+
+
+ Team Beta
+ A. Johnson / K. Lee
+ 4-6, 3-6
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 17:00
+ •
+ Team Epsilon vs Team Zeta
+
+ Court 1
+
+
+
+ 17:00
+ •
+ Team Theta vs Team Iota
+
+ Court 2
+
+ {/* Bracket Preview */}
+
+
+
+
+ {/* Top Performers */}
+ Bracket
+
+
+
+
+
+ Semi Finals
+
+
+
+ TBD
+
+
+ TBD
+
+
+
+ Final
+
+
+ Champion
+ TBD
+
+
+
+ {/* QR Code / Access Info */}
+ Top Performers
+
+
+
+
+ A
+
+
+
+
+ 1
+
+
+
+ Team Alpha
+ 3 wins
+
+
+ D
+
+
+
+
+ 2
+
+
+
+ Team Delta
+ 3 wins
+
+
+ E
+
+
+
+ 3
+
+
+
+ Team Epsilon
+ 2 wins
+
+
+
+
+
+
+ 📱
+ Follow Live
+Scan to view on your device
+tourn.me/summer26
+
+
+
+
+
+
+
+
+ T
+
+
+
+ My Padel Center
+ Powered by tourn.me
+
+
+
+
+
+ 4
+ Matches Today
+
+
+
+ 8
+ Teams Left
+
+
+ 15:42
+ Current Time
+
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/TournamentDetailPage.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/TournamentDetailPage.tsx
new file mode 100644
index 0000000..101d545
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/TournamentDetailPage.tsx
@@ -0,0 +1,473 @@
+import { Button } from '@/app/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/app/components/ui/card';
+import { Badge } from '@/app/components/ui/badge';
+import { Avatar, AvatarFallback } from '@/app/components/ui/avatar';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/app/components/ui/tabs';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/app/components/ui/table';
+import { ArrowLeft, Edit, Share2, Trophy, Calendar, Users, Settings, GripVertical, Plus, Play, CheckCircle2, Clock } from 'lucide-react';
+
+export default function TournamentDetailPage() {
+ return (
+
+ {/* Left side - Benefits */}
+
+
+ Create your account
+ Start your 14-day free trial. No credit card required.
+
+
+
+
+
+
+
+
+
+
+ {/* Right side - Form */}
+
+
+
+ Start managing tournaments today
++ Join hundreds of padel centers using tourn.me +
+
+
+
+
+
+
+
+
+
+
+ Multiple tournament formats
++ Round Robin, Single/Double Elimination, Groups + Knockout +
+
+
+
+
+
+
+
+ Import from Playtomic
++ Sync your player database with one click +
+
+
+
+
+
+
+
+ Public TV displays
++ Share tournament brackets and matches on your screens +
+
+
+
+
+
+
+ Easy match scheduling
++ Drag & drop interface for quick organization +
+
+
+
+
+
+
+
+ 500+
+ Tournaments
+
+
+
+ 50+
+ Centers
+
+
+ 10k+
+ Players
+
+
+
+
+
+
+
+
+ Already have an account?
+
+ Sign in
+
+
+
+ {/* Back Button & Header */}
+
+
+ Overview
+ Matches
+ Bracket
+ Teams
+
+
+
+
+
+
+
+
+
+
+
+ Tournament Bracket - Single Elimination
+ 16 teams competing for the championship
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/TournamentListPage.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/TournamentListPage.tsx
new file mode 100644
index 0000000..dac33f4
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/pages/TournamentListPage.tsx
@@ -0,0 +1,291 @@
+import { Button } from '@/app/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/app/components/ui/card';
+import { Input } from '@/app/components/ui/input';
+import { Badge } from '@/app/components/ui/badge';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/app/components/ui/tabs';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/app/components/ui/select';
+import { Plus, Search, Filter, Trophy, Calendar, Users, MoreVertical, Play, CheckCircle2, Clock } from 'lucide-react';
+import { ImageWithFallback } from '@/app/components/figma/ImageWithFallback';
+
+export default function TournamentListPage() {
+ return (
+
+
+
+
+
+ {/* Quick Stats */}
+
+
+
+
+
+
+
+
+
+ Summer Championship 2026
+
+
+
+
+ •
+
+
+ •
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Tabs */}
+ Total Matches
+ 15
+ 8 remaining
+ Current Round
+ Quarter Finals
+ 4 of 8 matches
+ Matches Today
+ 4
+ 2 completed
+ Public Views
+ 2.4k
+ Last 24 hours
+
+
+
+ Tournament Information
+
+
+
+
+
+
+
+ Recent Activity
+
+
+
+
+
+
+ Format:
+ Single Elimination
+
+
+ Category:
+ Male / Advanced
+
+
+ Start Date:
+ Jan 25, 2026
+
+
+ End Date:
+ Jan 29, 2026
+
+
+ Scoring:
+ Best of 3 sets
+
+
+ Access Code:
+ SUMMER26
+
+
+
+
+
+
+
+ Match #7 completed
+Team Alpha won 6-4, 6-3
+5 minutes ago
+
+
+
+
+
+
+ Match #8 started
+Team Delta vs Team Gamma
+12 minutes ago
+
+
+
+ {/* Quarter Finals */}
+ Match Schedule
+
+
+
+
+
+
+
+ 4 matches
+
+
+ Quarter Finals
+
+ {/* Match Card - Completed */}
+
+
+
+
+
+ {/* Match Card - In Progress */}
+
+
+
+
+
+ {/* Match Card - Pending */}
+
+
+
+
+
+
+
+
+
+
+ {/* Team 1 */}
+
+
+
+
+ A1
+
+
+
+ {/* Score */}
+
+
+ Team Alpha
+ J. Doe / M. Smith
+
+
+
+
+
+ {/* Team 2 */}
+ 6-4, 6-3
+
+
+ B2
+
+
+
+
+ Team Beta
+ A. Johnson / K. Lee
+
+
+ Court 1
+ 14:00
+
+
+
+
+
+
+
+
+
+
+ D3
+
+
+
+
+
+ Team Delta
+ P. Brown / L. Garcia
+
+
+
+
+
+ 6-5
+ Set 1
+
+
+ G4
+
+
+
+
+ Team Gamma
+ R. Wilson / S. Martinez
+
+
+ Court 2
+ 15:30
+
+
+
+
+
+
+
+
+
+
+ E5
+
+
+
+
+
+ Team Epsilon
+ T. Anderson / N. Taylor
+
+
+
+
+
+ vs
+
+
+ Z6
+
+
+
+
+ Team Zeta
+ H. Thomas / C. Moore
+
+
+ Court 1
+ 17:00
+
+
+
+
+ {/* Bracket visualization */}
+
+
+ {/* Round of 16 */}
+
+
+
+
+ {/* Quarter Finals */}
+ Round of 16
+ {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => ( +
+ Team {i}
+
+ ))}
+
+
+
+ {/* Semi Finals */}
+ Quarter Finals
+
+ Team Alpha
+
+
+ Team Delta
+
+
+ Team Epsilon
+
+
+ Team Zeta
+
+
+
+
+ {/* Final */}
+ Semi Finals
+
+ TBD
+
+
+ TBD
+
+
+
+
+
+ Final
+
+
+ Champion
+ TBD
+
+
+
+ All Teams (16)
+ +
+ {/* Header */}
+
+
+
+
+
+ {/* Tabs */}
+
+
+ Active (12)
+ Upcoming (5)
+ Completed (48)
+ Drafts (3)
+
+
+
+ {/* Tournament Cards Grid */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/tournme/new/Design Tourn.me UI_UX/src/app/components/ui/accordion.tsx b/tournme/new/Design Tourn.me UI_UX/src/app/components/ui/accordion.tsx
new file mode 100644
index 0000000..bd6b1e3
--- /dev/null
+++ b/tournme/new/Design Tourn.me UI_UX/src/app/components/ui/accordion.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+
+import { cn } from "./utils";
+
+function Accordion({
+ ...props
+}: React.ComponentProps
+
+
+ {/* Filters */}
+
+
+
+ Tournaments
+Manage all your padel tournaments
+
+
+
+
+
+
+
+
+
+
+ {/* Tournament Card 1 - In Progress */}
+
+
+
+
+
+
+
+ {/* Tournament Card 2 - In Progress */}
+
+
+
+
+
+
+
+ {/* Tournament Card 3 - In Progress */}
+
+
+
+
+
+
+
+
+ {/* List View Option */}
+
+
+
+
+
+
+
+
+
+ Summer Championship 2026
+ Started Jan 25, 2026
+
+
+
+ Male
+
+
+
+
+
+
+
+
+
+
+ 16
+ Teams
+
+
+ 12
+ Matches
+
+
+ QF
+ Round
+
+
+
+
+
+
+
+
+
+ Weekend Mixed Doubles
+ Started Jan 27, 2026
+
+
+
+ Mixed
+
+
+
+
+
+
+
+
+
+
+ 12
+ Teams
+
+
+ 45
+ Matches
+
+
+ R3
+ Round
+
+
+
+
+
+
+
+
+
+ Beginner's Cup
+ Started Jan 28, 2026
+
+
+
+ Male
+
+
+
+
+
+
+
+
+
+
+ 20
+ Teams
+
+
+ 30
+ Matches
+
+
+ GS
+ Stage
+
+ All Active Tournaments
+
+
+
+
+
+ Upcoming tournaments view...
+Completed tournaments view...
+Draft tournaments view...
+{children}
+
+ {children}
+
+
+
+
+ );
+}
+
+function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
+ const { orientation } = useCarousel();
+
+ return (
+
+ );
+}
+
+function CarouselPrevious({
+ className,
+ variant = "outline",
+ size = "icon",
+ ...props
+}: React.ComponentProps
+
+ {children}
+
+
+