Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-05 07:22:15 +00:00

View File

@@ -26,314 +26,124 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Programs",
id: "programs",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Gracie BJJ Academy"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "About", id: "about" },
{ name: "Programs", id: "programs" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Gracie BJJ Academy"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "plain",
}}
title="Train Like a Fighter"
description="Master the art of Brazilian Jiu-Jitsu. Build discipline, confidence, and strength in a welcoming environment for all skill levels."
buttons={[
{
text: "Start Training",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-female-boxer-holding-flask-punching-bags_23-2148426166.jpg"
imageAlt="BJJ Training Intensity"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-positive-young-woman-outdoors_23-2148591350.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/karate-player-man-posing-looking_107420-64916.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-brutal-karate-fighter-dressed-white-kimono-grey-background_613910-1884.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/karate-woman-action-isolated-white-background_23-2148322322.jpg",
alt: "Student",
},
]}
avatarText="Join our 500+ active members"
marqueeItems={[
{
type: "text",
text: "Beginner Friendly",
},
{
type: "text",
text: "World Class Coaches",
},
{
type: "text",
text: "Self Defense",
},
{
type: "text",
text: "Competition Ready",
},
{
type: "text",
text: "Strength & Conditioning",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "plain" }}
title="Train Like a Fighter"
description="Master the art of Brazilian Jiu-Jitsu. Build discipline, confidence, and strength in a welcoming environment for all skill levels."
buttons={[{ text: "Start Training", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-female-boxer-holding-flask-punching-bags_23-2148426166.jpg"
imageAlt="BJJ Training Intensity"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-positive-young-woman-outdoors_23-2148591350.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/karate-player-man-posing-looking_107420-64916.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-brutal-karate-fighter-dressed-white-kimono-grey-background_613910-1884.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/karate-woman-action-isolated-white-background_23-2148322322.jpg", alt: "Student" },
]}
avatarText="Join our 500+ active members"
marqueeItems={[
{ type: "text", text: "Beginner Friendly" },
{ type: "text", text: "World Class Coaches" },
{ type: "text", text: "Self Defense" },
{ type: "text", text: "Competition Ready" },
{ type: "text", text: "Strength & Conditioning" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Built on Discipline & Community"
description="Our gym is dedicated to the philosophy of BJJ as a transformative path. Whether you're here to compete, learn self-defense, or improve your fitness, our coaches provide expert guidance in a supportive atmosphere."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Built on Discipline & Community"
/>
</div>
<div id="programs" data-section="programs">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "p1",
title: "Kids BJJ",
author: "Foundations",
description: "Focused on discipline, movement, and confidence-building for young minds.",
tags: [
"Kids",
"Beginner",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-kids-learning-boxing_23-2150930353.jpg",
},
{
id: "p2",
title: "Adult BJJ",
author: "Technique",
description: "Master fundamental and advanced techniques in a controlled environment.",
tags: [
"Adults",
"Grappling",
],
imageSrc: "http://img.b2bpic.net/free-photo/karate-player-prayer-pose_107420-65079.jpg",
},
{
id: "p3",
title: "No-Gi Grappling",
author: "Athletic",
description: "High-intensity training focusing on speed, leverage, and modern submissions.",
tags: [
"Athletic",
"Advanced",
],
imageSrc: "http://img.b2bpic.net/free-photo/two-judo-wrestlers-showing-their-technical-skills-fight-club_613910-13306.jpg",
},
]}
title="Elite Training Programs"
description="Comprehensive classes designed to challenge you and help you grow."
/>
</div>
<div id="programs" data-section="programs">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "p1", title: "Kids BJJ", author: "Foundations", description: "Focused on discipline, movement, and confidence-building for young minds.", tags: ["Kids", "Beginner"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-kids-learning-boxing_23-2150930353.jpg" },
{ id: "p2", title: "Adult BJJ", author: "Technique", description: "Master fundamental and advanced techniques in a controlled environment.", tags: ["Adults", "Grappling"], imageSrc: "http://img.b2bpic.net/free-photo/karate-player-prayer-pose_107420-65079.jpg" },
{ id: "p3", title: "No-Gi Grappling", author: "Athletic", description: "High-intensity training focusing on speed, leverage, and modern submissions.", tags: ["Athletic", "Advanced"], imageSrc: "http://img.b2bpic.net/free-photo/two-judo-wrestlers-showing-their-technical-skills-fight-club_613910-13306.jpg" },
]}
title="Elite Training Programs"
description="Comprehensive classes designed to challenge you and help you grow."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "m1",
badge: "Beginner",
price: "$99",
subtitle: "Monthly access",
features: [
"1 Class per week",
"Basic technique",
"Community access",
],
},
{
id: "m2",
badge: "Popular",
price: "$149",
subtitle: "Unlimited access",
features: [
"Unlimited classes",
"Adult/No-Gi access",
"Open mat access",
],
},
{
id: "m3",
badge: "Competitor",
price: "$199",
subtitle: "Elite access",
features: [
"Unlimited classes",
"Advanced workshops",
"Personal coaching",
],
},
]}
title="Membership Plans"
description="Simple, transparent pricing to help you start your journey."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "m1", badge: "Beginner", price: "$99", subtitle: "Monthly access", features: ["1 Class per week", "Basic technique", "Community access"] },
{ id: "m2", badge: "Popular", price: "$149", subtitle: "Unlimited access", features: ["Unlimited classes", "Adult/No-Gi access", "Open mat access"] },
{ id: "m3", badge: "Competitor", price: "$199", subtitle: "Elite access", features: ["Unlimited classes", "Advanced workshops", "Personal coaching"] },
]}
title="Membership Plans"
description="Simple, transparent pricing to help you start your journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mark R.",
handle: "@student",
testimonial: "The instructors are world-class. I feel like part of a family here.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-young-woman-outdoors_23-2148591350.jpg",
},
{
id: "2",
name: "Elena S.",
handle: "@athlete",
testimonial: "Started as a complete beginner and I feel stronger and more confident every day.",
imageSrc: "http://img.b2bpic.net/free-photo/karate-player-man-posing-looking_107420-64916.jpg",
},
{
id: "3",
name: "James L.",
handle: "@competitor",
testimonial: "The technical instruction is unparalleled in the city.",
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg",
},
{
id: "4",
name: "Sarah W.",
handle: "@parent",
testimonial: "My son loves the Kids BJJ class. His discipline has improved significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-brutal-karate-fighter-dressed-white-kimono-grey-background_613910-1884.jpg",
},
{
id: "5",
name: "David K.",
handle: "@enthusiast",
testimonial: "Best atmosphere for anyone looking to learn real-world self-defense.",
imageSrc: "http://img.b2bpic.net/free-photo/karate-woman-action-isolated-white-background_23-2148322322.jpg",
},
]}
title="Voices of the Community"
description="See why our students trust us to help them achieve their goals."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Mark R.", handle: "@student", testimonial: "The instructors are world-class. I feel like part of a family here.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-young-woman-outdoors_23-2148591350.jpg" },
{ id: "2", name: "Elena S.", handle: "@athlete", testimonial: "Started as a complete beginner and I feel stronger and more confident every day.", imageSrc: "http://img.b2bpic.net/free-photo/karate-player-man-posing-looking_107420-64916.jpg" },
{ id: "3", name: "James L.", handle: "@competitor", testimonial: "The technical instruction is unparalleled in the city.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg" },
{ id: "4", name: "Sarah W.", handle: "@parent", testimonial: "My son loves the Kids BJJ class. His discipline has improved significantly.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-brutal-karate-fighter-dressed-white-kimono-grey-background_613910-1884.jpg" },
{ id: "5", name: "David K.", handle: "@enthusiast", testimonial: "Best atmosphere for anyone looking to learn real-world self-defense.", imageSrc: "http://img.b2bpic.net/free-photo/karate-woman-action-isolated-white-background_23-2148322322.jpg" },
]}
title="Voices of the Community"
description="See why our students trust us to help them achieve their goals."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Journey Today"
description="Drop in for a free class or ask us about our membership options. We're ready to guide you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
]}
textarea={{
name: "message",
placeholder: "Any specific questions?",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/people-practicing-taekwondo-gymnasium_23-2150207129.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Journey Today"
description="Drop in for a free class or ask us about our membership options. We're ready to guide you."
inputs={[
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number" },
]}
textarea={{ name: "message", placeholder: "Any specific questions?", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/people-practicing-taekwondo-gymnasium_23-2150207129.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Gracie BJJ Academy"
columns={[
{
title: "Navigate",
items: [
{
label: "About",
href: "#about",
},
{
label: "Programs",
href: "#programs",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 2025 Gracie BJJ Academy. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Gracie BJJ Academy"
columns={[
{ title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Programs", href: "#programs" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
copyrightText="© 2025 Gracie BJJ Academy. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);