[V0_FILE]css:file="app/globals.css" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated color palette for casino theme with cyan primary and green accents */ --background: oklch(0.98 0.005 240); /* Light gray background */ --foreground: oklch(0.35 0.01 240); /* Dark gray text */ --card: oklch(1 0 0); /* Pure white cards */ --card-foreground: oklch(0.35 0.01 240); /* Dark gray card text */ --popover: oklch(1 0 0); /* White popovers */ --popover-foreground: oklch(0.35 0.01 240); /* Dark gray popover text */ --primary: oklch(0.55 0.15 195); /* Vibrant cyan for primary actions */ --primary-foreground: oklch(1 0 0); /* White text on primary */ --secondary: oklch(0.75 0.15 130); /* Bright green for luck/winnings */ --secondary-foreground: oklch(1 0 0); /* White text on secondary */ --muted: oklch(0.96 0.005 240); /* Light muted background */ --muted-foreground: oklch(0.55 0.01 240); /* Medium gray muted text */ --accent: oklch(0.75 0.15 130); /* Green accent for highlights */ --accent-foreground: oklch(1 0 0); /* White text on accents */ --destructive: oklch(0.6 0.2 25); /* Red for errors */ --destructive-foreground: oklch(1 0 0); /* White text on destructive */ --border: oklch(0.9 0.005 240); /* Light gray borders */ --input: oklch(1 0 0); /* White input fields */ --ring: oklch(0.55 0.15 195 / 0.5); /* Semi-transparent cyan focus ring */ --chart-1: oklch(0.55 0.15 195); /* Cyan chart color */ --chart-2: oklch(0.75 0.15 130); /* Green chart color */ --chart-3: oklch(0.6 0.2 25); /* Red chart color */ --chart-4: oklch(0.7 0.1 280); /* Purple chart color */ --chart-5: oklch(0.65 0.12 60); /* Orange chart color */ --radius: 0.5rem; /* Rounded corners */ --sidebar: oklch(1 0 0); /* White sidebar */ --sidebar-foreground: oklch(0.35 0.01 240); /* Dark gray sidebar text */ --sidebar-primary: oklch(0.55 0.15 195); /* Cyan sidebar primary */ --sidebar-primary-foreground: oklch(1 0 0); /* White sidebar primary text */ --sidebar-accent: oklch(0.75 0.15 130); /* Green sidebar accent */ --sidebar-accent-foreground: oklch(1 0 0); /* White sidebar accent text */ --sidebar-border: oklch(0.9 0.005 240); /* Light gray sidebar border */ --sidebar-ring: oklch(0.55 0.15 195 / 0.5); /* Cyan sidebar focus ring */ } .dark { /* Dark mode casino theme with rich dark backgrounds */ --background: oklch(0.08 0.01 240); /* Very dark background */ --foreground: oklch(0.95 0.005 240); /* Light text */ --card: oklch(0.12 0.01 240); /* Dark card background */ --card-foreground: oklch(0.95 0.005 240); /* Light card text */ --popover: oklch(0.12 0.01 240); /* Dark popover */ --popover-foreground: oklch(0.95 0.005 240); /* Light popover text */ --primary: oklch(0.6 0.18 195); /* Brighter cyan for dark mode */ --primary-foreground: oklch(0.08 0.01 240); /* Dark text on primary */ --secondary: oklch(0.7 0.18 130); /* Brighter green for dark mode */ --secondary-foreground: oklch(0.08 0.01 240); /* Dark text on secondary */ --muted: oklch(0.15 0.01 240); /* Dark muted background */ --muted-foreground: oklch(0.65 0.005 240); /* Medium light muted text */ --accent: oklch(0.7 0.18 130); /* Bright green accent */ --accent-foreground: oklch(0.08 0.01 240); /* Dark text on accent */ --destructive: oklch(0.65 0.22 25); /* Bright red for errors */ --destructive-foreground: oklch(0.95 0.005 240); /* Light text on destructive */ --border: oklch(0.2 0.01 240); /* Dark border */ --input: oklch(0.15 0.01 240); /* Dark input fields */ --ring: oklch(0.6 0.18 195 / 0.5); /* Bright cyan focus ring */ --chart-1: oklch(0.6 0.18 195); /* Bright cyan chart */ --chart-2: oklch(0.7 0.18 130); /* Bright green chart */ --chart-3: oklch(0.65 0.22 25); /* Bright red chart */ --chart-4: oklch(0.75 0.15 280); /* Bright purple chart */ --chart-5: oklch(0.7 0.15 60); /* Bright orange chart */ --sidebar: oklch(0.1 0.01 240); /* Dark sidebar */ --sidebar-foreground: oklch(0.95 0.005 240); /* Light sidebar text */ --sidebar-primary: oklch(0.6 0.18 195); /* Bright cyan sidebar primary */ --sidebar-primary-foreground: oklch(0.08 0.01 240); /* Dark sidebar primary text */ --sidebar-accent: oklch(0.7 0.18 130); /* Bright green sidebar accent */ --sidebar-accent-foreground: oklch(0.08 0.01 240); /* Dark sidebar accent text */ --sidebar-border: oklch(0.2 0.01 240); /* Dark sidebar border */ --sidebar-ring: oklch(0.6 0.18 195 / 0.5); /* Bright cyan sidebar focus ring */ } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/lobby/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/games/slots/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Slider } from "@/components/ui/slider" import { Coins, ArrowLeft, Volume2, VolumeX, Trophy, Zap } from "lucide-react" import Link from "next/link" const SYMBOLS = ["🍒", "🍋", "🍊", "🍇", "⭐", "💎", "🔔", "7️⃣"] const SYMBOL_VALUES = { "🍒": 2, "🍋": 3, "🍊": 4, "🍇": 5, "⭐": 10, "💎": 25, "🔔": 50, "7️⃣": 100, } export default function SlotMachine() { const [chips, setChips] = useState(10000) const [bet, setBet] = useState([50]) const [reels, setReels] = useState(["🍒", "🍋", "🍊"]) const [isSpinning, setIsSpinning] = useState(false) const [lastWin, setLastWin] = useState(0) const [totalWins, setTotalWins] = useState(0) const [spinsCount, setSpinsCount] = useState(0) const [soundEnabled, setSoundEnabled] = useState(true) const [autoPlay, setAutoPlay] = useState(false) const [winMessage, setWinMessage] = useState("") const getRandomSymbol = () => SYMBOLS[Math.floor(Math.random() * SYMBOLS.length)] const calculateWin = (reels: string[]) => { // Check for three of a kind if (reels[0] === reels[1] && reels[1] === reels[2]) { const symbol = reels[0] as keyof typeof SYMBOL_VALUES return SYMBOL_VALUES[symbol] * bet[0] } // Check for two of a kind if (reels[0] === reels[1] || reels[1] === reels[2] || reels[0] === reels[2]) { const symbol = reels[0] as keyof typeof SYMBOL_VALUES return Math.floor(SYMBOL_VALUES[symbol] * bet[0] * 0.3) } return 0 } const spin = async () => { if (isSpinning || chips < bet[0]) return setIsSpinning(true) setChips((prev) => prev - bet[0]) setSpinsCount((prev) => prev + 1) setWinMessage("") // Simulate spinning animation const spinDuration = 2000 const spinInterval = 100 let elapsed = 0 const spinAnimation = setInterval(() => { setReels([getRandomSymbol(), getRandomSymbol(), getRandomSymbol()]) elapsed += spinInterval if (elapsed >= spinDuration) { clearInterval(spinAnimation) // Final result const finalReels = [getRandomSymbol(), getRandomSymbol(), getRandomSymbol()] setReels(finalReels) const winAmount = calculateWin(finalReels) setLastWin(winAmount) if (winAmount > 0) { setChips((prev) => prev + winAmount) setTotalWins((prev) => prev + winAmount) if (finalReels[0] === finalReels[1] && finalReels[1] === finalReels[2]) { if (finalReels[0] === "7️⃣") { setWinMessage("🎉 JACKPOT! 🎉") } else if (finalReels[0] === "💎") { setWinMessage("💎 DIAMOND WIN! 💎") } else { setWinMessage("🎊 THREE OF A KIND! 🎊") } } else { setWinMessage("🎉 YOU WIN! 🎉") } } setIsSpinning(false) } }, spinInterval) } const maxBet = () => { setBet([Math.min(1000, chips)]) } const minBet = () => { setBet([10]) } useEffect(() => { let autoPlayInterval: NodeJS.Timeout if (autoPlay && !isSpinning && chips >= bet[0]) { autoPlayInterval = setTimeout(() => { spin() }, 1000) } return () => { if (autoPlayInterval) clearTimeout(autoPlayInterval) } }, [autoPlay, isSpinning, chips, bet]) return (

{/* Header */}

Classic Slots

Spin to win big!

{chips.toLocaleString()} chips

{/* Game Stats */}

{totalWins.toLocaleString()}

Total Wins

{spinsCount}

Spins

{lastWin.toLocaleString()}

Last Win

{bet[0]}

Current Bet

{/* Slot Machine */} 🎰 CLASSIC SLOTS 🎰 {winMessage && ( {winMessage} )} {/* Reels */}

{reels.map((symbol, index) => (

{symbol}

))}

{/* Bet Controls */}

Bet Amount: {bet[0]} chips

{/* Action Buttons */}

{/* Paytable */} Paytable

{Object.entries(SYMBOL_VALUES).map(([symbol, value]) => (

{symbol}

3x = {value}x bet

2x = {Math.floor(value * 0.3)}x bet

))}

) } [V0_FILE]typescriptreact:file="app/games/blackjack/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Card as UIComponentCard, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Slider } from "@/components/ui/slider" import { Coins, ArrowLeft, Volume2, VolumeX, RefreshCw, Trophy } from "lucide-react" import Link from "next/link" type Card = { suit: string value: string numValue: number } type GameState = "betting" | "playing" | "dealer-turn" | "game-over" const SUITS = ["♠️", "♥️", "♦️", "♣️"] const VALUES = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"] export default function Blackjack() { const [chips, setChips] = useState(10000) const [bet, setBet] = useState([100]) const [deck, setDeck] = useState([]) const [playerHand, setPlayerHand] = useState([]) const [dealerHand, setDealerHand] = useState([]) const [gameState, setGameState] = useState("betting") const [message, setMessage] = useState("Place your bet and click Deal!") const [playerScore, setPlayerScore] = useState(0) const [dealerScore, setDealerScore] = useState(0) const [gamesPlayed, setGamesPlayed] = useState(0) const [gamesWon, setGamesWon] = useState(0) const [soundEnabled, setSoundEnabled] = useState(true) const [showDealerCard, setShowDealerCard] = useState(false) // Create and shuffle deck const createDeck = (): Card[] => { const newDeck: Card[] = [] for (const suit of SUITS) { for (const value of VALUES) { let numValue = Number.parseInt(value) if (value === "A") numValue = 11 else if (["J", "Q", "K"].includes(value)) numValue = 10 newDeck.push({ suit, value, numValue }) } } return shuffleDeck(newDeck) } const shuffleDeck = (deck: Card[]): Card[] => { const shuffled = [...deck] for (let i = shuffled.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)) ;[shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]] } return shuffled } // Calculate hand value const calculateHandValue = (hand: Card[]): number => { let value = 0 let aces = 0 for (const card of hand) { if (card.value === "A") { aces++ value += 11 } else { value += card.numValue } } // Adjust for aces while (value > 21 && aces > 0) { value -= 10 aces-- } return value } // Deal initial cards const dealCards = () => { if (chips < bet[0]) { setMessage("Not enough chips!") return } const newDeck = deck.length < 10 ? createDeck() : [...deck] const newPlayerHand = [newDeck.pop()!, newDeck.pop()!] const newDealerHand = [newDeck.pop()!, newDeck.pop()!] setDeck(newDeck) setPlayerHand(newPlayerHand) setDealerHand(newDealerHand) setGameState("playing") setShowDealerCard(false) setChips((prev) => prev - bet[0]) setGamesPlayed((prev) => prev + 1) const playerValue = calculateHandValue(newPlayerHand) setPlayerScore(playerValue) setDealerScore(calculateHandValue([newDealerHand[0]])) if (playerValue === 21) { setMessage("Blackjack! You win!") endGame(newPlayerHand, newDealerHand) } else { setMessage("Hit or Stand?") } } // Player hits const hit = () => { if (gameState !== "playing") return const newDeck = [...deck] const newCard = newDeck.pop()! const newPlayerHand = [...playerHand, newCard] const newValue = calculateHandValue(newPlayerHand) setDeck(newDeck) setPlayerHand(newPlayerHand) setPlayerScore(newValue) if (newValue > 21) { setMessage("Bust! You lose!") setGameState("game-over") } else if (newValue === 21) { setMessage("21! Standing...") dealerTurn(newPlayerHand, dealerHand) } else { setMessage("Hit or Stand?") } } // Player stands const stand = () => { if (gameState !== "playing") return dealerTurn(playerHand, dealerHand) } // Dealer's turn const dealerTurn = (finalPlayerHand: Card[], currentDealerHand: Card[]) => { setGameState("dealer-turn") setShowDealerCard(true) setMessage("Dealer's turn...") let newDealerHand = [...currentDealerHand] const newDeck = [...deck] let dealerValue = calculateHandValue(newDealerHand) const dealerHitInterval = setInterval(() => { if (dealerValue < 17) { const newCard = newDeck.pop()! newDealerHand = [...newDealerHand, newCard] dealerValue = calculateHandValue(newDealerHand) setDealerHand([...newDealerHand]) setDealerScore(dealerValue) setDeck([...newDeck]) } else { clearInterval(dealerHitInterval) endGame(finalPlayerHand, newDealerHand) } }, 1000) } // End game and determine winner const endGame = (finalPlayerHand: Card[], finalDealerHand: Card[]) => { const playerValue = calculateHandValue(finalPlayerHand) const dealerValue = calculateHandValue(finalDealerHand) setPlayerScore(playerValue) setDealerScore(dealerValue) setShowDealerCard(true) setGameState("game-over") let winnings = 0 let resultMessage = "" if (playerValue > 21) { resultMessage = "Bust! You lose!" } else if (dealerValue > 21) { resultMessage = "Dealer busts! You win!" winnings = bet[0] * 2 setGamesWon((prev) => prev + 1) } else if (playerValue > dealerValue) { resultMessage = "You win!" winnings = bet[0] * 2 setGamesWon((prev) => prev + 1) } else if (playerValue < dealerValue) { resultMessage = "Dealer wins!" } else { resultMessage = "Push! It's a tie!" winnings = bet[0] // Return bet } // Check for blackjack bonus if (playerValue === 21 && finalPlayerHand.length === 2 && dealerValue !== 21) { resultMessage = "Blackjack! You win!" winnings = Math.floor(bet[0] * 2.5) setGamesWon((prev) => prev + 1) } setChips((prev) => prev + winnings) setMessage(resultMessage) } // New game const newGame = () => { setPlayerHand([]) setDealerHand([]) setPlayerScore(0) setDealerScore(0) setGameState("betting") setShowDealerCard(false) setMessage("Place your bet and click Deal!") } // Initialize deck useEffect(() => { setDeck(createDeck()) }, []) const maxBet = () => { setBet([Math.min(1000, chips)]) } const minBet = () => { setBet([50]) } return (

{/* Header */}

Classic Blackjack

Beat the dealer!

{chips.toLocaleString()} chips

{/* Game Stats */}

{gamesWon}

Games Won

{gamesPlayed}

Games Played

{gamesPlayed > 0 ? Math.round((gamesWon / gamesPlayed) * 100) : 0}%

Win Rate

{bet[0]}

Current Bet

{/* Game Table */} 🃏 BLACKJACK 🃏 {message} {/* Dealer's Hand */}

Dealer ({showDealerCard ? dealerScore : "?"})

{dealerHand.map((card, index) => (

{!showDealerCard && index === 1 ? (

HIDDEN

) : ( <>

{card.value}

{card.suit}

)}

))}

{/* Player's Hand */}

Your Hand ({playerScore})

{playerHand.map((card, index) => (

{card.value}

{card.suit}

))}

{/* Game Controls */}

{gameState === "betting" && (

Bet Amount: {bet[0]} chips

)} {gameState === "playing" && (

)} {gameState === "game-over" && (

)}

{/* Rules */} How to Play

Objective

Get as close to 21 as possible without going over, and beat the dealer's hand.

Card Values

• Number cards: Face value
• Face cards (J, Q, K): 10 points
• Aces: 1 or 11 points

Rules

• Dealer must hit on 16 or less
• Dealer must stand on 17 or more
• Blackjack pays 3:2
• Push (tie) returns your bet

) } [V0_FILE]typescriptreact:file="app/games/poker/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Card as UIComponentCard, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Slider } from "@/components/ui/slider" import { Coins, ArrowLeft, Volume2, VolumeX, RefreshCw, Trophy, Users } from "lucide-react" import Link from "next/link" type Card = { suit: string value: string numValue: number } type Player = { id: number name: string chips: number hand: Card[] currentBet: number folded: boolean isDealer: boolean isHuman: boolean action?: string } type GamePhase = "pre-flop" | "flop" | "turn" | "river" | "showdown" | "game-over" const SUITS = ["♠️", "♥️", "♦️", "♣️"] const VALUES = ["2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K", "A"] const HAND_RANKINGS = [ "High Card", "Pair", "Two Pair", "Three of a Kind", "Straight", "Flush", "Full House", "Four of a Kind", "Straight Flush", "Royal Flush", ] export default function PokerGame() { const [players, setPlayers] = useState([]) const [communityCards, setCommunityCards] = useState([]) const [deck, setDeck] = useState([]) const [pot, setPot] = useState(0) const [currentBet, setCurrentBet] = useState(0) const [gamePhase, setGamePhase] = useState("pre-flop") const [currentPlayerIndex, setCurrentPlayerIndex] = useState(0) const [dealerIndex, setDealerIndex] = useState(0) const [message, setMessage] = useState("Welcome to Texas Hold'em!") const [playerBet, setPlayerBet] = useState([100]) const [soundEnabled, setSoundEnabled] = useState(true) const [gameStarted, setGameStarted] = useState(false) // Create and shuffle deck const createDeck = (): Card[] => { const newDeck: Card[] = [] for (const suit of SUITS) { for (let i = 0; i < VALUES.length; i++) { const value = VALUES[i] let numValue = i + 2 if (value === "A") numValue = 14 newDeck.push({ suit, value, numValue }) } } return shuffleDeck(newDeck) } const shuffleDeck = (deck: Card[]): Card[] => { const shuffled = [...deck] for (let i = shuffled.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)) ;[shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]] } return shuffled } // Initialize game const initializeGame = () => { const initialPlayers: Player[] = [ { id: 0, name: "You", chips: 10000, hand: [], currentBet: 0, folded: false, isDealer: false, isHuman: true }, { id: 1, name: "Alice", chips: 8000, hand: [], currentBet: 0, folded: false, isDealer: false, isHuman: false }, { id: 2, name: "Bob", chips: 12000, hand: [], currentBet: 0, folded: false, isDealer: false, isHuman: false }, { id: 3, name: "Charlie", chips: 9500, hand: [], currentBet: 0, folded: false, isDealer: true, isHuman: false }, ] setPlayers(initialPlayers) setDeck(createDeck()) setGameStarted(true) startNewHand(initialPlayers) } // Start new hand const startNewHand = (currentPlayers: Player[]) => { const newDeck = createDeck() const updatedPlayers = currentPlayers.map((player) => ({ ...player, hand: [], currentBet: 0, folded: false, action: undefined, })) // Deal hole cards for (let i = 0; i < 2; i++) { for (let j = 0; j < updatedPlayers.length; j++) { if (updatedPlayers[j].chips > 0) { updatedPlayers[j].hand.push(newDeck.pop()!) } } } setPlayers(updatedPlayers) setDeck(newDeck) setCommunityCards([]) setPot(0) setCurrentBet(0) setGamePhase("pre-flop") setCurrentPlayerIndex(0) setMessage("New hand dealt! Place your bets.") } // Evaluate hand strength (simplified) const evaluateHand = (playerHand: Card[], community: Card[]): { rank: number; description: string } => { const allCards = [...playerHand, ...community].sort((a, b) => b.numValue - a.numValue) // Simple hand evaluation - just check for pairs and high cards const values = allCards.map((card) => card.numValue) const suits = allCards.map((card) => card.suit) // Check for pairs const valueCounts: { [key: number]: number } = {} values.forEach((value) => { valueCounts[value] = (valueCounts[value] || 0) + 1 }) const counts = Object.values(valueCounts).sort((a, b) => b - a) const highCard = Math.max(...values) if (counts[0] === 4) return { rank: 7, description: "Four of a Kind" } if (counts[0] === 3 && counts[1] === 2) return { rank: 6, description: "Full House" } if (counts[0] === 3) return { rank: 3, description: "Three of a Kind" } if (counts[0] === 2 && counts[1] === 2) return { rank: 2, description: "Two Pair" } if (counts[0] === 2) return { rank: 1, description: "Pair" } return { rank: 0, description: `High Card (${VALUES[highCard - 2]})` } } // Player actions const playerCall = () => { const player = players[0] const callAmount = currentBet - player.currentBet if (player.chips >= callAmount) { const updatedPlayers = [...players] updatedPlayers[0].chips -= callAmount updatedPlayers[0].currentBet = currentBet updatedPlayers[0].action = callAmount === 0 ? "Check" : "Call" setPlayers(updatedPlayers) setPot((prev) => prev + callAmount) nextPlayer() } } const playerRaise = () => { const player = players[0] const raiseAmount = playerBet[0] if (player.chips >= raiseAmount) { const updatedPlayers = [...players] updatedPlayers[0].chips -= raiseAmount updatedPlayers[0].currentBet += raiseAmount updatedPlayers[0].action = "Raise" setPlayers(updatedPlayers) setPot((prev) => prev + raiseAmount) setCurrentBet(updatedPlayers[0].currentBet) nextPlayer() } } const playerFold = () => { const updatedPlayers = [...players] updatedPlayers[0].folded = true updatedPlayers[0].action = "Fold" setPlayers(updatedPlayers) nextPlayer() } // AI player logic (simplified) const aiPlayerAction = (playerIndex: number) => { const player = players[playerIndex] if (player.folded || player.chips === 0) { nextPlayer() return } const callAmount = currentBet - player.currentBet const handStrength = Math.random() // Simplified AI decision making setTimeout(() => { const updatedPlayers = [...players] if (handStrength < 0.3 || callAmount > player.chips * 0.3) { // Fold updatedPlayers[playerIndex].folded = true updatedPlayers[playerIndex].action = "Fold" } else if (handStrength > 0.7 && player.chips > callAmount * 2) { // Raise const raiseAmount = Math.min(callAmount + 100, player.chips) updatedPlayers[playerIndex].chips -= raiseAmount updatedPlayers[playerIndex].currentBet += raiseAmount updatedPlayers[playerIndex].action = "Raise" setPot((prev) => prev + raiseAmount) setCurrentBet(updatedPlayers[playerIndex].currentBet) } else { // Call/Check updatedPlayers[playerIndex].chips -= callAmount updatedPlayers[playerIndex].currentBet = currentBet updatedPlayers[playerIndex].action = callAmount === 0 ? "Check" : "Call" setPot((prev) => prev + callAmount) } setPlayers(updatedPlayers) nextPlayer() }, 1500) } // Move to next player const nextPlayer = () => { const activePlayers = players.filter((p) => !p.folded && p.chips > 0) if (activePlayers.length <= 1) { endHand() return } // Check if betting round is complete const allBetsEqual = activePlayers.every((p) => p.currentBet === currentBet) if (allBetsEqual && activePlayers.every((p) => p.action)) { nextPhase() } else { const nextIndex = (currentPlayerIndex + 1) % players.length setCurrentPlayerIndex(nextIndex) if (!players[nextIndex].isHuman && !players[nextIndex].folded) { aiPlayerAction(nextIndex) } } } // Move to next phase const nextPhase = () => { const newDeck = [...deck] switch (gamePhase) { case "pre-flop": // Deal flop (3 cards) const flop = [newDeck.pop()!, newDeck.pop()!, newDeck.pop()!] setCommunityCards(flop) setGamePhase("flop") break case "flop": // Deal turn (1 card) setCommunityCards((prev) => [...prev, newDeck.pop()!]) setGamePhase("turn") break case "turn": // Deal river (1 card) setCommunityCards((prev) => [...prev, newDeck.pop()!]) setGamePhase("river") break case "river": setGamePhase("showdown") showdown() return } setDeck(newDeck) setCurrentBet(0) setCurrentPlayerIndex(0) // Reset player actions and bets for new round const updatedPlayers = players.map((p) => ({ ...p, currentBet: 0, action: undefined, })) setPlayers(updatedPlayers) } // Showdown const showdown = () => { const activePlayers = players.filter((p) => !p.folded) if (activePlayers.length === 1) { // Only one player left, they win const winner = activePlayers[0] const updatedPlayers = [...players] updatedPlayers[winner.id].chips += pot setPlayers(updatedPlayers) setMessage(`${winner.name} wins the pot of ${pot} chips!`) } else { // Evaluate hands const results = activePlayers .map((player) => ({ player, hand: evaluateHand(player.hand, communityCards), })) .sort((a, b) => b.hand.rank - a.hand.rank) const winner = results[0] const updatedPlayers = [...players] updatedPlayers[winner.player.id].chips += pot setPlayers(updatedPlayers) setMessage(`${winner.player.name} wins with ${winner.hand.description}!`) } setGamePhase("game-over") } // End hand const endHand = () => { const activePlayers = players.filter((p) => !p.folded) if (activePlayers.length === 1) { const winner = activePlayers[0] const updatedPlayers = [...players] updatedPlayers[winner.id].chips += pot setPlayers(updatedPlayers) setMessage(`${winner.name} wins the pot of ${pot} chips!`) setGamePhase("game-over") } } // New hand const newHand = () => { startNewHand(players) } useEffect(() => { if (gameStarted && currentPlayerIndex > 0 && !players[currentPlayerIndex]?.folded) { aiPlayerAction(currentPlayerIndex) } }, [currentPlayerIndex, gameStarted]) if (!gameStarted) { return (

