diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index dc854ac..e37caa4 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
- "name": "Game",
- "href": "#hero"
+ "name": "Game", "href": "#hero"
},
{
- "name": "Features",
- "href": "#features"
+ "name": "Features", "href": "#features"
},
{
- "name": "Community",
- "href": "#testimonials"
+ "name": "Community", "href": "#testimonials"
},
{
- "name": "FAQ",
- "href": "#faq"
+ "name": "FAQ", "href": "#faq"
},
{
- "name": "Metrics",
- "href": "#metrics"
+ "name": "Metrics", "href": "#metrics"
},
{
- "name": "Blog",
- "href": "#blog"
+ "name": "Blog", "href": "#blog"
},
{
- "name": "Contact",
- "href": "#contact"
+ "name": "Contact", "href": "#contact"
}
];
@@ -43,10 +36,9 @@ export default function Layout() {
@@ -59,25 +51,17 @@ export default function Layout() {
{
items: [
{
- label: "About",
- href: "#",
- },
+ label: "About", href: "#"},
{
- label: "Terms",
- href: "#",
- },
+ label: "Terms", href: "#"},
],
},
{
items: [
{
- label: "Community",
- href: "#",
- },
+ label: "Community", href: "#"},
{
- label: "Support",
- href: "#",
- },
+ label: "Support", href: "#"},
],
},
]}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 078f0b2..1682ef3 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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="Strategy in Tic Tac Toe is often overlooked...
"
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"
/>
@@ -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"
/>