Files
38c6cd2a-15b6-4dfb-addc-8a2…/src/app/page.tsx
2026-04-06 19:21:38 +00:00

246 lines
7.9 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Programs",
id: "features",
},
{
name: "Instructors",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Chagrin Falls Kuk Sul Do"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
title="Master Discipline at Chagrin Falls Kuk Sul Do Academy"
description="Unlock your potential through the traditional art of Kuk Sul Do. Build strength, confidence, and discipline in a supportive, community-focused environment."
tag="Martial Arts Excellence"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/explaining-graph_1098-15677.jpg",
imageAlt: "Master instructor teaching",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-asian-people-practicing-taekwondo_23-2150753732.jpg",
imageAlt: "Students training",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478277.jpg?_wi=1",
imageAlt: "Youth development class",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-tai-chi_23-2149960071.jpg?_wi=1",
imageAlt: "Group training session",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-touching-hands_23-2148241623.jpg?_wi=1",
imageAlt: "Sparring and technique",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 200+ local families"
buttons={[
{
text: "Book a Trial Class",
href: "#contact",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="Our Academy"
title="A Legacy of Traditional Martial Arts"
buttons={[
{
text: "Learn More About Our Philosophy",
href: "#about",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Youth Development",
description: "Focused training for kids to build focus, respect, and physical fitness.",
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478277.jpg?_wi=2",
},
{
title: "Adult Martial Arts",
description: "Practical self-defense training combined with fitness and stress management.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-tai-chi_23-2149960071.jpg?_wi=2",
},
{
title: "Black Belt Club",
description: "Advanced training for serious students dedicated to mastering the art.",
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-touching-hands_23-2148241623.jpg?_wi=2",
},
]}
title="Comprehensive Programs for Everyone"
description="Our curriculum caters to all skill levels and ages, focusing on holistic physical and mental development."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "team-1",
name: "Master John Doe",
role: "Head Instructor",
description: "Over 20 years of experience in Kuk Sul Do, committed to local excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-trying-break-zucchini_114579-30658.jpg?_wi=1",
},
{
id: "team-2",
name: "Instructor Jane Smith",
role: "Youth Lead",
description: "Passionate about building confidence and character in youth students.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-trying-break-zucchini_114579-30658.jpg?_wi=2",
},
{
id: "team-3",
name: "Master Robert Brown",
role: "Senior Instructor",
description: "Focused on advanced techniques and traditional values.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-trying-break-zucchini_114579-30658.jpg?_wi=3",
},
]}
title="Meet Your Instructors"
description="Dedicated professionals guiding you on your path to excellence."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is martial arts training safe for kids?",
content: "Yes! We prioritize safety and emphasize mutual respect and controlled movements in all youth classes.",
},
{
id: "q2",
title: "Do I need previous experience?",
content: "Absolutely not. Our academy welcomes students of all backgrounds and skill levels.",
},
{
id: "q3",
title: "How often should I train?",
content: "Consistency is key. We recommend starting with 2-3 sessions per week to build fundamental skills.",
},
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
text="Ready to begin your journey at Chagrin Falls Kuk Sul Do Academy? Visit us today or reach out for a consultation."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Academy",
items: [
{
label: "About",
href: "#about",
},
{
label: "Programs",
href: "#features",
},
],
},
{
title: "Resources",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Instructors",
href: "#team",
},
],
},
]}
bottomLeftText="© 2024 Chagrin Falls Kuk Sul Do Academy"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}