Merge version_1 into main #1
361
src/app/page.tsx
361
src/app/page.tsx
@@ -32,116 +32,71 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Freestyle",
|
||||
id: "#freestyle",
|
||||
},
|
||||
name: "Freestyle", id: "#freestyle"},
|
||||
{
|
||||
name: "Ball Mastery",
|
||||
id: "#ball-mastery",
|
||||
},
|
||||
name: "Ball Mastery", id: "#ball-mastery"},
|
||||
{
|
||||
name: "Training",
|
||||
id: "#training",
|
||||
},
|
||||
name: "Training", id: "#training"},
|
||||
{
|
||||
name: "Knowledge",
|
||||
id: "#knowledge",
|
||||
},
|
||||
name: "Knowledge", id: "#knowledge"},
|
||||
{
|
||||
name: "Challenges",
|
||||
id: "#challenges",
|
||||
},
|
||||
name: "Challenges", id: "#challenges"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#community",
|
||||
},
|
||||
name: "Community", id: "#community"},
|
||||
{
|
||||
name: "AI Coach",
|
||||
id: "#ai-coach",
|
||||
},
|
||||
name: "AI Coach", id: "#ai-coach"},
|
||||
]}
|
||||
brandName="Football Mastery Hub"
|
||||
button={{
|
||||
text: "Join Free",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join Free", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Train Hard. Master Skills. Become Unstoppable."
|
||||
description="Unlock your full potential with Football Mastery Hub, the world-class learning platform for aspiring football players and enthusiasts."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-muscular-male-athlete-looking-camera_23-2148162169.jpg",
|
||||
alt: "football player portrait intense",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-muscular-male-athlete-looking-camera_23-2148162169.jpg", alt: "football player portrait intense"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-holding-soccer-ball-surprised-with-happy-face-orange_141793-58856.jpg",
|
||||
alt: "female football player smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-holding-soccer-ball-surprised-with-happy-face-orange_141793-58856.jpg", alt: "female football player smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tired-tensed-athlete-holding-plank_1262-18355.jpg",
|
||||
alt: "diverse football player focused",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tired-tensed-athlete-holding-plank_1262-18355.jpg", alt: "diverse football player focused"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-football-player-holding-ball-looking-camera_23-2148203669.jpg",
|
||||
alt: "experienced football coach portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-football-player-holding-ball-looking-camera_23-2148203669.jpg", alt: "experienced football coach portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-athlete-looking-camera_23-2148162222.jpg",
|
||||
alt: "Portrait of a male athlete looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-athlete-looking-camera_23-2148162222.jpg", alt: "Portrait of a male athlete looking at camera"},
|
||||
]}
|
||||
avatarText="Join 10,000+ aspiring footballers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#training",
|
||||
},
|
||||
text: "Start Training", href: "#training"},
|
||||
{
|
||||
text: "Learn Freestyle",
|
||||
href: "#freestyle",
|
||||
},
|
||||
text: "Learn Freestyle", href: "#freestyle"},
|
||||
{
|
||||
text: "Take Quiz",
|
||||
href: "#challenges",
|
||||
},
|
||||
text: "Take Quiz", href: "#challenges"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Coach Ready",
|
||||
icon: Activity,
|
||||
type: "text-icon", text: "AI Coach Ready", icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Drills",
|
||||
icon: RotateCcw,
|
||||
type: "text-icon", text: "Daily Drills", icon: RotateCcw,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Community",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Global Community", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "New Features",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "New Features", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Live Workshops",
|
||||
icon: Camera,
|
||||
type: "text-icon", text: "Live Workshops", icon: Camera,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -155,21 +110,13 @@ export default function LandingPage() {
|
||||
description="Track your progress across thousands of drills, tricks, and challenges designed by pros. Elevate your game, one skill at a time, and join a global community of aspiring football legends."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Tricks",
|
||||
},
|
||||
value: "500+", title: "Tricks"},
|
||||
{
|
||||
value: "1,200+",
|
||||
title: "Lessons",
|
||||
},
|
||||
value: "1,200+", title: "Lessons"},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Quizzes",
|
||||
},
|
||||
value: "100+", title: "Quizzes"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Challenges",
|
||||
},
|
||||
value: "50+", title: "Challenges"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-discussing-strategy_23-2148634564.jpg"
|
||||
imageAlt="football training digital overlay statistics"
|
||||
@@ -185,40 +132,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "beginner",
|
||||
label: "Level: Beginner",
|
||||
title: "Foundational Moves",
|
||||
items: [
|
||||
"Around The World (ATW)",
|
||||
"Crossover",
|
||||
"Foot Stall",
|
||||
"Knee Stall",
|
||||
"Head Stall",
|
||||
],
|
||||
id: "beginner", label: "Level: Beginner", title: "Foundational Moves", items: [
|
||||
"Around The World (ATW)", "Crossover", "Foot Stall", "Knee Stall", "Head Stall"],
|
||||
},
|
||||
{
|
||||
id: "intermediate",
|
||||
label: "Level: Intermediate",
|
||||
title: "Building Control & Flow",
|
||||
items: [
|
||||
"Reverse Around The World (HATW)",
|
||||
"Reverse Crossover",
|
||||
"Hop The World",
|
||||
"Shoulder Stall",
|
||||
"Sit Down Combos",
|
||||
],
|
||||
id: "intermediate", label: "Level: Intermediate", title: "Building Control & Flow", items: [
|
||||
"Reverse Around The World (HATW)", "Reverse Crossover", "Hop The World", "Shoulder Stall", "Sit Down Combos"],
|
||||
},
|
||||
{
|
||||
id: "advanced",
|
||||
label: "Level: Advanced",
|
||||
title: "Pushing Boundaries",
|
||||
items: [
|
||||
"Touzani ATW",
|
||||
"Lemmens ATW",
|
||||
"Mitchy ATW",
|
||||
"Akka 3000",
|
||||
"Upper Body Combos",
|
||||
],
|
||||
id: "advanced", label: "Level: Advanced", title: "Pushing Boundaries", items: [
|
||||
"Touzani ATW", "Lemmens ATW", "Mitchy ATW", "Akka 3000", "Upper Body Combos"],
|
||||
},
|
||||
]}
|
||||
title="Complete Freestyle Trick Database"
|
||||
@@ -234,38 +157,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "beginner-drills",
|
||||
label: "Level: Beginner",
|
||||
title: "Essential Ball Control",
|
||||
items: [
|
||||
"Inside & Outside Touches",
|
||||
"Sole Rolls",
|
||||
"V-Pulls",
|
||||
"Drag Backs",
|
||||
],
|
||||
id: "beginner-drills", label: "Level: Beginner", title: "Essential Ball Control", items: [
|
||||
"Inside & Outside Touches", "Sole Rolls", "V-Pulls", "Drag Backs"],
|
||||
},
|
||||
{
|
||||
id: "intermediate-drills",
|
||||
label: "Level: Intermediate",
|
||||
title: "Dynamic Movement & Fakes",
|
||||
items: [
|
||||
"L-Turns",
|
||||
"Cruyff Turns",
|
||||
"Scissors",
|
||||
"Stepovers",
|
||||
"Body Feints",
|
||||
],
|
||||
id: "intermediate-drills", label: "Level: Intermediate", title: "Dynamic Movement & Fakes", items: [
|
||||
"L-Turns", "Cruyff Turns", "Scissors", "Stepovers", "Body Feints"],
|
||||
},
|
||||
{
|
||||
id: "advanced-drills",
|
||||
label: "Level: Advanced",
|
||||
title: "Advanced Control & Speed",
|
||||
items: [
|
||||
"First Touch Control",
|
||||
"Juggling Progression",
|
||||
"Weak Foot Training",
|
||||
"Tight Space Drills",
|
||||
],
|
||||
id: "advanced-drills", label: "Level: Advanced", title: "Advanced Control & Speed", items: [
|
||||
"First Touch Control", "Juggling Progression", "Weak Foot Training", "Tight Space Drills"],
|
||||
},
|
||||
]}
|
||||
title="Ball Mastery Academy"
|
||||
@@ -281,35 +182,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "technical",
|
||||
label: "Technical Skills",
|
||||
title: "Refine Your Game",
|
||||
items: [
|
||||
"Dribbling Masterclass",
|
||||
"Precision Passing Drills",
|
||||
"Powerful Shooting Techniques",
|
||||
"Defensive Strategies",
|
||||
],
|
||||
id: "technical", label: "Technical Skills", title: "Refine Your Game", items: [
|
||||
"Dribbling Masterclass", "Precision Passing Drills", "Powerful Shooting Techniques", "Defensive Strategies"],
|
||||
},
|
||||
{
|
||||
id: "physical",
|
||||
label: "Physical Conditioning",
|
||||
title: "Boost Your Performance",
|
||||
items: [
|
||||
"Fitness & Endurance",
|
||||
"Agility & Speed Training",
|
||||
"Strength & Power Development",
|
||||
],
|
||||
id: "physical", label: "Physical Conditioning", title: "Boost Your Performance", items: [
|
||||
"Fitness & Endurance", "Agility & Speed Training", "Strength & Power Development"],
|
||||
},
|
||||
{
|
||||
id: "specialized",
|
||||
label: "Specialized Roles",
|
||||
title: "Excel in Your Position",
|
||||
items: [
|
||||
"Goalkeeping Fundamentals",
|
||||
"Set Piece Execution",
|
||||
"Positional Play",
|
||||
],
|
||||
id: "specialized", label: "Specialized Roles", title: "Excel in Your Position", items: [
|
||||
"Goalkeeping Fundamentals", "Set Piece Execution", "Positional Play"],
|
||||
},
|
||||
]}
|
||||
title="Football Training Center"
|
||||
@@ -328,38 +210,11 @@ export default function LandingPage() {
|
||||
tag="Learn the Game"
|
||||
blogs={[
|
||||
{
|
||||
id: "rules",
|
||||
category: "Tactics",
|
||||
title: "Understanding the Offside Rule",
|
||||
excerpt: "Demystify one of football's most complex rules with our clear, concise explanation and examples.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708032.jpg",
|
||||
imageAlt: "football tactics whiteboard diagram",
|
||||
authorName: "Coach Alex",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756251.jpg",
|
||||
date: "2024-03-10",
|
||||
},
|
||||
id: "rules", category: "Tactics", title: "Understanding the Offside Rule", excerpt: "Demystify one of football's most complex rules with our clear, concise explanation and examples.", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708032.jpg", imageAlt: "football tactics whiteboard diagram", authorName: "Coach Alex", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756251.jpg", date: "2024-03-10"},
|
||||
{
|
||||
id: "history",
|
||||
category: "History",
|
||||
title: "Legends of the World Cup: Iconic Moments",
|
||||
excerpt: "Relive the greatest moments and players from the FIFA World Cup history that shaped the beautiful game.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-ball-grass_23-2149530287.jpg",
|
||||
imageAlt: "football history vintage photo players",
|
||||
authorName: "Dr. Soccer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-jogging-winter-time_23-2149270339.jpg",
|
||||
date: "2024-02-28",
|
||||
},
|
||||
id: "history", category: "History", title: "Legends of the World Cup: Iconic Moments", excerpt: "Relive the greatest moments and players from the FIFA World Cup history that shaped the beautiful game.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-ball-grass_23-2149530287.jpg", imageAlt: "football history vintage photo players", authorName: "Dr. Soccer", authorAvatar: "http://img.b2bpic.net/free-photo/woman-jogging-winter-time_23-2149270339.jpg", date: "2024-02-28"},
|
||||
{
|
||||
id: "nutrition",
|
||||
category: "Wellness",
|
||||
title: "Fueling Performance: Nutrition for Footballers",
|
||||
excerpt: "Learn how proper nutrition can significantly enhance your energy, recovery, and overall performance on the pitch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sport-concept-items_23-2148531532.jpg",
|
||||
imageAlt: "healthy nutrition plate for athletes",
|
||||
authorName: "Sarah Dietz",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427590.jpg",
|
||||
date: "2024-03-05",
|
||||
},
|
||||
id: "nutrition", category: "Wellness", title: "Fueling Performance: Nutrition for Footballers", excerpt: "Learn how proper nutrition can significantly enhance your energy, recovery, and overall performance on the pitch.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sport-concept-items_23-2148531532.jpg", imageAlt: "healthy nutrition plate for athletes", authorName: "Sarah Dietz", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427590.jpg", date: "2024-03-05"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -372,23 +227,14 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "quizzes",
|
||||
icon: BarChart,
|
||||
title: "Quiz Categories",
|
||||
value: "10+",
|
||||
},
|
||||
id: "quizzes", icon: BarChart,
|
||||
title: "Quiz Categories", value: "10+"},
|
||||
{
|
||||
id: "daily-challenges",
|
||||
icon: CalendarDays,
|
||||
title: "Daily Challenges",
|
||||
value: "5+",
|
||||
},
|
||||
id: "daily-challenges", icon: CalendarDays,
|
||||
title: "Daily Challenges", value: "5+"},
|
||||
{
|
||||
id: "weekly-challenges",
|
||||
icon: CalendarClock,
|
||||
title: "Weekly Challenges",
|
||||
value: "3+",
|
||||
},
|
||||
id: "weekly-challenges", icon: CalendarClock,
|
||||
title: "Weekly Challenges", value: "3+"},
|
||||
]}
|
||||
title="Interactive Quizzes & Challenge Mode"
|
||||
description="Test your football IQ and skill with thousands of questions, daily challenges, and a reward system to track your progress and climb the leaderboards."
|
||||
@@ -404,25 +250,15 @@ export default function LandingPage() {
|
||||
author="Marcus 'The Dribbler' Stone"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885261.jpg",
|
||||
alt: "young football player happy face",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885261.jpg", alt: "young football player happy face"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-mature-man-sitting-table-with-female-professional-with-tablet-looking-camera-posing-smiling-waving-hello_74855-10215.jpg",
|
||||
alt: "parent smiling proud football",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-mature-man-sitting-table-with-female-professional-with-tablet-looking-camera-posing-smiling-waving-hello_74855-10215.jpg", alt: "parent smiling proud football"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mature-businessman-with-crossed-arms-standing-restaurant_23-2147955310.jpg",
|
||||
alt: "football coach older professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mature-businessman-with-crossed-arms-standing-restaurant_23-2147955310.jpg", alt: "football coach older professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg",
|
||||
alt: "adult amateur football player",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg", alt: "adult amateur football player"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-african-american-man-posing-with-soccer-ball_23-2148767619.jpg",
|
||||
alt: "Medium shot african american man posing with a soccer ball",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-african-american-man-posing-with-soccer-ball_23-2148767619.jpg", alt: "Medium shot african american man posing with a soccer ball"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -433,8 +269,7 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join the Academy"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
@@ -442,13 +277,9 @@ export default function LandingPage() {
|
||||
description="Join Football Mastery Hub today and transform your potential into unparalleled skill on the pitch. Start your journey to greatness now!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Free", href: "#"},
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#freestyle",
|
||||
},
|
||||
text: "Explore Features", href: "#freestyle"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -458,79 +289,47 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Mission", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Programs",
|
||||
items: [
|
||||
title: "Programs", items: [
|
||||
{
|
||||
label: "Freestyle Tricks",
|
||||
href: "#freestyle",
|
||||
},
|
||||
label: "Freestyle Tricks", href: "#freestyle"},
|
||||
{
|
||||
label: "Ball Mastery",
|
||||
href: "#ball-mastery",
|
||||
},
|
||||
label: "Ball Mastery", href: "#ball-mastery"},
|
||||
{
|
||||
label: "Training Center",
|
||||
href: "#training",
|
||||
},
|
||||
label: "Training Center", href: "#training"},
|
||||
{
|
||||
label: "AI Coach",
|
||||
href: "#ai-coach",
|
||||
},
|
||||
label: "AI Coach", href: "#ai-coach"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Knowledge Hub",
|
||||
href: "#knowledge",
|
||||
},
|
||||
label: "Knowledge Hub", href: "#knowledge"},
|
||||
{
|
||||
label: "Quizzes",
|
||||
href: "#challenges",
|
||||
},
|
||||
label: "Quizzes", href: "#challenges"},
|
||||
{
|
||||
label: "Daily Challenges",
|
||||
href: "#challenges",
|
||||
},
|
||||
label: "Daily Challenges", href: "#challenges"},
|
||||
{
|
||||
label: "Community Forum",
|
||||
href: "#community",
|
||||
},
|
||||
label: "Community Forum", href: "#community"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#knowledge",
|
||||
},
|
||||
label: "Blog", href: "#knowledge"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user