335 lines
19 KiB
TypeScript
335 lines
19 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Award, CheckCircle, HelpCircle, Shield, Sparkles, Star, Trophy, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Platform", id: "platform" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "For Athletes", id: "athletes" },
|
|
{ name: "For Scouts", id: "scouts" },
|
|
{ name: "Pricing", id: "pricing" }
|
|
]}
|
|
brandName="LineX"
|
|
bottomLeftText="Verified Athletic Excellence"
|
|
bottomRightText="hello@linex.app"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Track Achieve Verify Get Recruited"
|
|
description="Build your verified athletic portfolio in realtime. Log every training session, unlock achievement badges, and share your performance story directly with coaches and universities—all in one trusted platform designed for serious young athletes."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-fit-friends-outdoors_23-2150828900.jpg", alt: "young athlete training intensity"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/business-chart-template-with-three-steps_1284-48978.jpg", alt: "athlete achievement celebration success"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/men-playing-rugby-field_23-2150062016.jpg", alt: "athlete team sport collaboration"
|
|
}
|
|
]}
|
|
avatarText="Trusted by 2,400+ athletes and 300+ coaches"
|
|
buttons={[
|
|
{ text: "Start Your Athletic Journey", href: "#" },
|
|
{ text: "Explore Features", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="LineX hero section"
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Real-time Training Tracking", icon: Zap },
|
|
{ type: "text-icon", text: "Verified Achievement Badges", icon: Shield },
|
|
{ type: "text-icon", text: "Direct Coach Access", icon: Users },
|
|
{ type: "text-icon", text: "University Portfolio", icon: Trophy }
|
|
]}
|
|
marqueeSpeed={40}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="The Platform Built for Serious Athletes"
|
|
description="LineX solves the athlete's dilemma: scattered training data, difficult proof of commitment, and limited visibility to recruitment opportunities. We bring everything together in one verified, professional space."
|
|
tag="Why LineX"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Learn More About Us", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Verified Credibility", description: "Every training session, achievement, and coach endorsement is verified, creating a trustworthy profile that stands out to universities and professional scouts.", icon: Shield
|
|
},
|
|
{
|
|
title: "Real-Time Progress Tracking", description: "Log workouts instantly, track performance metrics, and watch your athletic story unfold with automated progress summaries and performance insights.", icon: Zap
|
|
},
|
|
{
|
|
title: "Direct Recruitment Connection", description: "Your verified portfolio is discoverable by coaches and recruiters actively searching for talent. Control who sees what and when.", icon: Users
|
|
},
|
|
{
|
|
title: "Achievement Recognition", description: "Earn verified badges and unlockable achievements that celebrate milestones, motivate consistency, and demonstrate commitment to growth."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163416.jpg"
|
|
imageAlt="LineX athletic platform interface"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
title="Everything You Need to Succeed"
|
|
description="A complete toolkit for tracking, showcasing, and sharing your athletic excellence with coaches and universities."
|
|
tag="Core Platform Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Training Session Logging", descriptions: [
|
|
"Record every workout with date, duration, type, intensity, and custom notes.", "Automatic summaries and performance trends show your consistency and improvement over time."
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163347.jpg", imageAlt: "Training tracking dashboard"
|
|
},
|
|
{
|
|
id: "feature-2", title: "Verified Achievement Badges", descriptions: [
|
|
"Unlock badges for training milestones, consistency streaks, and performance achievements.", "Each badge is verified and timestamped, creating undeniable proof of athletic commitment."
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/modern-2019-new-year-badge-collection-with-flat-design_23-2147952374.jpg", imageAlt: "Achievement badges system"
|
|
},
|
|
{
|
|
id: "feature-3", title: "Athletic Portfolio Showcase", descriptions: [
|
|
"Build a professional profile highlighting stats, achievements, training history, and coach endorsements.", "Your portfolio is searchable by recruiters and easily shareable via link or portfolio export."
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/immigration-people_53876-121540.jpg", imageAlt: "Athlete portfolio showcase"
|
|
},
|
|
{
|
|
id: "feature-4", title: "Coach Endorsement System", descriptions: [
|
|
"Coaches can verify your training data and add verified endorsements to your profile.", "Build credibility through trusted authority figures in your athletic journey."
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-business-people-waiting-room_1262-1838.jpg", imageAlt: "Coach endorsement verification"
|
|
},
|
|
{
|
|
id: "feature-5", title: "Performance Metrics & Insights", descriptions: [
|
|
"Visual dashboards show training frequency, improvement trends, and consistency metrics.", "Export performance reports for coaches, scouts, or university applications."
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-girl-making-selfie-wave-camera-make-video-call-background-city_231208-6754.jpg", imageAlt: "Performance metrics analytics"
|
|
},
|
|
{
|
|
id: "feature-6", title: "Social Sharing & Celebration", descriptions: [
|
|
"Share milestone achievements with family and friends through shareable posts.", "Celebrate progress and build a community of supporters around your athletic journey."
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-girl-making-selfie-wave-camera-make-video-call-background-city_231208-6754.jpg", imageAlt: "Social sharing features"
|
|
}
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore All Features", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Trusted by Athletes Everywhere"
|
|
description="Join a growing community of verified athletes, coaches, and recruiters transforming how talent is discovered."
|
|
tag="Platform Impact"
|
|
tagIcon={Trophy}
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "metric-1", icon: Users,
|
|
title: "Active Athletes", value: "2,400+"
|
|
},
|
|
{
|
|
id: "metric-2", icon: CheckCircle,
|
|
title: "Verified Profiles", value: "98%"
|
|
},
|
|
{
|
|
id: "metric-3", icon: Award,
|
|
title: "Recruited to University", value: "340+"
|
|
},
|
|
{
|
|
id: "metric-4", icon: Zap,
|
|
title: "Daily Training Logs", value: "8,500+"
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
uniformGridCustomHeightClasses="min-h-60"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg", imageAlt: "young athlete portrait headshot"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Coach Sarah Williams", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-perform-exercises-stretch-marks-before-doing-sports_146671-14992.jpg", imageAlt: "coach professional portrait headshot"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Alexis Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-rope-sitting-footbal-gate_23-2148297733.jpg", imageAlt: "female athlete youth portrait"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Coach David Park", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-outdoors_23-2149013774.jpg", imageAlt: "university recruiter professional photo"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "James Family", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-jumping-around_23-2149868585.jpg", imageAlt: "parent support family photo"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "The Athlete Network", imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg", imageAlt: "diverse athlete group portrait"
|
|
}
|
|
]}
|
|
cardTitle="Join the Verified Athlete Community"
|
|
cardTag="Testimonials"
|
|
cardTagIcon={Star}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials from athletes, coaches, and recruiters"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about LineX, verification, recruitment, and getting started."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How does verification work on LineX?", content: "Every training session you log is timestamped and stored securely. Coaches can verify sessions they've personally overseen, adding verified badges to your profile. Universities and scouts see verified metrics only, ensuring complete credibility of your athletic data."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Is my data private and secure?", content: "Yes. We use enterprise-grade encryption and comply with COPPA regulations for athletes under 13. You control exactly who sees your profile—keep it private, share with specific coaches, or make it publicly discoverable. Your training data is never sold."
|
|
},
|
|
{
|
|
id: "faq-3", title: "How do I get recruited through LineX?", content: "Build a complete, verified profile with consistent training logs and achievements. Coaches and university scouts search LineX actively. You can also directly share your portfolio link with specific programs. Verified profiles rank higher in recruiter searches."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Can my coach verify my training sessions?", content: "Absolutely. Invite your coach to LineX, and they can view your sessions in real-time. Coaches can add verified endorsements, confirm attendance, and even add personalized notes—all visible to recruiters."
|
|
},
|
|
{
|
|
id: "faq-5", title: "What sports and activities are supported?", content: "LineX supports all competitive sports including basketball, soccer, track & field, volleyball, swimming, tennis, lacrosse, cross country, hockey, and more. We also support non-traditional athletic pursuits like climbing, skateboarding, and esports."
|
|
},
|
|
{
|
|
id: "faq-6", title: "Do I need a paid plan to get started?", content: "No. A basic free plan includes unlimited training logging, basic achievements, and portfolio creation. Premium plans unlock advanced analytics, coach collaboration tools, and recruitment visibility features. Most young athletes start free and upgrade as they get serious."
|
|
},
|
|
{
|
|
id: "faq-7", title: "How does LineX help with university applications?", content: "You can export your verified performance summary and athletic portfolio directly to share with university coaches during recruitment conversations. Your verified data strengthens your athletic resume and demonstrates commitment and consistency."
|
|
},
|
|
{
|
|
id: "faq-8", title: "Can parents track their child's progress?", content: "Yes. Parents can create a linked account with read-only access to their child's training logs and achievements. You maintain full control of what information is visible and to whom."
|
|
}
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Get Started?"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
title="Launch Your Verified Athletic Portfolio Today"
|
|
description="Join thousands of young athletes building verified profiles, tracking progress, and connecting with coaches and universities. Start free—upgrade anytime as your athletic journey grows."
|
|
buttons={[
|
|
{ text: "Create Your Account", href: "#" },
|
|
{ text: "Schedule Demo", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact and signup section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "For Athletes", href: "#athletes" },
|
|
{ label: "For Coaches", href: "#coaches" },
|
|
{ label: "For Recruiters", href: "#recruiters" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#blog" },
|
|
{ label: "Careers", href: "#careers" },
|
|
{ label: "Press", href: "#press" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Cookie Policy", href: "#cookies" },
|
|
{ label: "COPPA Compliance", href: "#coppa" },
|
|
{ label: "Support", href: "#support" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Twitter", href: "#" },
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "LinkedIn", href: "#" },
|
|
{ label: "TikTok", href: "#" },
|
|
{ label: "Discord", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 LineX. All rights reserved."
|
|
bottomRightText="Verified Athletic Excellence Platform"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |