bender/4e25282b-eb17-48ab-ac06-96b3a5590d18
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #2

Merged
bender merged 3 commits from version_3 into main 2026-03-07 11:49:40 +00:00
Conversation 0 Commits 3 Files Changed 3 +94 -109
3 changed files with 94 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/layout.tsx
View File

@@ -1,38 +1,27 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Open_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Apex Sports - Elite Athletic Performance Training", description: "Premium athletic training with AI analytics, elite coaching, and state-of-the-art facilities. Transform your performance today.", keywords: "athletic training, sports performance, fitness coaching, personal training, elite athletes", robots: {
title: "Elite Sports Training - Professional Athletic Performance", description: "Premium sports training facility with professional coaching, modern equipment, and proven results. Transform your athletic performance today.", keywords: "sports training, athletic coaching, fitness facility, professional coaching, sports performance", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Apex Sports - Elite Athletic Performance Training", description: "Premium athletic training with AI analytics, elite coaching, and state-of-the-art facilities. Transform your performance today.", type: "website", siteName: "Apex Sports", images: [
title: "Elite Sports Training - Professional Athletic Performance", description: "Premium sports training facility with professional coaching, modern equipment, and proven results.", type: "website", siteName: "Elite Sports", images: [
{
url: "http://img.b2bpic.net/free-photo/full-length-portrait-half-naked-fit-african-sportsman_171337-9446.jpg", alt: "Elite athletic training at Apex Sports"
url: "http://img.b2bpic.net/free-photo/full-length-portrait-half-naked-fit-african-sportsman_171337-9446.jpg", alt: "Professional sports training"
},
],
},
twitter: {
card: "summary_large_image", title: "Apex Sports - Elite Athletic Performance Training", description: "Transform your athletic performance with premium training, elite coaching, and AI-powered analytics.", images: ["http://img.b2bpic.net/free-photo/full-length-portrait-half-naked-fit-african-sportsman_171337-9446.jpg"],
card: "summary_large_image", title: "Elite Sports Training - Professional Athletic Performance", description: "Premium sports training facility with professional coaching and modern equipment.", images: ["http://img.b2bpic.net/free-photo/full-length-portrait-half-naked-fit-african-sportsman_171337-9446.jpg"],
},
};
@@ -45,7 +34,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
className={`${inter.variable} antialiased`}
>
<Tag />
{children}
@@ -1420,4 +1409,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

166
src/app/page.tsx
View File

