castad
/
o2o-triple-pick
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

사이트맵, 로봇txt, seo 페이지 추가

develop
김성경 2026-06-24 13:19:34 +09:00
parent d6b7737955
commit fd8493ae2d
4 changed files with 544 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
frontend/public/ai-soccer-prediction.html Normal file
View File

@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI 축구 승부예측 — GPT·Claude·Gemini의 선택은? | TriplePick</title>
<meta name="description" content="ChatGPT, Claude, Gemini 3개 AI가 2026 월드컵 경기 결과를 예측합니다. AI 예측 근거 공개, 실시간 군중 픽 비율 확인. 내 예측으로 AI를 이겨보세요." />
<meta name="keywords" content="AI 축구 예측, ChatGPT 축구, AI 승부예측, 인공지능 축구 분석, Gemini 월드컵, Claude 축구, AI 스포츠 예측, 축구 AI, GPT 월드컵 예측, 2026 월드컵 AI" />
<link rel="canonical" href="https://triplepick.o2o.kr/ai-soccer-prediction" />
<meta property="og:title" content="AI 축구 승부예측 — GPT·Claude·Gemini | TriplePick" />
<meta property="og:description" content="3개의 AI가 월드컵을 예측합니다. AI를 이기면 100만원." />
<meta property="og:url" content="https://triplepick.o2o.kr/ai-soccer-prediction" />
<meta property="og:type" content="website" />
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: #0a0a0f;
color: #e8e8e8;
min-height: 100vh;
}
.wrap { max-width: 680px; margin: 0 auto; padding: 48px 20px 64px; }
.badge {
display: inline-block;
background: #00ff8822;
border: 1px solid #00ff8855;
color: #00ff88;
font-size: 13px;
font-weight: 700;
padding: 4px 14px;
border-radius: 999px;
margin-bottom: 20px;
}
h1 {
font-size: clamp(26px, 6vw, 38px);
font-weight: 900;
line-height: 1.2;
margin-bottom: 16px;
}
h1 span { color: #00ff88; }
.lead {
font-size: 16px;
line-height: 1.7;
color: #b0b0c0;
margin-bottom: 36px;
}
.ai-list { margin-bottom: 36px; display: flex; flex-direction: column; gap: 12px; }
.ai-row {
background: #13131e;
border: 1px solid #ffffff14;
border-radius: 14px;
padding: 18px 20px;
display: flex;
align-items: center;
gap: 16px;
}
.ai-name { font-size: 16px; font-weight: 800; min-width: 80px; }
.ai-name.gpt { color: #10a37f; }
.ai-name.claude { color: #cc785c; }
.ai-name.gemini { color: #4285f4; }
.ai-desc { font-size: 13px; color: #8888a0; line-height: 1.5; }
h2 { font-size: 20px; font-weight: 800; margin-bottom: 16px; }
.step-list { counter-reset: step; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }
.step {
background: #13131e;
border: 1px solid #ffffff14;
border-radius: 14px;
padding: 16px 20px 16px 56px;
position: relative;
font-size: 14px;
line-height: 1.6;
color: #c0c0d0;
}
.step::before {
counter-increment: step;
content: counter(step);
position: absolute;
left: 18px;
top: 16px;
width: 24px;
height: 24px;
background: #00ff8820;
border: 1px solid #00ff8840;
color: #00ff88;
font-size: 12px;
font-weight: 900;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 24px;
text-align: center;
}
.step strong { color: #ffffff; }
.cta {
display: block;
text-align: center;
background: #00ff88;
color: #000;
font-size: 17px;
font-weight: 900;
padding: 16px 32px;
border-radius: 14px;
text-decoration: none;
margin-top: 40px;
transition: opacity .15s;
}
.cta:hover { opacity: .85; }
footer { margin-top: 48px; text-align: center; font-size: 12px; color: #44445a; }
footer a { color: #44445a; }
</style>
</head>
<body>
<div class="wrap">
<div class="badge">AI vs 인간 대결</div>
<h1><span>GPT · Claude · Gemini</span><br />3개의 AI가 월드컵을 예측한다면?</h1>
<p class="lead">
세계 최고 수준의 AI 3종이 2026 FIFA 월드컵 경기 결과를 예측합니다.<br />
AI들의 예측 근거까지 공개되며, 당신이 직접 AI를 이길 수 있습니다.
</p>
<div class="ai-list">
<div class="ai-row">
<div class="ai-name gpt">GPT</div>
<div class="ai-desc">OpenAI의 GPT 모델. 방대한 축구 통계와 역대 경기 데이터를 기반으로 예측.</div>
</div>
<div class="ai-row">
<div class="ai-name claude">Claude</div>
<div class="ai-desc">Anthropic의 Claude. 팀 컨디션, 전술 분석, 최근 폼을 종합해 예측.</div>
</div>
<div class="ai-row">
<div class="ai-name gemini">Gemini</div>
<div class="ai-desc">Google의 Gemini. 최신 뉴스와 실시간 정보까지 반영한 예측.</div>
</div>
</div>
<h2>어떻게 참여하나요?</h2>
<div class="step-list">
<div class="step">사이트에 접속해 <strong>이메일로 참여 등록</strong>합니다. 완전 무료.</div>
<div class="step">경기 킥오프 5일 전부터 투표 가능. <strong>홈팀 승·무·원정팀 승</strong> 중 하나를 선택.</div>
<div class="step">킥오프 직전에 <strong>AI 3개의 예측</strong>과 전체 참여자 픽 비율이 공개됩니다.</div>
<div class="step">경기 종료 후 결과 확인. AI보다 더 많이 맞히면 <strong>100만원 상금</strong> 도전!</div>
</div>
<a class="cta" href="https://triplepick.o2o.kr/">AI 예측 보러 가기 →</a>
<footer>
<p><a href="https://triplepick.o2o.kr/">TriplePick 2026</a> &nbsp;|&nbsp; AI Prediction Arena</p>
</footer>
</div>
</body>
</html>

2
frontend/public/robots.txt Normal file
View File

@ -0,0 +1,2 @@
User-agent: *
Allow:/

23
frontend/public/sitemap.xml Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://triplepick.o2o.kr/</loc>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://triplepick.o2o.kr/leaderboard</loc>
<changefreq>daily</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://triplepick.o2o.kr/worldcup-prediction.html</loc>
<changefreq>weekly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://triplepick.o2o.kr/ai-soccer-prediction.html</loc>
<changefreq>weekly</changefreq>
<priority>0.7</priority>
</url>
</urlset>

367
frontend/public/worldcup-prediction.html Normal file
View File

@ -0,0 +1,367 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>2026 월드컵 승부예측 — AI vs 나의 픽, 100만원 상금 | TriplePick</title>
<meta name="description" content="2026 FIFA 월드컵 승부예측을 GPT·Claude·Gemini AI와 함께! AI의 예측과 내 픽을 비교하고, 정답을 맞히면 100만원 상금. 무료 참여, 실시간 결과 확인. 한국 vs 체코, 한국 vs 멕시코 경기 예측 가능." />
<meta name="keywords" content="2026 월드컵 승부예측, 월드컵 예측, AI 축구 예측, FIFA 월드컵 2026, 월드컵 픽, 한국 월드컵, 축구 승부예측, 월드컵 결과 예측, 트리플픽, 한국 체코, 한국 멕시코, 월드컵 무료 이벤트, 월드컵 상금, 인공지능 축구, 2026 FIFA, 월드컵 그룹A, 한국 16강, 월드컵 투표" />
<link rel="canonical" href="https://triplepick.o2o.kr/worldcup-prediction.html" />
<meta property="og:title" content="2026 월드컵 승부예측 | TriplePick — AI vs 나의 픽" />
<meta property="og:description" content="GPT·Claude·Gemini AI와 승부예측 대결! 한국 경기 결과를 맞히면 100만원. 무료 참여." />
<meta property="og:url" content="https://triplepick.o2o.kr/worldcup-prediction.html" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="2026 월드컵 승부예측 | TriplePick" />
<meta name="twitter:description" content="AI 3종과 승부예측 대결. 정답 맞히면 100만원. 무료 참여." />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "2026 월드컵 승부예측 참여 비용이 있나요?",
"acceptedAnswer": { "@type": "Answer", "text": "완전 무료입니다. 이메일만 있으면 누구나 참여할 수 있습니다." }
},
{
"@type": "Question",
"name": "AI 월드컵 예측 결과는 언제 공개되나요?",
"acceptedAnswer": { "@type": "Answer", "text": "킥오프 5분 전 투표가 마감되면 GPT·Claude·Gemini의 예측과 실시간 군중 픽 비율이 공개됩니다." }
},
{
"@type": "Question",
"name": "어떤 2026 월드컵 경기를 예측할 수 있나요?",
"acceptedAnswer": { "@type": "Answer", "text": "2026 FIFA 월드컵 그룹 A 전 경기를 예측합니다. 한국 vs 체코(6/12), 멕시코 vs 한국(6/19), 남아공 vs 한국(6/25) 등 한국 경기 전부 포함입니다." }
},
{
"@type": "Question",
"name": "100만원 상금은 어떻게 받나요?",
"acceptedAnswer": { "@type": "Answer", "text": "그룹 A 6경기에서 가장 많은 경기를 정확히 예측한 참여자에게 100만원 상금을 드립니다. AI보다 더 많이 맞히면 추가 점수가 부여됩니다." }
},
{
"@type": "Question",
"name": "월드컵 승부예측과 스포츠 배팅의 차이는?",
"acceptedAnswer": { "@type": "Answer", "text": "TriplePick은 금전 베팅 없이 순수하게 예측 실력을 겨루는 무료 이벤트입니다. 합법적이고 안전하게 월드컵을 더 재미있게 즐기는 방식입니다." }
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Event",
"name": "TriplePick 2026 월드컵 승부예측 이벤트",
"description": "GPT·Claude·Gemini AI와 함께하는 2026 FIFA 월드컵 승부예측. 무료 참여, 100만원 상금.",
"startDate": "2026-06-12",
"endDate": "2026-06-25",
"eventStatus": "https://schema.org/EventScheduled",
"eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
"location": { "@type": "VirtualLocation", "url": "https://triplepick.o2o.kr/" },
"organizer": { "@type": "Organization", "name": "TriplePick", "url": "https://triplepick.o2o.kr/" },
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "KRW", "availability": "https://schema.org/InStock" }
}
</script>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: #0a0a0f;
color: #e8e8e8;
min-height: 100vh;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px 72px; }
.badge {
display: inline-block;
background: #00ff8822;
border: 1px solid #00ff8855;
color: #00ff88;
font-size: 13px;
font-weight: 700;
padding: 4px 14px;
border-radius: 999px;
margin-bottom: 20px;
}
h1 {
font-size: clamp(26px, 6vw, 40px);
font-weight: 900;
line-height: 1.2;
margin-bottom: 16px;
}
h1 span { color: #00ff88; }
.lead {
font-size: 16px;
line-height: 1.8;
color: #b0b0c0;
margin-bottom: 36px;
}
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
margin-bottom: 40px;
}
.card {
background: #13131e;
border: 1px solid #ffffff14;
border-radius: 16px;
padding: 20px;
}
.card-icon { font-size: 28px; margin-bottom: 10px; }
.card-title { font-size: 15px; font-weight: 800; margin-bottom: 6px; }
.card-desc { font-size: 13px; color: #8888a0; line-height: 1.5; }
h2 {
font-size: 22px;
font-weight: 800;
margin-bottom: 16px;
color: #ffffff;
}
h3 {
font-size: 17px;
font-weight: 700;
margin-bottom: 10px;
color: #e0e0e0;
}
.section { margin-bottom: 48px; }
.faq-item { margin-bottom: 22px; }
.faq-q { font-size: 15px; font-weight: 700; margin-bottom: 6px; color: #00ff88; }
.faq-a { font-size: 14px; color: #9090a8; line-height: 1.7; }
.match-table { width: 100%; border-collapse: collapse; margin-bottom: 12px; font-size: 14px; }
.match-table th {
text-align: left;
padding: 8px 12px;
color: #666680;
font-size: 12px;
font-weight: 700;
border-bottom: 1px solid #ffffff10;
}
.match-table td {
padding: 10px 12px;
border-bottom: 1px solid #ffffff08;
color: #c0c0d0;
}
.match-table tr:last-child td { border-bottom: none; }
.match-table .kor { color: #00ff88; font-weight: 700; }
.table-wrap {
background: #13131e;
border: 1px solid #ffffff14;
border-radius: 16px;
overflow: hidden;
margin-bottom: 32px;
}
.body-text {
font-size: 14px;
line-height: 1.8;
color: #9090a8;
margin-bottom: 16px;
}
.keyword-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
.tag {
background: #ffffff08;
border: 1px solid #ffffff12;
color: #8888a8;
font-size: 12px;
padding: 4px 10px;
border-radius: 999px;
}
.highlight-box {
background: #00ff8810;
border: 1px solid #00ff8830;
border-radius: 14px;
padding: 20px 24px;
margin-bottom: 32px;
}
.highlight-box p { font-size: 15px; line-height: 1.7; color: #c8fce0; }
.cta {
display: block;
text-align: center;
background: #00ff88;
color: #000;
font-size: 17px;
font-weight: 900;
padding: 16px 32px;
border-radius: 14px;
text-decoration: none;
margin-top: 40px;
transition: opacity .15s;
}
.cta:hover { opacity: .85; }
footer { margin-top: 56px; text-align: center; font-size: 12px; color: #44445a; line-height: 2; }
footer a { color: #44445a; text-decoration: none; }
footer a:hover { color: #666680; }
</style>
</head>
<body>
<div class="wrap">
<!-- 히어로 -->
<div class="badge">2026 FIFA 월드컵 공식 일정</div>
<h1>AI와 함께하는<br /><span>2026 월드컵 승부예측</span></h1>
<p class="lead">
ChatGPT·Claude·Gemini 3개의 AI가 먼저 예측을 공개하고,<br />
당신이 직접 승자를 고릅니다. AI를 이기면 <strong style="color:#00ff88">100만원 상금</strong>.<br />
베팅 없이, 무료로, 월드컵을 가장 재미있게 즐기는 방법.
</p>
<!-- 핵심 기능 -->
<div class="section">
<div class="card-grid">
<div class="card">
<div class="card-icon">🤖</div>
<div class="card-title">AI 3종 예측 공개</div>
<div class="card-desc">GPT·Claude·Gemini가 경기마다 독립 예측. AI들의 의견이 엇갈리는 경기가 진짜 관전 포인트.</div>
</div>
<div class="card">
<div class="card-icon">⚽</div>
<div class="card-title">실시간 군중 픽</div>
<div class="card-desc">전 세계 참여자들의 실시간 예측 비율 확인. 대중과 다른 선택이 역전의 기회.</div>
</div>
<div class="card">
<div class="card-icon">🏆</div>
<div class="card-title">100만원 상금</div>
<div class="card-desc">가장 많이 맞힌 참여자에게 상금. AI보다 더 잘 맞히면 추가 점수 부여.</div>
</div>
<div class="card">
<div class="card-icon">📊</div>
<div class="card-title">예측 근거 제공</div>
<div class="card-desc">AI가 왜 그 팀을 선택했는지 근거 코멘트 공개. 분석하고 반박해보세요.</div>
</div>
<div class="card">
<div class="card-icon">🌍</div>
<div class="card-title">글로벌 참여</div>
<div class="card-desc">한국어·영어 지원. 전 세계 축구 팬과 함께 예측 대결.</div>
</div>
<div class="card">
<div class="card-icon">🔔</div>
<div class="card-title">결과 이메일 알림</div>
<div class="card-desc">경기 종료 후 자동으로 채점 결과와 순위를 이메일로 알려드립니다.</div>
</div>
</div>
</div>
<!-- 경기 일정 -->
<div class="section">
<h2>한국 월드컵 경기 일정 (그룹 A)</h2>
<div class="table-wrap">
<table class="match-table">
<thead>
<tr>
<th>일시 (KST)</th>
<th>대진</th>
<th>장소</th>
</tr>
</thead>
<tbody>
<tr>
<td>6/12 (금) 11:00</td>
<td><span class="kor">🇰🇷 한국</span> vs 체코 🇨🇿</td>
<td>과달라하라</td>
</tr>
<tr>
<td>6/12 (금) 04:00</td>
<td>멕시코 🇲🇽 vs 남아공 🇿🇦</td>
<td>아즈테카</td>
</tr>
<tr>
<td>6/19 (금) 10:00</td>
<td>멕시코 🇲🇽 vs <span class="kor">🇰🇷 한국</span></td>
<td>과달라하라</td>
</tr>
<tr>
<td>6/19 (금) 01:00</td>
<td>체코 🇨🇿 vs 남아공 🇿🇦</td>
<td>미국 (TBD)</td>
</tr>
<tr>
<td>6/25 (목) 10:00</td>
<td>남아공 🇿🇦 vs <span class="kor">🇰🇷 한국</span></td>
<td>몬테레이</td>
</tr>
<tr>
<td>6/25 (목) 10:00</td>
<td>체코 🇨🇿 vs 멕시코 🇲🇽</td>
<td>아즈테카</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 본문 설명 -->
<div class="section">
<h2>월드컵 승부예측이란?</h2>
<p class="body-text">
월드컵 승부예측은 경기 결과(홈 승·무·원정 승)를 미리 예측하고 정확도를 겨루는 이벤트입니다.
TriplePick은 여기에 AI 예측을 더해, 단순한 맞히기를 넘어 인공지능과의 대결로 확장했습니다.
GPT, Claude, Gemini 세 AI는 각각 독립적으로 분석하며, 세 AI가 모두 같은 팀을 선택하는
경기도 있고 의견이 갈리는 경기도 있습니다.
</p>
<p class="body-text">
2026 FIFA 월드컵은 미국·캐나다·멕시코 3개국이 공동 개최하는 역대 최대 규모의 월드컵입니다.
한국은 그룹 A에 편성되어 체코, 멕시코, 남아공과 같은 조에서 16강 진출을 노립니다.
한국의 16강 가능성을 AI는 어떻게 예측할까요?
</p>
<div class="highlight-box">
<p>
💡 <strong>AI 3종이 모두 한국 패를 예측한다면?</strong><br />
그 경기에서 한국이 이기면 당신의 점수는 크게 오릅니다.
AI를 이기는 순간이 바로 TriplePick의 짜릿함입니다.
</p>
</div>
</div>
<!-- FAQ -->
<div class="section">
<h2>자주 묻는 질문</h2>
<div class="faq-item">
<p class="faq-q">참여 비용이 있나요?</p>
<p class="faq-a">완전 무료입니다. 이메일만 있으면 누구나 참여 가능합니다. 스포츠 배팅과 달리 금전 베팅이 없습니다.</p>
</div>
<div class="faq-item">
<p class="faq-q">AI 예측 결과는 언제 볼 수 있나요?</p>
<p class="faq-a">킥오프 5분 전 투표 마감 후 GPT·Claude·Gemini 세 AI의 예측과 전체 참여자 픽 비율이 공개됩니다.</p>
</div>
<div class="faq-item">
<p class="faq-q">한국 경기만 예측할 수 있나요?</p>
<p class="faq-a">아닙니다. 그룹 A 6경기 전부 예측 가능합니다. 한국 경기 외에 멕시코 vs 남아공, 체코 vs 남아공 경기도 포함됩니다.</p>
</div>
<div class="faq-item">
<p class="faq-q">100만원 상금 기준은 무엇인가요?</p>
<p class="faq-a">그룹 A 전 경기에서 가장 높은 점수를 기록한 참여자에게 드립니다. AI보다 더 많이 맞히면 추가 점수가 부여되어 유리합니다. 동점자 처리 기준은 사이트 내 공지를 참고하세요.</p>
</div>
<div class="faq-item">
<p class="faq-q">예측 변경이 가능한가요?</p>
<p class="faq-a">킥오프 5분 전 마감 전까지는 예측을 자유롭게 변경할 수 있습니다. 마감 이후에는 변경이 불가합니다.</p>
</div>
<div class="faq-item">
<p class="faq-q">모바일에서도 사용할 수 있나요?</p>
<p class="faq-a">모바일 최적화 서비스입니다. 스마트폰 브라우저에서 바로 참여 가능하며, 별도 앱 설치가 필요 없습니다.</p>
</div>
</div>
<!-- 연관 키워드 태그 -->
<div class="keyword-tags">
<span class="tag">2026 월드컵</span>
<span class="tag">월드컵 승부예측</span>
<span class="tag">AI 축구 예측</span>
<span class="tag">한국 vs 체코</span>
<span class="tag">한국 vs 멕시코</span>
<span class="tag">FIFA 2026</span>
<span class="tag">ChatGPT 축구</span>
<span class="tag">월드컵 무료 이벤트</span>
<span class="tag">축구 결과 예측</span>
<span class="tag">한국 16강</span>
<span class="tag">월드컵 상금</span>
<span class="tag">그룹A</span>
</div>
<a class="cta" href="https://triplepick.o2o.kr/">지금 무료로 예측하러 가기 →</a>
<footer>
<p><a href="https://triplepick.o2o.kr/">TriplePick 2026</a> &nbsp;|&nbsp; AI Prediction Arena</p>
<p style="margin-top:8px"><a href="https://triplepick.o2o.kr/ai-soccer-prediction.html">AI 축구 예측이란?</a> &nbsp;|&nbsp; <a href="https://triplepick.o2o.kr/leaderboard">리더보드</a></p>
</footer>
</div>
</body>
</html>