[V0_FILE]css:file="app/globals.css" isQuickEdit="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated color tokens to match Snoopy Thailand Adventure design brief */ --background: #ffffff; --foreground: #4b5563; --card: #fefce8; --card-foreground: #4b5563; --popover: #ffd85c; --popover-foreground: #4b5563; --primary: #ffd85c; --primary-foreground: #4b5563; --secondary: #9ad8ff; --secondary-foreground: #4b5563; --muted: #fefce8; --muted-foreground: #4b5563; --accent: #ffd85c; --accent-foreground: #4b5563; --destructive: #be123c; --destructive-foreground: #ffffff; --border: #4b5563; --input: #fefce8; --ring: #ffd85c; --chart-1: #ffd85c; --chart-2: #9ad8ff; --chart-3: #ec4899; --chart-4: #164e63; --chart-5: #be123c; --radius: 0.5rem; --sidebar: #fefce8; --sidebar-foreground: #4b5563; --sidebar-primary: #ffd85c; --sidebar-primary-foreground: #4b5563; --sidebar-accent: #9ad8ff; --sidebar-accent-foreground: #4b5563; --sidebar-border: #4b5563; --sidebar-ring: #ffd85c; } .dark { /* Updated dark mode colors to maintain brand consistency */ --background: #1c1c28; --foreground: #ffffff; --card: #2a2a3a; --card-foreground: #ffffff; --popover: #2a2a3a; --popover-foreground: #ffffff; --primary: #ffd85c; --primary-foreground: #1c1c28; --secondary: #9ad8ff; --secondary-foreground: #1c1c28; --muted: #2a2a3a; --muted-foreground: #9ca3af; --accent: #2a2a3a; --accent-foreground: #ffffff; --destructive: #be123c; --destructive-foreground: #ffffff; --border: #374151; --input: #2a2a3a; --ring: #ffd85c; --chart-1: #ffd85c; --chart-2: #9ad8ff; --chart-3: #ec4899; --chart-4: #164e63; --chart-5: #be123c; --sidebar: #1c1c28; --sidebar-foreground: #ffffff; --sidebar-primary: #ffd85c; --sidebar-primary-foreground: #1c1c28; --sidebar-accent: #2a2a3a; --sidebar-accent-foreground: #ffffff; --sidebar-border: #374151; --sidebar-ring: #ffd85c; } @theme inline { /* Updated font configuration to use Kanit instead of Geist */ --font-sans: var(--font-kanit); --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]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Kanit } from "next/font/google" import "./globals.css" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" const kanit = Kanit({ subsets: ["latin", "thai"], weight: ["300", "400", "500", "600", "700"], variable: "--font-kanit", display: "swap", }) export const metadata: Metadata = { title: "Snoopy Thailand Adventure - เริ่มผจญภัยกับ Snoopy บนแผนที่ประเทศไทย", description: "แต่งตัว • ออกสำรวจ • ชวนเพื่อนจับทีม • ชิงรางวัลจากมินิเกม - เกมผจญภัยสำหรับครอบครัวบนแผนที่ประเทศไทย", generator: "v0.app", keywords: "Snoopy, Thailand, เกม, ผจญภัย, แต่งตัว, มินิเกม, ครอบครัว", openGraph: { title: "Snoopy Thailand Adventure", description: "เริ่มผจญภัยกับ Snoopy บนแผนที่ประเทศไทย", type: "website", locale: "th_TH", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" import Link from "next/link" import { Facebook, Twitter, Instagram, Youtube } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" import { Hero } from "@/components/hero" import { Features } from "@/components/features" import { GameHighlights } from "@/components/game-highlights" import { Events } from "@/components/events" import { Stats } from "@/components/stats" export default function HomePage() { return (

) } [V0_FILE]typescriptreact:file="components/hero.tsx" import Link from "next/link" import { Button } from "@/components/ui/button" import { Play, Map, Users } from "lucide-react" export function Hero() { return (

{/* Background decorative elements */}

{/* Left Content */}

เริ่มผจญภัย
กับ Snoopy
บนแผนที่ประเทศไทย

แต่งตัว • ออกสำรวจ • ชวนเพื่อนจับทีม • ชิงรางวัลจากมินิเกม

{/* CTA Buttons */}

{/* Quick Stats */}

50K+

ผู้เล่นออนไลน์

มินิเกมสุดฮิต

จังหวัดทั่วไทย

{/* Right Content - Character Display */}

{/* Main character image */}

{/* Floating UI elements */}

กำลังออนไลน์

1,234 เพื่อน

{/* Scroll indicator */}

) } [V0_FILE]typescriptreact:file="components/features.tsx" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Shirt, Map, Users, Gamepad2, Calendar, Trophy } from "lucide-react" export function Features() { const features = [ { icon: Shirt, title: "ตู้เสื้อผ้า", description: "แต่งตัว Snoopy ด้วยชุดไทยสุดเก๋ ตั้งแต่ชุดประจำภาค ชุดเทศกาล จนถึงชุดหายากสุดพิเศษ", color: "text-pink-500", bgColor: "bg-pink-50", }, { icon: Map, title: "แผนที่ประเทศไทย", description: "สำรวจ 77 จังหวัด ปลดล็อกด่านใหม่ ค้นพบวัฒนธรรมท้องถิ่น และสะสมของที่ระลึกจากทุกภูมิภาค", color: "text-green-500", bgColor: "bg-green-50", }, { icon: Users, title: "จับทีมกับเพื่อน", description: "สร้างทีม 2-5 คน ทำเควสต์ร่วมกัน แข่งขันมินิเกม และสร้างความทรงจำดีๆ ไปด้วยกัน", color: "text-blue-500", bgColor: "bg-blue-50", }, { icon: Gamepad2, title: "มินิเกมสุดสนุก", description: "เล่นมินิเกมไทยๆ 10 แบบ ตั้งแต่เรือด่วนเจ้าพระยา ลอยกระทง ไปจนถึงดำน้ำอันดามัน", color: "text-purple-500", bgColor: "bg-purple-50", }, { icon: Calendar, title: "อีเวนต์ตามฤดูกาล", description: "ร่วมสนุกกับเทศกาลไทย สงกรานต์ ลอยกระทง ตรุษจีน พร้อมของรางวัลพิเศษในทุกงาน", color: "text-orange-500", bgColor: "bg-orange-50", }, { icon: Trophy, title: "ลีดเดอร์บอร์ด", description: "แข่งขันกับผู้เล่นทั่วประเทศ ขึ้นอันดับรายสัปดาห์ รายเดือน และคว้าตำแหน่งแชมป์", color: "text-yellow-600", bgColor: "bg-yellow-50", }, ] return (

ฟีเจอร์เด็ดที่ทำให้คุณหลงรัก

ค้นพบความสนุกแบบไม่มีที่สิ้นสุด ด้วยฟีเจอร์ครบครันที่ออกแบบมาเพื่อครอบครัวไทย

{features.map((feature, index) => (

{feature.title} {feature.description} ))}

) } [V0_FILE]typescriptreact:file="components/stats.tsx" import { Card, CardContent } from "@/components/ui/card" import { Users, Gamepad2, MapPin, Trophy } from "lucide-react" export function Stats() { const stats = [ { icon: Users, value: "50,000+", label: "ผู้เล่นที่ลงทะเบียน", description: "ครอบครัวไทยที่เชื่อใจ", color: "text-blue-500", bgColor: "bg-blue-50", }, { icon: Gamepad2, value: "1.2M+", label: "เกมที่เล่นแล้ว", description: "ความสนุกไม่มีที่สิ้นสุด", color: "text-green-500", bgColor: "bg-green-50", }, { icon: MapPin, value: "77", label: "จังหวัดทั่วไทย", description: "ครอบคลุมทุกภูมิภาค", color: "text-purple-500", bgColor: "bg-purple-50", }, { icon: Trophy, value: "25,000+", label: "รางวัลที่แจกแล้ว", description: "ความสำเร็จของผู้เล่น", color: "text-orange-500", bgColor: "bg-orange-50", }, ] return (

ตัวเลขที่น่าภาคภูมิใจ

ความไว้วางใจจากครอบครัวไทยทั่วประเทศ

{stats.map((stat, index) => (

{stat.value}

{stat.label}

{stat.description}

))}

{/* Trust indicators */}

มีการซื้อในแอป แนะนำให้ผู้ปกครองดูแลการใช้จ่ายของผู้เยาว์

ปลอดภัยสำหรับครอบครัว

รองรับ PromptPay

เซิร์ฟเวอร์ในประเทศไทย

ซัพพอร์ต 24/7

) } [V0_FILE]typescriptreact:file="app/game/page.tsx" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Progress } from "@/components/ui/progress" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import Link from "next/link" import { User, Star, Coins, Gem, Shirt, Map, Users, Calendar, TrendingUp, Award, Clock, Heart } from "lucide-react" export default function GamePage() { return (

{/* Page Header */}

ภาพรวมเกม

ระบบเลี้ยงและแต่งตัว Snoopy พร้อมความก้าวหน้าและเศรษฐกิจในเกม

{/* Main Content */}

{/* Character Progress */} ความก้าวหน้าตัวละคร

Snoopy นักผจญภัย

เลเวล 15 • นักสำรวจมือใหม่

ประสบการณ์ 2,450 / 3,000 XP

เลเวล

โซนปลดล็อก

ความสำเร็จ

เพื่อนในทีม

{/* Game Systems */} ตู้เสื้อผ้า เศรษฐกิจ สังคม ความก้าวหน้า ระบบแต่งตัว Snoopy เสื้อผ้า สกิน และแอ็กเซสซอรี่ตั้งแต่ Common ถึง Legendary

{[ { name: "ชุดไทยประจำชาติ", rarity: "Epic", owned: true }, { name: "เสื้อลายดอกสงกรานต์", rarity: "Rare", owned: true }, { name: "ผ้าไหมไทย", rarity: "Legendary", owned: false }, { name: "ชุดนักปีนเขา", rarity: "Common", owned: true }, ].map((item, index) => (

{item.name}

{item.rarity} {!item.owned &&

ยังไม่มี

}

))}

เศรษฐกิจในเกม ระบบสองสกุลเงิน: Coins (หาได้จากการเล่น) และ Peanuts Gems (พรีเมียม)

Coins

1,200

หาได้จากการเล่น

Peanuts Gems

300

เติมเงินได้

อัตราแลกเปลี่ยน: 1 Gem ≈ 100 Coins (สำหรับการซื้อขายในเกม)

ระบบสังคม ปาร์ตี้ 2-5 คน, กิลด์, และระบบแมตช์อัป

ทีมปัจจุบัน

ผู้เล่น 3/5 คน

• คุณ (หัวหน้าทีม)

• เพื่อน_A

• เพื่อน_B

กิลด์

ยังไม่ได้เข้าร่วม

ระบบความก้าวหน้า เลเวลตัวละคร, ชื่อเสียงโซน, และมิชชันรายวัน

ชื่อเสียงภาคเหนือ 750 / 1,000

ชื่อเสียงภาคกลาง 1,200 / 1,200

ชื่อเสียงภาคใต้ 300 / 1,000

{/* Sidebar */}

{/* Daily Missions */} มิชชันรายวัน {[ { task: "เล่นมินิเกม 3 ครั้ง", progress: 2, total: 3, reward: "50 Coins" }, { task: "เข้าเยี่ยมเพื่อน 5 คน", progress: 5, total: 5, reward: "100 Coins" }, { task: "ปลดล็อกโซนใหม่ 1 โซน", progress: 0, total: 1, reward: "5 Gems" }, ].map((mission, index) => (

{mission.task}

{mission.progress}/{mission.total} {mission.reward}

))} {/* Energy System */} พลังงาน

85/100

พลังงานปัจจุบัน

ฟื้นฟูใน 15 นาที

{/* Quick Actions */} การกระทำด่วน

) } [V0_FILE]png:file="public/thai-landmarks-including-wat-arun-temple--mountain.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/thai-landmarks-including-wat-arun-temple--mountain-Du7Hr3Q5womzYkrwUFQn5S7wTXB9OC.png" [V0_FILE]png:file="public/snoopy-character-wearing-traditional-thai-clothing.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-character-wearing-traditional-thai-clothing-whiGjPSlbbhFNK7rLfKd5kkE0PJxRv.png" [V0_FILE]png:file="public/snoopy-on-a-thai-longtail-boat-on-chao-phraya-rive.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-on-a-thai-longtail-boat-on-chao-phraya-rive-JPsKmXPDYHiI7W0ZTdbGQ0SdSM1x80.png" [V0_FILE]png:file="public/snoopy-climbing-mountain-with-thai-northern-landsc.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-climbing-mountain-with-thai-northern-landsc-CAV5LXNSXDYwSma67VV8wWg9WrlXaa.png" [V0_FILE]png:file="public/snoopy-diving-underwater-with-colorful-coral-reefs.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-diving-underwater-with-colorful-coral-reefs-282HHAlmyAV9O7SZnkeBqVqNKTUPeX.png" [V0_FILE]png:file="public/snoopy-in-traditional-thai-clothing-with-loy-krath.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-in-traditional-thai-clothing-with-loy-krath-IFBbJ2hEKrHK99NUuA2tlSYcS9r8AD.png" [V0_FILE]png:file="public/snoopy-climbing-mountain-challenge-with-achievemen.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-climbing-mountain-challenge-with-achievemen-SJP6A48e2rTJcOYTho6FJxqGw9Pp2y.png" [V0_FILE]png:file="public/snoopy-with-new-year-2025-celebration-fireworks-an.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-with-new-year-2025-celebration-fireworks-an-KOTAVgDNsYsqxoWeSPXGHd1oyIR3kA.png" [V0_FILE]png:file="public/snoopy-character-avatar-wearing-thai-clothing.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/snoopy-character-avatar-wearing-thai-clothing-kYe8BChxQX066kA3kzYwRw3OSwekuK.png" [V0_FILE]typescriptreact:file="app/map/page.tsx" import { ThailandMap } from "@/components/thailand-map" import { RegionInfo } from "@/components/region-info" import { MapLegend } from "@/components/map-legend" export default function MapPage() { return (

{/* Page Header */}

แผนที่ประเทศไทย

สำรวจ 77 จังหวัดทั่วไทย ปลดล็อกด่านใหม่ และค้นพบวัฒนธรรมท้องถิ่น

{/* Map Legend */}

{/* Interactive Map */}

{/* Region Information */}

) } [V0_FILE]typescriptreact:file="components/thailand-map.tsx" "use client" import { useState } from "react" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { MapPin, Play, Lock, Star } from "lucide-react" interface Region { id: string name: string nameEn: string color: string hoverColor: string provinces: string[] minigames: Array<{ id: string name: string difficulty: string unlocked: boolean popular?: boolean }> landmarks: string[] unlocked: boolean progress: number } export function ThailandMap() { const [selectedRegion, setSelectedRegion] = useState(null) const [hoveredRegion, setHoveredRegion] = useState(null) const regions: Region[] = [ { id: "bangkok", name: "กรุงเทพมหานคร", nameEn: "Bangkok", color: "#ffd85c", hoverColor: "#ffed4e", provinces: ["กรุงเทพมหานคร"], minigames: [ { id: "chaophraya_express", name: "เรือด่วนเจ้าพระยา", difficulty: "ง่าย", unlocked: true, popular: true }, { id: "street_food", name: "ครัวสตรีทฟู้ด", difficulty: "ปานกลาง", unlocked: true }, ], landmarks: ["วัดอรุณ", "พระบรมมหาราชวัง", "วัดโพธิ์", "เจ้าพระยา"], unlocked: true, progress: 85, }, { id: "north", name: "ภาคเหนือ", nameEn: "Northern Thailand", color: "#9ad8ff", hoverColor: "#7dd3fc", provinces: ["เชียงใหม่", "เชียงราย", "ลำปาง", "แม่ฮ่องสอน"], minigames: [ { id: "doi_climb", name: "ปีนดอยอินทนนท์", difficulty: "ปานกลาง", unlocked: true, popular: true }, { id: "flora_snap", name: "ถ่ายภาพพันธุ์ไม้", difficulty: "ง่าย", unlocked: true }, { id: "lanna_art", name: "ศิลปะล้านนา", difficulty: "ยาก", unlocked: false }, ], landmarks: ["ดอยอินทนนท์", "วัดพระธาตุดอยสุเทพ", "เมืองเชียงใหม่", "สามเหลี่ยมทองคำ"], unlocked: true, progress: 60, }, { id: "isan", name: "ภาคอีสาน", nameEn: "Northeastern Thailand", color: "#6ad59a", hoverColor: "#4ade80", provinces: ["อุดรธานี", "ขอนแก่น", "นครราชสีมา", "อุบลราชธานี"], minigames: [ { id: "train_reaction", name: "รถไฟสายอีสาน", difficulty: "ปานกลาง", unlocked: true }, { id: "ban_mai_ru_roy", name: "ตามรอยบานไม่รู้โรย", difficulty: "ง่าย", unlocked: true }, { id: "silk_weaving", name: "ทอผ้าไหม", difficulty: "ยาก", unlocked: false }, ], landmarks: ["ภูกระดึง", "ปราสาทหินพิมาย", "บ้านเชียง", "โขงเจียม"], unlocked: true, progress: 40, }, { id: "south", name: "ภาคใต้", nameEn: "Southern Thailand", color: "#ffa3a3", hoverColor: "#ff8a8a", provinces: ["ภูเก็ต", "กระบี่", "สุราษฎร์ธานี", "สงขลา"], minigames: [ { id: "coral_dive", name: "ดำน้ำเกาะพีพี", difficulty: "ยาก", unlocked: true, popular: true }, { id: "beach_sprint", name: "วิ่งชายหาด", difficulty: "ง่าย", unlocked: true }, { id: "island_secret", name: "เกาะลับ", difficulty: "ยาก", unlocked: false }, ], landmarks: ["เกาะพีพี", "อ่าวพังงา", "หาดป่าตอง", "เกาะสมุย"], unlocked: true, progress: 30, }, { id: "east", name: "ภาคตะวันออก", nameEn: "Eastern Thailand", color: "#c084fc", hoverColor: "#a855f7", provinces: ["ชลบุรี", "ระยอง", "จันทบุรี", "ตราด"], minigames: [ { id: "banana_boat", name: "บานาน่าโบ๊ตสปีดรัน", difficulty: "ปานกลาง", unlocked: true }, { id: "fruit_garden", name: "สวนผลไม้", difficulty: "ง่าย", unlocked: false }, ], landmarks: ["พัทยา", "เกาะช้าง", "เกาะเสม็ด", "จันทบุรี"], unlocked: false, progress: 0, }, ] const selectedRegionData = regions.find((r) => r.id === selectedRegion) return (

{/* Interactive Map */}

{/* SVG Map of Thailand */} {/* Hover Tooltip */} {hoveredRegion && (

{regions.find((r) => r.id === hoveredRegion)?.name}

คลิกเพื่อดูรายละเอียด

)}

{/* Selected Region Details */} {selectedRegionData && (

{selectedRegionData.name}

{selectedRegionData.nameEn}

ความก้าวหน้า

{selectedRegionData.progress}%

{/* Provinces */}

จังหวัดในภูมิภาค

{selectedRegionData.provinces.map((province) => ( {province} ))}

{/* Landmarks */}

สถานที่สำคัญ

{selectedRegionData.landmarks.map((landmark) => (

{landmark}

))}

{/* Mini-games */}

มินิเกมในภูมิภาค

{selectedRegionData.minigames.map((game) => (

{game.popular && } {!game.unlocked && }

{game.name}

ระดับความยาก: {game.difficulty}

))}

{!selectedRegionData.unlocked && (

ภูมิภาคนี้ยังไม่ได้ปลดล็อค

ทำภารกิจในภูมิภาคอื่นให้เสร็จก่อน

)} )}

) } [V0_FILE]typescriptreact:file="components/map-legend.tsx" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { MapPin, Star, Lock } from "lucide-react" export function MapLegend() { return (

{/* Legend */} คำอธิบายแผนที่

ภูมิภาคที่ปลดล็อคแล้ว

ภูมิภาคที่ยังล็อค

สถานที่สำคัญ

มินิเกมยอดฮิต

มินิเกมที่ล็อค

{/* Quick Stats */} สถิติการสำรวจ

ภูมิภาคปลดล็อค 4/5

มินิเกมเล่นได้ 8/12

สถานที่ค้นพบ 15/20

ความก้าวหน้ารวม 68%

{/* Difficulty Levels */} ระดับความยาก

ง่าย เหมาะสำหรับผู้เริ่มต้น

ปานกลาง ต้องใช้ทักษะบ้าง

ยาก ท้าทายสำหรับผู้เชี่ยวชาญ

) } [V0_FILE]typescriptreact:file="components/region-info.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { Calendar, Trophy, Users, Clock } from "lucide-react" export function RegionInfo() { const [activeTab, setActiveTab] = useState("events") const upcomingEvents = [ { title: "เทศกาลลอยกระทง", region: "ทั่วประเทศ", date: "15-30 พ.ย.", reward: "ชุดไทยพิเศษ", }, { title: "ท้าทายปีนดอย", region: "ภาคเหนือ", date: "1-7 ธ.ค.", reward: "ตราภูเขา", }, ] const leaderboard = [ { rank: 1, name: "ผู้เล่น_A", region: "กรุงเทพฯ", score: 15420 }, { rank: 2, name: "ผู้เล่น_B", region: "เชียงใหม่", score: 14890 }, { rank: 3, name: "ผู้เล่น_C", region: "ภูเก็ต", score: 14250 }, { rank: 4, name: "คุณ", region: "กรุงเทพฯ", score: 12340 }, ] const dailyMissions = [ { task: "เยี่ยมชม 3 สถานที่", progress: 2, total: 3, reward: "100 Coins" }, { task: "เล่นมินิเกม 2 ครั้ง", progress: 1, total: 2, reward: "50 Coins" }, { task: "ชวนเพื่อน 1 คน", progress: 0, total: 1, reward: "5 Gems" }, ] return (

{/* Tab Navigation */}

{activeTab === "events" && (

อีเวนต์ที่กำลังจะมา

{upcomingEvents.map((event, index) => (

{event.title}

{event.region}

{event.date} {event.reward}

))}

)} {activeTab === "leaderboard" && (

อันดับสัปดาห์นี้

{leaderboard.map((player) => (

{player.rank}

{player.name}

{player.region}

{player.score.toLocaleString()}

))}

)} {activeTab === "missions" && (

ภารกิจรายวัน

{dailyMissions.map((mission, index) => (

{mission.task}

{mission.reward}

{mission.progress}/{mission.total} {Math.round((mission.progress / mission.total) * 100)}%

))}

)} {/* Quick Actions */} การกระทำด่วน

) } [V0_FILE]typescriptreact:file="app/wardrobe/page.tsx" import { WardrobeInterface } from "@/components/wardrobe-interface" export default function WardrobePage() { return (

{/* Page Header */}

ตู้เสื้อผ้า & ร้านค้า

แต่งตัว Snoopy ด้วยชุดไทยสุดเก๋ ตั้งแต่ชุดประจำภาค ชุดเทศกาล จนถึงชุดหายากสุดพิเศษ

) } [V0_FILE]typescriptreact:file="components/wardrobe-interface.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Input } from "@/components/ui/input" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Progress } from "@/components/ui/progress" import { Shirt, Search, Heart, ShoppingCart, Coins, Gem, Star, Gift, Sparkles, RotateCcw, Palette } from "lucide-react" interface ClothingItem { id: string name: string nameEn: string category: "top" | "bottom" | "accessory" | "full-outfit" | "hat" rarity: "Common" | "Rare" | "Epic" | "Legendary" price: { coins?: number gems?: number } image: string description: string region?: string festival?: string owned: boolean equipped: boolean wishlist: boolean tags: string[] } export function WardrobeInterface() { const [activeTab, setActiveTab] = useState("wardrobe") const [selectedCategory, setSelectedCategory] = useState("all") const [selectedRarity, setSelectedRarity] = useState("all") const [searchQuery, setSearchQuery] = useState("") const [selectedItem, setSelectedItem] = useState(null) const [previewMode, setPreviewMode] = useState("front") const clothingItems: ClothingItem[] = [ { id: "thai-national-costume", name: "ชุดไทยประจำชาติ", nameEn: "Thai National Costume", category: "full-outfit", rarity: "Epic", price: { gems: 120 }, image: "/snoopy-wearing-traditional-thai-national-costume.png", description: "ชุดไทยสีทองสุดหรู เหมาะสำหรับงานสำคัญ", region: "ทั่วประเทศ", owned: true, equipped: true, wishlist: false, tags: ["traditional", "formal", "gold"], }, { id: "songkran-floral-shirt", name: "เสื้อลายดอกสงกรานต์", nameEn: "Songkran Floral Shirt", category: "top", rarity: "Rare", price: { coins: 2500 }, image: "/snoopy-wearing-colorful-floral-songkran-shirt.png", description: "เสื้อลายดอกสีสดใส สำหรับเทศกาลสงกรานต์", festival: "สงกรานต์", owned: true, equipped: false, wishlist: false, tags: ["festival", "colorful", "floral"], }, { id: "thai-silk-dress", name: "ผ้าไหมไทยสีม่วง", nameEn: "Purple Thai Silk Dress", category: "full-outfit", rarity: "Legendary", price: { gems: 250 }, image: "/snoopy-wearing-elegant-purple-thai-silk-dress.png", description: "ผ้าไหมไทยแท้สีม่วงสุดหรู หายากที่สุด", region: "ภาคอีสาน", owned: false, equipped: false, wishlist: true, tags: ["silk", "luxury", "purple", "rare"], }, { id: "loy-krathong-outfit", name: "ชุดลอยกระทง", nameEn: "Loy Krathong Outfit", category: "full-outfit", rarity: "Epic", price: { gems: 150 }, image: "/snoopy-wearing-traditional-loy-krathong-outfit.png", description: "ชุดไทยสำหรับเทศกาลลอยกระทง พร้อมผ้าซิ่นสีทอง", festival: "ลอยกระทง", owned: false, equipped: false, wishlist: false, tags: ["festival", "traditional", "gold"], }, { id: "northern-hat", name: "หมวกล้านนา", nameEn: "Lanna Hat", category: "hat", rarity: "Common", price: { coins: 500 }, image: "/snoopy-wearing-traditional-northern-thai-hat.png", description: "หมวกผ้าทอแบบล้านนา สีสันสดใส", region: "ภาคเหนือ", owned: true, equipped: false, wishlist: false, tags: ["hat", "northern", "traditional"], }, { id: "beach-outfit", name: "ชุดชายหาดภูเก็ต", nameEn: "Phuket Beach Outfit", category: "full-outfit", rarity: "Rare", price: { coins: 1800 }, image: "/snoopy-wearing-tropical-beach-outfit-phuket.png", description: "ชุดชายหาดสีสันสดใส เหมาะสำหรับการพักผ่อน", region: "ภาคใต้", owned: false, equipped: false, wishlist: false, tags: ["beach", "tropical", "casual"], }, ] const filteredItems = clothingItems.filter((item) => { const matchesCategory = selectedCategory === "all" || item.category === selectedCategory const matchesRarity = selectedRarity === "all" || item.rarity === selectedRarity const matchesSearch = item.name.toLowerCase().includes(searchQuery.toLowerCase()) || item.nameEn.toLowerCase().includes(searchQuery.toLowerCase()) || item.tags.some((tag) => tag.toLowerCase().includes(searchQuery.toLowerCase())) if (activeTab === "wardrobe") { return item.owned && matchesCategory && matchesRarity && matchesSearch } else if (activeTab === "shop") { return !item.owned && matchesCategory && matchesRarity && matchesSearch } else if (activeTab === "wishlist") { return item.wishlist && matchesCategory && matchesRarity && matchesSearch } return matchesCategory && matchesRarity && matchesSearch }) const getRarityColor = (rarity: string) => { switch (rarity) { case "Common": return "bg-gray-100 text-gray-800 border-gray-300" case "Rare": return "bg-blue-100 text-blue-800 border-blue-300" case "Epic": return "bg-purple-100 text-purple-800 border-purple-300" case "Legendary": return "bg-orange-100 text-orange-800 border-orange-300" default: return "bg-gray-100 text-gray-800 border-gray-300" } } const ownedItems = clothingItems.filter((item) => item.owned) const totalItems = clothingItems.length const collectionProgress = (ownedItems.length / totalItems) * 100 return (

