import React from 'react';
import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
import { Badge } from '@/components/ui/badge';
import { ScrollArea } from '@/components/ui/scroll-area';
import { Separator } from '@/components/ui/separator';
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
const matches = [
{ id: 1, home: '巴西', away: '阿根廷', time: '21:00', date: '2026-06-14', status: '未开始', homeScore: '-', awayScore: '-', league: '世界杯小组赛', homeFlag: '🇧🇷', awayFlag: '🇦🇷' },
{ id: 2, home: '德国', away: '法国', time: '18:00', date: '2026-06-14', status: '进行中', homeScore: '2', awayScore: '1', league: '世界杯小组赛', homeFlag: '🇩🇪', awayFlag: '🇫🇷' },
{ id: 3, home: '英格兰', away: '意大利', time: '23:00', date: '2026-06-14', status: '未开始', homeScore: '-', awayScore: '-', league: '世界杯小组赛', homeFlag: '🏴', awayFlag: '🇮🇹' },
{ id: 4, home: '葡萄牙', away: '西班牙', time: '20:00', date: '2026-06-14', status: '已结束', homeScore: '1', awayScore: '1', league: '世界杯小组赛', homeFlag: '🇵🇹', awayFlag: '🇪🇸' },
{ id: 5, home: '荷兰', away: '比利时', time: '22:00', date: '2026-06-14', status: '未开始', homeScore: '-', awayScore: '-', league: '世界杯小组赛', homeFlag: '🇳🇱', awayFlag: '🇧🇪' },
{ id: 6, home: '克罗地亚', away: '摩洛哥', time: '17:00', date: '2026-06-14', status: '已结束', homeScore: '0', awayScore: '0', league: '世界杯小组赛', homeFlag: '🇭🇷', awayFlag: '🇲🇦' },
];
const predictions = [
{ id: 1, match: '巴西 vs 阿根廷', prediction: '巴西胜', confidence: 68, analysis: '巴西近期状态火热，内马尔领衔的进攻线火力十足...' },
{ id: 2, match: '德国 vs 法国', prediction: '德国胜', confidence: 55, analysis: '德国主场作战，且近期交锋记录占优...' },
{ id: 3, match: '英格兰 vs 意大利', prediction: '平局', confidence: 45, analysis: '两队实力接近，历史交锋平局较多...' },
{ id: 4, match: '葡萄牙 vs 西班牙', prediction: '西班牙胜', confidence: 52, analysis: '西班牙传控体系成熟，葡萄牙防线存在隐患...' },
];
const news = [
{ id: 1, title: '巴西队公布世界杯23人大名单，内马尔领衔', summary: '巴西国家队主教练正式公布了参加2026世界杯的23人大名单，内马尔、维尼修斯、理查利森等球星悉数入选...', date: '2026-06-10', image: 'https://images.unsplash.com/photo-1560272564-c83b4b3b2c7a?w=400&h=250&fit=crop', author: '官方记者' },
{ id: 2, title: '德国队核心中场重伤退出，世界杯前景蒙阴影', summary: '德国队中场核心球员在训练中不幸受伤，经队医诊断确认无法参加即将到来的世界杯赛事...', date: '2026-06-11', image: 'https://images.unsplash.com/photo-1552674605-db6ffd4facb5?w=400&h=250&fit=crop', author: '体育观察员' },
{ id: 3, title: '世界杯揭幕战门票售罄，全球球迷热情高涨', summary: '距离2026世界杯开赛还有三天，揭幕战的门票已经全部售罄，组委会表示本届世界杯将创造多项历史纪录...', date: '2026-06-12', image: 'https://images.unsplash.com/photo-1577223625816-7546f13df25d?w=400&h=250&fit=crop', author: '赛事组委会' },
{ id: 4, title: '阿根廷队抵达比赛城市，梅西受到球迷热烈欢迎', summary: '阿根廷国家队今日抵达比赛城市，队长梅西在机场受到了数百名球迷的热烈欢迎，球迷们高唱歌曲为球队加油...', date: '2026-06-13', image: 'https://images.unsplash.com/photo-1621277221330-45c1b3d2b5f3?w=400&h=250&fit=crop', author: '前方特约记者' },
];
const stats = [
{ team: '巴西', wins: 5, draws: 1, losses: 0, goalsFor: 15, goalsAgainst: 3, possession: 62, shots: 89, shotsOnTarget: 34 },
{ team: '阿根廷', wins: 4, draws: 2, losses: 0, goalsFor: 12, goalsAgainst: 4, possession: 58, shots: 76, shotsOnTarget: 28 },
{ team: '德国', wins: 4, draws: 1, losses: 1, goalsFor: 11, goalsAgainst: 5, possession: 55, shots: 82, shotsOnTarget: 30 },
{ team: '法国', wins: 3, draws: 2, losses: 1, goalsFor: 9, goalsAgainst: 6, possession: 53, shots: 70, shotsOnTarget: 25 },
{ team: '英格兰', wins: 4, draws: 0, losses: 2, goalsFor: 10, goalsAgainst: 7, possession: 56, shots: 78, shotsOnTarget: 29 },
];
const expertTips = [
{ id: 1, expert: '张伟 (资深分析师)', tip: '巴西队本届赛事阵容齐整，前场三叉戟状态火热，建议关注巴西队大球选项...', rating: 4.8, record: '45胜12负' },
{ id: 2, expert: '李明 (战术专家)', tip: '德国队中场控制力下降，但边路进攻犀利，对阵法国看好德国队不败...', rating: 4.6, record: '38胜10负' },
{ id: 3, expert: '王强 (数据专家)', tip: '英格兰队定位球得分效率极高，意大利防空能力不足，推荐英格兰定位球得分...', rating: 4.7, record: '42胜14负' },
{ id: 4, expert: '赵磊 (实战派)', tip: '西班牙传控体系成熟，葡萄牙中场拦截能力弱，看好西班牙净胜一球...', rating: 4.5, record: '36胜11负' },
];
export default function SportsWebsite() {
const [activeTab, setActiveTab] = React.useState('schedule');
const [selectedMatch, setSelectedMatch] = React.useState(null);
const [email, setEmail] = React.useState('');
const [subscribeSuccess, setSubscribeSuccess] = React.useState(false);
const handleSubscribe = (e) => {
e.preventDefault();
if (email) {
setSubscribeSuccess(true);
setEmail('');
setTimeout(() => setSubscribeSuccess(false), 3000);
}
};
const getStatusBadge = (status) => {
switch(status) {
case '未开始': return 未开始;
case '进行中': return ● 进行中;
case '已结束': return 已结束;
default: return null;
}
};
return (
{/* Header */}
{/* Hero Section */}
🔥 2026世界杯 · 距离开赛还有 3 天
全球顶级赛事
即时比分 · 专业预测
2026世界杯官方合作平台，提供最快速的即时比分、最专业的赛事数据分析、最精准的比分预测。高清赛事直播，全球同步呈现。
{/* Main Content */}
{/* Tabs Navigation */}
📅 今日赛程
⚡ 即时比分
🎯 比分预测
📊 数据统计
🔍 深度分析
{/* Tab: 今日赛程 */}
{matches.map(match => (
))}
{/* Tab: 即时比分 */}
即时比分直播 · 实时更新
{matches.map((match, idx) => (
{match.homeFlag}
{match.home}
{match.homeScore}
:
{match.awayScore}
{match.away}
{match.awayFlag}
{getStatusBadge(match.status)}
{match.time}
))}
{/* Tab: 比分预测 */}
{predictions.map(pred => (
{pred.match}
{pred.prediction}
{pred.analysis}
发布于 2026-06-14
))}
📊 小组赛阶段数据统计
| 球队 |
胜 |
平 |
负 |
进球 |
失球 |
控球率 |
射门 |
射正 |
{stats.map((row, idx) => (
| {row.team} |
{row.wins} |
{row.draws} |
{row.losses} |
{row.goalsFor} |
{row.goalsAgainst} |
{row.possession}% |
{row.shots} |
{row.shotsOnTarget} |
))}
{/* Tab: 深度分析 */}
{news.map(item => (
📰 赛事分析
{item.title}
{item.summary}
✍️ {item.author}
📅 {item.date}
))}
{/* 专家推荐 Section */}
🏆 专家推荐 · 信心之选
汇聚顶级赛事分析师，提供专业投注建议
{expertTips.map(expert => (
{expert.expert.charAt(0)}
{expert.expert}
★
{expert.rating}
| 战绩 {expert.record}
"{expert.tip}"
))}
🔥 官方合作投注平台
安全 · 专业 · 高赔率
2026世界杯官方指定投注合作伙伴，提供最具竞争力的赔率、最安全的交易环境、最快速的出金服务。新用户注册即送豪礼。
* 投注需年满18周岁 · 理性投注 · 享受比赛
{/* 关于我们 Section */}
关于我们
2026世界杯正规平台是国际足联（FIFA）官方授权的世界杯赛事信息服务平台，致力于为全球球迷提供最全面、最专业、最快速的赛事资讯、比分直播、数据分析及投注指南服务。
平台拥有超过20年的体育赛事服务经验，汇聚了来自全球的顶级赛事分析师、数据科学家和体育媒体人，为用户提供深度赛事分析、精准比分预测和专业投注建议。
我们与全球多家知名体育媒体和数据机构建立了战略合作关系，确保所有赛事数据的准确性、及时性和权威性。平台严格遵守各国法律法规，持有合法的赛事信息服务牌照。
{/* 友情链接 */}
{/* 订阅 Newsletter */}
📬 订阅赛事资讯
第一时间获取最新赛程、比分预测和深度分析
{subscribeSuccess && (
✅ 订阅成功！感谢您的关注。
)}
我们尊重您的隐私，不会向第三方分享您的信息。
{/* Footer */}
{/* Schema.org Structured Data */}
