Merge version_2 into main #1
281
src/app/page.tsx
281
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "features",
|
||||
},
|
||||
name: "How It Works", id: "features"},
|
||||
{
|
||||
name: "Coaching",
|
||||
id: "coaching",
|
||||
},
|
||||
name: "Coaching", id: "coaching"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="HoopBoost AI"
|
||||
/>
|
||||
@@ -54,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Train Smarter. Play Better. Dominate the Court."
|
||||
description="Unlock your elite potential with AI-powered personalized basketball coaching, drills, and training plans designed for your game."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Coaching",
|
||||
href: "#coaching",
|
||||
},
|
||||
text: "Get Coaching", href: "#coaching"},
|
||||
{
|
||||
text: "Upgrade to Pro",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Upgrade to Pro", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-basketball-player-daily-life-new-york-city_23-2150820073.jpg",
|
||||
imageAlt: "HoopBoost AI Trainer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-basketball-player-daily-life-new-york-city_23-2150820073.jpg", imageAlt: "HoopBoost AI Trainer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-basketball-essentials_23-2150473279.jpg",
|
||||
imageAlt: "Basketball Court",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-basketball-essentials_23-2150473279.jpg", imageAlt: "Basketball Court"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-looking-his-shadow_23-2148375913.jpg",
|
||||
imageAlt: "AI Tech Court",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-looking-his-shadow_23-2148375913.jpg", imageAlt: "AI Tech Court"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-jumping-with-briefcase_1139-118.jpg",
|
||||
imageAlt: "HoopBoost AI Trainer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-jumping-with-briefcase_1139-118.jpg", imageAlt: "HoopBoost AI Trainer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-basketball-asphalt_23-2148239545.jpg",
|
||||
imageAlt: "Basketball Court",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-basketball-asphalt_23-2148239545.jpg", imageAlt: "Basketball Court"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -101,55 +78,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Drills",
|
||||
descriptions: [
|
||||
"Customized shooting and skill drills.",
|
||||
"Target your specific weaknesses.",
|
||||
"Drills used by NBA coaches.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg",
|
||||
},
|
||||
id: "1", title: "Precision Drills", descriptions: [
|
||||
"Customized shooting and skill drills.", "Target your specific weaknesses.", "Drills used by NBA coaches."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Weekly Training Plans",
|
||||
descriptions: [
|
||||
"Structured weekly progression.",
|
||||
"Balanced intensity and recovery.",
|
||||
"Designed for your position.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg",
|
||||
},
|
||||
id: "2", title: "Weekly Training Plans", descriptions: [
|
||||
"Structured weekly progression.", "Balanced intensity and recovery.", "Designed for your position."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Elite Motivation",
|
||||
descriptions: [
|
||||
"Real-time feedback after sessions.",
|
||||
"Motivational insights to keep going.",
|
||||
"Expert advice when you need it.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-survey-response-advice-suggestions_53876-125410.jpg",
|
||||
},
|
||||
id: "3", title: "Elite Motivation", descriptions: [
|
||||
"Real-time feedback after sessions.", "Motivational insights to keep going.", "Expert advice when you need it."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-survey-response-advice-suggestions_53876-125410.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Performance Tracking",
|
||||
descriptions: [
|
||||
"Record your key stats.",
|
||||
"Monitor vertical jump progress.",
|
||||
"Visualize game-day improvement.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165183.jpg",
|
||||
},
|
||||
id: "4", title: "Performance Tracking", descriptions: [
|
||||
"Record your key stats.", "Monitor vertical jump progress.", "Visualize game-day improvement."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165183.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Tactical Insight",
|
||||
descriptions: [
|
||||
"Learn advanced game IQ.",
|
||||
"Strategic positioning advice.",
|
||||
"Breakdown of opponent moves.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165163.jpg",
|
||||
},
|
||||
id: "5", title: "Tactical Insight", descriptions: [
|
||||
"Learn advanced game IQ.", "Strategic positioning advice.", "Breakdown of opponent moves."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165163.jpg"},
|
||||
]}
|
||||
title="Your Game, Supercharged"
|
||||
description="HoopBoost AI provides the insights you need to climb the ranks."
|
||||
@@ -164,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Player Profile Input",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-headphones-court_23-2148393841.jpg",
|
||||
},
|
||||
id: "1", name: "Player Profile Input", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/basketball-headphones-court_23-2148393841.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "AI Drill Generator",
|
||||
price: "AI-Powered",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286971.jpg",
|
||||
},
|
||||
id: "2", name: "AI Drill Generator", price: "AI-Powered", imageSrc: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286971.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Skill Gap Analysis",
|
||||
price: "Deep Scan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-laptop-lap-showing-credit-card_23-2148434753.jpg",
|
||||
},
|
||||
id: "3", name: "Skill Gap Analysis", price: "Deep Scan", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-laptop-lap-showing-credit-card_23-2148434753.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Weekly Training Path",
|
||||
price: "Personalized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-park_53876-14995.jpg",
|
||||
},
|
||||
id: "4", name: "Weekly Training Path", price: "Personalized", imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-park_53876-14995.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Motivation Coach",
|
||||
price: "Always On",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952960.jpg",
|
||||
},
|
||||
id: "5", name: "Motivation Coach", price: "Always On", imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952960.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Stats & Progress",
|
||||
price: "Tracked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148948.jpg",
|
||||
},
|
||||
id: "6", name: "Stats & Progress", price: "Tracked", imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148948.jpg"},
|
||||
]}
|
||||
title="HoopBoost AI Platform"
|
||||
description="Start your journey today. Enter your details to get your first elite coaching plan."
|
||||
@@ -212,40 +135,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "95%",
|
||||
title: "Shooting Accuracy",
|
||||
description: "Improve your percentage with target drills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shooting-range-employee-discussing-rules-with-customers-before-shoot_482257-123316.jpg",
|
||||
},
|
||||
id: "1", value: "95%", title: "Shooting Accuracy", description: "Improve your percentage with target drills.", imageSrc: "http://img.b2bpic.net/free-photo/shooting-range-employee-discussing-rules-with-customers-before-shoot_482257-123316.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "12mph",
|
||||
title: "First Step Speed",
|
||||
description: "Increase explosiveness and agility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-120681.jpg",
|
||||
},
|
||||
id: "2", value: "12mph", title: "First Step Speed", description: "Increase explosiveness and agility.", imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-120681.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Available Coaching",
|
||||
description: "Expert advice anytime, anywhere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163413.jpg",
|
||||
},
|
||||
id: "3", value: "24/7", title: "Available Coaching", description: "Expert advice anytime, anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163413.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
value: "1.2k",
|
||||
title: "Active Players",
|
||||
description: "Joining the global community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165176.jpg",
|
||||
},
|
||||
id: "4", value: "1.2k", title: "Active Players", description: "Joining the global community.", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165176.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
value: "50+",
|
||||
title: "Drill Modules",
|
||||
description: "Expanded library for all skill levels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165159.jpg",
|
||||
},
|
||||
id: "5", value: "50+", title: "Drill Modules", description: "Expanded library for all skill levels.", imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165159.jpg"},
|
||||
]}
|
||||
title="Player Impact Metrics"
|
||||
description="Data-driven improvements that translate to on-court results."
|
||||
@@ -259,37 +157,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
tag: "Basic",
|
||||
price: "$0",
|
||||
period: "/session",
|
||||
description: "Test the AI trainer.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"1 AI coaching response daily",
|
||||
"Basic skill assessment",
|
||||
"General drill access",
|
||||
],
|
||||
id: "free", tag: "Basic", price: "$0", period: "/session", description: "Test the AI trainer.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"1 AI coaching response daily", "Basic skill assessment", "General drill access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Most Popular",
|
||||
price: "$5",
|
||||
period: "/month",
|
||||
description: "For serious ballers.",
|
||||
button: {
|
||||
text: "Upgrade to Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Free, plus:",
|
||||
features: [
|
||||
"Unlimited AI coaching",
|
||||
"Advanced 12-week plans",
|
||||
"Advanced positional metrics",
|
||||
"Priority trainer support",
|
||||
],
|
||||
id: "pro", tag: "Most Popular", price: "$5", period: "/month", description: "For serious ballers.", button: {
|
||||
text: "Upgrade to Pro"},
|
||||
featuresTitle: "Everything in Free, plus:", features: [
|
||||
"Unlimited AI coaching", "Advanced 12-week plans", "Advanced positional metrics", "Priority trainer support"],
|
||||
},
|
||||
]}
|
||||
title="Dominate the Court"
|
||||
@@ -302,30 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-muscular-sport-person-red-race-track-looking-camera_23-2148162177.jpg",
|
||||
},
|
||||
id: "1", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/confident-muscular-sport-person-red-race-track-looking-camera_23-2148162177.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-people-communicating-near-red-wall_23-2147755383.jpg",
|
||||
},
|
||||
id: "2", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-people-communicating-near-red-wall_23-2147755383.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231797.jpg",
|
||||
},
|
||||
id: "3", name: "Sam R.", imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231797.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-active-lifestyle-sport-concept-cheerful-male-teenager-with-afro-hairstyle_273609-8622.jpg",
|
||||
},
|
||||
id: "4", name: "Chris D.", imageSrc: "http://img.b2bpic.net/free-photo/people-active-lifestyle-sport-concept-cheerful-male-teenager-with-afro-hairstyle_273609-8622.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Trey L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-man-doing-sports-playing-basketball-active-lifestyle-summer-morning-smiling-happy-having-fun_285396-1485.jpg",
|
||||
},
|
||||
id: "5", name: "Trey L.", imageSrc: "http://img.b2bpic.net/free-photo/young-black-man-doing-sports-playing-basketball-active-lifestyle-summer-morning-smiling-happy-having-fun_285396-1485.jpg"},
|
||||
]}
|
||||
cardTitle="Player Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -337,11 +199,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Waitlist"
|
||||
title="Ready to Start Your Training?"
|
||||
description="Sign up for updates and early access to Pro features."
|
||||
description="Join 1.2k+ players optimizing their game—get early access to Pro features"
|
||||
buttonText="Join Waitlist"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563059.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -351,42 +213,27 @@ export default function LandingPage() {
|
||||
logoText="HoopBoost AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -395,4 +242,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user