Merge version_1_1782097213539 into main #1
@@ -7,98 +7,55 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Home",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Instructors",
|
||||
"href": "#team"
|
||||
},
|
||||
{
|
||||
"name": "Contact",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Features",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
}
|
||||
];
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Instructors", href: "#team" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
{ name: "Features", href: "#features" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "Metrics", href: "#metrics" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="bubble" siteBackground="floatingGradient" heroBackground="lightRaysCenter">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Dojo Miyagi-Ken"
|
||||
ctaButton={{
|
||||
text: "Join Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Dojo Miyagi-Ken"
|
||||
logoImageSrc="https://storage.googleapis.com/webild/users/user_3FTROYcIDMl4O8cEUcmy02cCo9d/uploaded-1782097216131-abaxi6vi.jpg"
|
||||
ctaButton={{
|
||||
text: "Join Us", href: "#contact"
|
||||
}}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimple
|
||||
brand="Dojo Miyagi-Ken"
|
||||
columns={[
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
brand="Dojo Miyagi-Ken"
|
||||
columns={[
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
title: "Academy", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#team" },
|
||||
{ label: "Locations", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Dojo Miyagi-Ken. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyright="© 2024 Dojo Miyagi-Ken. All rights reserved."
|
||||
links={[
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -12,221 +12,132 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Traditional Excellence"
|
||||
title="Dojo Miyagi-Ken: Martial Arts Academy"
|
||||
description="Building character and strength through traditional karate in Samara, Nosara, and Islita."
|
||||
primaryButton={{
|
||||
text: "Schedule a Class",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Locations",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-people-practicing-taekwondo_23-2150753741.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-practicing-taekwondo_23-2150260439.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-samurai-meditating-indoors_23-2149456457.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-japanese-handwriting-with-brush-ink_23-2149124215.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-martial-arts-instructor-practicing-with-female-trainee_23-2148845963.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-practicing-tai-chi-indoors_23-2149960127.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Traditional Excellence"
|
||||
title="Dojo Miyagi-Ken: Martial Arts Academy"
|
||||
description="Building character and strength through traditional karate in Samara, Nosara, and Islita."
|
||||
primaryButton={{
|
||||
text: "Schedule a Class", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Our Locations", href: "#about"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-people-practicing-taekwondo_23-2150753741.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-practicing-taekwondo_23-2150260439.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-samurai-meditating-indoors_23-2149456457.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-japanese-handwriting-with-brush-ink_23-2149124215.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-martial-arts-instructor-practicing-with-female-trainee_23-2148845963.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-practicing-tai-chi-indoors_23-2149960127.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Mission"
|
||||
quote="Karate is not just a physical activity, it's a way of life that develops the mind and spirit, building resilient individuals for society."
|
||||
author="Sensei Miyagi-Ken"
|
||||
role="Founder & Head Instructor"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-looking-red-pepper_114579-30611.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Mission"
|
||||
quote="Karate is not just a physical activity, it's a way of life that develops the mind and spirit, building resilient individuals for society."
|
||||
author="Sensei Miyagi-Ken"
|
||||
role="Founder & Head Instructor"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-looking-red-pepper_114579-30611.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="What We Teach"
|
||||
title="Comprehensive Martial Arts Program"
|
||||
description="We offer programs for all ages and skill levels, focused on traditional techniques and practical self-defense."
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Self-Defense",
|
||||
description: "Practical, proven techniques for real-world scenarios.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Physical Fitness",
|
||||
description: "High-intensity training for strength and flexibility.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Character Growth",
|
||||
description: "Developing discipline, focus, and self-confidence.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="What We Teach"
|
||||
title="Comprehensive Martial Arts Program"
|
||||
description="We offer programs for all ages and skill levels, focused on traditional techniques and practical self-defense."
|
||||
features={[
|
||||
{ icon: Shield, title: "Self-Defense", description: "Practical, proven techniques for real-world scenarios." },
|
||||
{ icon: Zap, title: "Physical Fitness", description: "High-intensity training for strength and flexibility." },
|
||||
{ icon: Award, title: "Character Growth", description: "Developing discipline, focus, and self-confidence." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Our Experts"
|
||||
title="Meet Your Instructors"
|
||||
description="Our team of dedicated black belt instructors is committed to your martial arts journey."
|
||||
groups={[
|
||||
{
|
||||
title: "Instructional Team",
|
||||
members: [
|
||||
{
|
||||
name: "Sensei Ken",
|
||||
role: "Head Instructor",
|
||||
detail: "30 years of teaching experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-trying-break-zucchini_114579-30658.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sempai Maya",
|
||||
role: "Senior Coach",
|
||||
detail: "Specialist in children's development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-baseball-player-portrait_23-2151207929.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FTROYcIDMl4O8cEUcmy02cCo9d/uploaded-1782097216131-abaxi6vi.jpg",
|
||||
imageAlt: "karate sensei instructor profile",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Experts"
|
||||
title="Meet Your Instructors"
|
||||
description="Our team of dedicated black belt instructors is committed to your martial arts journey."
|
||||
groups={[
|
||||
{
|
||||
title: "Instructional Team", members: [
|
||||
{ name: "Sensei Ken", role: "Head Instructor", detail: "30 years of teaching experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-trying-break-zucchini_114579-30658.jpg" },
|
||||
{ name: "Sempai Maya", role: "Senior Coach", detail: "Specialist in children's development.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-baseball-player-portrait_23-2151207929.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Testimonials"
|
||||
title="Words from our Dojo"
|
||||
description="See how Dojo Miyagi-Ken has transformed lives in our community."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
role: "Student",
|
||||
quote: "The training here is intense but transformative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall-with-copy-space_23-2148845929.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria L.",
|
||||
role: "Parent",
|
||||
quote: "My kids have developed so much focus since starting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-taekwondo-gymnasium_23-2150207143.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos G.",
|
||||
role: "Student",
|
||||
quote: "I feel stronger and more confident than ever before.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-karate-costume-outdoor_23-2148324765.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
role: "Student",
|
||||
quote: "A truly professional and welcoming environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-man-practising-taekwondo_52683-101641.jpg",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
role: "Student",
|
||||
quote: "Best decision I've ever made for my fitness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-fighter-with-box-gloves-white-background_23-2148322365.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Words from our Dojo"
|
||||
description="See how Dojo Miyagi-Ken has transformed lives in our community."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", role: "Student", quote: "The training here is intense but transformative.", imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall-with-copy-space_23-2148845929.jpg" },
|
||||
{ name: "Maria L.", role: "Parent", quote: "My kids have developed so much focus since starting.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-taekwondo-gymnasium_23-2150207143.jpg" },
|
||||
{ name: "Carlos G.", role: "Student", quote: "I feel stronger and more confident than ever before.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-karate-costume-outdoor_23-2148324765.jpg" },
|
||||
{ name: "Elena P.", role: "Student", quote: "A truly professional and welcoming environment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-man-practising-taekwondo_52683-101641.jpg" },
|
||||
{ name: "David M.", role: "Student", quote: "Best decision I've ever made for my fitness.", imageSrc: "http://img.b2bpic.net/free-photo/girl-fighter-with-box-gloves-white-background_23-2148322365.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Impact"
|
||||
title="Academy Achievements"
|
||||
description="Dojo Miyagi-Ken has a rich history of serving students across Costa Rica."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years of Tradition",
|
||||
description: "Serving the local community for over a decade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxers-train-ring-gym_1328-5250.jpg",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Students Trained",
|
||||
description: "Helping students reach their martial arts potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-sporty-man-boxing-mixed-people-training_1157-46278.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Impact"
|
||||
title="Academy Achievements"
|
||||
description="Dojo Miyagi-Ken has a rich history of serving students across Costa Rica."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years of Tradition", description: "Serving the local community for over a decade.", imageSrc: "http://img.b2bpic.net/free-photo/boxers-train-ring-gym_1328-5250.jpg" },
|
||||
{ value: "500+", title: "Students Trained", description: "Helping students reach their martial arts potential.", imageSrc: "http://img.b2bpic.net/free-photo/african-sporty-man-boxing-mixed-people-training_1157-46278.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQs"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your karate journey."
|
||||
categories={[
|
||||
{
|
||||
name: "Getting Started",
|
||||
items: [
|
||||
{
|
||||
question: "What is the minimum age for kids?",
|
||||
answer: "We welcome students from age 5 and up.",
|
||||
},
|
||||
{
|
||||
question: "Do I need experience?",
|
||||
answer: "No, all levels are welcome, from absolute beginners to advanced.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQs"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your karate journey."
|
||||
categories={[
|
||||
{
|
||||
name: "Getting Started", items: [
|
||||
{ question: "What is the minimum age for kids?", answer: "We welcome students from age 5 and up." },
|
||||
{ question: "Do I need experience?", answer: "No, all levels are welcome, from absolute beginners to advanced." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Start?"
|
||||
text="Join our dojo today and start your training in Samara, Nosara, or Islita."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@miyagiken.cr",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Locations",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ready to Start?"
|
||||
text="Join our dojo today and start your training in Samara, Nosara, or Islita."
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:info@miyagiken.cr" }}
|
||||
secondaryButton={{ text: "Our Locations", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user