♠️ Texas Hold'em ♠️

Join a table with 3 AI opponents and test your poker skills!

) } const humanPlayer = players[0] return (

{/* Header */}

Texas Hold'em

{gamePhase.replace("-", " ").toUpperCase()}

{humanPlayer?.chips.toLocaleString()} chips

{/* Game Status */}

{message}

{pot}

Pot

{currentBet}

Current Bet

{/* Community Cards */}

Community Cards

{Array.from({ length: 5 }).map((_, index) => (

{communityCards[index] ? ( <>

{communityCards[index].value}

{communityCards[index].suit}

) : (

)}

))}

{/* Players */}

{players.map((player, index) => (

{player.name} {player.isDealer && ( D )}

{player.chips.toLocaleString()} chips

{player.currentBet > 0 &&

Bet: {player.currentBet}

} {player.action && ( {player.action} )} {/* Player's hole cards */} {player.isHuman && (

{player.hand.map((card, cardIndex) => (

{card.value}

{card.suit}

))}

)}

))}

{/* Player Actions */} {currentPlayerIndex === 0 && !humanPlayer?.folded && gamePhase !== "game-over" && gamePhase !== "showdown" && (

Raise Amount: {playerBet[0]} chips

)} {/* New Hand Button */} {gamePhase === "game-over" && (

)} {/* Hand Rankings */} Hand Rankings (High to Low)

{HAND_RANKINGS.slice() .reverse() .map((ranking, index) => (

{10 - index}.

{ranking}

))}

) } [V0_FILE]typescriptreact:file="app/games/roulette/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Coins, ArrowLeft, Volume2, VolumeX, RefreshCw, RotateCcw } from "lucide-react" import Link from "next/link" type Bet = { type: string numbers: number[] amount: number payout: number } type RouletteNumber = { number: number color: "red" | "black" | "green" } const ROULETTE_NUMBERS: RouletteNumber[] = [ { number: 0, color: "green" }, { number: 1, color: "red" }, { number: 2, color: "black" }, { number: 3, color: "red" }, { number: 4, color: "black" }, { number: 5, color: "red" }, { number: 6, color: "black" }, { number: 7, color: "red" }, { number: 8, color: "black" }, { number: 9, color: "red" }, { number: 10, color: "black" }, { number: 11, color: "black" }, { number: 12, color: "red" }, { number: 13, color: "black" }, { number: 14, color: "red" }, { number: 15, color: "black" }, { number: 16, color: "red" }, { number: 17, color: "black" }, { number: 18, color: "red" }, { number: 19, color: "red" }, { number: 20, color: "black" }, { number: 21, color: "red" }, { number: 22, color: "black" }, { number: 23, color: "red" }, { number: 24, color: "black" }, { number: 25, color: "red" }, { number: 26, color: "black" }, { number: 27, color: "red" }, { number: 28, color: "black" }, { number: 29, color: "black" }, { number: 30, color: "red" }, { number: 31, color: "black" }, { number: 32, color: "red" }, { number: 33, color: "black" }, { number: 34, color: "red" }, { number: 35, color: "black" }, { number: 36, color: "red" }, ] export default function Roulette() { const [chips, setChips] = useState(10000) const [bets, setBets] = useState([]) const [selectedChip, setSelectedChip] = useState(25) const [isSpinning, setIsSpinning] = useState(false) const [winningNumber, setWinningNumber] = useState(null) const [message, setMessage] = useState("Place your bets!") const [totalBet, setTotalBet] = useState(0) const [lastWin, setLastWin] = useState(0) const [spinsCount, setSpinsCount] = useState(0) const [totalWins, setTotalWins] = useState(0) const [soundEnabled, setSoundEnabled] = useState(true) const [recentNumbers, setRecentNumbers] = useState([]) const chipValues = [5, 25, 100, 500] // Place bet on specific number const placeBet = (numbers: number[], betType: string, payout: number) => { if (isSpinning || chips < selectedChip) return const existingBetIndex = bets.findIndex( (bet) => bet.type === betType && JSON.stringify(bet.numbers.sort()) === JSON.stringify(numbers.sort()), ) if (existingBetIndex >= 0) { // Add to existing bet const newBets = [...bets] newBets[existingBetIndex].amount += selectedChip setBets(newBets) } else { // Create new bet const newBet: Bet = { type: betType, numbers, amount: selectedChip, payout, } setBets([...bets, newBet]) } setChips((prev) => prev - selectedChip) setTotalBet((prev) => prev + selectedChip) } // Clear all bets const clearBets = () => { if (isSpinning) return const totalBetAmount = bets.reduce((sum, bet) => sum + bet.amount, 0) setChips((prev) => prev + totalBetAmount) setBets([]) setTotalBet(0) setMessage("Bets cleared. Place your bets!") } // Spin the wheel const spin = () => { if (isSpinning || bets.length === 0) return setIsSpinning(true) setMessage("Spinning...") setSpinsCount((prev) => prev + 1) // Simulate spinning animation setTimeout(() => { const randomNumber = Math.floor(Math.random() * 37) // 0-36 setWinningNumber(randomNumber) setRecentNumbers((prev) => [randomNumber, ...prev.slice(0, 9)]) // Calculate winnings let totalWinnings = 0 const winningBets: string[] = [] bets.forEach((bet) => { if (bet.numbers.includes(randomNumber)) { const winAmount = bet.amount * bet.payout totalWinnings += winAmount winningBets.push(bet.type) } }) setLastWin(totalWinnings) setTotalWins((prev) => prev + totalWinnings) setChips((prev) => prev + totalWinnings) if (totalWinnings > 0) { setMessage(`Number ${randomNumber} wins! You won ${totalWinnings} chips!`) } else { setMessage(`Number ${randomNumber}. Better luck next time!`) } // Clear bets for next round setBets([]) setTotalBet(0) setIsSpinning(false) }, 3000) } // Get number color class const getNumberColorClass = (num: number) => { const rouletteNum = ROULETTE_NUMBERS.find((n) => n.number === num) if (!rouletteNum) return "bg-green-600" switch (rouletteNum.color) { case "red": return "bg-red-600 text-white" case "black": return "bg-black text-white" case "green": return "bg-green-600 text-white" default: return "bg-gray-600" } } // Check if number has bet const hasBet = (num: number) => { return bets.some((bet) => bet.numbers.includes(num)) } // Get bet amount for number const getBetAmount = (num: number) => { return bets.filter((bet) => bet.numbers.includes(num)).reduce((sum, bet) => sum + bet.amount, 0) } return (

