237 lines
15 KiB
TypeScript
237 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Waves, Anchor, Users, BookOpen, Calendar, Leaf, Zap, Heart, CheckCircle, Award, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Haifa Surf Club"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Events", id: "events" },
|
|
{ name: "Membership", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Haifa, Israel"
|
|
bottomRightText="hello@haifasurfclub.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Ride the Waves of Haifa's Surf Culture"
|
|
description="Join a vibrant community of surfers sharing passion, lessons, and local events"
|
|
tag="Welcome to Haifa Surf Club"
|
|
tagIcon={Waves}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1768607717157-b0cu5r4f.png"
|
|
imageAlt="Surfers riding waves in Haifa"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Join the Club Today", href: "contact" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Haifa Surf Club"
|
|
description="We're a passionate community dedicated to celebrating local surf culture, fostering skill development, and building lasting connections through our shared love of the ocean. Whether you're a seasoned pro or catching your first wave, there's a place for you here."
|
|
tag="Our Story"
|
|
tagIcon={Anchor}
|
|
imagePosition="right"
|
|
imageSrc="https://img.b2bpic.net/free-photo/friends-running-water_53876-31588.jpg"
|
|
imageAlt="Haifa Surf Club community members at the beach"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
bulletPoints={[
|
|
{
|
|
title: "Community First", description: "We believe in fostering genuine connections among surfers of all levels, creating a welcoming and inclusive environment where everyone can thrive.", icon: Users
|
|
},
|
|
{
|
|
title: "Expert Instruction", description: "Our certified instructors bring years of experience to every lesson, ensuring safe, effective training whether you're a beginner or advancing your skills.", icon: BookOpen
|
|
},
|
|
{
|
|
title: "Local Events", description: "From friendly competitions to social gatherings, we organize regular events that celebrate the spirit of our coastal community and strengthen bonds.", icon: Calendar
|
|
},
|
|
{
|
|
title: "Ocean Respect", description: "We're committed to sustainable practices and environmental stewardship, protecting the waters we love for future generations of surfers.", icon: Leaf
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="What We Offer"
|
|
description="Our comprehensive programs and services are designed to help you get the most out of your surfing experience"
|
|
tag="Our Programs"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Professional Surf Lessons", description: "Whether you're a beginner picking up a board for the first time or an intermediate surfer looking to refine your technique, our certified instructors provide personalized coaching tailored to your level.", imageSrc: "https://img.b2bpic.net/free-photo/kind-father-with-mechanical-leg-daughter-near-ocean-mid-adult-man-helping-little-dark-haired-girl-adjust-surfboard-family-leisure-active-lifestyle-concept_74855-22133.jpg", imageAlt: "Surf instructor teaching a student on the beach"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Community Events", description: "Join us for monthly meetups, beach cleanups, friendly competitions, and social gatherings that celebrate our shared passion and build lasting friendships within the Haifa surf community.", imageSrc: "https://img.b2bpic.net/free-vector/sport-banners-template-with-photo_23-2148212138.jpg", imageAlt: "Group of surfers at a beach event"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Local Surf Culture", description: "Immerse yourself in authentic coastal culture. Discover the best breaks, learn about ocean conditions, connect with fellow enthusiasts, and become part of a thriving, passionate community.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-walks-with-surfboard-wild-beach-amazing-view-from-top_72229-1193.jpg", imageAlt: "Ocean waves and coastal landscape in Haifa"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Community Says"
|
|
description="Real stories from surfers who have joined Haifa Surf Club and transformed their connection to the ocean and each other"
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
gridVariant="uniform-all-items-equal"
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "David Koren", role: "Experienced Surfer", company: "Software Engineer", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/shirtless-man-with-surfboard-looking-camera-beach-sunshine_107420-9960.jpg", imageAlt: "David Koren, experienced surfer"
|
|
},
|
|
{
|
|
id: "2", name: "Lior Natan", role: "Beginner", company: "Marketing Professional", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-surfer-with-white-curly-hair-with-surfboard-is-going-surf_1321-3191.jpg", imageAlt: "Lior Natan, beginner surfer"
|
|
},
|
|
{
|
|
id: "3", name: "Maya Shani", role: "Intermediate Surfer", company: "Fitness Instructor", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-man-holding-surfboard-head_23-2148022377.jpg", imageAlt: "Maya Shani, intermediate surfer"
|
|
},
|
|
{
|
|
id: "4", name: "Yosef Almagor", role: "Parent & Surfer", company: "Accountant", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-surfer-standing-beach-with-surfboard-looking-away_74855-16423.jpg", imageAlt: "Yosef Almagor, parent and surfer"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Membership Plans"
|
|
description="Choose the membership level that best fits your surf lifestyle and commitment to our community"
|
|
tag="Join Us"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "casual", tag: "Casual Pass", price: "99", period: "/month", description: "Perfect for occasional visitors looking to catch waves and meet other surfers", button: { text: "Get Started", href: "contact" },
|
|
featuresTitle: "Included:", features: [
|
|
"Unlimited beach access", "Monthly community events", "Beginner lesson discount (20%)", "Online community forum access"
|
|
]
|
|
},
|
|
{
|
|
id: "regular", tag: "Regular Member", tagIcon: CheckCircle,
|
|
price: "199", period: "/month", description: "Our most popular option for dedicated local surfers seeking regular lessons and community", button: { text: "Join Now", href: "contact" },
|
|
featuresTitle: "Included:", features: [
|
|
"Unlimited beach access", "4 lessons per month", "Priority event registration", "Member-only socials", "Lesson package savings", "Gear rental discount (10%)"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", tag: "Pro Surfer", tagIcon: Award,
|
|
price: "349", period: "/month", description: "For serious surfers and instructors seeking premium benefits, coaching, and priority access", button: { text: "Become a Pro Member", href: "contact" },
|
|
featuresTitle: "Included:", features: [
|
|
"Unlimited beach access", "Unlimited coaching sessions", "Private lesson availability", "Competition entry discounts", "Exclusive pro events & travel", "Gear rental included", "Priority event hosting"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about membership, lessons, events, and everything else you need to know about joining Haifa Surf Club"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautiful-girl-walks-with-surfboard-wild-beach-amazing-view-from-top_72229-1193.jpg"
|
|
imageAlt="Surfer in action on ocean waves"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's the minimum age to join Haifa Surf Club?", content: "We welcome surfers of all ages! Children as young as 5 can start with our beginner lessons under parental supervision. Teens and adults of any age are welcome. We recommend all participants take at least one safety lesson before heading out on their own."
|
|
},
|
|
{
|
|
id: "2", title: "Do I need my own surfboard to join?", content: "No, you don't need to own a board. We offer discounted board rental for all members, and our Casual Pass includes a 20% discount on rentals. Pro Members get unlimited free gear rental. Once you advance, we can help you find the perfect board for your style."
|
|
},
|
|
{
|
|
id: "3", title: "How often do lessons take place?", content: "Lessons are offered daily with multiple time slots to fit your schedule. Regular Members get 4 lessons per month, while Pro Members have unlimited access. We also offer group sessions and private coaching. You can book lessons through our online portal or contact us directly."
|
|
},
|
|
{
|
|
id: "4", title: "What happens if there are no waves?", content: "We monitor ocean conditions carefully. If conditions aren't safe for surfing, we may reschedule your lesson or offer an alternative indoor theory session. We prioritize your safety above all else. Bad conditions are rare in Haifa thanks to our consistent coastal swells!"
|
|
},
|
|
{
|
|
id: "5", title: "Are there safety guarantees for beginners?", content: "Absolutely. All our instructors are certified in water safety and first aid. Beginners work in small groups or private sessions with direct supervision. We use only approved safety equipment and maintain strict protocols. Every lesson starts with a safety briefing."
|
|
},
|
|
{
|
|
id: "6", title: "How do I cancel my membership?", content: "You can cancel anytime with 30 days notice. No long-term contracts required. We hope you'll love being part of our community, but we understand life circumstances change. Just reach out to our team and we'll process your cancellation."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Ready to Surf?"
|
|
tagIcon={Zap}
|
|
title="Join Haifa Surf Club Today"
|
|
description="Sign up for our newsletter to get updates on new events, lesson schedules, special offers, and insider tips about the best breaks in Haifa. Be part of our thriving coastal community."
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Join the Club"
|
|
termsText="We respect your privacy and only send occasional updates about events and special offers. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Haifa Surf Club"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |