Merge version_1 into main #1
412
src/app/page.tsx
412
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user