{/* Header */}

European Roulette

Place your bets!

{chips.toLocaleString()} chips

{/* Game Stats */}

{totalWins.toLocaleString()}

Total Wins

{spinsCount}

Spins

{lastWin.toLocaleString()}

Last Win

{totalBet}

Total Bet

{/* Roulette Wheel */} 🎡 ROULETTE 🎡 {message} {/* Wheel */}

{winningNumber !== null && (

{winningNumber}

)} {winningNumber === null &&

🎯

}

{/* Recent Numbers */} {recentNumbers.length > 0 && (

Recent Numbers

{recentNumbers.slice(0, 10).map((num, index) => (

{num}

))}

)} {/* Controls */}

{/* Chip Selection */} Select Chip Value

{chipValues.map((value) => ( ))}

{/* Betting Table */} Betting Table {/* Numbers Grid */}

{/* Single Zero */}

{/* Numbers 1-36 */}

{Array.from({ length: 36 }, (_, i) => i + 1).map((num) => ( ))}

{/* Outside Bets */}

{/* Dozens */}

{/* Current Bets */} {bets.length > 0 && ( Current Bets

{bets.map((bet, index) => (

{bet.type} {bet.amount} chips ({bet.payout}:1)

))}

Total: {totalBet} chips

)}

) } [V0_FILE]typescriptreact:file="lib/chips-context.tsx" isMerged="true" "use client" import type React from "react" import { createContext, useContext, useEffect, useState } from "react" type ChipsContextType = { chips: number addChips: (amount: number) => void removeChips: (amount: number) => boolean dailyBonus: { available: boolean amount: number claimDailyBonus: () => void } achievements: Achievement[] stats: { totalWins: number totalLosses: number gamesPlayed: number biggestWin: number } updateStats: (gameResult: GameResult) => void } type Achievement = { id: string title: string description: string unlocked: boolean reward: number icon: string } type GameResult = { game: string won: boolean amount: number } const ChipsContext = createContext(undefined) const INITIAL_CHIPS = 10000 const DAILY_BONUS_AMOUNT = 1000 const ACHIEVEMENTS: Achievement[] = [ { id: "first-win", title: "First Victory", description: "Win your first game", unlocked: false, reward: 500, icon: "🎉", }, { id: "big-winner", title: "Big Winner", description: "Win 5,000 chips in a single game", unlocked: false, reward: 1000, icon: "💰", }, { id: "high-roller", title: "High Roller", description: "Accumulate 50,000 chips", unlocked: false, reward: 2500, icon: "👑", }, { id: "lucky-streak", title: "Lucky Streak", description: "Win 10 games in a row", unlocked: false, reward: 2000, icon: "🍀", }, { id: "game-master", title: "Game Master", description: "Play all 4 casino games", unlocked: false, reward: 1500, icon: "🎯", }, ] export function ChipsProvider({ children }: { children: React.ReactNode }) { const [chips, setChips] = useState(INITIAL_CHIPS) const [lastBonusDate, setLastBonusDate] = useState(null) const [achievements, setAchievements] = useState(ACHIEVEMENTS) const [stats, setStats] = useState({ totalWins: 0, totalLosses: 0, gamesPlayed: 0, biggestWin: 0, winStreak: 0, playedGames: new Set(), }) // Load data from localStorage on mount useEffect(() => { const savedChips = localStorage.getItem("denver369-chips") const savedBonusDate = localStorage.getItem("denver369-bonus-date") const savedAchievements = localStorage.getItem("denver369-achievements") const savedStats = localStorage.getItem("denver369-stats") if (savedChips) { setChips(Number.parseInt(savedChips)) } if (savedBonusDate) { setLastBonusDate(savedBonusDate) } if (savedAchievements) { setAchievements(JSON.parse(savedAchievements)) } if (savedStats) { const parsedStats = JSON.parse(savedStats) setStats({ ...parsedStats, playedGames: new Set(parsedStats.playedGames || []), }) } }, []) // Save data to localStorage whenever it changes useEffect(() => { localStorage.setItem("denver369-chips", chips.toString()) }, [chips]) useEffect(() => { if (lastBonusDate) { localStorage.setItem("denver369-bonus-date", lastBonusDate) } }, [lastBonusDate]) useEffect(() => { localStorage.setItem("denver369-achievements", JSON.stringify(achievements)) }, [achievements]) useEffect(() => { const statsToSave = { ...stats, playedGames: Array.from(stats.playedGames), } localStorage.setItem("denver369-stats", JSON.stringify(statsToSave)) }, [stats]) const addChips = (amount: number) => { setChips((prev) => prev + amount) // Check for high roller achievement if (chips + amount >= 50000) { unlockAchievement("high-roller") } } const removeChips = (amount: number): boolean => { if (chips >= amount) { setChips((prev) => prev - amount) return true } return false } const isDailyBonusAvailable = (): boolean => { if (!lastBonusDate) return true const today = new Date().toDateString() return lastBonusDate !== today } const claimDailyBonus = () => { if (isDailyBonusAvailable()) { addChips(DAILY_BONUS_AMOUNT) setLastBonusDate(new Date().toDateString()) } } const unlockAchievement = (achievementId: string) => { setAchievements((prev) => { const updated = prev.map((achievement) => { if (achievement.id === achievementId && !achievement.unlocked) { addChips(achievement.reward) return { ...achievement, unlocked: true } } return achievement }) return updated }) } const updateStats = (gameResult: GameResult) => { setStats((prev) => { const newStats = { ...prev, gamesPlayed: prev.gamesPlayed + 1, playedGames: new Set([...prev.playedGames, gameResult.game]), } if (gameResult.won) { newStats.totalWins += 1 newStats.winStreak += 1 newStats.biggestWin = Math.max(newStats.biggestWin, gameResult.amount) // Check achievements if (newStats.totalWins === 1) { unlockAchievement("first-win") } if (gameResult.amount >= 5000) { unlockAchievement("big-winner") } if (newStats.winStreak >= 10) { unlockAchievement("lucky-streak") } if (newStats.playedGames.size >= 4) { unlockAchievement("game-master") } } else { newStats.totalLosses += 1 newStats.winStreak = 0 } return newStats }) } const value: ChipsContextType = { chips, addChips, removeChips, dailyBonus: { available: isDailyBonusAvailable(), amount: DAILY_BONUS_AMOUNT, claimDailyBonus, }, achievements, stats: { totalWins: stats.totalWins, totalLosses: stats.totalLosses, gamesPlayed: stats.gamesPlayed, biggestWin: stats.biggestWin, }, updateStats, } return {children} } export function useChips() { const context = useContext(ChipsContext) if (context === undefined) { throw new Error("useChips must be used within a ChipsProvider") } return context } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Space_Grotesk, DM_Sans } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import { Suspense } from "react" import { ChipsProvider } from "@/lib/chips-context" import "./globals.css" const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-space-grotesk", display: "swap", }) const dmSans = DM_Sans({ subsets: ["latin"], variable: "--font-dm-sans", display: "swap", }) export const metadata: Metadata = { title: "Denver 369 - Virtual Casino Platform", description: "Experience the thrill of Las Vegas with our virtual casino games - slots, blackjack, poker, and roulette with play money only.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Dice1, Heart, Spade, Trophy } from "lucide-react" import { ChipsDisplay } from "@/components/chips-display" import Link from "next/link" export default function HomePage() { const whatsappNumber = "+1234567890" // Replace with actual WhatsApp number const whatsappMessage = "¡Hola! Me interesa jugar en Denver 369 Casino Virtual" const whatsappUrl = `https://wa.me/${whatsappNumber.replace("+", "")}?text=${encodeURIComponent(whatsappMessage)}` return (

{/* Header */}

Denver 369

Casino Virtual

{/* Hero Section */}

100% Virtual - Solo Dinero de Juego

Experimenta la Emoción de Las Vegas

Juega tus juegos de casino favoritos con fichas virtuales. Sin dinero real involucrado - solo puro entretenimiento y emoción.

{/* Featured Games */}

Juegos Destacados

{/* Slots */}

🎰

Máquinas Tragamonedas Gira los rodillos y gana el premio mayor con nuestros emocionantes juegos de slots {/* Blackjack */}

Blackjack Vence al crupier y acércate lo más posible a 21 {/* Poker */}

🃏

Póker Pon a prueba tus habilidades en el clásico Texas Hold'em {/* Roulette */}

🎡

Ruleta Haz tus apuestas y observa girar la rueda

{/* Stats Section */}

100% Seguro

Sin dinero real involucrado - puro entretenimiento con fichas virtuales

Fichas Gratis

Comienza con 10,000 fichas gratis y gana más mientras juegas

4 Juegos

Slots, Blackjack, Póker y Ruleta - todos tus favoritos

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/lobby/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Dice1, Search, Filter, Star, Users, ArrowLeft } from "lucide-react" import Link from "next/link" import { ChipsDisplay } from "@/components/chips-display" export default function GameLobby() { const games = [ { id: "slots-classic", name: "Classic Slots", category: "slots", players: 1247, minBet: 10, maxBet: 1000, rating: 4.8, isNew: false, isHot: true, image: "🎰", description: "Traditional 3-reel slot machine with classic symbols", href: "/games/slots", }, { id: "slots-mega", name: "Mega Fortune", category: "slots", players: 892, minBet: 25, maxBet: 2500, rating: 4.9, isNew: true, isHot: true, image: "💎", description: "Progressive jackpot slot with massive payouts", href: "/games/slots", }, { id: "blackjack-classic", name: "Classic Blackjack", category: "table", players: 634, minBet: 50, maxBet: 5000, rating: 4.7, isNew: false, isHot: false, image: "🃏", description: "Traditional blackjack with standard rules", href: "/games/blackjack", }, { id: "blackjack-vip", name: "VIP Blackjack", category: "table", players: 156, minBet: 500, maxBet: 25000, rating: 4.9, isNew: false, isHot: false, image: "👑", description: "High-stakes blackjack for serious players", href: "/games/blackjack", }, { id: "poker-holdem", name: "Texas Hold'em", category: "poker", players: 423, minBet: 100, maxBet: 10000, rating: 4.6, isNew: false, isHot: true, image: "♠️", description: "Classic Texas Hold'em poker tournament", href: "/games/poker", }, { id: "poker-omaha", name: "Omaha Poker", category: "poker", players: 287, minBet: 200, maxBet: 15000, rating: 4.5, isNew: true, isHot: false, image: "♦️", description: "Four-card Omaha poker variant", href: "/games/poker", }, { id: "roulette-european", name: "European Roulette", category: "roulette", players: 789, minBet: 25, maxBet: 2000, rating: 4.8, isNew: false, isHot: true, image: "🎡", description: "Single zero European roulette wheel", href: "/games/roulette", }, { id: "roulette-american", name: "American Roulette", category: "roulette", players: 456, minBet: 25, maxBet: 2000, rating: 4.6, isNew: false, isHot: false, image: "🎯", description: "Double zero American roulette wheel", href: "/games/roulette", }, ] return (

{/* Header */}

Game Lobby

Choose your game

{/* Search and Filter */}

{/* Game Categories */} All Games Slots Table Games Poker Roulette

{games.map((game) => ( ))}

{games .filter((game) => game.category === "slots") .map((game) => ( ))}

{games .filter((game) => game.category === "table") .map((game) => ( ))}

{games .filter((game) => game.category === "poker") .map((game) => ( ))}

{games .filter((game) => game.category === "roulette") .map((game) => ( ))}

) } function GameCard({ game }: { game: any }) { return ( {/* Badges */}

{game.isNew && ( NEW )} {game.isHot && ( HOT )}

{game.image}

{game.name}

{game.rating}

{game.description}

{/* Game Stats */}

{game.players}

{game.minBet}-{game.maxBet}

{/* Action Buttons */}

) } [V0_FILE]typescriptreact:file="components/chips-display.tsx" isEdit="true" "use client" import { useChips } from "@/lib/chips-context" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { Coins, Gift, Trophy, TrendingUp } from "lucide-react" export function ChipsDisplay() { const { chips, dailyBonus, achievements, stats } = useChips() return (

{chips.toLocaleString()} fichas

{/* Daily Bonus */} {dailyBonus.available && ( )} {/* Stats Dialog */}

) }

About

Tags

Share

More from brunomelano

More Templates Like This

About

Tags

Share

About

Tags

Share

More from brunomelano

More Templates Like This