Merge version_1 into main #1
346
src/app/page.tsx
346
src/app/page.tsx
@@ -17,251 +17,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Equestrian"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Equestrian"
|
||||
button={{ text: "Join Academy", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Master the Art of Equestrian Excellence"
|
||||
description="Join Elite Equestrian Academy for world-class training in a nurturing and professional environment. From beginner basics to advanced competition mastery."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Programs",
|
||||
href: "#programs",
|
||||
},
|
||||
{
|
||||
text: "Book a Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch-with-girl_1157-25253.jpg",
|
||||
imageAlt: "Equestrian excellence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch_1157-25257.jpg",
|
||||
imageAlt: "Training session",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3583.jpg",
|
||||
imageAlt: "Academy facilities",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-cowgirl-sitting-horse-outdoors_171337-18219.jpg",
|
||||
imageAlt: "Jumping competition",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3793.jpg",
|
||||
imageAlt: "Skilled equestrian",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3565.jpg",
|
||||
imageAlt: "Academy life",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master the Art of Equestrian Excellence"
|
||||
description="Join Elite Equestrian Academy for world-class training in a nurturing and professional environment. From beginner basics to advanced competition mastery."
|
||||
buttons={[{ text: "View Programs", href: "#programs" }, { text: "Book a Trial", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch-with-girl_1157-25253.jpg", imageAlt: "Equestrian excellence" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch_1157-25257.jpg", imageAlt: "Training session" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3583.jpg", imageAlt: "Academy facilities" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-cowgirl-sitting-horse-outdoors_171337-18219.jpg", imageAlt: "Jumping competition" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3793.jpg", imageAlt: "Skilled equestrian" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3565.jpg", imageAlt: "Academy life" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "prog1",
|
||||
title: "Foundation Riding",
|
||||
tags: [
|
||||
"Beginner",
|
||||
"Kids",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-with-horse-countryside_23-2148200876.jpg",
|
||||
imageAlt: "Foundation riding program",
|
||||
},
|
||||
{
|
||||
id: "prog2",
|
||||
title: "Advanced Dressage",
|
||||
tags: [
|
||||
"Advanced",
|
||||
"Professional",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3528.jpg",
|
||||
imageAlt: "Advanced dressage training",
|
||||
},
|
||||
{
|
||||
id: "prog3",
|
||||
title: "Summer Camp",
|
||||
tags: [
|
||||
"Teens",
|
||||
"Activities",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-equestrian-instructor-with-horse_23-2150460612.jpg",
|
||||
imageAlt: "Summer equestrian camp",
|
||||
},
|
||||
]}
|
||||
title="Academy Programs"
|
||||
description="Comprehensive training pathways designed for all skill levels."
|
||||
/>
|
||||
</div>
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Academy Programs"
|
||||
description="Comprehensive training pathways designed for all skill levels."
|
||||
features={[
|
||||
{ id: "prog1", title: "Foundation Riding", tags: ["Beginner", "Kids"], imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-with-horse-countryside_23-2148200876.jpg", imageAlt: "Foundation riding program" },
|
||||
{ id: "prog2", title: "Advanced Dressage", tags: ["Advanced", "Professional"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3528.jpg", imageAlt: "Advanced dressage training" },
|
||||
{ id: "prog3", title: "Summer Camp", tags: ["Teens", "Activities"], imageSrc: "http://img.b2bpic.net/free-photo/female-equestrian-instructor-with-horse_23-2150460612.jpg", imageAlt: "Summer equestrian camp" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-girl-farm-wiith-horse_1157-38116.jpg",
|
||||
imageAlt: "Coach Sarah",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Michael Reed",
|
||||
role: "Dressage Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch_1157-25256.jpg",
|
||||
imageAlt: "Instructor Michael",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Emily Chen",
|
||||
role: "Junior Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-children-learning-ride-horses_23-2150542002.jpg",
|
||||
imageAlt: "Coach Emily",
|
||||
},
|
||||
]}
|
||||
title="Expert Instructors"
|
||||
description="Learn from the best in the industry with decades of experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Expert Instructors"
|
||||
description="Learn from the best in the industry with decades of experience."
|
||||
members={[
|
||||
{ id: "m1", name: "Sarah Jenkins", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/elegant-girl-farm-wiith-horse_1157-38116.jpg", imageAlt: "Coach Sarah" },
|
||||
{ id: "m2", name: "Michael Reed", role: "Dressage Specialist", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch_1157-25256.jpg", imageAlt: "Instructor Michael" },
|
||||
{ id: "m3", name: "Emily Chen", role: "Junior Instructor", imageSrc: "http://img.b2bpic.net/free-photo/back-view-children-learning-ride-horses_23-2150542002.jpg", imageAlt: "Coach Emily" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Chloe S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-brown-horse-standing-farm-woman-wearing-black-dress-red-leather-coat-hat-woman-touching-horse_1157-51216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Monica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl-stroking-her-gray-horse-near-lilac-bushes-garden_613910-4479.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jade D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-ride-horses_1321-1264.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-horse-outdoors_23-2149000818.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-with-horse_1157-23605.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Success Stories"
|
||||
cardTag="Community"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Success Stories"
|
||||
cardTag="Community"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Chloe S.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-brown-horse-standing-farm-woman-wearing-black-dress-red-leather-coat-hat-woman-touching-horse_1157-51216.jpg" },
|
||||
{ id: "t2", name: "Monica L.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl-stroking-her-gray-horse-near-lilac-bushes-garden_613910-4479.jpg" },
|
||||
{ id: "t3", name: "Jade D.", imageSrc: "http://img.b2bpic.net/free-photo/girls-ride-horses_1321-1264.jpg" },
|
||||
{ id: "t4", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/couple-horse-outdoors_23-2149000818.jpg" },
|
||||
{ id: "t5", name: "Tom V.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-with-horse_1157-23605.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need my own equipment?",
|
||||
content: "We provide basic gear for your first trial, but we recommend purchasing your own safety equipment as you progress.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your age requirements?",
|
||||
content: "We offer programs for children as young as 5 years old up to adult advanced training.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I book a lesson?",
|
||||
content: "You can book trial lessons directly via our website contact form or give us a call.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about starting your equestrian journey at our academy."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about starting your equestrian journey at our academy."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need my own equipment?", content: "We provide basic gear for your first trial, but we recommend purchasing your own safety equipment as you progress." },
|
||||
{ id: "f2", title: "What are your age requirements?", content: "We offer programs for children as young as 5 years old up to adult advanced training." },
|
||||
{ id: "f3", title: "How do I book a lesson?", content: "You can book trial lessons directly via our website contact form or give us a call." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Journey"
|
||||
description="Ready to ride? Get in touch today for a trial lesson or to visit our facilities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
title="Start Your Journey"
|
||||
description="Ready to ride? Get in touch today for a trial lesson or to visit our facilities."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elite Equestrian"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elite Equestrian"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user