@@ -10,25 +10,25 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Crown, Sparkles, Star, TrendingUp, Zap, Users, CheckCircle } from 'lucide-react';
import { Award, Trophy, Sparkles, Star, TrendingUp, Zap, Users, CheckCircle } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLarge"
background="grid"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="APEX SPORTS"
brandName="ELITE SPORTS"
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
@@ -44,158 +44,155 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Push Your Limits. Achieve Greatness."
description="Experience world-class athletic performance training with cutting-edge technology, elite coaching, and a community dedicated to excellence. Transform your potential into power."
tag="Premium Performance Training"
title="Elevate Your Game"
description="Professional sports training for athletes who demand excellence. Expert coaching, modern facilities, and personalized programs to unlock your potential."
tag="Premium Coaching"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "downward-rays-animated" }}
tagAnimation="none"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/full-length-portrait-half-naked-fit-african-sportsman_171337-9446.jpg"
imageAlt="Professional athlete in peak performance"
imageAlt="Professional athlete training"
buttons={[
{ text: "Start Your Journey", href: "#pricing" },
{ text: "Start Training", href: "#pricing" },
{ text: "Learn More", href: "#about" },
]}
buttonAnimation="slide-up"
buttonAnimation="none"
className="min-h-screen"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Elite Performance Redefined"
title="World-Class Training Experience"
description={[
"At Apex Sports, we don't just train athletes—we transform them. Our holistic approach combines advanced biomechanics, personalized coaching, and state-of-the-art facilities to unlock your full athletic potential.", "With over 15 years of experience working with elite competitors across multiple disciplines, we've perfected the science of peak performance. Every program is tailored to your goals, whether you're preparing for competition, recovering from injury, or pursuing a healthier lifestyle.", "Join hundreds of athletes who've broken their personal records and discovered what true excellence feels like."
"We provide comprehensive sports training designed for serious athletes. Our approach combines proven coaching methodologies, modern training equipment, and personalized programming.", "With expertise across multiple disciplines, we help athletes of all levels achieve measurable improvements in performance, strength, and competitive ability.", "Join our community of dedicated athletes committed to excellence."
]}
buttons={[
{ text: "Explore Our Programs", href: "#features" },
{ text: "Explore Programs", href: "#features" },
]}
buttonAnimation="slide-up"
showBorder={true}
buttonAnimation="none"
showBorder={false}
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
title="Comprehensive Training Solutions"
description="From personalized strength programs to sport-specific conditioning, our integrated approach delivers measurable results."
tag="Why Choose Us"
title="Complete Training Solutions"
description="Comprehensive programs tailored to your athletic goals and performance level."
tag="Our Services"
tagIcon={Award}
tagAnimation="slide-up"
tagAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/woman-working-out-gym_23-2148111664.jpg"
imageAlt="State-of-the-art training facility"
mediaAnimation="slide-up"
imageAlt="Professional training facility"
mediaAnimation="none"
mediaPosition="left"
accordionItems={[
{
id: "1", title: "AI-Powered Performance Analytics", content: "Real-time biometric tracking and machine learning analysis optimize every aspect of your training. Monitor strength gains, recovery patterns, and performance trends with our proprietary dashboard."
id: "1", title: "Professional Coaching", content: "Expert trainers with extensive experience in sports training and athlete development. Personalized guidance and technique refinement for optimal performance."
},
{
id: "2", title: "Elite Coaching Team", content: "Work with certified trainers, sports scientists, and nutritionists who've collaborated with Olympic athletes and professional teams. Personalized guidance every step of your journey."
id: "2", title: "Modern Facilities", content: "State-of-the-art equipment and training spaces designed for serious athletes. Clean, professional environment focused on results."
},
{
id: "3", title: "Recovery & Regeneration", content: "Premium recovery technology including cryotherapy, compression therapy, and contrast pools accelerate muscle recovery and prevent injury. Your body performs better when it heals better."
id: "3", title: "Training Programs", content: "Customized training programs based on your goals. Strength, conditioning, sport-specific training, and performance enhancement."
},
{
id: "4", title: "Community & Competition", content: "Access exclusive group training sessions, monthly challenges, and social events. Train alongside like-minded athletes and push each other toward greatness."
id: "4", title: "Progress Tracking", content: "Regular assessments and performance tracking to monitor improvement and adjust programs for continued progress."
},
]}
buttons={[
{ text: "View All Services", href: "#pricing" },
{ text: "View Services", href: "#pricing" },
]}
buttonAnimation="slide-up"
useInvertedBackground={true}
buttonAnimation="none"
useInvertedBackground={false}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="By The Numbers"
description="Our track record speaks for itself. These results represent the dedication of athletes and expertise of our team."
tag="Performance Stats"
title="Proven Results"
description="Our track record demonstrates the effectiveness of our training approach and commitment to athlete success."
tag="By The Numbers"
tagIcon={TrendingUp}
tagAnimation="slide-up"
tagAnimation="none"
metrics={[
{ id: "1", value: "2,847+", description: "Athletes Trained" },
{ id: "2", value: "94%", description: "Personal Records Achieved" },
{ id: "3", value: "156", description: "Competitive Medals Won" },
{ id: "4", value: "15+", description: "Years of Excellence" },
{ id: "1", value: "500+", description: "Athletes Trained" },
{ id: "2", value: "89%", description: "Goal Achievement Rate" },
{ id: "3", value: "12+", description: "Years Experience" },
{ id: "4", value: "95%", description: "Client Satisfaction" },
]}
gridVariant="uniform-all-items-equal"
animationType="depth-3d"
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "See Success Stories", href: "#testimonials" },
]}
buttonAnimation="slide-up"
buttonAnimation="none"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Success Stories From Our Athletes"
description="Hear from athletes who've transformed their performance and exceeded their goals at Apex Sports."
title="What Our Athletes Say"
description="Hear from athletes who have improved their performance and achieved their goals with our training."
tag="Testimonials"
tagIcon={Star}
tagAnimation="slide-up"
tagAnimation="none"
testimonials={[
{
id: "1", title: "Broke My Personal Record in 12 Weeks", quote: "The personalized programming and constant feedback transformed how I train. I didn't just improve—I shattered goals I thought were years away. Apex Sports gave me the tools and mindset to think bigger.", name: "Marcus Johnson", role: "Competitive Sprinter", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg", imageAlt: "Marcus Johnson"
id: "1", title: "Significant Performance Improvement", quote: "The coaching and personalized program transformed my training. I achieved results I thought would take years in just a few months.", name: "Marcus Johnson", role: "Competitive Athlete", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg", imageAlt: "Marcus Johnson"
},
{
id: "2", title: "From Injury to Champion", quote: "After a serious injury, I was ready to quit. The recovery protocols and expert guidance at Apex not only got me back to competition—they made me stronger. The holistic approach to rehabilitation is unmatched.", name: "Sarah Chen", role: "Professional Athlete", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-exercising-together-outdoors_23-2150799151.jpg", imageAlt: "Sarah Chen"
id: "2", title: "Professional and Effective", quote: "Professional coaching, clean facilities, and solid programming. Everything is focused on delivering results. Highly recommended for serious athletes.", name: "Sarah Chen", role: "Professional Athlete", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-exercising-together-outdoors_23-2150799151.jpg", imageAlt: "Sarah Chen"
},
{
id: "3", title: "Elite Training, Results-Driven Culture", quote: "Training at Apex isn't just about fitness—it's about joining a community of people obsessed with excellence. The energy, expertise, and accountability pushed me to levels I didn't think possible.", name: "David Rodriguez", role: "Competitive Crossfit Athlete", imageSrc: "http://img.b2bpic.net/free-photo/lgbt-concept-with-colored-ice-cream-sticks-wooden-cubes-wooden-background-flat-lay_176474-7736.jpg", imageAlt: "David Rodriguez"
id: "3", title: "Excellent Support and Guidance", quote: "The coaches really understand training. They provide clear direction and adjust programs based on progress. Great atmosphere and real results.", name: "David Rodriguez", role: "Fitness Athlete", imageSrc: "http://img.b2bpic.net/free-photo/lgbt-concept-with-colored-ice-cream-sticks-wooden-cubes-wooden-background-flat-lay_176474-7736.jpg", imageAlt: "David Rodriguez"
},
{
id: "4", title: "Life-Changing Experience", quote: "Starting as a beginner, I felt completely supported. The coaches adapted programming to my needs, and the science-backed approach gave me confidence. I've not only improved physically but mentally as well.", name: "Emma Williams", role: "Fitness Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/side-view-boxer-trainer-having-conversation_23-2148426232.jpg", imageAlt: "Emma Williams"
id: "4", title: "Perfect for Getting Started", quote: "As a beginner, I felt supported and never confused. The coaches explain everything clearly and the programs are effective from day one.", name: "Emma Williams", role: "Fitness Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/side-view-boxer-trainer-having-conversation_23-2148426232.jpg", imageAlt: "Emma Williams"
},
]}
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Membership Plans Designed for You"
description="Choose the plan that matches your goals. All memberships include access to our facilities, group classes, and expert coaching."
tag="Flexible Pricing"
title="Membership Options"
description="Choose the membership level that fits your training goals. All memberships include facility access and professional coaching."
tag="Pricing"
tagIcon={Zap}
tagAnimation="slide-up"
animationType="slide-up"
tagAnimation="none"
animationType="none"
plans={[
{
id: "starter", badge: "Starter", badgeIcon: Sparkles,
price: "$99/mo", subtitle: "Perfect for fitness goals", buttons: [
price: "$79/mo", subtitle: "For fitness beginners", buttons: [
{ text: "Get Started", href: "#" },
{ text: "Learn More", href: "#" },
],
features: [
"24/7 facility access", "Group fitness classes", "Monthly performance review", "Nutrition guidance"
"Facility access", "Basic training program", "Monthly assessment", "Equipment training"
],
},
{
id: "pro", badge: "Pro", badgeIcon: Zap,
price: "$199/mo", subtitle: "For serious athletes", buttons: [
id: "pro", badge: "Professional", badgeIcon: Trophy,
price: "$149/mo", subtitle: "For dedicated athletes", buttons: [
{ text: "Get Started", href: "#" },
{ text: "Learn More", href: "#" },
],
features: [
"Everything in Starter", "Personalized training program", "Biometric tracking & analytics", "2 coaching sessions weekly", "Priority recovery access"
"Everything in Starter", "Personalized program", "Weekly coaching sessions", "Progress tracking", "Nutrition guidance"
],
},
{
id: "elite", badge: "Elite", badgeIcon: Crown,
price: "$399/mo", subtitle: "Peak performance training", buttons: [
id: "elite", badge: "Elite", badgeIcon: Award,
price: "$249/mo", subtitle: "For serious competitors", buttons: [
{ text: "Get Started", href: "#" },
{ text: "Learn More", href: "#" },
],
features: [
"Everything in Pro", "Dedicated personal coach", "Custom sport-specific programs", "Unlimited coaching sessions", "Advanced recovery technology", "Exclusive athlete community"
"Everything in Professional", "Dedicated coach", "Sport-specific training", "Unlimited sessions", "Priority support", "Advanced analytics"
],
},
]}
@@ -206,15 +203,15 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Elite Athletes Worldwide"
description="Join leading athletes, teams, and organizations who've chosen Apex Sports for world-class performance training."
title="Trusted by Athletes Everywhere"
description="Join athletes and teams who have chosen us for professional sports training and coaching."
tag="Our Partners"
tagIcon={Award}
tagAnimation="slide-up"
tagAnimation="none"
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
names={[
"Nike", "Adidas", "Gatorade", "Fitbit", "Lululemon", "Under Armour", "Red Bull"
"Nike", "Adidas", "Under Armour", "Gatorade", "Red Bull", "Fitbit"
]}
speed={40}
showCard={true}
@@ -225,17 +222,17 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
title: "Services", items: [
{ label: "Training Programs", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Training", href: "#about" },
{ label: "Community", href: "#testimonials" },
{ label: "About Us", href: "#about" },
{ label: "Testimonials", href: "#testimonials" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Team", href: "#" },
{ label: "About", href: "#about" },
{ label: "Contact", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
],
@@ -244,14 +241,13 @@ export default function LandingPage() {
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Contact", href: "#" },
{ label: "Support", href: "#" },
],
},
]}
copyrightText="© 2025 Apex Sports. Elite Performance Training. All rights reserved."
copyrightText="© 2025 Elite Sports. Professional Training. All rights reserved."
/>
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f514c;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1a1a1a;
--primary-cta: #1a1a1a;
--primary-cta-text: #0a0a0a;
--secondary-cta: #ffffff;
--secondary-cta: #f0f0f0;
--secondary-cta-text: #fff5f5e6;
--accent: #35c18b;
--background-accent: #ecebe4;
--accent: #d0d0d0;
--background-accent: #e8e8e8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);