bender/8b4236db-24dd-4bcc-9b3a-61a77056045e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-07-02 12:35:05 +00:00
parent b8c234259f
commit 7e97093cc6
1 changed files with 25 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/pages/HomePage.tsx
View File

@@ -16,13 +16,9 @@ export default function HomePage() {
title="Tic Tac Toe Reinvented"
description="Experience the classic game like never before with modern design, instant matchmaking, and global leaderboards."
primaryButton={{
text: "Play Match",
href: "#",
}}
text: "Play Match", href: "#"}}
secondaryButton={{
text: "View Leaderboard",
href: "#",
}}
text: "View Leaderboard", href: "#"}}
imageSrc="http://img.b2bpic.net/free-photo/3d-low-poly-illustration-with-connected-lines-dots_1048-11941.jpg"
textAnimation="slide-up"
/>
@@ -37,29 +33,17 @@ export default function HomePage() {
description="Our platform combines classic mechanics with cutting-edge UI/UX design."
items={[
{
title: "Instant Matchmaking",
tags: [
"Speed",
"Multiplayer",
],
imageSrc: "http://img.b2bpic.net/free-vector/game-live-video-stream-interface-elements_107791-14021.jpg",
},
title: "Instant Matchmaking", tags: [
"Speed", "Multiplayer"],
imageSrc: "http://img.b2bpic.net/free-vector/game-live-video-stream-interface-elements_107791-14021.jpg"},
{
title: "Advanced AI Mode",
tags: [
"Logic",
"Practice",
],
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998683.jpg",
},
title: "Advanced AI Mode", tags: [
"Logic", "Practice"],
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998683.jpg"},
{
title: "Global Statistics",
tags: [
"Ranking",
"Data",
],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=h6bpen",
},
title: "Global Statistics", tags: [
"Ranking", "Data"],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=h6bpen"},
]}
textAnimation="slide-up"
/>
@@ -74,23 +58,11 @@ export default function HomePage() {
description="See the numbers behind the world's most played game."
metrics={[
{
value: "1.2M+",
title: "Matches Played",
description: "Total games completed across the globe.",
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749865.jpg",
},
value: "1.2M+", title: "Matches Played", description: "Total games completed across the globe.", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749865.jpg"},
{
value: "450k+",
title: "Active Players",
description: "Users currently online in the lobby.",
imageSrc: "http://img.b2bpic.net/free-vector/technological-background-with-circuits_1035-4305.jpg",
},
value: "450k+", title: "Active Players", description: "Users currently online in the lobby.", imageSrc: "http://img.b2bpic.net/free-vector/technological-background-with-circuits_1035-4305.jpg"},
{
value: "99.9%",
title: "Uptime",
description: "Rock-solid connection stability.",
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1778.jpg",
},
value: "99.9%", title: "Uptime", description: "Rock-solid connection stability.", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1778.jpg"},
]}
textAnimation="slide-up"
/>
@@ -105,25 +77,15 @@ export default function HomePage() {
author="David W., Tournament Player"
avatars={[
{
name: "Alice",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
},
name: "Alice", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"},
{
name: "Bob",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898143.jpg",
},
name: "Bob", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898143.jpg"},
{
name: "Charlie",
imageSrc: "http://img.b2bpic.net/free-photo/modern-electronic-led-scoreboard-displaying-game-scores_187299-47404.jpg",
},
name: "Charlie", imageSrc: "http://img.b2bpic.net/free-photo/modern-electronic-led-scoreboard-displaying-game-scores_187299-47404.jpg"},
{
name: "Diana",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg",
},
name: "Diana", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg"},
{
name: "Evan",
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg",
},
name: "Evan", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg"},
]}
textAnimation="fade-blur"
/>
@@ -138,17 +100,11 @@ export default function HomePage() {
description="Find answers to how to get started and win."
items={[
{
question: "Is it free to play?",
answer: "Yes, completely free forever.",
},
question: "Is it free to play?", answer: "Yes, completely free forever."},
{
question: "Can I play with friends?",
answer: "Yes, invite them via your personal lobby code.",
},
question: "Can I play with friends?", answer: "Yes, invite them via your personal lobby code."},
{
question: "Is there a ranking system?",
answer: "Global ELO ranks are updated daily.",
},
question: "Is there a ranking system?", answer: "Global ELO ranks are updated daily."},
]}
imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg"
textAnimation="fade"
@@ -165,6 +121,7 @@ export default function HomePage() {
content="<p>Strategy in Tic Tac Toe is often overlooked...</p>"
imageSrc="http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269878.jpg"
authorName="Arena Master"
authorImageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9399.jpg"
date="Oct 24, 2023"
/>
</SectionErrorBoundary>
@@ -176,13 +133,9 @@ export default function HomePage() {
tag="Let's Play"
text="Are you ready to claim your title in the arena?"
primaryButton={{
text: "Start Playing",
href: "#",
}}
text: "Start Playing", href: "#"}}
secondaryButton={{
text: "Contact Support",
href: "#",
}}
text: "Contact Support", href: "#"}}
textAnimation="slide-up"
/>
</SectionErrorBoundary>