Merge version_2 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -20,26 +20,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Athletes", id: "#athletes"},
|
||||
{
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "System", id: "#system"},
|
||||
{
|
||||
name: "Apply", id: "#apply"},
|
||||
{ name: "System", id: "#system" },
|
||||
{ name: "Athletes", id: "#athletes" },
|
||||
{ name: "Apply", id: "#apply" },
|
||||
]}
|
||||
brandName="AMITY ATHLETIC"
|
||||
/>
|
||||
@@ -47,59 +42,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Discipline builds physiques. We build discipline."
|
||||
description="A structured athlete development system focused on physique progression, accountability, and long-term performance."
|
||||
background={{ variant: "plain" }}
|
||||
title="Minimalist excellence in physique development."
|
||||
description="A structured, high-standard athletic system focused on intentional progress and discipline."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg", alt: "Athlete 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg", alt: "Athlete 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-kickboxer-resting-ring-corner_651396-627.jpg", alt: "Athlete 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg", alt: "Athlete 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-developing-photos_23-2149893842.jpg", alt: "Athlete 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Team", href: "#apply"},
|
||||
{
|
||||
text: "View System", href: "#system"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "STRUCTURED"},
|
||||
{
|
||||
type: "text", text: "DISCIPLINED"},
|
||||
{
|
||||
type: "text", text: "PROGRESSIVE"},
|
||||
{
|
||||
type: "text", text: "ACCOUNTABLE"},
|
||||
{
|
||||
type: "text", text: "ELITE"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg", alt: "Athlete" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg", alt: "Athlete" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-kickboxer-resting-ring-corner_651396-627.jpg", alt: "Athlete" },
|
||||
]}
|
||||
buttons={[{ text: "Join System", href: "#apply" }]}
|
||||
titleClassName="text-neutral-900 tracking-tight"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Founder Athlete"
|
||||
description="I built Amity Athletic Coaching through structured training, nutrition, and discipline-based execution. Everything here is system-based, not motivation-based."
|
||||
useInvertedBackground={false}
|
||||
title="The Standard"
|
||||
description="I built Amity Athletic through a commitment to structured, disciplined performance. Our system removes the noise of modern motivation to focus purely on execution and data-driven results."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Progression", description: "Structured overload systems"},
|
||||
{
|
||||
title: "Nutrition", description: "Precision structural planning"},
|
||||
{
|
||||
title: "Accountability", description: "Weekly tracking standards"},
|
||||
{ title: "Systematic Progression", description: "Calculated movement patterns" },
|
||||
{ title: "Precision Nutrition", description: "Structural dietary planning" },
|
||||
{ title: "Elite Accountability", description: "Weekly performance standards" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sportswoman-posing-sportswear-isolated-gray_7502-8035.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,128 +75,93 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "01 — Execution", description: "Progressive overload execution protocols for every athlete.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827277.jpg", imageAlt: "Execution"},
|
||||
{
|
||||
title: "02 — Nutrition", description: "Structured precision nutrition planning for growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p6545j", imageAlt: "Nutrition"},
|
||||
{
|
||||
title: "03 — Standards", description: "Consistent athlete standard discipline throughout.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-playing-game-domino_23-2148234849.jpg", imageAlt: "Standards"},
|
||||
{ title: "01 Execution", description: "Protocols built for longevity.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827277.jpg" },
|
||||
{ title: "02 Precision", description: "Metrics-backed dietary tracking.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p6545j" },
|
||||
{ title: "03 Discipline", description: "Adherence is our primary metric.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-playing-game-domino_23-2148234849.jpg" },
|
||||
]}
|
||||
title="Core Principles"
|
||||
description="The foundation of our athlete development system."
|
||||
description="Fundamental tenets of our athletic model."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
animationType="opacity"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Founder", members: [
|
||||
{
|
||||
id: "m1", title: "Xavier", subtitle: "Coach", detail: "Disciplined athlete performance coach.", imageSrc: "http://img.b2bpic.net/free-photo/young-mixed-race-african-american-woman-makes-boxing-workout-sunny-loft-contour-light-looking-throught-camera_633478-2116.jpg"},
|
||||
],
|
||||
},
|
||||
{ id: "g1", groupTitle: "Leadership", members: [{ id: "m1", title: "Xavier", subtitle: "Lead Coach", detail: "Directing athlete performance programs.", imageSrc: "http://img.b2bpic.net/free-photo/young-mixed-race-african-american-woman-makes-boxing-workout-sunny-loft-contour-light-looking-throught-camera_633478-2116.jpg" }] },
|
||||
]}
|
||||
title="The Coach"
|
||||
description="Led by Xavier, 22, dedicated to athlete development."
|
||||
title="Coaching"
|
||||
description="Expert oversight dedicated to your physique development."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Transformation Athlete", price: "Fat Loss", imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564356.jpg"},
|
||||
{
|
||||
id: "p2", name: "Lean Development", price: "Athletic Build", imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564353.jpg"},
|
||||
{
|
||||
id: "p3", name: "Strength Build", price: "Offseason Mass", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-fitness-items_23-2150321818.jpg"},
|
||||
{
|
||||
id: "p4", name: "Advanced Phase", price: "Peak Strength", imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564357.jpg"},
|
||||
{
|
||||
id: "p5", name: "Maintenance", price: "Consistent Build", imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275216.jpg"},
|
||||
{
|
||||
id: "p6", name: "Growth Phase", price: "Hypertrophy", imageSrc: "http://img.b2bpic.net/free-photo/pair-gloves-boxing-sport_23-2150367638.jpg"},
|
||||
{ id: "p1", name: "Athlete Track", price: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564356.jpg" },
|
||||
{ id: "p2", name: "Hypertrophy", price: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-fitness-items_23-2150321818.jpg" },
|
||||
{ id: "p3", name: "Strength", price: "Peak", imageSrc: "http://img.b2bpic.net/free-photo/pair-gloves-boxing-sport_23-2150367638.jpg" },
|
||||
]}
|
||||
title="Athlete Roster"
|
||||
description="Transformation and growth tracks."
|
||||
title="Programs"
|
||||
description="Structured phases for transformation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Athlete A", handle: "@athlete_a", testimonial: "The system is unreal.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450143.jpg"},
|
||||
{
|
||||
id: "t2", name: "Athlete B", handle: "@athlete_b", testimonial: "Discipline changed everything.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-tired-male-jogger-having-rest-riverside-after-every-morning-outdoor-workout-sitting-pavement-thinking-about-his-future-career-looking-serious-sad-thoughtful_273609-1180.jpg"},
|
||||
{
|
||||
id: "t3", name: "Athlete C", handle: "@athlete_c", testimonial: "Best development program.", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg"},
|
||||
{
|
||||
id: "t4", name: "Athlete D", handle: "@athlete_d", testimonial: "Consistent progress.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-serious-afro-american-sports-man_171337-9250.jpg"},
|
||||
{
|
||||
id: "t5", name: "Athlete E", handle: "@athlete_e", testimonial: "Found my true standard.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13203.jpg"},
|
||||
{ id: "t1", name: "Alex M.", handle: "@alexm", testimonial: "The system is unmatched in precision.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450143.jpg" },
|
||||
{ id: "t2", name: "Jordan K.", handle: "@jk", testimonial: "Discipline became my baseline.", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg" },
|
||||
]}
|
||||
title="Real Results"
|
||||
description="What our athletes are achieving."
|
||||
title="Results"
|
||||
description="Athletic outcomes achieved through consistency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="The Impact"
|
||||
tag="Data-Driven"
|
||||
useInvertedBackground={true}
|
||||
title="Growth Metrics"
|
||||
tag="Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "50+", description: "Athletes coached"},
|
||||
{
|
||||
id: "m2", value: "95%", description: "Standard adherence"},
|
||||
{
|
||||
id: "m3", value: "100%", description: "Structured growth"},
|
||||
{ id: "m1", value: "50+", description: "Athletes" },
|
||||
{ id: "m2", value: "95%", description: "Adherence" },
|
||||
{ id: "m3", value: "100%", description: "Focused" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
metricsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Who is this for?", content: "Disciplined individuals."},
|
||||
{
|
||||
id: "q2", title: "How to start?", content: "Submit an application."},
|
||||
{
|
||||
id: "q3", title: "What's the system?", content: "Discipline-based execution."},
|
||||
{ id: "q1", title: "Is this system for beginners?", content: "It requires high dedication." },
|
||||
{ id: "q2", title: "How is progress measured?", content: "Through strict data standards." },
|
||||
{ id: "q3", title: "Can I apply?", content: "Applications are open year-round." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our standards."
|
||||
faqsAnimation="slide-up"
|
||||
title="Queries"
|
||||
description="Clarifications on our standards."
|
||||
faqsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
text="Apply for Amity Athletic. We review applications based on discipline, consistency, and commitment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now", href: "#apply"},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Apply for membership. Commitment is non-negotiable."
|
||||
buttons={[{ text: "Submit Application", href: "#apply" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -237,26 +169,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="AMITY ATHLETIC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "System", href: "#system"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Athletes", href: "#athletes"},
|
||||
{
|
||||
label: "Apply", href: "#apply"},
|
||||
],
|
||||
},
|
||||
{ title: "Direct", items: [{ label: "About", href: "#about" }, { label: "Apply", href: "#apply" }] },
|
||||
{ title: "Social", items: [{ label: "Results", href: "#testimonials" }, { label: "System", href: "#features" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #060000;
|
||||
--card: #1d0d0d;
|
||||
--foreground: #ffe6e6;
|
||||
--primary-cta: #ff3d4a;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #171717;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1f0a0a;
|
||||
--secondary-cta: #737373;
|
||||
--secondary-cta-text: #ffe6e6;
|
||||
--accent: #7b2d2d;
|
||||
--background-accent: #b8111f;
|
||||
--accent: #000000;
|
||||
--background-accent: #f3f3f3;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user