360 lines
21 KiB
TypeScript
360 lines
21 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Trophy, Zap, MapPin, Heart, Star, HelpCircle, CheckCircle } from 'lucide-react';
|
|
|
|
const handleJoinClick = () => {
|
|
console.log('Join the League clicked');
|
|
};
|
|
|
|
const handleTopUpClick = () => {
|
|
console.log('Buy Credits clicked');
|
|
};
|
|
|
|
const handleEligibilityCheck = () => {
|
|
console.log('Check My Eligibility clicked');
|
|
};
|
|
|
|
const handleNewsletterSignup = (email: string) => {
|
|
console.log('Newsletter signup:', email);
|
|
};
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Membership", id: "membership" },
|
|
{ name: "Venues", id: "venues" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Join Now", id: "final-cta" }
|
|
]}
|
|
brandName="Manchester Golf League"
|
|
bottomLeftText="North West Amateur Golf"
|
|
bottomRightText="hello@manchestergolfleague.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Play Great Courses. Compete All Season."
|
|
description="Join the North West's premier amateur golf league. £30 annual membership includes 100 booking credits, access to exclusive venues, and season-long competition for prizes. Secure your place for the 2026 season today."
|
|
tag="Competitive Golf Community"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
imageSrc="http://img.b2bpic.net/free-psd/golf-tournament-facebook-template_23-2151176827.jpg"
|
|
imageAlt="Premium golf course landscape with morning light"
|
|
buttons={[
|
|
{ text: "Join the League", onClick: handleJoinClick },
|
|
{ text: "See How It Works", href: "#how-it-works" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
className="hero-section"
|
|
containerClassName="hero-container"
|
|
titleClassName="hero-title"
|
|
descriptionClassName="hero-description"
|
|
tagClassName="hero-tag"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardOne
|
|
title="How The League Works"
|
|
description="A simple four-step process to get you competitive and earning prizes within weeks."
|
|
tag="Getting Started"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Join Online", description: "Sign up and pay £30 for your annual membership. Instant confirmation and dashboard access.", imageSrc: "http://img.b2bpic.net/free-photo/visitors-sit-comfortably-with-devices_482257-79909.jpg"
|
|
},
|
|
{
|
|
title: "Receive Credits", description: "Get 100 booking credits included. Each event costs 10 credits. Plenty to play all season.", imageSrc: "http://img.b2bpic.net/free-photo/visitors-sit-comfortably-with-devices_482257-79909.jpg"
|
|
},
|
|
{
|
|
title: "Book & Compete", description: "Browse available events across Manchester. Book your spot and compete in Stableford format.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-sitting-grass_23-2149659106.jpg"
|
|
},
|
|
{
|
|
title: "Climb Rankings", description: "Accumulate points throughout the season. Compete for season-long prizes and grand final entry.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-golf-club-landing-page-template_23-2150086814.jpg"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Join Now", onClick: handleJoinClick }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="membership" data-section="membership">
|
|
<PricingCardNine
|
|
title="Membership Plans"
|
|
description="Premium membership designed for serious amateur golfers. Start competing immediately with included booking credits."
|
|
tag="Pricing"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
plans={[
|
|
{
|
|
id: "league-membership", title: "League Membership", price: "£30", period: "/year", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-sitting-grass_23-2149659106.jpg", imageAlt: "Golfers competing together", button: { text: "Join the League", onClick: handleJoinClick },
|
|
features: [
|
|
"100 booking credits included", "Access to all league events", "Compete for seasonal prizes", "Season-long rankings", "Grand final qualification", "First 36 players get opening event free"
|
|
]
|
|
},
|
|
{
|
|
id: "top-up-credits", title: "Top-Up Credits", price: "£30", period: "/pack", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-golf-club-landing-page-template_23-2150086814.jpg", imageAlt: "Prizes and rankings display", button: { text: "Buy Credits", onClick: handleTopUpClick },
|
|
features: [
|
|
"100 additional credits", "Perfect for active players", "Play up to 10 extra events", "Keep competing all season", "Never miss an event", "Flexible purchase anytime"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="eligibility" data-section="eligibility">
|
|
<TextSplitAbout
|
|
title="Who Can Join?"
|
|
description={[
|
|
"The Manchester Golf League welcomes all amateur golfers who meet our membership requirements. We believe in fair competition and community spirit.", "Whether you're a seasoned competitor or looking for a new challenge, the league offers something for everyone. Male and female golfers are equally welcome, and we maintain a friendly but competitive atmosphere."
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
buttons={[
|
|
{ text: "Check My Eligibility", onClick: handleEligibilityCheck }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="venues" data-section="venues">
|
|
<ProductCardTwo
|
|
title="Featured League Venues"
|
|
description="Compete at premium golf clubs across Greater Manchester. Each venue offers championship-quality courses and excellent facilities."
|
|
tag="Venues"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Premium Venue", name: "Cheadle Golf Club", price: "10 credits", rating: 5,
|
|
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/toronto-skyline-park-with-urban-buildings-blue-sky_649448-2410.jpg", imageAlt: "Cheadle Golf Club course"
|
|
},
|
|
{
|
|
id: "2", brand: "Championship Course", name: "Dukinfield Golf Club", price: "10 credits", rating: 5,
|
|
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-vector/golf-tournament-flyer-flat-style_23-2147773863.jpg", imageAlt: "Dukinfield Golf Club fairway"
|
|
},
|
|
{
|
|
id: "3", brand: "Scenic Layout", name: "Disley Golf Club", price: "10 credits", rating: 5,
|
|
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-vector/golf-course-background-hand-drawn-style_23-2147768429.jpg", imageAlt: "Disley Golf Club elevated course"
|
|
},
|
|
{
|
|
id: "4", brand: "Professional Standard", name: "Whitefield Golf Club", price: "10 credits", rating: 5,
|
|
reviewCount: "167", imageSrc: "http://img.b2bpic.net/free-photo/empty-golf-field-meadow_657883-714.jpg", imageAlt: "Whitefield Golf Club course"
|
|
},
|
|
{
|
|
id: "5", brand: "Classic Venue", name: "Didsbury Golf Club", price: "10 credits", rating: 5,
|
|
reviewCount: "174", imageSrc: "http://img.b2bpic.net/free-photo/golf-cart-parked-bali-indonesia_72229-863.jpg", imageAlt: "Didsbury Golf Club grounds"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-join" data-section="why-join">
|
|
<FeatureCardOne
|
|
title="Why Join The Manchester Golf League?"
|
|
description="Beyond the golf, the league offers community, competition, and the chance to be part of something special."
|
|
tag="Member Benefits"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Play Great Courses", description: "Access premium golf clubs across Greater Manchester. Different courses every week keep competition fresh and exciting.", imageSrc: "http://img.b2bpic.net/free-psd/golf-tournament-facebook-template_23-2151176827.jpg"
|
|
},
|
|
{
|
|
title: "Friendly Competition", description: "Compete against fellow amateurs in a welcoming atmosphere. Challenge yourself while building lasting friendships.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-sitting-grass_23-2149659106.jpg"
|
|
},
|
|
{
|
|
title: "Season-Long Prizes", description: "Accumulate points throughout the season. Compete for prizes, rankings, and the prestigious grand final event.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-golf-club-landing-page-template_23-2150086814.jpg"
|
|
},
|
|
{
|
|
title: "Exceptional Value", description: "£30 annual membership with 100 credits equals less than £3 per event. Outstanding value for competitive golf.", imageSrc: "http://img.b2bpic.net/free-photo/visitors-sit-comfortably-with-devices_482257-79909.jpg"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Become a Member", onClick: handleJoinClick }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Member Stories"
|
|
description="Hear from our members about their experience with the Manchester Golf League."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Patterson", role: "Competitive Amateur", testimonial: "The league has transformed my golf experience. Playing at different quality courses every week while competing fairly has been incredible. Best £30 I've spent.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-playing-golf-nature_23-2150978255.jpg", imageAlt: "James Patterson"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Mitchell", role: "Weekend Golfer", testimonial: "As a female golfer, I felt truly welcomed. The community is fantastic, the courses are premium, and the value is unbeatable. Can't recommend it enough.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3705.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "3", name: "Michael Chen", role: "Active Competitor", testimonial: "The booking system is seamless, the courses are consistently excellent, and the competition level is perfect. I play every week. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Richardson", role: "Social Member", testimonial: "I joined to improve my game and ended up finding a fantastic golf community. The grand final was genuinely memorable. Absolutely brilliant.", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", imageAlt: "Emma Richardson"
|
|
},
|
|
{
|
|
id: "5", name: "David Thompson", role: "Seasoned Player", testimonial: "After 20 years of golf, this league brought back my love for the game. The organization is professional, the courses outstanding, and the people genuine.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "David Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Lisa Anderson", role: "New Member", testimonial: "I was nervous joining at first, but everyone was welcoming. The whole experience from signup to playing has been premium and professional. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", imageAlt: "Lisa Anderson"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about membership, booking, credits, and competing."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Who can join the Manchester Golf League?", content: "Amateur golfers aged 18 and over with an official club handicap of 24 or under are welcome to join. Both male and female golfers are equally welcome to compete."
|
|
},
|
|
{
|
|
id: "2", title: "What does annual membership include?", content: "Annual membership (£30) includes 100 booking credits, full access to all league events, participation in seasonal rankings, and eligibility for the grand final. First 36 members also receive free entry to the opening event."
|
|
},
|
|
{
|
|
id: "3", title: "How do booking credits work?", content: "Each event costs 10 credits. Your 100 annual credits cover 10 events. You can purchase additional 100-credit packs for £30 anytime. Credits never expire during the season."
|
|
},
|
|
{
|
|
id: "4", title: "Can I play more than 10 events per year?", content: "Absolutely! If you want to play more than 10 events (using your included 100 credits), you can purchase additional credit packs. Each pack gives you 100 credits for £30—perfect for active players."
|
|
},
|
|
{
|
|
id: "5", title: "What format are the events?", content: "Events are generally midweek singles Stableford competitions. This format rewards consistent play and makes scoring accessible to all handicap levels. Most events run Wednesday/Thursday evenings or weekday mornings."
|
|
},
|
|
{
|
|
id: "6", title: "How do I join the league?", content: "Simply click 'Join the League' on this site, fill in your details, and pay £30 via secure Stripe checkout. Your membership is instant. You'll receive a dashboard login and can start booking events immediately."
|
|
},
|
|
{
|
|
id: "7", title: "Are there prizes for competing?", content: "Yes! The league features season-long rankings, regular event prizes, and a prestigious grand final with substantial prizes for top competitors. You accumulate points throughout the season."
|
|
},
|
|
{
|
|
id: "8", title: "What if I can't make an event?", content: "You can cancel an event booking up to 48 hours before the event to get your 10 credits back. This keeps spots available for other members and rewards commitment."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/two-male-golfers_171337-6559.jpg"
|
|
imageAlt="Golfers discussing questions on course"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<ContactSplit
|
|
tag="Join Today"
|
|
title="Ready to Join?"
|
|
description="Secure your place in the Manchester Golf League for the 2026 season. Pay £30 today, start playing this week. First 36 members get free entry to our opening event."
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-psd/golf-tournament-facebook-template_23-2151176827.jpg"
|
|
imageAlt="Premium golf course ready for play"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Join Now - £30"
|
|
termsText="By joining you agree to our membership terms. Secure payment via Stripe. Cancel anytime."
|
|
onSubmit={handleNewsletterSignup}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-golf-course-landscape_23-2151014834.jpg"
|
|
imageAlt="Beautiful sunset over golf course"
|
|
logoText="Manchester Golf League"
|
|
copyrightText="© 2025 The Manchester Golf League. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "League", items: [
|
|
{ label: "How It Works", href: "#how-it-works" },
|
|
{ label: "Membership", href: "#membership" },
|
|
{ label: "Venues", href: "#venues" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#" },
|
|
{ label: "Contact", href: "mailto:hello@manchestergolfleague.com" },
|
|
{ label: "Rules", href: "#" },
|
|
{ label: "Events", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Membership Agreement", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|