bender/d5acdae0-473c-4d1c-b816-851650111acf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 7 commits from version_2 into main 2026-03-07 08:05:46 +00:00
Conversation 0 Commits 7 Files Changed 7 +826 -145
7 changed files with 826 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
src/app/curriculum/page.tsx Normal file
View File

@@ -0,0 +1,216 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { BookOpen, Video, Calendar, Gamepad2, TrendingUp, Clock, Lightbulb, Trophy } from 'lucide-react';
export default function CurriculumPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: 'Home', id: '/' },
{ name: 'Courses', id: '/courses' },
{ name: 'Daily Lessons', id: '/daily-lessons' },
{ name: 'Tutorials', id: '/tutorials' },
{ name: 'Curriculum', id: '/curriculum' },
{ name: 'Simulator', id: '#simulator' },
{ name: 'Resources', id: '#tactical-learning' },
{ name: 'Contact', id: '#contact' }
]}
brandName="Future Coach"
bottomLeftText="Football Coaching Academy"
bottomRightText="support@futurecoach.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="UEFA-Standard Curriculum"
description="Structured coaching education based on UEFA coaching standards. Progress through foundational, intermediate, and advanced modules designed for professional coach certification."
buttons={[
{ text: 'View Modules', href: '#curriculum-modules' },
{ text: 'Back to Home', href: '/' }
]}
buttonAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
imageSrc="http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707980.jpg"
imageAlt="UEFA coaching standards curriculum"
mediaAnimation="slide-up"
frameStyle="card"
className="w-full"
containerClassName="py-16 md:py-24"
logoClassName="text-5xl md:text-7xl font-bold"
descriptionClassName="text-lg md:text-xl"
buttonContainerClassName="flex gap-4 mt-8"
/>
</div>
<div id="curriculum-modules" data-section="curriculum-modules">
<FeatureCardEight
title="Complete Coaching Education Path"
description="A structured progression from basic tactical knowledge through advanced coaching certification requirements"
tag="UEFA Standards"
tagAnimation="slide-up"
features={[
{
id: 1,
title: 'Level 1: Foundation Module',
description: 'Introduction to coaching fundamentals, basic formations, team organization, and core tactical principles required for entry-level coaching positions.',
imageSrc: 'http://img.b2bpic.net/free-photo/football-trainer-teaching-kids-high-angle_23-2149742040.jpg'
},
{
id: 2,
title: 'Level 2: Intermediate Tactics',
description: 'Advanced formations, defensive systems, pressing strategies, and set-piece design for semi-professional and competitive team coaching.',
imageSrc: 'http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405438.jpg?_wi=1'
},
{
id: 3,
title: 'Level 3: Advanced Strategy',
description: 'Strategic match preparation, opponent analysis, complex tactical systems, player development programs, and professional-level coaching methodology.',
imageSrc: 'http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707980.jpg?_wi=1'
},
{
id: 4,
title: 'Level 4: Professional Certification',
description: 'Elite coaching standards covering leadership, squad management, talent identification, transfer strategy, and complete match day preparation.',
imageSrc: 'http://img.b2bpic.net/free-photo/close-up-women-discussing-strategy_23-2148634564.jpg'
}
]}
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Curriculum Enrollment Options"
description="Choose the perfect learning path for your coaching goals"
tag="Choose Your Level"
tagAnimation="slide-up"
plans={[
{
id: '1',
badge: 'Most Popular',
badgeIcon: BookOpen,
price: 'Free',
subtitle: 'Foundation Level',
features: [
'Level 1 Foundation Module access',
'Daily tactical lessons',
'Beginner simulator',
'Community forums',
'Mobile app access'
]
},
{
id: '2',
badge: 'Recommended',
badgeIcon: Trophy,
price: '$29/mo',
subtitle: 'Full Curriculum Access',
features: [
'All 4 curriculum levels',
'365 daily tactical lessons',
'Video tutorial library',
'Advanced match simulator',
'Professional certification track',
'Priority support',
'Monthly coaching webinars'
]
},
{
id: '3',
badge: 'Premium',
badgeIcon: Lightbulb,
price: '$99/mo',
subtitle: 'Complete Pro Package',
features: [
'Everything in Full Access',
'1-on-1 coaching mentorship',
'Custom curriculum paths',
'Live match analysis sessions',
'Exclusive coaching resources',
'Certification exam prep',
'Lifetime access to updates'
]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Start Learning"
title="Begin Your UEFA Coaching Certification"
description="Enroll in our structured curriculum and start building your professional coaching credentials. Access all levels, expert instruction, and certification pathways."
tagAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Enroll Now"
termsText="By enrolling, you'll gain immediate access to the full curriculum. Cancel anytime with no penalties."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Future Coach"
copyrightText="© 2025 Future Coach. All rights reserved."
columns={[
{
title: 'Learning',
items: [
{ label: 'Courses', href: '/courses' },
{ label: 'Daily Lessons', href: '/daily-lessons' },
{ label: 'Video Tutorials', href: '/tutorials' },
{ label: 'Curriculum', href: '/curriculum' },
{ label: 'Tactical Simulator', href: '/#simulator' }
]
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '/#about' },
{ label: 'Contact', href: '/#contact' },
{ label: 'Blog', href: '/#tactical-learning' },
{ label: 'FAQ', href: '/courses#faq' }
]
},
{
title: 'Legal',
items: [
{ label: 'Privacy Policy', href: '#' },
{ label: 'Terms of Service', href: '#' },
{ label: 'Cookie Settings', href: '#' },
{ label: 'Support', href: 'mailto:support@futurecoach.com' }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

198
src/app/daily-lessons/page.tsx Normal file
View File

@@ -0,0 +1,198 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { BookOpen, Video, Calendar, Gamepad2, TrendingUp, Clock, Lightbulb, Trophy } from 'lucide-react';
export default function DailyLessonsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: 'Home', id: '/' },
{ name: 'Courses', id: '/courses' },
{ name: 'Daily Lessons', id: '/daily-lessons' },
{ name: 'Tutorials', id: '/tutorials' },
{ name: 'Curriculum', id: '/curriculum' },
{ name: 'Simulator', id: '#simulator' },
{ name: 'Resources', id: '#tactical-learning' },
{ name: 'Contact', id: '#contact' }
]}
brandName="Future Coach"
bottomLeftText="Football Coaching Academy"
bottomRightText="support@futurecoach.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Daily Tactical Lessons"
description="Progressive coaching education with detailed tactical explanations, photo-supported guides, and real-world applications. Master one concept per day and build your expertise systematically."
buttons={[
{ text: 'Start Day 1', href: '#lessons' },
{ text: 'Back to Home', href: '/' }
]}
buttonAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
imageSrc="http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707972.jpg"
imageAlt="Daily coaching lessons and tactical training"
mediaAnimation="slide-up"
frameStyle="card"
className="w-full"
containerClassName="py-16 md:py-24"
logoClassName="text-5xl md:text-7xl font-bold"
descriptionClassName="text-lg md:text-xl"
buttonContainerClassName="flex gap-4 mt-8"
/>
</div>
<div id="lessons" data-section="lessons">
<BlogCardThree
title="Your Coaching Learning Path"
description="Tactical lessons with text explanations, photo support, and real-world examples. Each lesson builds on previous knowledge."
tag="Structured Learning"
tagAnimation="slide-up"
blogs={[
{
id: '1',
category: 'Fundamentals',
title: 'Day 1: Foundation of Modern Football Tactics',
excerpt: 'Understanding the evolution of tactical systems, key principles, and how modern formations emerged from tactical innovation.',
imageSrc: 'http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707980.jpg',
imageAlt: 'Tactical foundation principles',
authorName: 'Coaching Staff',
authorAvatar: 'http://img.b2bpic.net/free-photo/smiling-football-player-holding-ball-looking-camera_23-2148203670.jpg',
date: 'Day 1'
},
{
id: '2',
category: 'Formations',
title: 'Day 2: The 4-4-2 Classic Formation',
excerpt: 'Explore the timeless 4-4-2 formation: defensive solidity, midfield control, and striker partnerships. See real-world photo examples of positioning.',
imageSrc: 'http://img.b2bpic.net/free-vector/realistic-american-footbal-field_23-2148809377.jpg?_wi=1',
imageAlt: '4-4-2 formation tactical diagram with photos',
authorName: 'Coaching Staff',
authorAvatar: 'http://img.b2bpic.net/free-vector/avatar-collection-women_23-2147872253.jpg',
date: 'Day 2'
},
{
id: '3',
category: 'Formations',
title: 'Day 3: The 4-3-3 Modern Approach',
excerpt: 'Master the dominant 4-3-3 with text breakdown of positional responsibilities, illustrative photos of player movements, and tactical advantages.',
imageSrc: 'http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405438.jpg?_wi=1',
imageAlt: '4-3-3 formation with player positioning photos',
authorName: 'Coaching Staff',
authorAvatar: 'http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg',
date: 'Day 3'
},
{
id: '4',
category: 'Tactics',
title: 'Day 4: Defensive Positioning & Zoning',
excerpt: 'Learn defensive zones, marking systems, and positioning tactics with photo examples showing player placement and spacing.',
imageSrc: 'http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg',
imageAlt: 'Defensive positioning techniques with photos',
authorName: 'Coaching Staff',
authorAvatar: 'http://img.b2bpic.net/free-photo/person-training-gym-taking-break_23-2150772257.jpg',
date: 'Day 4'
},
{
id: '5',
category: 'Tactics',
title: 'Day 5: Pressing Systems & High Pressing',
excerpt: 'Deep dive into pressing strategies with text explanations and photos showing team movements, trigger points, and defensive coordination.',
imageSrc: 'http://img.b2bpic.net/free-photo/close-up-women-discussing-strategy_23-2148634564.jpg',
imageAlt: 'High pressing tactical system with photo examples',
authorName: 'Coaching Staff',
authorAvatar: 'http://img.b2bpic.net/free-vector/avatar-collection-women_23-2147872253.jpg',
date: 'Day 5'
},
{
id: '6',
category: 'Attacking',
title: 'Day 6: Creating Numerical Superiority',
excerpt: 'Techniques for overloading attacking areas with photos showing triangulation, movement patterns, and spacing principles.',
imageSrc: 'http://img.b2bpic.net/free-photo/full-shot-woman-stretching-leg-field_23-2148930208.jpg',
imageAlt: 'Attacking numerical superiority with positioning photos',
authorName: 'Coaching Staff',
authorAvatar: 'http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg',
date: 'Day 6'
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Continue Learning"
title="Access Full Daily Lesson Series"
description="Get access to the complete 365-day tactical lesson series with detailed text explanations, photo-supported guides, and progressive tactical knowledge."
tagAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Unlock All Lessons"
termsText="By joining, you'll receive your first 5 daily lessons immediately plus access to the full 365-day series. Unsubscribe anytime."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Future Coach"
copyrightText="© 2025 Future Coach. All rights reserved."
columns={[
{
title: 'Learning',
items: [
{ label: 'Courses', href: '/courses' },
{ label: 'Daily Lessons', href: '/daily-lessons' },
{ label: 'Video Tutorials', href: '/tutorials' },
{ label: 'Curriculum', href: '/curriculum' },
{ label: 'Tactical Simulator', href: '/#simulator' }
]
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '/#about' },
{ label: 'Contact', href: '/#contact' },
{ label: 'Blog', href: '/#tactical-learning' },
{ label: 'FAQ', href: '/courses#faq' }
]
},
{
title: 'Legal',
items: [
{ label: 'Privacy Policy', href: '#' },
{ label: 'Terms of Service', href: '#' },
{ label: 'Cookie Settings', href: '#' },
{ label: 'Support', href: 'mailto:support@futurecoach.com' }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

31
src/app/layout.tsx
View File

@@ -7,41 +7,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const nunitoSans = Nunito_Sans({
variable: "--font-nunito-sans",
subsets: ["latin"],
variable: "--font-nunito-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Future Coach - UEFA Football Coaching Course",
description: "Master professional football coaching with UEFA-standard curriculum. Learn tactics, strategy, player evaluation, and practice with our tactical simulator.",
keywords: "football coaching, coaching courses, tactical training, football tactics, coaching simulator, UEFA coaching, sports education",
metadataBase: new URL("https://futurecoach.com"),
title: "Future Coach - UEFA Football Coaching Course", description: "Master professional football coaching with UEFA-standard curriculum. Learn tactics, strategy, player evaluation, and practice with our tactical simulator.", keywords: "football coaching, coaching courses, tactical training, football tactics, coaching simulator, UEFA coaching, sports education", metadataBase: new URL("https://futurecoach.com"),
alternates: {
canonical: "https://futurecoach.com",
},
canonical: "https://futurecoach.com"},
openGraph: {
title: "Future Coach - Become a Professional Football Coach",
description: "Complete coaching education platform with daily lessons, video tutorials, and interactive tactical simulator. Learn everything professional coaches need.",
type: "website",
siteName: "Future Coach",
url: "https://futurecoach.com",
},
title: "Future Coach - Become a Professional Football Coach", description: "Complete coaching education platform with daily lessons, video tutorials, and interactive tactical simulator. Learn everything professional coaches need.", type: "website", siteName: "Future Coach", url: "https://futurecoach.com"},
twitter: {
card: "summary_large_image",
title: "Future Coach - UEFA Football Coaching Course",
description: "Master professional football coaching with UEFA-standard curriculum.",
},
card: "summary_large_image", title: "Future Coach - UEFA Football Coaching Course", description: "Master professional football coaching with UEFA-standard curriculum."},
robots: {
index: true,
follow: true,
@@ -1432,4 +1417,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

10
src/app/page.tsx
View File

@@ -33,8 +33,8 @@ export default function HomePage() {
navItems={[
{ name: 'Home', id: '/' },
{ name: 'Courses', id: '/courses' },
{ name: 'Simulator', id: 'simulator' },
{ name: 'Resources', id: 'tactical-learning' },
{ name: 'Simulator', id: '/simulator' },
{ name: 'Player Evaluation', id: '/player-evaluation' },
{ name: 'Contact', id: 'contact' }
]}
brandName="Future Coach"
@@ -49,7 +49,7 @@ export default function HomePage() {
description="Master the art of football coaching with comprehensive UEFA-standard courses. Learn tactics, strategy, player evaluation, and competitive simulation—everything you need to become a world-class coach."
buttons={[
{ text: 'Start Learning Today', href: '/courses' },
{ text: 'Explore Simulator', href: '#simulator' }
{ text: 'Explore Simulator', href: '/simulator' }
]}
buttonAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
@@ -380,7 +380,7 @@ export default function HomePage() {
title: 'Learning',
items: [
{ label: 'Courses', href: '/courses' },
{ label: 'Tactical Simulator', href: '#simulator' },
{ label: 'Tactical Simulator', href: '/simulator' },
{ label: 'Player Analysis', href: '#features' },
{ label: 'Learning Path', href: '#daily-learning' }
]
@@ -408,4 +408,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

151
src/app/player-evaluation/page.tsx Normal file
View File

@@ -0,0 +1,151 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Eye, Zap, Target, Gauge } from 'lucide-react';
export default function PlayerEvaluationPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: 'Home', id: '/' },
{ name: 'Courses', id: '/courses' },
{ name: 'Simulator', id: '/simulator' },
{ name: 'Player Evaluation', id: '/player-evaluation' },
{ name: 'Contact', id: 'contact' }
]}
brandName="Future Coach"
bottomLeftText="Football Coaching Academy"
bottomRightText="support@futurecoach.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Player Evaluation Guide"
description="Master the art of assessing player talent for transfer analysis. Learn what professional scouts and coaches look for: technical abilities, tactical intelligence, physical attributes, and mental resilience. Build your evaluation framework for informed transfer decisions."
buttons={[
{ text: 'Explore Guide', href: '#features' },
{ text: 'Download Template', href: '#' }
]}
buttonAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
imageSrc="http://img.b2bpic.net/free-vector/gradient-personal-trainer-assessment-checklist_742173-1307.jpg"
imageAlt="player evaluation assessment checklist"
mediaAnimation="slide-up"
frameStyle="card"
className="w-full"
containerClassName="py-16 md:py-24"
logoClassName="text-5xl md:text-7xl font-bold"
descriptionClassName="text-lg md:text-xl"
buttonContainerClassName="flex gap-4 mt-8"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
title="Comprehensive Evaluation Framework"
description="Everything you need to conduct professional player assessments for transfer analysis"
tag="Evaluation Criteria"
tagAnimation="slide-up"
features={[
{
id: 1,
title: 'Technical Skills Assessment',
description: 'Evaluate ball control, passing accuracy, shooting technique, dribbling ability, and first touch. Learn to identify consistency and decision-making quality in various game situations and pressure environments.',
imageSrc: 'http://img.b2bpic.net/free-photo/football-player-training_23-2147813188.jpg'
},
{
id: 2,
title: 'Tactical Intelligence Evaluation',
description: 'Assess positional awareness, off-the-ball movement, defensive reading, attacking awareness, and tactical adaptation. Understand how players understand and execute tactical instructions from coaches.',
imageSrc: 'http://img.b2bpic.net/free-photo/close-up-women-discussing-strategy_23-2148634564.jpg'
},
{
id: 3,
title: 'Physical Attributes Analysis',
description: 'Measure speed, strength, endurance, agility, and physical recovery. Compare player physical profiles to position requirements and modern game demands across different leagues.',
imageSrc: 'http://img.b2bpic.net/free-photo/group-young-athletes-performing-workout_23-2149197265.jpg?_wi=1'
},
{
id: 4,
title: 'Mental Resilience & Character',
description: 'Evaluate mental toughness, pressure handling, leadership qualities, team fit, work ethic, and character. Assess attitude, professionalism, and potential for development and improvement over time.',
imageSrc: 'http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg'
}
]}
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Master Evaluation"
title="Build Your Player Evaluation Expertise"
description="Learn the systematic approach to player assessment used by elite scouts and coaches. Start making informed transfer decisions based on comprehensive player analysis and tactical requirements."
tagAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Access Guides"
termsText="By joining, you agree to our Terms of Service and will receive detailed player evaluation frameworks and analysis templates. Unsubscribe anytime."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Future Coach"
copyrightText="© 2025 Future Coach. All rights reserved."
columns={[
{
title: 'Learning',
items: [
{ label: 'Courses', href: '/courses' },
{ label: 'Tactical Simulator', href: '/simulator' },
{ label: 'Player Analysis', href: '/#features' },
{ label: 'Learning Path', href: '/#daily-learning' }
]
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '/#about' },
{ label: 'Contact', href: '/#contact' },
{ label: 'Blog', href: '/#tactical-learning' },
{ label: 'FAQ', href: '/courses#faq' }
]
},
{
title: 'Legal',
items: [
{ label: 'Privacy Policy', href: '#' },
{ label: 'Terms of Service', href: '#' },
{ label: 'Cookie Settings', href: '#' },
{ label: 'Support', href: 'mailto:support@futurecoach.com' }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

205
src/app/simulator/page.tsx
View File

@@ -1,52 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Brain, Target, BarChart3 } from 'lucide-react';
export default function SimulatorPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Courses", id: "/courses" },
{ name: "Simulator", id: "/simulator" },
{ name: "Resources", id: "/resources" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Learning",
items: [
{ label: "Courses", href: "/courses" },
{ label: "Tactical Simulator", href: "/simulator" },
{ label: "Player Analysis", href: "/player-analysis" },
{ label: "Learning Path", href: "#daily-learning" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Blog", href: "#tactical-learning" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Settings", href: "#" },
{ label: "Support", href: "mailto:support@futurecoach.com" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -62,44 +24,72 @@ export default function SimulatorPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
navItems={[
{ name: 'Home', id: '/' },
{ name: 'Courses', id: '/courses' },
{ name: 'Simulator', id: '/simulator' },
{ name: 'Player Evaluation', id: '/player-evaluation' },
{ name: 'Contact', id: 'contact' }
]}
brandName="Future Coach"
bottomLeftText="Football Coaching Academy"
bottomRightText="support@futurecoach.com"
/>
</div>
<div id="simulator-features" data-section="simulator-features">
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Tactical Match Simulator"
description="Test your coaching expertise in realistic match scenarios. Make real-time decisions about formations, player positioning, substitutions, and tactical adjustments while facing intelligent AI opponents that adapt to your strategy."
buttons={[
{ text: 'Start Simulation', href: '#' },
{ text: 'View Formations', href: '#features' }
]}
buttonAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
imageSrc="http://img.b2bpic.net/free-vector/soccer-field-background-with-scoreboard_23-2147780754.jpg?_wi=1"
imageAlt="tactical simulator interface"
mediaAnimation="slide-up"
frameStyle="card"
className="w-full"
containerClassName="py-16 md:py-24"
logoClassName="text-5xl md:text-7xl font-bold"
descriptionClassName="text-lg md:text-xl"
buttonContainerClassName="flex gap-4 mt-8"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
title="Tactical Match Simulator"
description="Master your coaching decisions in realistic match scenarios with progressive difficulty levels"
tag="Interactive Training"
title="Simulator Features"
description="Everything you need to practice and perfect your tactical coaching skills"
tag="Training Tools"
tagAnimation="slide-up"
features={[
{
id: 1,
title: "Real-Time Decision Making",
description: "Make tactical substitutions, formation changes, and strategic adjustments during live match simulations with instant feedback.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405438.jpg?_wi=3",
title: 'Formation Testing',
description: 'Experiment with 20+ different formations including 4-3-3, 3-5-2, 5-3-2, and more. See how each formation affects defensive stability, midfield control, and attacking potential in real-time.',
imageSrc: 'http://img.b2bpic.net/free-vector/realistic-american-footbal-field_23-2148809377.jpg?_wi=1'
},
{
id: 2,
title: "AI Opponent System",
description: "Face adaptive AI opponents that learn from your tactics and adjust their strategies, providing increasingly challenging scenarios.",
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707980.jpg?_wi=4",
title: 'AI Opponent System',
description: 'Face intelligent AI opponents that analyze your tactics and adapt their strategy. Each opponent has unique playing style, strengths, and weaknesses to overcome.',
imageSrc: 'http://img.b2bpic.net/free-photo/woman-operator-works-with-isolated-display-tracking-enemy-vessels_482257-91169.jpg?_wi=1'
},
{
id: 3,
title: "Performance Analytics",
description: "Review detailed match statistics, tactical effectiveness metrics, and player performance data after each simulation.",
imageSrc: "http://img.b2bpic.net/free-vector/analysis-background-design_1300-246.jpg?_wi=2",
title: 'In-Game Decisions',
description: 'Make tactical adjustments during the match: change formations, rotate players, modify pressing intensity, and adjust defensive tactics based on match circumstances.',
imageSrc: 'http://img.b2bpic.net/free-vector/analysis-background-design_1300-246.jpg?_wi=1'
},
{
id: 4,
title: "Progressive Difficulty",
description: "Start with beginner scenarios and advance through intermediate and professional levels as you develop your tactical expertise.",
imageSrc: "http://img.b2bpic.net/free-vector/american-football-field-top-view_23-2148795729.jpg?_wi=2",
},
title: 'Performance Analytics',
description: 'Analyze detailed match statistics: possession percentage, shots on target, pass accuracy, defensive actions, and more. Understand what worked and what needs improvement.',
imageSrc: 'http://img.b2bpic.net/free-photo/person-analyzing-financial-chart_23-2150260910.jpg?_wi=1'
}
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -107,74 +97,55 @@ export default function SimulatorPage() {
/>
</div>
<div id="simulator-modes" data-section="simulator-modes">
<ProductCardThree
title="Simulator Modes"
description="Choose your training approach with multiple tactical simulation environments"
tag="Training Tools"
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Quick Match Mode",
price: "Free",
imageSrc: "http://img.b2bpic.net/free-vector/american-football-field-top-view_23-2148795729.jpg?_wi=3",
imageAlt: "Quick match simulator",
initialQuantity: 1,
},
{
id: "2",
name: "Full Season Campaign",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/woman-operator-works-with-isolated-display-tracking-enemy-vessels_482257-91169.jpg?_wi=2",
imageAlt: "Season campaign simulator",
initialQuantity: 1,
},
{
id: "3",
name: "Head-to-Head Challenge",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-playing-soccer_23-2150405438.jpg?_wi=4",
imageAlt: "Challenge mode",
initialQuantity: 1,
},
{
id: "4",
name: "Custom Scenario Builder",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-vector/soccer-field-background-with-scoreboard_23-2147780754.jpg?_wi=3",
imageAlt: "Custom scenario builder",
initialQuantity: 1,
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="simulator-cta" data-section="simulator-cta">
<div id="contact" data-section="contact">
<ContactCenter
tag="Start Practicing"
tag="Ready to Practice"
title="Launch Your First Tactical Simulation"
description="Begin mastering match strategy and tactical decision-making. Practice as much as you want with no limits on simulations."
description="Start testing your formations and tactical decisions against realistic opponents. Every simulation is a learning opportunity to refine your coaching skills and discover new winning strategies."
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
background={{ variant: 'sparkles-gradient' }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Access Simulator"
termsText="By joining, you agree to our Terms of Service and will receive updates about new simulator features. Unsubscribe anytime."
buttonText="Start Now"
termsText="By joining, you agree to our Terms of Service. Get instant access to all simulator features and receive updates on new tactical scenarios."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={footerColumns}
logoText="Future Coach"
copyrightText="© 2025 Future Coach. All rights reserved."
columns={[
{
title: 'Learning',
items: [
{ label: 'Courses', href: '/courses' },
{ label: 'Tactical Simulator', href: '/simulator' },
{ label: 'Player Analysis', href: '/#features' },
{ label: 'Learning Path', href: '/#daily-learning' }
]
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '/#about' },
{ label: 'Contact', href: '/#contact' },
{ label: 'Blog', href: '/#tactical-learning' },
{ label: 'FAQ', href: '/courses#faq' }
]
},
{
title: 'Legal',
items: [
{ label: 'Privacy Policy', href: '#' },
{ label: 'Terms of Service', href: '#' },
{ label: 'Cookie Settings', href: '#' },
{ label: 'Support', href: 'mailto:support@futurecoach.com' }
]
}
]}
/>
</div>
</ThemeProvider>
);
}
}

160
src/app/tutorials/page.tsx Normal file
View File

@@ -0,0 +1,160 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { BookOpen, Video, Calendar, Gamepad2, TrendingUp, Clock, Lightbulb, Trophy } from 'lucide-react';
export default function TutorialsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: 'Home', id: '/' },
{ name: 'Courses', id: '/courses' },
{ name: 'Daily Lessons', id: '/daily-lessons' },
{ name: 'Tutorials', id: '/tutorials' },
{ name: 'Curriculum', id: '/curriculum' },
{ name: 'Simulator', id: '#simulator' },
{ name: 'Resources', id: '#tactical-learning' },
{ name: 'Contact', id: '#contact' }
]}
brandName="Future Coach"
bottomLeftText="Football Coaching Academy"
bottomRightText="support@futurecoach.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Video Tutorials"
description="Learn professional coaching tactics through embedded video tutorials. Watch expert coaches explain key concepts, demonstrate tactical setups, and break down real match situations."
buttons={[
{ text: 'Watch Tutorials', href: '#videos' },
{ text: 'Back to Home', href: '/' }
]}
buttonAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
videoSrc="https://www.youtube.com/embed/dQw4w9WgXcQ"
videoAriaLabel="Football coaching tutorial introduction"
mediaAnimation="slide-up"
frameStyle="card"
className="w-full"
containerClassName="py-16 md:py-24"
logoClassName="text-5xl md:text-7xl font-bold"
descriptionClassName="text-lg md:text-xl"
buttonContainerClassName="flex gap-4 mt-8"
/>
</div>
<div id="videos" data-section="videos">
<FeatureCardEight
title="Interactive Video Learning"
description="Professional video tutorials with embedded players for seamless learning experience"
tag="Video Content"
tagAnimation="slide-up"
features={[
{
id: 1,
title: 'Tactical Formation Breakdown',
description: 'Expert coaches demonstrate the 4-3-3 formation step-by-step with video breakdown of player positioning, movement patterns, and tactical responsibilities.',
videoSrc: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
videoAriaLabel: 'Tactical formation video tutorial'
},
{
id: 2,
title: 'Pressing System Tutorial',
description: 'Learn advanced pressing systems through video analysis showing real match footage, trigger points, and defensive coordination between players.',
videoSrc: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
videoAriaLabel: 'Pressing system video tutorial'
},
{
id: 3,
title: 'Set Piece Routines Guide',
description: 'Video walkthrough of designing corner kicks, free kicks, and throw-in plays with animation and real-world match examples.',
videoSrc: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
videoAriaLabel: 'Set pieces design video guide'
},
{
id: 4,
title: 'Match Analysis Workshop',
description: 'Comprehensive video guide on analyzing opponent tactics, identifying weaknesses, and preparing your team for upcoming matches.',
videoSrc: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
videoAriaLabel: 'Match analysis workshop video'
}
]}
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Learn More"
title="Access Our Complete Video Tutorial Library"
description="Get instant access to professional video tutorials covering all aspects of football coaching. Learn at your own pace with expert instruction and real match analysis."
tagAnimation="slide-up"
background={{ variant: 'sparkles-gradient' }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Start Watching Videos"
termsText="By joining, you'll receive immediate access to all video tutorials plus new content added weekly. Unsubscribe anytime."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Future Coach"
copyrightText="© 2025 Future Coach. All rights reserved."
columns={[
{
title: 'Learning',
items: [
{ label: 'Courses', href: '/courses' },
{ label: 'Daily Lessons', href: '/daily-lessons' },
{ label: 'Video Tutorials', href: '/tutorials' },
{ label: 'Curriculum', href: '/curriculum' },
{ label: 'Tactical Simulator', href: '/#simulator' }
]
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '/#about' },
{ label: 'Contact', href: '/#contact' },
{ label: 'Blog', href: '/#tactical-learning' },
{ label: 'FAQ', href: '/courses#faq' }
]
},
{
title: 'Legal',
items: [
{ label: 'Privacy Policy', href: '#' },
{ label: 'Terms of Service', href: '#' },
{ label: 'Cookie Settings', href: '#' },
{ label: 'Support', href: 'mailto:support@futurecoach.com' }
]
}
]}
/>
</div>
</ThemeProvider>
);
}