Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 08:28:25 +00:00

View File

@@ -16,393 +16,173 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Training",
id: "features",
},
{
name: "Instructors",
id: "team",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Redemption Muay Thai"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "About", id: "about" },
{ name: "Training", id: "features" },
{ name: "Instructors", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Redemption Muay Thai"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "downward-rays-animated-grid",
}}
title="Redemption Muay Thai: World-Class Training"
description="Unlock your potential at our elite facility. Learn authentic Muay Thai techniques from champion-level instructors in a supportive, professional environment."
testimonials={[
{
name: "Alex R.",
handle: "@alexthai",
testimonial: "The best training I've ever experienced. Technical and intense.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-761.jpg?_wi=1",
imageAlt: "muay thai fighter boxing gym dark",
},
{
name: "Sarah K.",
handle: "@sarahmuay",
testimonial: "World-class instructors who truly care about your growth.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-training-with-punching-bag-preparing-fight_1098-18932.jpg?_wi=1",
imageAlt: "muay thai fighter boxing gym dark",
},
{
name: "Mark L.",
handle: "@markmma",
testimonial: "Incredible atmosphere and rigorous training. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-men-sportswear-demonstrating-wrestling-combat_23-2149749705.jpg?_wi=1",
imageAlt: "muay thai fighter boxing gym dark",
},
{
name: "Jordan P.",
handle: "@jordan_fit",
testimonial: "Professional, disciplined, and transformative.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289976.jpg?_wi=1",
imageAlt: "muay thai fighter boxing gym dark",
},
{
name: "Chris B.",
handle: "@chris_thaibox",
testimonial: "Unmatched technical coaching in the region.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-practicing-with-trainer_107420-64948.jpg?_wi=1",
imageAlt: "muay thai fighter boxing gym dark",
},
]}
buttons={[
{
text: "Start Training",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-761.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/serious-young-boxer-resting-break_74855-23670.jpg",
alt: "Serious young boxer resting during break",
},
{
src: "http://img.b2bpic.net/free-photo/boxer-tied-rope-his-hand-performed-fight-martial-arts-muay-thai_1150-24099.jpg",
alt: "A boxer tied a rope in his hand and performed a fight, The martial arts of Muay Thai.",
},
{
src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-854.jpg",
alt: "Muay thai thai boxing fighters",
},
{
src: "http://img.b2bpic.net/free-photo/female-boxer-practicing-punches-punching-bag-gym_1098-18931.jpg",
alt: "Female boxer practicing punches on punching bag in a gym",
},
{
src: "http://img.b2bpic.net/free-photo/boxer-tied-rope-his-hand-performed-fight-martial-arts-muay-thai_1150-24091.jpg",
alt: "A boxer tied a rope in his hand and performed a fight, The martial arts of Muay Thai.",
},
]}
marqueeItems={[
{
type: "text",
text: "Authentic Techniques",
},
{
type: "text",
text: "Elite Coaching",
},
{
type: "text",
text: "Intense Conditioning",
},
{
type: "text",
text: "Safe Sparring",
},
{
type: "text",
text: "Championship Ready",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "downward-rays-animated-grid" }}
title="Redemption Muay Thai: World-Class Training"
description="Unlock your potential at our elite facility. Learn authentic Muay Thai techniques from champion-level instructors in a supportive, professional environment."
testimonials={[
{ name: "Alex R.", handle: "@alexthai", testimonial: "The best training I've ever experienced. Technical and intense.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-761.jpg", imageAlt: "muay thai fighter boxing gym dark" },
{ name: "Sarah K.", handle: "@sarahmuay", testimonial: "World-class instructors who truly care about your growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-training-with-punching-bag-preparing-fight_1098-18932.jpg", imageAlt: "muay thai fighter boxing gym dark" },
{ name: "Mark L.", handle: "@markmma", testimonial: "Incredible atmosphere and rigorous training. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-men-sportswear-demonstrating-wrestling-combat_23-2149749705.jpg", imageAlt: "muay thai fighter boxing gym dark" },
{ name: "Jordan P.", handle: "@jordan_fit", testimonial: "Professional, disciplined, and transformative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289976.jpg", imageAlt: "muay thai fighter boxing gym dark" },
{ name: "Chris B.", handle: "@chris_thaibox", testimonial: "Unmatched technical coaching in the region.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-practicing-with-trainer_107420-64948.jpg", imageAlt: "muay thai fighter boxing gym dark" }
]}
buttons={[{ text: "Start Training", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-761.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/serious-young-boxer-resting-break_74855-23670.jpg", alt: "Serious young boxer resting during break" },
{ src: "http://img.b2bpic.net/free-photo/boxer-tied-rope-his-hand-performed-fight-martial-arts-muay-thai_1150-24099.jpg", alt: "A boxer tied a rope in his hand and performed a fight, The martial arts of Muay Thai." },
{ src: "http://img.b2bpic.net/free-photo/muay-thai-thai-boxing-fighters_654080-854.jpg", alt: "Muay thai thai boxing fighters" },
{ src: "http://img.b2bpic.net/free-photo/female-boxer-practicing-punches-punching-bag-gym_1098-18931.jpg", alt: "Female boxer practicing punches on punching bag in a gym" },
{ src: "http://img.b2bpic.net/free-photo/boxer-tied-rope-his-hand-performed-fight-martial-arts-muay-thai_1150-24091.jpg", alt: "A boxer tied a rope in his hand and performed a fight, The martial arts of Muay Thai." }
]}
marqueeItems={[
{ type: "text", text: "Authentic Techniques" },
{ type: "text", text: "Elite Coaching" },
{ type: "text", text: "Intense Conditioning" },
{ type: "text", text: "Safe Sparring" },
{ type: "text", text: "Championship Ready" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Built for Fighters, Designed for Everyone"
description="Whether you are training for professional competition or looking to improve your overall fitness, Redemption Muay Thai provides the professional coaching and environment you need to excel."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "50+",
title: "Champion Students",
},
{
value: "100%",
title: "Dedication",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-training-with-punching-bag-preparing-fight_1098-18932.jpg?_wi=2"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Built for Fighters, Designed for Everyone"
description="Whether you are training for professional competition or looking to improve your overall fitness, Redemption Muay Thai provides the professional coaching and environment you need to excel."
metrics={[{ value: "15+", title: "Years Experience" }, { value: "50+", title: "Champion Students" }, { value: "100%", title: "Dedication" }]}
imageSrc="http://img.b2bpic.net/free-photo/girl-training-with-punching-bag-preparing-fight_1098-18932.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Technical Striking",
tags: [
"Advanced",
"Technique",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-men-sportswear-demonstrating-wrestling-combat_23-2149749705.jpg?_wi=2",
},
{
id: "f2",
title: "Strength & Conditioning",
tags: [
"Fitness",
"Endurance",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289976.jpg?_wi=2",
},
{
id: "f3",
title: "Safe Sparring Sessions",
tags: [
"Tactical",
"Fighting",
],
imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-practicing-with-trainer_107420-64948.jpg?_wi=2",
},
]}
title="What We Offer"
description="Comprehensive training programs covering every aspect of Muay Thai."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Technical Striking", tags: ["Advanced", "Technique"], imageSrc: "http://img.b2bpic.net/free-photo/young-men-sportswear-demonstrating-wrestling-combat_23-2149749705.jpg" },
{ id: "f2", title: "Strength & Conditioning", tags: ["Fitness", "Endurance"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289976.jpg" },
{ id: "f3", title: "Safe Sparring Sessions", tags: ["Tactical", "Fighting"], imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-practicing-with-trainer_107420-64948.jpg" }
]}
title="What We Offer"
description="Comprehensive training programs covering every aspect of Muay Thai."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Master Sak",
role: "Head Coach",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-learning-boxing_23-2150399970.jpg",
},
{
id: "t2",
name: "Coach Jen",
role: "Technique Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg",
},
{
id: "t3",
name: "Coach Mike",
role: "Conditioning Expert",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-putting-boxing-glove_23-2149137097.jpg",
},
]}
title="Meet Our Coaches"
description="Train under the guidance of proven experts in Muay Thai."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Master Sak", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-learning-boxing_23-2150399970.jpg" },
{ id: "t2", name: "Coach Jen", role: "Technique Specialist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg" },
{ id: "t3", name: "Coach Mike", role: "Conditioning Expert", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-putting-boxing-glove_23-2149137097.jpg" }
]}
title="Meet Our Coaches"
description="Train under the guidance of proven experts in Muay Thai."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Impact"
tag="Performance"
metrics={[
{
id: "m1",
value: "10k+",
description: "Training Hours Delivered",
},
{
id: "m2",
value: "200+",
description: "Fights Won",
},
{
id: "m3",
value: "500+",
description: "Active Members",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Impact"
tag="Performance"
metrics={[
{ id: "m1", value: "10k+", description: "Training Hours Delivered" },
{ id: "m2", value: "200+", description: "Fights Won" },
{ id: "m3", value: "500+", description: "Active Members" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Jane D.",
handle: "@jane_muay",
testimonial: "Transformed my life and my technique.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-asian-people-practicing-taekwondo_23-2150753732.jpg",
},
{
id: "2",
name: "Tom B.",
handle: "@tom_fit",
testimonial: "Best gym in the city, period.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-woman-white-karate-uniform_23-2148322411.jpg",
},
{
id: "3",
name: "Emily C.",
handle: "@em_thai",
testimonial: "Welcoming, supportive, and intense.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-doing-home-fitness-exercises-yoga-mat-listening-music-wireless-headphones_1258-197812.jpg",
},
{
id: "4",
name: "David W.",
handle: "@david_fighter",
testimonial: "Professional coaches and great environment.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-portuguese-boxer-without-shirt_74855-23878.jpg",
},
{
id: "5",
name: "Sarah P.",
handle: "@sarah_fit",
testimonial: "Love the conditioning program here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dancer-dancing-front-mirror_23-2148169331.jpg",
},
]}
showRating={true}
title="What Members Say"
description="Read why our community chooses Redemption Muay Thai."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Jane D.", handle: "@jane_muay", testimonial: "Transformed my life and my technique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-asian-people-practicing-taekwondo_23-2150753732.jpg" },
{ id: "2", name: "Tom B.", handle: "@tom_fit", testimonial: "Best gym in the city, period.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-woman-white-karate-uniform_23-2148322411.jpg" },
{ id: "3", name: "Emily C.", handle: "@em_thai", testimonial: "Welcoming, supportive, and intense.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-doing-home-fitness-exercises-yoga-mat-listening-music-wireless-headphones_1258-197812.jpg" },
{ id: "4", name: "David W.", handle: "@david_fighter", testimonial: "Professional coaches and great environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-portuguese-boxer-without-shirt_74855-23878.jpg" },
{ id: "5", name: "Sarah P.", handle: "@sarah_fit", testimonial: "Love the conditioning program here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dancer-dancing-front-mirror_23-2148169331.jpg" }
]}
showRating={true}
title="What Members Say"
description="Read why our community chooses Redemption Muay Thai."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need experience?",
content: "No, our classes cater to all levels, from complete beginners to professionals.",
},
{
id: "q2",
title: "What gear should I bring?",
content: "Just bring your workout clothes, water, and we will guide you on the specific gear required later.",
},
{
id: "q3",
title: "How do I sign up?",
content: "You can sign up online through our contact form or just drop by the gym.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-athletic-woman-competing-olympic-games-tournament_23-2151460446.jpg"
title="Frequently Asked Questions"
description="Common questions about our gym and training programs."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do I need experience?", content: "No, our classes cater to all levels, from complete beginners to professionals." },
{ id: "q2", title: "What gear should I bring?", content: "Just bring your workout clothes, water, and we will guide you on the specific gear required later." },
{ id: "q3", title: "How do I sign up?", content: "You can sign up online through our contact form or just drop by the gym." }
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-athletic-woman-competing-olympic-games-tournament_23-2151460446.jpg"
title="Frequently Asked Questions"
description="Common questions about our gym and training programs."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated-grid",
}}
tag="Join Us"
title="Ready to Start Your Journey?"
description="Sign up for a trial class today."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "rotated-rays-animated-grid" }}
tag="Join Us"
title="Ready to Start Your Journey?"
description="Sign up for a trial class today."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Gym",
items: [
{
label: "About",
href: "#about",
},
{
label: "Training",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="Redemption Muay Thai"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Gym", items: [{ label: "About", href: "#about" }, { label: "Training", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="Redemption Muay Thai"
/>
</div>
</ReactLenis>
</ThemeProvider>
);