{/* Character Preview */}

ตัวอย่างชุด {/* Character Display */}

{/* View Controls */}

{["front", "side", "back"].map((view) => ( ))}

{/* Currently Equipped */}

ชุดที่ใส่อยู่

{ownedItems .filter((item) => item.equipped) .map((item) => (

{item.name}

{item.rarity}

))}

{/* Collection Progress */}

ความสมบูรณ์ {ownedItems.length}/{totalItems}

{Math.round(collectionProgress)}% สะสมแล้ว

{/* Main Content */}

{/* Tabs and Filters */} ตู้เสื้อผ้า ร้านค้า แนะนำ รายการโปรด กล่องสุ่ม {/* Filters */}

setSearchQuery(e.target.value)} className="pl-10" />

{/* Tab Contents */}

{/* Item Detail Dialog */} {selectedItem && ( setSelectedItem(null)} /> )}

) } interface ItemGridProps { items: ClothingItem[] mode: "wardrobe" | "shop" | "wishlist" onItemSelect: (item: ClothingItem) => void } function ItemGrid({ items, mode, onItemSelect }: ItemGridProps) { if (items.length === 0) { return (

{mode === "wardrobe" ? "ยังไม่มีไอเทมในตู้เสื้อผ้า" : mode === "shop" ? "ไม่พบสินค้าที่ค้นหา" : "ยังไม่มีรายการโปรด"}

{mode === "wardrobe" ? "ลองดูหน้าร้านค้าสิ!" : mode === "shop" ? "ลองเปลี่ยนคำค้นหาหรือฟิลเตอร์" : "เพิ่มไอเทมที่ชอบเข้ารายการโปรด"}

) } return (

{items.map((item) => ( onItemSelect(item)} >

{item.wishlist && } {item.equipped && ใส่อยู่}

{item.name}

{item.rarity} {item.festival && ( {item.festival} )}

{mode === "shop" && (

{item.price.coins && (

{item.price.coins.toLocaleString()}

)} {item.price.gems && (

{item.price.gems}

)}

))}

) } function FeaturedItems({ onItemSelect }: { onItemSelect: (item: ClothingItem) => void }) { return (

{/* New Arrivals */}

ของใหม่มาแรง

{/* Featured items would be rendered here */}

ชุดปีใหม่ 2025

Limited

{/* Sale Items */}

ลดราคาพิเศษ

ชุดสงกรานต์

3000 2100

) } function GachaSystem() { const [selectedBox, setSelectedBox] = useState(null) const gachaBoxes = [ { id: "festival-box", name: "กล่องเทศกาลไทย", price: { gems: 50 }, description: "ชุดเทศกาลไทยสุดพิเศษ", dropRates: [ { rarity: "Common", rate: 60, items: ["หมวกดอกไม้", "ผ้าซิ่นธรรมดา"] }, { rarity: "Rare", rate: 30, items: ["ชุดสงกรานต์", "ชุดลอยกระทง"] }, { rarity: "Epic", rate: 9, items: ["ชุดไทยประจำชาติ"] }, { rarity: "Legendary", rate: 1, items: ["ผ้าไหมไทยทอง"] }, ], }, { id: "regional-box", name: "กล่องภูมิภาค", price: { gems: 30 }, description: "ชุดประจำภูมิภาคต่างๆ", dropRates: [ { rarity: "Common", rate: 70, items: ["เสื้อผ้าฝ้าย", "หมวกสาน"] }, { rarity: "Rare", rate: 25, items: ["ชุดล้านนา", "ชุดอีสาน"] }, { rarity: "Epic", rate: 5, items: ["ผ้าไหมมัดหมี่"] }, ], }, ] return (

กล่องสุ่มชุดพิเศษ

ลุ้นรับชุดหายากและไอเทมพิเศษ

{gachaBoxes.map((box) => ( {box.name}

{box.price.gems}

{box.description}

{/* Drop Rates */}

อัตราการได้รับ

{box.dropRates.map((rate) => (

{rate.rarity} {rate.rate}%

))}

⚠️ การเปิดกล่องสุ่มเป็นการเสี่ยงโชค ไม่สามารถคืนเงินได้

แนะนำให้ผู้ปกครองดูแลการใช้จ่ายของผู้เยาว์

) } interface ItemDetailDialogProps { item: ClothingItem isOpen: boolean onClose: () => void } function ItemDetailDialog({ item, isOpen, onClose }: ItemDetailDialogProps) { return ( ) } function getRarityColor(rarity: string) { switch (rarity) { case "Common": return "bg-gray-100 text-gray-800 border-gray-300" case "Rare": return "bg-blue-100 text-blue-800 border-blue-300" case "Epic": return "bg-purple-100 text-purple-800 border-purple-300" case "Legendary": return "bg-orange-100 text-orange-800 border-orange-300" default: return "bg-gray-100 text-gray-800 border-gray-300" } } [V0_FILE]png:file="public/snoopy-wearing-traditional-thai-national-costume.png" https="true" hebbkx1anhila5yf="true" public="true" blob="true" vercel="true" storage="true" com="true" attachments="true" gen="true" images="true" snoopy="true" wearing="true" traditional="true" thai="true" national="true" costume="true" Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej="true" v0="true" no="true" op="true" code="true" block="true" terminated="true" [V0_FILE]typescriptreact:file="app/mini-games/page.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Progress } from "@/components/ui/progress" import { Star, Users, Trophy, Clock, MapPin, Coins } from "lucide-react" const miniGames = [ { id: "floating-market", name: "Floating Market Rush", nameEn: "Floating Market Rush", nameTh: "วิ่งตลาดน้ำ", region: "Bangkok", regionTh: "กรุงเทพฯ", difficulty: "Easy", difficultyTh: "ง่าย", players: "1-4", duration: "3-5 min", rewards: { coins: 50, gems: 2 }, description: "Navigate Snoopy through the bustling floating market, collecting fruits and avoiding obstacles.", descriptionTh: "นำทาง Snoopy ผ่านตลาดน้ำที่คึกคัก เก็บผลไม้และหลีกเลี่ยงสิ่งกีดขวาง", image: "/snoopy-floating-market-thailand.png", status: "available", bestScore: 1250, played: 45, }, { id: "temple-puzzle", name: "Temple Treasure Hunt", nameEn: "Temple Treasure Hunt", nameTh: "ล่าสокровิษฐ์วัด", region: "Bangkok", regionTh: "กรุงเทพฯ", difficulty: "Medium", difficultyTh: "ปานกลาง", players: "1-2", duration: "5-8 min", rewards: { coins: 75, gems: 3 }, description: "Solve ancient puzzles in Thai temples to unlock hidden treasures.", descriptionTh: "แก้ปริศนาโบราณในวัดไทยเพื่อปลดล็อกสมบัติที่ซ่อนอยู่", image: "/snoopy-thai-temple-puzzle.png", status: "available", bestScore: 890, played: 32, }, { id: "elephant-care", name: "Elephant Sanctuary", nameEn: "Elephant Sanctuary", nameTh: "เลี้ยงช้างป่า", region: "North", regionTh: "ภาคเหนือ", difficulty: "Easy", difficultyTh: "ง่าย", players: "1-6", duration: "4-6 min", rewards: { coins: 60, gems: 2 }, description: "Help Snoopy take care of elephants in a northern Thailand sanctuary.", descriptionTh: "ช่วย Snoopy ดูแลช้างในเขตรักษาพันธุ์ภาคเหนือของไทย", image: "/snoopy-elephant-sanctuary-thailand.png", status: "locked", bestScore: 0, played: 0, }, { id: "beach-volleyball", name: "Beach Volleyball", nameEn: "Beach Volleyball", nameTh: "วอลเลย์บอลชายหาด", region: "South", regionTh: "ภาคใต้", difficulty: "Hard", difficultyTh: "ยาก", players: "2-4", duration: "6-10 min", rewards: { coins: 100, gems: 5 }, description: "Play beach volleyball with Snoopy and friends on beautiful Thai beaches.", descriptionTh: "เล่นวอลเลย์บอลชายหาดกับ Snoopy และเพื่อนๆ บนชายหาดไทยที่สวยงาม", image: "/snoopy-beach-volleyball-thailand.png", status: "locked", bestScore: 0, played: 0, }, ] const teams = [ { id: "golden-elephants", name: "Golden Elephants", nameTh: "ช้างทอง", members: 156, level: 25, region: "North", regionTh: "ภาคเหนือ", totalScore: 45600, badge: "🐘", description: "Dedicated to exploring Northern Thailand", descriptionTh: "ทุ่มเทให้กับการสำรวจภาคเหนือของไทย", }, { id: "ocean-riders", name: "Ocean Riders", nameTh: "นักขี่คลื่น", members: 203, level: 32, region: "South", regionTh: "ภาคใต้", totalScore: 67800, badge: "🌊", description: "Masters of southern beach adventures", descriptionTh: "ผู้เชี่ยวชาญการผจญภัยชายหาดภาคใต้", }, { id: "temple-guardians", name: "Temple Guardians", nameTh: "ผู้พิทักษ์วัด", members: 89, level: 18, region: "Bangkok", regionTh: "กรุงเทพฯ", totalScore: 23400, badge: "🏛️", description: "Protectors of Bangkok's cultural heritage", descriptionTh: "ผู้พิทักษ์มรดกทางวัฒนธรรมของกรุงเทพฯ", }, ] export default function MiniGamesPage() { const [selectedGame, setSelectedGame] = useState(null) const [language, setLanguage] = useState<"en" | "th">("th") const getDifficultyColor = (difficulty: string) => { switch (difficulty.toLowerCase()) { case "easy": case "ง่าย": return "bg-green-100 text-green-800" case "medium": case "ปานกลาง": return "bg-yellow-100 text-yellow-800" case "hard": case "ยาก": return "bg-red-100 text-red-800" default: return "bg-gray-100 text-gray-800" } } return (

{language === "th" ? "มินิเกมส์" : "Mini Games"}

{language === "th" ? "เล่นเกมสนุกๆ กับ Snoopy ในสถานที่ต่างๆ ทั่วประเทศไทย รับรางวัลและแข่งขันกับเพื่อนๆ" : "Play fun games with Snoopy in various locations across Thailand. Earn rewards and compete with friends!"}

{language === "th" ? "เกมส์" : "Games"} {language === "th" ? "ทีม" : "Teams"} {language === "th" ? "อันดับ" : "Leaderboard"}

{miniGames.map((game) => (

{language === "th" ? game.nameTh : game.nameEn} {language === "th" ? game.difficultyTh : game.difficulty}

{language === "th" ? game.descriptionTh : game.description}

{language === "th" ? game.regionTh : game.region} {game.players} {game.duration}

{game.rewards.coins} {game.rewards.gems}

{game.played > 0 && (

{language === "th" ? "คะแนนสูงสุด" : "Best Score"}: {game.bestScore.toLocaleString()} | {language === "th" ? "เล่นแล้ว" : "Played"}: {game.played} {language === "th" ? "ครั้ง" : "times"}

)} ))}

{language === "th" ? "ทีมยอดนิยม" : "Popular Teams"}

{teams.map((team) => (

{team.badge}

{language === "th" ? team.nameTh : team.name} {language === "th" ? team.descriptionTh : team.description}

{language === "th" ? "สมาชิก" : "Members"}: {team.members} {language === "th" ? "เลเวล" : "Level"}: {team.level}

{language === "th" ? "คะแนนรวม" : "Total Score"} {team.totalScore.toLocaleString()}

{language === "th" ? team.regionTh : team.region}

))}

{language === "th" ? "กระดานคะแนน" : "Leaderboard"}

{language === "th" ? "ดูอันดับผู้เล่นและทีมที่ดีที่สุดในเกม" : "See the top players and teams in the game"}

{language === "th" ? "ผู้เล่นยอดเยี่ยม" : "Top Players"}

{[ { rank: 1, name: "SnoopyFan2024", score: 15420, avatar: "🏆" }, { rank: 2, name: "ThaiAdventurer", score: 14890, avatar: "🥈" }, { rank: 3, name: "PeanutsMaster", score: 13650, avatar: "🥉" }, { rank: 4, name: "BangkokExplorer", score: 12340, avatar: "👤" }, { rank: 5, name: "TempleRunner", score: 11890, avatar: "👤" }, ].map((player) => (

{player.avatar}

{player.name}

#{player.rank}

{player.score.toLocaleString()}

{language === "th" ? "คะแนน" : "points"}

))}

{language === "th" ? "ทีมยอดเยี่ยม" : "Top Teams"}

{teams .sort((a, b) => b.totalScore - a.totalScore) .map((team, index) => (

{team.badge}

{language === "th" ? team.nameTh : team.name}

#{index + 1} • {team.members} {language === "th" ? "สมาชิก" : "members"}

{team.totalScore.toLocaleString()}

{language === "th" ? "คะแนน" : "points"}

))}

) } [V0_FILE]typescriptreact:file="app/teams/page.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { MapPin, Plus, Search, Filter } from "lucide-react" const myTeam = { id: "temple-guardians", name: "Temple Guardians", nameTh: "ผู้พิทักษ์วัด", members: 89, level: 18, region: "Bangkok", regionTh: "กรุงเทพฯ", totalScore: 23400, badge: "🏛️", description: "Protectors of Bangkok's cultural heritage", descriptionTh: "ผู้พิทักษ์มรดกทางวัฒนธรรมของกรุงเทพฯ", role: "Leader", joinedDate: "2024-01-15", } const availableTeams = [ { id: "golden-elephants", name: "Golden Elephants", nameTh: "ช้างทอง", members: 156, level: 25, region: "North", regionTh: "ภาคเหนือ", totalScore: 45600, badge: "🐘", description: "Dedicated to exploring Northern Thailand", descriptionTh: "ทุ่มเทให้กับการสำรวจภาคเหนือของไทย", requirements: "Level 10+", isPublic: true, }, { id: "ocean-riders", name: "Ocean Riders", nameTh: "นักขี่คลื่น", members: 203, level: 32, region: "South", regionTh: "ภาคใต้", totalScore: 67800, badge: "🌊", description: "Masters of southern beach adventures", descriptionTh: "ผู้เชี่ยวชาญการผจญภัยชายหาดภาคใต้", requirements: "Level 15+", isPublic: true, }, { id: "rice-field-runners", name: "Rice Field Runners", nameTh: "นักวิ่งนาข้าว", members: 67, level: 12, region: "Northeast", regionTh: "ภาคอีสาน", totalScore: 18900, badge: "🌾", description: "Exploring the rural beauty of Isaan", descriptionTh: "สำรวจความงามของชนบทอีสาน", requirements: "Level 5+", isPublic: true, }, ] export default function TeamsPage() { const [language, setLanguage] = useState<"en" | "th">("th") const [searchTerm, setSearchTerm] = useState("") const [selectedRegion, setSelectedRegion] = useState("all") const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false) const filteredTeams = availableTeams.filter((team) => { const matchesSearch = team.name.toLowerCase().includes(searchTerm.toLowerCase()) || team.nameTh.includes(searchTerm) const matchesRegion = selectedRegion === "all" || team.region === selectedRegion return matchesSearch && matchesRegion }) return (

{language === "th" ? "ทีมของฉัน" : "My Teams"}

{language === "th" ? "เข้าร่วมทีมเพื่อแข่งขันและสำรวจประเทศไทยไปด้วยกัน" : "Join teams to compete and explore Thailand together"}

{/* My Current Team */}

{language === "th" ? "ทีมปัจจุบัน" : "Current Team"}

{myTeam.badge}

{language === "th" ? myTeam.nameTh : myTeam.name} {language === "th" ? myTeam.descriptionTh : myTeam.description}

{language === "th" ? "หัวหน้าทีม" : "Leader"}

{myTeam.members}

{language === "th" ? "สมาชิก" : "Members"}

{myTeam.level}

{language === "th" ? "เลเวล" : "Level"}

{myTeam.totalScore.toLocaleString()}

{language === "th" ? "คะแนน" : "Score"}

{language === "th" ? myTeam.regionTh : myTeam.region}

{language === "th" ? "ภูมิภาค" : "Region"}

{/* Available Teams */}

เริ่มผจญภัย กับ Snoopy บนแผนที่ประเทศไทย

ฟีเจอร์เด็ดที่ทำให้คุณหลงรัก

ตัวเลขที่น่าภาคภูมิใจ

ภาพรวมเกม

Snoopy นักผจญภัย

ทีมปัจจุบัน

กิลด์

แผนที่ประเทศไทย

{selectedRegionData.name}

จังหวัดในภูมิภาค

สถานที่สำคัญ

มินิเกมในภูมิภาค

อีเวนต์ที่กำลังจะมา

อันดับสัปดาห์นี้

ภารกิจรายวัน

ตู้เสื้อผ้า & ร้านค้า

ชุดที่ใส่อยู่

{mode === "wardrobe" ? "ยังไม่มีไอเทมในตู้เสื้อผ้า" : mode === "shop" ? "ไม่พบสินค้าที่ค้นหา" : "ยังไม่มีรายการโปรด"}

{item.name}

ของใหม่มาแรง

ชุดปีใหม่ 2025

ลดราคาพิเศษ

ชุดสงกรานต์

กล่องสุ่มชุดพิเศษ

อัตราการได้รับ

{language === "th" ? "มินิเกมส์" : "Mini Games"}

{language === "th" ? "ทีมยอดนิยม" : "Popular Teams"}

{language === "th" ? "กระดานคะแนน" : "Leaderboard"}

{language === "th" ? "ทีมของฉัน" : "My Teams"}

{language === "th" ? "ทีมปัจจุบัน" : "Current Team"}

{language === "th" ? "ทีมที่เปิดรับสมาชิก" : "Available Teams"}

เริ่มผจญภัย
กับ Snoopy
บนแผนที่ประเทศไทย