From d33de7a3894a5dabe5e4de9cd96360ca44c9baaa Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 16:42:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 282 ++++++++++------------------------------------- 1 file changed, 61 insertions(+), 221 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9bf25d2..5684e1e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,38 +11,34 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia import FaqDouble from "@/components/sections/faq/FaqDouble"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import FooterBase from "@/components/sections/footer/FooterBase"; -import Link from "next/link"; -import { Zap, Flame, Sparkles, Coins, HelpCircle, Users, Upload, Vote, Trophy, TrendingUp } from "lucide-react"; +import { Zap, Sparkles, Flame, Upload, Vote, Trophy, TrendingUp, HelpCircle, Users } from "lucide-react"; -export default function HomePage() { +export default function Home() { const navItems = [ { name: "Home", id: "/" }, { name: "Create Challenge", id: "/create-challenge" }, { name: "Leaderboard", id: "leaderboard" }, - { name: "Tournaments", id: "tournaments" }, - { name: "Profile", id: "profile" }, + { name: "Tournaments", id: "/tournaments" }, + { name: "Profile", id: "/profile" }, ]; const footerColumns = [ { - title: "Battle", - items: [ + title: "Battle", items: [ { label: "Create Challenge", href: "/create-challenge" }, { label: "Active Battles", href: "/" }, - { label: "Tournament", href: "tournaments" }, + { label: "Tournament", href: "/tournaments" }, ], }, { - title: "Account", - items: [ - { label: "My Profile", href: "profile" }, + title: "Account", items: [ + { label: "My Profile", href: "/profile" }, { label: "Leaderboard", href: "leaderboard" }, - { label: "Purchase Coins", href: "/" }, + { label: "Purchase Coins", href: "pricing" }, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Help Center", href: "#faq" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, @@ -78,27 +74,18 @@ export default function HomePage() { tag="Competitive Gaming" tagIcon={Zap} background={{ variant: "sparkles-gradient" }} + mediaAnimation="slide-up" mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-pack-twitch-panels_23-2149200772.jpg?_wi=1", - imageAlt: "competitive gaming battle arena interface", - }, + imageSrc: "http://img.b2bpic.net/free-vector/gradient-pack-twitch-panels_23-2149200772.jpg", imageAlt: "competitive gaming battle arena interface"}, { - imageSrc: "http://img.b2bpic.net/free-photo/sunset-projector-lamp-product-backdrop_53876-108123.jpg?_wi=1", - imageAlt: "creator clash competition showcase", - }, + imageSrc: "http://img.b2bpic.net/free-photo/sunset-projector-lamp-product-backdrop_53876-108123.jpg", imageAlt: "creator clash competition showcase"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-watching-match-waiting-goal_329181-16802.jpg?_wi=1", - imageAlt: "gaming tournament winner celebration", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-watching-match-waiting-goal_329181-16802.jpg", imageAlt: "gaming tournament winner celebration"}, { - imageSrc: "http://img.b2bpic.net/free-photo/group-fans-are-watching-soccer-tv_1157-28501.jpg?_wi=1", - imageAlt: "digital voting system interface", - }, + imageSrc: "http://img.b2bpic.net/free-photo/group-fans-are-watching-soccer-tv_1157-28501.jpg", imageAlt: "digital voting system interface"}, { - imageSrc: "http://img.b2bpic.net/free-vector/bitcoin-digital-currency-exchange-money_24877-53117.jpg?_wi=1", - imageAlt: "cryptocurrency coins digital currency", - }, + imageSrc: "http://img.b2bpic.net/free-vector/bitcoin-digital-currency-exchange-money_24877-53117.jpg", imageAlt: "cryptocurrency coins digital currency"}, ]} buttons={[ { text: "Start Battle", href: "/" }, @@ -116,40 +103,16 @@ export default function HomePage() { features={[ { id: 1, - tag: "Vote & Win", - title: "Cast Your Vote", - subtitle: "Spend 1 coin to vote for your favorite", - description: "Every vote counts towards the final winner. Choose wisely and back your favorite creator. Each vote costs 1 coin from your balance. Voting closes when the timer expires and the community declares a winner.", - imageSrc: "http://img.b2bpic.net/free-photo/atm-operation-bank_1359-1208.jpg", - imageAlt: "vote button interface voting system", - }, + tag: "Vote & Win", title: "Cast Your Vote", subtitle: "Spend 1 coin to vote for your favorite", description: "Every vote counts towards the final winner. Choose wisely and back your favorite creator. Each vote costs 1 coin from your balance. Voting closes when the timer expires and the community declares a winner.", imageSrc: "http://img.b2bpic.net/free-photo/atm-operation-bank_1359-1208.jpg", imageAlt: "vote button interface voting system"}, { id: 2, - tag: "Share & Earn", - title: "Share Battle Link", - subtitle: "Earn 1 coin instantly", - description: "Share battles with friends and earn bonus coins. Every share spreads the competition and rewards you for promoting battles. Share to social media or copy the link directly.", - imageSrc: "http://img.b2bpic.net/free-vector/flat-web-button-collection_23-2147954772.jpg", - imageAlt: "social media sharing buttons interface", - }, + tag: "Share & Earn", title: "Share Battle Link", subtitle: "Earn 1 coin instantly", description: "Share battles with friends and earn bonus coins. Every share spreads the competition and rewards you for promoting battles. Share to social media or copy the link directly.", imageSrc: "http://img.b2bpic.net/free-vector/flat-web-button-collection_23-2147954772.jpg", imageAlt: "social media sharing buttons interface"}, { id: 3, - tag: "Comment System", - title: "Leave Comments", - subtitle: "Engage with the community", - description: "Comment on battles to hype up your favorite creators and engage in friendly competition. Build community reputation through meaningful feedback and encouragement.", - imageSrc: "http://img.b2bpic.net/free-vector/creative-web-testimonial-design_23-2147947091.jpg", - imageAlt: "comment section social platform", - }, + tag: "Comment System", title: "Leave Comments", subtitle: "Engage with the community", description: "Comment on battles to hype up your favorite creators and engage in friendly competition. Build community reputation through meaningful feedback and encouragement.", imageSrc: "http://img.b2bpic.net/free-vector/creative-web-testimonial-design_23-2147947091.jpg", imageAlt: "comment section social platform"}, { id: 4, - tag: "Countdown Timer", - title: "Time-Limited Battles", - subtitle: "24h, 48h, or 72h durations", - description: "Watch the countdown as submissions come in. Faster voting periods create urgency and excitement. Timer controls when voting opens and automatically closes for final results.", - imageSrc: "http://img.b2bpic.net/free-vector/last-few-days-left-tag-template-business-marketing_1017-62883.jpg", - imageAlt: "countdown timer digital clock", - }, + tag: "Countdown Timer", title: "Time-Limited Battles", subtitle: "24h, 48h, or 72h durations", description: "Watch the countdown as submissions come in. Faster voting periods create urgency and excitement. Timer controls when voting opens and automatically closes for final results.", imageSrc: "http://img.b2bpic.net/free-vector/last-few-days-left-tag-template-business-marketing_1017-62883.jpg", imageAlt: "countdown timer digital clock"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -164,36 +127,27 @@ export default function HomePage() { tagIcon={Sparkles} bulletPoints={[ { - title: "Create Challenges", - description: "Set skill category, title, description, time limit, and coin rewards. Pay 5 coins to publish your challenge to the arena.", - icon: Zap, + title: "Create Challenges", description: "Set skill category, title, description, time limit, and coin rewards. Pay 5 coins to publish your challenge to the arena.", icon: Zap, }, { - title: "Accept & Submit", - description: "Players accept challenges as Player B. Both players upload submissions and descriptions. Voting begins immediately after both submit.", - icon: Upload, + title: "Accept & Submit", description: "Players accept challenges as Player B. Both players upload submissions and descriptions. Voting begins immediately after both submit.", icon: Upload, }, { - title: "Community Voting", - description: "Users vote with coins. Each vote costs 1 coin and counts towards the final tally. Winner determined by highest vote count when timer expires.", - icon: Vote, + title: "Community Voting", description: "Users vote with coins. Each vote costs 1 coin and counts towards the final tally. Winner determined by highest vote count when timer expires.", icon: Vote, }, { - title: "Earn Rewards", - description: "Winners receive all reward coins plus 5 bonus coins. Coins can be used for voting, creating challenges, or purchasing premium plans.", - icon: Trophy, + title: "Earn Rewards", description: "Winners receive all reward coins plus 5 bonus coins. Coins can be used for voting, creating challenges, or purchasing premium plans.", icon: Trophy, }, { - title: "Track Stats", - description: "View your profile with battles won/lost, badges earned, coins balance, and detailed battle history and achievements.", - icon: TrendingUp, + title: "Track Stats", description: "View your profile with battles won/lost, badges earned, coins balance, and detailed battle history and achievements.", icon: TrendingUp, }, ]} - imageSrc="http://img.b2bpic.net/free-vector/artificial-intelligence-youtube-channel-art_23-2150363645.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-vector/artificial-intelligence-youtube-channel-art_23-2150363645.jpg" imageAlt="workflow steps process diagram" imagePosition="right" textboxLayout="default" useInvertedBackground={true} + mediaAnimation="slide-up" /> @@ -202,32 +156,14 @@ export default function HomePage() { title="Coin Economy Power Stats" description="Track your earnings and spending across the entire platform" tag="Economy" - tagIcon={Coins} + tagIcon={Zap} metrics={[ { - id: "1", - value: "2 Coins", - title: "Daily Login Reward", - description: "Free coins every day", - imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-smartphone-before-new-year-party_23-2147720560.jpg?_wi=1", - imageAlt: "daily bonus reward celebration", - }, + id: "1", value: "2 Coins", title: "Daily Login Reward", description: "Free coins every day", imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-smartphone-before-new-year-party_23-2147720560.jpg", imageAlt: "daily bonus reward celebration"}, { - id: "2", - value: "5 Coins", - title: "Challenge Creation Cost", - description: "Launch your first battle", - imageSrc: "http://img.b2bpic.net/free-vector/divorce-mediation-onboarding-screens_23-2148604616.jpg?_wi=1", - imageAlt: "create new challenge gaming", - }, + id: "2", value: "5 Coins", title: "Challenge Creation Cost", description: "Launch your first battle", imageSrc: "http://img.b2bpic.net/free-vector/divorce-mediation-onboarding-screens_23-2148604616.jpg", imageAlt: "create new challenge gaming"}, { - id: "3", - value: "100 Coins", - title: "Tournament Winner Prize", - description: "Plus champion badge", - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-father-s-day-badges-set_23-2148513184.jpg?_wi=1", - imageAlt: "tournament championship trophy winner", - }, + id: "3", value: "100 Coins", title: "Tournament Winner Prize", description: "Plus champion badge", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-father-s-day-badges-set_23-2148513184.jpg", imageAlt: "tournament championship trophy winner"}, ]} animationType="slide-up" textboxLayout="default" @@ -243,56 +179,24 @@ export default function HomePage() { tagIcon={Zap} plans={[ { - id: "1", - badge: "Starter", - badgeIcon: Sparkles, - price: "$1", - subtitle: "Perfect for testing", - features: ["10 Coins", "Basic voting power", "Standard profile", "Vote on all battles"], + id: "1", badge: "Starter", badgeIcon: Sparkles, + price: "$1", subtitle: "Perfect for testing", features: [ + "10 Coins", "Basic voting power", "Standard profile", "Vote on all battles"], }, { - id: "2", - badge: "Popular", - badgeIcon: Sparkles, - price: "$5", - subtitle: "Best value for active players", - features: [ - "60 Coins", - "Bonus voting power", - "Challenge creation", - "Standard badge display", - "Email support", - ], + id: "2", badge: "Popular", badgeIcon: Zap, + price: "$5", subtitle: "Best value for active players", features: [ + "60 Coins", "Bonus voting power", "Challenge creation", "Standard badge display", "Email support"], }, { - id: "3", - badge: "Ultimate", - badgeIcon: Sparkles, - price: "$10", - subtitle: "Maximum competitive advantage", - features: [ - "130 Coins", - "Premium voting power", - "Unlimited challenges", - "Gold badge display", - "Priority support", - "Advanced analytics", - ], + id: "3", badge: "Ultimate", badgeIcon: Trophy, + price: "$10", subtitle: "Maximum competitive advantage", features: [ + "130 Coins", "Premium voting power", "Unlimited challenges", "Gold badge display", "Priority support", "Advanced analytics"], }, { - id: "4", - badge: "Elite Monthly", - badgeIcon: Flame, - price: "$12/mo", - subtitle: "Exclusive premium benefits", - features: [ - "Double coin rewards", - "Featured leaderboard", - "Exclusive tournaments", - "Animated avatar effects", - "VIP voting badge", - "Priority matching", - ], + id: "4", badge: "Elite Monthly", badgeIcon: Flame, + price: "$12/mo", subtitle: "Exclusive premium benefits", features: [ + "Double coin rewards", "Featured leaderboard", "Exclusive tournaments", "Animated avatar effects", "VIP voting badge", "Priority matching"], }, ]} animationType="slide-up" @@ -306,44 +210,20 @@ export default function HomePage() { title="Champion Stories" description="Hear from our community legends who've dominated the arena" tag="Community" - tagIcon={Sparkles} + tagIcon={Zap} testimonials={[ { - id: "1", - name: "Alex Chen", - role: "Coding Champion", - company: "Tech Talents", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-laptop-desk_23-2147862277.jpg?_wi=1", - imageAlt: "professional programmer portrait", - }, + id: "1", name: "Alex Chen", role: "Coding Champion", company: "Tech Talents", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-laptop-desk_23-2147862277.jpg", imageAlt: "professional programmer portrait"}, { - id: "2", - name: "Maya Rodriguez", - role: "Design Master", - company: "Creative Minds", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-woman-black-wall_176420-16401.jpg?_wi=1", - imageAlt: "creative designer professional portrait", - }, + id: "2", name: "Maya Rodriguez", role: "Design Master", company: "Creative Minds", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-woman-black-wall_176420-16401.jpg", imageAlt: "creative designer professional portrait"}, { - id: "3", - name: "Jordan Williams", - role: "Meme Legend", - company: "Content Kings", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-cafe-with-laptop_273609-11291.jpg?_wi=1", - imageAlt: "content creator portrait headshot", - }, + id: "3", name: "Jordan Williams", role: "Meme Legend", company: "Content Kings", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-cafe-with-laptop_273609-11291.jpg", imageAlt: "content creator portrait headshot"}, { - id: "4", - name: "Sofia Martinez", - role: "Video Producer", - company: "Media Studios", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-male-singer-happily-looking-camera-recording-song-new-album-sound-studio_574295-4362.jpg?_wi=1", - imageAlt: "video producer filmmaker portrait", - }, + id: "4", name: "Sofia Martinez", role: "Video Producer", company: "Media Studios", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-male-singer-happily-looking-camera-recording-song-new-album-sound-studio_574295-4362.jpg", imageAlt: "video producer filmmaker portrait"}, ]} kpiItems={[ { value: "50K+", label: "Active Competitors" }, @@ -364,53 +244,21 @@ export default function HomePage() { tagIcon={HelpCircle} faqs={[ { - id: "1", - title: "How do I create a challenge?", - content: - "Click 'Create Challenge' in the navigation. Select a skill category (design, coding, art, meme, video, music), write your title and description, choose a time limit (24h, 48h, or 72h), and set the coin reward. Pay 5 coins to publish your challenge to the arena where other players can accept it.", - }, + id: "1", title: "How do I create a challenge?", content: "Click 'Create Challenge' in the navigation. Select a skill category (design, coding, art, meme, video, music), write your title and description, choose a time limit (24h, 48h, or 72h), and set the coin reward. Pay 5 coins to publish your challenge to the arena where other players can accept it."}, { - id: "2", - title: "How does voting work?", - content: - "Each vote costs 1 coin from your balance. Simply click 'Vote Player A' or 'Vote Player B' on any active battle. Your vote is counted towards the final tally. When the timer expires, the player with the most votes wins and receives all reward coins plus 5 bonus coins.", - }, + id: "2", title: "How does voting work?", content: "Each vote costs 1 coin from your balance. Simply click 'Vote Player A' or 'Vote Player B' on any active battle. Your vote is counted towards the final tally. When the timer expires, the player with the most votes wins and receives all reward coins plus 5 bonus coins."}, { - id: "3", - title: "How can I earn coins?", - content: - "Earn coins by: Daily login (2 coins), Sharing battles (1 coin per share), Inviting friends (5 coins per friend), Winning battles (claim the reward pool). You can also purchase coins directly with credit card, Click, PayMe, or Uzum Pay.", - }, + id: "3", title: "How can I earn coins?", content: "Earn coins by: Daily login (2 coins), Sharing battles (1 coin per share), Inviting friends (5 coins per friend), Winning battles (claim the reward pool). You can also purchase coins directly with credit card, Click, PayMe, or Uzum Pay."}, { - id: "4", - title: "What is the Premium PRO plan?", - content: - "$5/month gives you: Unlimited challenge creation, Premium profile badge, Advanced statistics dashboard, Priority battle matching, and exclusive tournaments access.", - }, + id: "4", title: "What is the Premium PRO plan?", content: "$5/month gives you: Unlimited challenge creation, Premium profile badge, Advanced statistics dashboard, Priority battle matching, and exclusive tournaments access."}, { - id: "5", - title: "What is the Elite plan?", - content: - "$12/month includes everything in PRO plus: Featured profile on leaderboard, Double coin rewards on all wins, Access to exclusive elite tournaments, Special animated avatar effects, VIP voting badge, and dedicated priority support.", - }, + id: "5", title: "What is the Elite plan?", content: "$12/month includes everything in PRO plus: Featured profile on leaderboard, Double coin rewards on all wins, Access to exclusive elite tournaments, Special animated avatar effects, VIP voting badge, and dedicated priority support."}, { - id: "6", - title: "How do tournaments work?", - content: - "Weekly tournaments charge 10 coins to join. Compete in bracketed matches. The champion receives 100 coins and a Champion badge. Tournaments run every Sunday and offer the highest stakes and rewards on the platform.", - }, + id: "6", title: "How do tournaments work?", content: "Weekly tournaments charge 10 coins to join. Compete in bracketed matches. The champion receives 100 coins and a Champion badge. Tournaments run every Sunday and offer the highest stakes and rewards on the platform."}, { - id: "7", - title: "What badges can I earn?", - content: - "Badges reflect your achievement level: Rookie (beginner), Pro (10+ wins), Master (50+ wins), Champion (tournament winner). Display your badges on your profile to show your competitive status and attract more challengers.", - }, + id: "7", title: "What badges can I earn?", content: "Badges reflect your achievement level: Rookie (beginner), Pro (10+ wins), Master (50+ wins), Champion (tournament winner). Display your badges on your profile to show your competitive status and attract more challengers."}, { - id: "8", - title: "Can I withdraw coins?", - content: - "Yes, from your profile page click 'Withdraw Coins'. You can convert earned coins back to cash via the same payment methods used to purchase coins. A small processing fee applies to withdrawals.", - }, + id: "8", title: "Can I withdraw coins?", content: "Yes, from your profile page click 'Withdraw Coins'. You can convert earned coins back to cash via the same payment methods used to purchase coins. A small processing fee applies to withdrawals."}, ]} faqsAnimation="slide-up" textboxLayout="default" @@ -425,15 +273,7 @@ export default function HomePage() { tag="Community" tagIcon={Users} names={[ - "Design Masters", - "Coding Elite", - "Meme Legends", - "Video Artists", - "Music Producers", - "Content Kings", - "Creative Minds", - "Tech Innovators", - ]} + "Design Masters", "Coding Elite", "Meme Legends", "Video Artists", "Music Producers", "Content Kings", "Creative Minds", "Tech Innovators"]} textboxLayout="default" useInvertedBackground={false} speed={40}