Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Award, Calendar, Edit, Star, Users, Zap } from "lucide-react";
|
||||
import { ArrowRightCircle, Award, Calendar, Edit, RefreshCcw, Star, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "features",
|
||||
},
|
||||
name: "How It Works", id: "features"},
|
||||
{
|
||||
name: "Leaderboard",
|
||||
id: "leaderboard",
|
||||
},
|
||||
name: "Leaderboard", id: "leaderboard"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faqs",
|
||||
},
|
||||
name: "FAQs", id: "faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="World Cup Bracket"
|
||||
bottomLeftText="Global Community"
|
||||
@@ -61,28 +51,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Predict. Play. Prevail."
|
||||
description="Join the ultimate World Cup Bracket Challenge! Predict match outcomes, track live results, and climb the global leaderboard."
|
||||
tag="Challenge Accepted"
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Your Bracket",
|
||||
href: "/my-bracket",
|
||||
},
|
||||
text: "Create Your Bracket", href: "/my-bracket"},
|
||||
{
|
||||
text: "See Leaderboard",
|
||||
href: "/leaderboard",
|
||||
},
|
||||
text: "See Leaderboard", href: "/leaderboard"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-dynamic-shot-of-a-football-stadium-dur-1774386047463-5a9cb6f0.png?_wi=1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-dynamic-shot-of-a-football-stadium-dur-1774386047463-5a9cb6f0.png"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-futuristic-holographic-display-of-a-wo-1774386046650-0372f9b1.png?_wi=1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-futuristic-holographic-display-of-a-wo-1774386046650-0372f9b1.png"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,48 +80,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "interactive-bracket",
|
||||
title: "Interactive Bracket",
|
||||
description: "Visualize your path to victory. Our dynamic bracket system automatically advances teams based on your picks, providing a clear overview of your predictions. Real-time updates keep you informed as the tournament progresses.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-detailed-dark-themed-ui-mockup-of-an-i-1774386050371-bf7c6434.png?_wi=1",
|
||||
},
|
||||
id: "interactive-bracket", title: "Interactive Bracket", description: "Visualize your path to victory. Our dynamic bracket system automatically advances teams based on your picks, providing a clear overview of your predictions. Real-time updates keep you informed as the tournament progresses.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-detailed-dark-themed-ui-mockup-of-an-i-1774386050371-bf7c6434.png"},
|
||||
items: [
|
||||
{
|
||||
icon: ArrowRightCircle,
|
||||
text: "Auto-advancing teams",
|
||||
},
|
||||
text: "Auto-advancing teams"},
|
||||
{
|
||||
icon: Edit,
|
||||
text: "Edit picks before matches",
|
||||
},
|
||||
text: "Edit picks before matches"},
|
||||
{
|
||||
icon: RefreshCcw,
|
||||
text: "Live result integration",
|
||||
},
|
||||
text: "Live result integration"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "group-stage",
|
||||
title: "Group Stage Pick'em",
|
||||
description: "The journey begins early. Predict the top two teams from each group, and watch as your selections automatically populate the knockout bracket. This crucial first step sets the stage for your entire World Cup prediction journey.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-detailed-dark-themed-ui-mockup-of-an-i-1774386050371-bf7c6434.png?_wi=2",
|
||||
},
|
||||
id: "group-stage", title: "Group Stage Pick'em", description: "The journey begins early. Predict the top two teams from each group, and watch as your selections automatically populate the knockout bracket. This crucial first step sets the stage for your entire World Cup prediction journey.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-detailed-dark-themed-ui-mockup-of-an-i-1774386050371-bf7c6434.png"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Select top 2 teams per group",
|
||||
},
|
||||
text: "Select top 2 teams per group"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Seamless knockout bracket integration",
|
||||
},
|
||||
text: "Seamless knockout bracket integration"},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Pre-tournament engagement",
|
||||
},
|
||||
text: "Pre-tournament engagement"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
@@ -156,32 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "total-players",
|
||||
value: "1.2M+",
|
||||
title: "Engaged Players",
|
||||
description: "Join a massive global community.",
|
||||
icon: Users,
|
||||
id: "total-players", value: "1.2M+", title: "Engaged Players", description: "Join a massive global community.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "active-brackets",
|
||||
value: "800K+",
|
||||
title: "Active Brackets",
|
||||
description: "Thousands of ongoing challenges.",
|
||||
icon: Star,
|
||||
id: "active-brackets", value: "800K+", title: "Active Brackets", description: "Thousands of ongoing challenges.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "points-awarded",
|
||||
value: "50M+",
|
||||
title: "Points Awarded",
|
||||
description: "Rewarding accuracy and skill.",
|
||||
icon: Award,
|
||||
id: "points-awarded", value: "50M+", title: "Points Awarded", description: "Rewarding accuracy and skill.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "upset-bonuses",
|
||||
value: "15K+",
|
||||
title: "Upset Bonuses",
|
||||
description: "For those bold, winning predictions.",
|
||||
icon: Zap,
|
||||
id: "upset-bonuses", value: "15K+", title: "Upset Bonuses", description: "For those bold, winning predictions.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Climb the Ranks: Global Leaderboard"
|
||||
@@ -194,19 +147,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Game, Your Rules: Personalized Experience",
|
||||
},
|
||||
type: "text", content: "Your Game, Your Rules: Personalized Experience"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "/my-bracket",
|
||||
},
|
||||
text: "Sign Up", href: "/my-bracket"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -216,14 +163,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/official-espn-logo-in-a-dark-metallic-st-1774386048668-42390049.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/official-fifa-world-cup-logo-with-a-mode-1774386049118-4f509632.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/stylized-fox-sports-logo-with-a-vibrant--1774386046939-32d55a50.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/nbc-sports-logo-with-a-sleek-glowing-des-1774386047018-09dd15f8.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/bbc-sport-logo-in-a-minimalist-bold-styl-1774386046918-48b9a16d.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/cbs-sports-logo-with-a-clean-classic-loo-1774386046626-f1594993.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/sky-sports-logo-with-a-modern-dynamic-ap-1774386047151-ceb5ed43.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/official-espn-logo-in-a-dark-metallic-st-1774386048668-42390049.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/official-fifa-world-cup-logo-with-a-mode-1774386049118-4f509632.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/stylized-fox-sports-logo-with-a-vibrant--1774386046939-32d55a50.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/nbc-sports-logo-with-a-sleek-glowing-des-1774386047018-09dd15f8.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/bbc-sport-logo-in-a-minimalist-bold-styl-1774386046918-48b9a16d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/cbs-sports-logo-with-a-clean-classic-loo-1774386046626-f1594993.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/sky-sports-logo-with-a-modern-dynamic-ap-1774386047151-ceb5ed43.png"]}
|
||||
names={[]}
|
||||
title="Trusted by Top Sports Networks"
|
||||
description="Our platform brings the excitement of World Cup predictions to fans worldwide, endorsed by leading sports authorities."
|
||||
/>
|
||||
@@ -235,27 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "scoring",
|
||||
title: "How is scoring calculated?",
|
||||
content: "Points are awarded for correct picks in each round, with bonus points for accurately predicting upsets. The further in the tournament, the more points each correct pick is worth.",
|
||||
},
|
||||
id: "scoring", title: "How is scoring calculated?", content: "Points are awarded for correct picks in each round, with bonus points for accurately predicting upsets. The further in the tournament, the more points each correct pick is worth."},
|
||||
{
|
||||
id: "edit-picks",
|
||||
title: "Can I edit my picks after matches start?",
|
||||
content: "No, once a match has officially begun, picks for that specific match are locked and cannot be changed. You can edit picks for future matches at any time before they start.",
|
||||
},
|
||||
id: "edit-picks", title: "Can I edit my picks after matches start?", content: "No, once a match has officially begun, picks for that specific match are locked and cannot be changed. You can edit picks for future matches at any time before they start."},
|
||||
{
|
||||
id: "upset-bonus",
|
||||
title: "What is an \"upset bonus\"?",
|
||||
content: "An upset bonus is awarded when you correctly predict a lower-ranked team to defeat a higher-ranked team. These bonus points add an extra layer of strategy and reward bold predictions.",
|
||||
},
|
||||
id: "upset-bonus", title: "What is an \"upset bonus\"?", content: "An upset bonus is awarded when you correctly predict a lower-ranked team to defeat a higher-ranked team. These bonus points add an extra layer of strategy and reward bold predictions."},
|
||||
{
|
||||
id: "private-league",
|
||||
title: "How do I create a private league with friends?",
|
||||
content: "After signing up, navigate to the 'Leagues' section and select 'Create New League'. You'll get a unique code to share with your friends, allowing you to compete in your own private leaderboard.",
|
||||
},
|
||||
id: "private-league", title: "How do I create a private league with friends?", content: "After signing up, navigate to the 'Leagues' section and select 'Create New League'. You'll get a unique code to share with your friends, allowing you to compete in your own private leaderboard."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-user-s-hands-holding-a-smartphone-disp-1774386049221-cc8e53fe.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPLvE2vxEWx6v2negTCff05mdW/a-user-s-hands-holding-a-smartphone-disp-1774386049221-cc8e53fe.png"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
title="Got Questions? We've Got Answers."
|
||||
@@ -268,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Play?"
|
||||
title="Join the World Cup Challenge Today!"
|
||||
description="Sign up now to create your bracket, challenge friends, and win big prizes. The ultimate football prediction game awaits!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "/my-bracket",
|
||||
},
|
||||
text: "Sign Up Now", href: "/my-bracket"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -286,46 +212,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Features",
|
||||
items: [
|
||||
title: "Features", items: [
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#features",
|
||||
},
|
||||
label: "How It Works", href: "#features"},
|
||||
{
|
||||
label: "Leaderboard",
|
||||
href: "/leaderboard",
|
||||
},
|
||||
label: "Leaderboard", href: "/leaderboard"},
|
||||
{
|
||||
label: "My Bracket",
|
||||
href: "/my-bracket",
|
||||
},
|
||||
label: "My Bracket", href: "/my-bracket"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user