Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Instagram, Linkedin, Twitter, Zap } from "lucide-react";
|
||||
import { Twitter, Instagram, Linkedin, Zap, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,139 +30,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Analysis Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "How it Works", id: "about" },
|
||||
{ name: "Analysis Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="FootAI"
|
||||
button={{
|
||||
text: "Upload Video",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Upload Video", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Your Game with AI Analysis"
|
||||
description="Smart Football Training Platform offers professional-grade video analysis. Upload your practice videos and receive real-time technical feedback, error detection, and expert tutorials instantly."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-player-training-practicing-sport-grass_23-2149668561.jpg?_wi=1",
|
||||
imageAlt: "Football action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539688.jpg?_wi=1",
|
||||
imageAlt: "AI Analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-training-girl-sports-uniform-football-field-active-lifestyle_169016-67912.jpg?_wi=1",
|
||||
imageAlt: "Passing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-doing-abs-crunches-grass-outdoors-stadium_7502-9802.jpg?_wi=1",
|
||||
imageAlt: "Coaching",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-playing-football_23-2150629621.jpg?_wi=1",
|
||||
imageAlt: "Training drill",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-player-training-practicing-sport-grass_23-2149668561.jpg", imageAlt: "Football action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539688.jpg", imageAlt: "AI Analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/football-training-girl-sports-uniform-football-field-active-lifestyle_169016-67912.jpg", imageAlt: "Passing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-men-doing-abs-crunches-grass-outdoors-stadium_7502-9802.jpg", imageAlt: "Coaching" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-playing-football_23-2150629621.jpg", imageAlt: "Training drill" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-training-girl-sports-uniform-football-field-active-lifestyle_169016-67912.jpg?_wi=2",
|
||||
imageAlt: "Passing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-doing-abs-crunches-grass-outdoors-stadium_7502-9802.jpg?_wi=2",
|
||||
imageAlt: "Coaching",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-player-training-practicing-sport-grass_23-2149668561.jpg?_wi=2",
|
||||
imageAlt: "Football action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539688.jpg?_wi=2",
|
||||
imageAlt: "AI Analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165159.jpg?_wi=1",
|
||||
imageAlt: "Movement tracking",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Upload Video",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lateral-view-beautiful-woman-holding-ball_23-2148355522.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-men-soccer-field_23-2150405423.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450206.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-women-playing-rugby_23-2148355446.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/football-trainer-teaching-kids-side-view_23-2149742046.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ players"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Feedback",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Benchmarks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Accelerated",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/football-training-girl-sports-uniform-football-field-active-lifestyle_169016-67912.jpg", imageAlt: "Passing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-men-doing-abs-crunches-grass-outdoors-stadium_7502-9802.jpg", imageAlt: "Coaching" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/field-hockey-player-training-practicing-sport-grass_23-2149668561.jpg", imageAlt: "Football action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soccer-field-illustration_23-2151539688.jpg", imageAlt: "AI Analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165159.jpg", imageAlt: "Movement tracking" }
|
||||
]}
|
||||
buttons={[{ text: "Upload Video", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="How it Works"
|
||||
title="Bridging The Gap Between Practice and Professionalism"
|
||||
description="Our platform combines advanced computer vision with professional football benchmarks. We don't just show you what you're doing wrong; we provide the exact professional reference point you need to correct it."
|
||||
@@ -171,6 +74,7 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21385.jpg"
|
||||
imageAlt="Technical analysis"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -180,33 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Passing Accuracy",
|
||||
description: "AI detects foot angle errors and force inconsistencies to improve your long-ball accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-discussing-strategy_23-2148634540.jpg",
|
||||
imageAlt: "Passing",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Passing Accuracy", description: "AI detects foot angle errors and force inconsistencies to improve your long-ball accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-discussing-strategy_23-2148634540.jpg", imageAlt: "Passing", buttonIcon: ArrowRight
|
||||
},
|
||||
{
|
||||
title: "Shooting Posture",
|
||||
description: "Perfect your stance and follow-through with real-time skeletal overlays on your shot technique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-playing-football_23-2150629621.jpg?_wi=2",
|
||||
imageAlt: "Shooting",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Shooting Posture", description: "Perfect your stance and follow-through with real-time skeletal overlays on your shot technique.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-playing-football_23-2150629621.jpg", imageAlt: "Shooting", buttonIcon: ArrowRight
|
||||
},
|
||||
{
|
||||
title: "Running Mechanics",
|
||||
description: "Detect stride imbalance and alignment issues to increase your speed and reduce fatigue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165159.jpg?_wi=2",
|
||||
imageAlt: "Running",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Running Mechanics", description: "Detect stride imbalance and alignment issues to increase your speed and reduce fatigue.", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165159.jpg", imageAlt: "Running", buttonIcon: ArrowRight
|
||||
},
|
||||
{
|
||||
title: "Expert Comparisons",
|
||||
description: "View professional clips side-by-side with your attempts to see the technique in motion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707988.jpg",
|
||||
imageAlt: "Comparison",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
title: "Expert Comparisons", description: "View professional clips side-by-side with your attempts to see the technique in motion.", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707988.jpg", imageAlt: "Comparison", buttonIcon: ArrowRight
|
||||
}
|
||||
]}
|
||||
title="AI-Powered Technical Feedback"
|
||||
description="Identify and rectify errors with granular precision using our AI engine."
|
||||
@@ -219,60 +107,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Youth Player",
|
||||
company: "City Academy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-beautiful-woman-holding-ball_23-2148355522.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Coach Marcus",
|
||||
role: "Head Coach",
|
||||
company: "Elite FC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-soccer-field_23-2150405423.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Midfielder",
|
||||
company: "Growth United",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450206.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Striker",
|
||||
company: "Star Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-women-playing-rugby_23-2148355446.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Liam B.",
|
||||
role: "Defender",
|
||||
company: "Premier Youth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-kids-side-view_23-2149742046.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Youth Player", company: "City Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-beautiful-woman-holding-ball_23-2148355522.jpg" },
|
||||
{ id: "2", name: "Coach Marcus", role: "Head Coach", company: "Elite FC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-soccer-field_23-2150405423.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Midfielder", company: "Growth United", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450206.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Striker", company: "Star Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/athletic-women-playing-rugby_23-2148355446.jpg" },
|
||||
{ id: "5", name: "Liam B.", role: "Defender", company: "Premier Youth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-kids-side-view_23-2149742046.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "2.5x",
|
||||
label: "Faster Skill Improvement",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Analyses Performed",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "User Satisfaction",
|
||||
},
|
||||
{ value: "2.5x", label: "Faster Skill Improvement" },
|
||||
{ value: "15k+", label: "Analyses Performed" },
|
||||
{ value: "95%", label: "User Satisfaction" }
|
||||
]}
|
||||
title="Academy Success Stories"
|
||||
description="Hear from players and coaches who transformed their game using AI-based feedback."
|
||||
@@ -284,26 +128,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What videos can I upload?",
|
||||
content: "You can upload 10–30 second training clips in MP4 or AVI format. Ensure you are fully visible.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my video private?",
|
||||
content: "Absolutely. Your videos belong to you and are stored securely; they are only used for your private analysis.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I use this for defensive positioning?",
|
||||
content: "Currently, we focus on passing, shooting, and running. Defensive tracking features are arriving in v2.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are pro clips copyrighted?",
|
||||
content: "We use licensed and fair-use professional footage for educational purposes, with full credit included.",
|
||||
},
|
||||
{ id: "1", title: "What videos can I upload?", content: "You can upload 10–30 second training clips in MP4 or AVI format. Ensure you are fully visible." },
|
||||
{ id: "2", title: "Is my video private?", content: "Absolutely. Your videos belong to you and are stored securely; they are only used for your private analysis." },
|
||||
{ id: "3", title: "Can I use this for defensive positioning?", content: "Currently, we focus on passing, shooting, and running. Defensive tracking features are arriving in v2." },
|
||||
{ id: "4", title: "Are pro clips copyrighted?", content: "We use licensed and fair-use professional footage for educational purposes, with full credit included." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your AI-enhanced football training journey."
|
||||
@@ -314,16 +142,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to take your game to the professional level? Upload your first training video now and let our AI provide the feedback you've been waiting for."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Uploading",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Uploading", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -332,21 +153,9 @@ export default function LandingPage() {
|
||||
logoText="FootAI"
|
||||
copyrightText="© 2025 FootAI | Professional Training Platform"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user