Files
848d2de1-1e7c-4445-96c5-31b…/src/pages/HomePage.tsx
2026-05-09 06:37:56 +00:00

253 lines
9.8 KiB
TypeScript

import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplit
tag="Welcome Aboard"
title="Experience the Best of San Diego Sailing"
description="Mission Beach Yacht Club offers premier facilities, vibrant community events, and unrivaled access to the stunning waters of San Diego Bay. Chart your course with us."
primaryButton={{
text: "Join Us Today",
href: "#contact",
}}
secondaryButton={{
text: "Explore Memberships",
href: "#pricing",
}}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-sailing-boat-ocean-sunset_181624-9856.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Legacy"
quote="For over 50 years, Mission Beach Yacht Club has been the heart of San Diego's sailing community, fostering camaraderie, maritime excellence, and a deep love for the sea. We're more than a club; we're a family."
author="Captain Eleanor Vance"
role="Club Commodore"
imageSrc="http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesArrowCards
tag="Club Amenities & Activities"
title="Unrivaled Yachting Experience"
description="From world-class regattas to serene sunset cruises, our club provides an array of experiences for every maritime enthusiast and their family."
items={[
{
title: "Thrilling Regattas",
tags: [
"Competitive",
"Exciting",
],
imageSrc: "http://img.b2bpic.net/free-photo/sailing-yacht-race-yachting-sailing-regatta_654080-1676.jpg?_wi=2",
},
{
title: "Expert Sailing Lessons",
tags: [
"Learn",
"Grow",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-pulling-tent-zipper-enter-inside_23-2148301362.jpg",
},
{
title: "Vibrant Social Events",
tags: [
"Community",
"Networking",
],
imageSrc: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068557.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingMediaCards
tag="Membership"
title="Find Your Ideal Membership"
description="Choose from our flexible membership tiers, each designed to provide exclusive access and benefits tailored to your yachting lifestyle. Set sail with Mission Beach Yacht Club."
plans={[
{
tag: "Coastal Explorer",
price: "$150",
period: "/month",
features: [
"Access to club facilities",
"Discount on sailing lessons",
"Social event invitations",
"Voting rights",
],
primaryButton: {
text: "Choose Plan",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/travel-scene-with-pastel-colors-dreamy-atmosphere_23-2151450659.jpg",
},
{
tag: "Bay Navigator",
price: "$250",
period: "/month",
features: [
"All Coastal Explorer benefits",
"Priority regatta entry",
"Guest passes for events",
"Advanced booking for facilities",
],
imageSrc: "http://img.b2bpic.net/free-photo/small-sailing-ship-sea-surrounded-by-mountains-covered-fog-daytime_181624-24607.jpg",
primaryButton: {
text: "Choose Plan",
href: "#contact",
},
},
{
tag: "Ocean Voyager",
price: "$400",
period: "/month",
features: [
"All Bay Navigator benefits",
"Exclusive member-only cruises",
"Concierge services",
"Private event hosting options",
],
imageSrc: "http://img.b2bpic.net/free-photo/details-yacht-deck-reflection-sky_72229-328.jpg",
primaryButton: {
text: "Choose Plan",
href: "#contact",
},
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamStackedCards
tag="Our Dedicated Team"
title="Meet Our Passionate Crew"
description="Our team of experienced sailors and dedicated staff are committed to making your time at Mission Beach Yacht Club unforgettable. United by a love for the sea."
members={[
{
name: "David Miller",
role: "Head Captain",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-flight-attendant-posing-studio_23-2150197252.jpg",
},
{
name: "Sarah Chen",
role: "Events Coordinator",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
},
{
name: "Mark Johnson",
role: "Lead Sailing Instructor",
imageSrc: "http://img.b2bpic.net/free-photo/man-port-preparing-yacht-trip_72229-517.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Member Stories"
title="Hear From Our Happy Members"
description="Our community thrives on shared experiences and passion. Discover why our members love being a part of Mission Beach Yacht Club and the joy of sailing."
testimonials={[
{
name: "Jessica Lee",
role: "Club Member",
quote: "Joining Mission Beach Yacht Club was the best decision for our family. The sense of community and the quality of the facilities are simply unmatched!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-model-playing-with-vinyl-records_23-2147670338.jpg",
},
{
name: "Robert Davis",
role: "Avid Sailor",
quote: "The regattas here are thrilling, and the support from fellow members is incredible. It's a fantastic place to challenge yourself and grow as a sailor.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66957.jpg",
},
{
name: "Maria Rodriguez",
role: "New Member",
quote: "I was new to sailing, but the instructors here made learning a joy. Now I feel confident on the water and have made lifelong friends.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-smiling-couple-traveling-summer-by-sea-bicycles_285396-7578.jpg",
},
{
name: "Michael Brown",
role: "Retired Captain",
quote: "After years at sea, I found a welcoming home at MBYC. The camaraderie, the events, and the beautiful bay make it truly special.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-hanging-out-jetty_23-2150558025.jpg",
},
{
name: "Sophia Garcia",
role: "Boat Owner",
quote: "The marina services are top-notch, and knowing my boat is secure gives me peace of mind. Plus, the social calendar is always full of fun!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-traveling-with-bicycle-morning-sunrise-by-sea-drinking-coffee-healthy-active-lifestyle-traveler_285396-5415.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Our Community Partners"
title="Proudly Supported By"
description="We are honored to collaborate with leading organizations in the maritime community and beyond, enriching the Mission Beach Yacht Club experience for all."
names={[
"MarineCorp",
"Oceanic Ventures",
"SunSail Charters",
"Harbor Lights Marine",
"SD Coastal Conservation",
"Pacific Outfitters",
"SeaBreath Diving",
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Connect with Us"
text="Ready to set sail on a new adventure? Become a cherished part of the Mission Beach Yacht Club family today. Your journey begins here."
primaryButton={{
text: "Contact Our Team",
href: "mailto:info@missionbeachyachtclub.com",
}}
secondaryButton={{
text: "Visit Our Marina",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
</>
);
}