220 lines
11 KiB
TypeScript
220 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Moorland Road Golf"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Courses", id: "courses" },
|
|
{ name: "Simulators", id: "simulators" },
|
|
{ name: "Amenities", id: "amenities" }
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Moorland Road Golf Center"
|
|
description="Experience the best 18-hole Mini Golf in New Berlin, professional-grade Driving Ranges, and state-of-the-art Skybox Simulators. Your year-round golf destination."
|
|
background={{ variant: "plain" }}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-standing-holding-hands-garden_1157-1388.jpg"
|
|
imageAlt="Moorland Road Golf Center exterior with beautiful landscaping"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View Hours & Location", href: "#contact" },
|
|
{ text: "Book a Simulator", href: "#contact" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses">
|
|
<FeatureCardSixteen
|
|
title="Choose Your Adventure"
|
|
description="From beautifully landscaped mini golf to professional simulators, find your perfect golf experience at Moorland Road."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"Limited indoor play", "Seasonal constraints", "No professional coaching"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"18-hole Stonewater Course with waterfalls", "Heated bays for year-round practice", "World-class Skybox Simulators", "Professional instruction available", "Family-friendly atmosphere", "Stroller & handicap accessible"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="offerings" data-section="offerings">
|
|
<ProductCardOne
|
|
title="Our Offerings"
|
|
description="Discover everything Moorland Road has to offer for every golfer."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "stonewater", name: "Stonewater Course", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/golf-trainer-teaching-beginner_23-2148295314.jpg", imageAlt: "Beautiful 18-hole mini golf course with waterfalls"
|
|
},
|
|
{
|
|
id: "practice-range", name: "Practice Range", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/kid-running-field-full-shot_23-2149457235.jpg", imageAlt: "Professional golf driving range with heated bays"
|
|
},
|
|
{
|
|
id: "simulators", name: "Skybox Simulators", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-taking-colorful-bowling-balls_23-2148344517.jpg", imageAlt: "State-of-the-art golf simulator technology"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sweetest-deal" data-section="sweetest-deal">
|
|
<TextAbout
|
|
tag="Legendary Tradition"
|
|
tagIcon={Sparkles}
|
|
title="The Sweetest Deal in Town"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Guests Say"
|
|
description="Real reviews from real families and golfers who love Moorland Road."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jake M.", handle: "Golf Enthusiast", testimonial: "Between the waterfalls and course difficulty, it is an enjoyable course to play on. Also, the $1 ice cream is unbeatable!", imageSrc: "http://img.b2bpic.net/free-photo/couple-standing-holding-hands-garden_1157-1388.jpg", imageAlt: "Jake M testimonial"
|
|
},
|
|
{
|
|
id: "2", name: "Patrick R.", handle: "Year-Round Player", testimonial: "The heated stalls are legit. Best way to work on your game year-round.", imageSrc: "http://img.b2bpic.net/free-photo/golf-trainer-teaching-beginner_23-2148295314.jpg", imageAlt: "Patrick R testimonial"
|
|
},
|
|
{
|
|
id: "3", name: "Brendan D.", handle: "Group Event Host", testimonial: "Aiden at the Skybox provided great service for our large group. Very reasonable prices for drinks and sims!", imageSrc: "http://img.b2bpic.net/free-photo/kid-running-field-full-shot_23-2149457235.jpg", imageAlt: "Brendan D testimonial"
|
|
},
|
|
{
|
|
id: "4", name: "Sarah L.", handle: "Family Visitor", testimonial: "Perfect place to spend a family day. Kids loved the mini golf, and we all enjoyed the ice cream afterward!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-taking-colorful-bowling-balls_23-2148344517.jpg", imageAlt: "Sarah L testimonial"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="By The Numbers"
|
|
description="Moorland Road Golf Center's impressive track record."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "courses", value: "18", description: "Holes of championship mini golf" },
|
|
{ id: "simulators", value: "8", description: "State-of-the-art Trackman simulators" },
|
|
{ id: "bays", value: "20+", description: "Heated driving range bays" },
|
|
{ id: "seasons", value: "365", description: "Days open year-round" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about visiting Moorland Road Golf Center."
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your hours of operation?", content: "We're open daily from 10 AM to 10 PM. Special hours available for group events and parties. Call ahead for current seasonal adjustments."
|
|
},
|
|
{
|
|
id: "2", title: "Can I book a group outing?", content: "Absolutely! We offer group packages for golf outings, corporate events, birthday parties, and family celebrations. Contact us for custom pricing and availability."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer golf lessons?", content: "Yes! Professional instructors including Tony Chang and Kailey Schmitz offer personalized golf lessons. Perfect for beginners or players looking to improve their swing."
|
|
},
|
|
{
|
|
id: "4", title: "Are the courses accessible?", content: "Both our Stonewater Course and practice range are stroller and handicap accessible, making Moorland Road welcoming for all guests."
|
|
},
|
|
{
|
|
id: "5", title: "What about food and beverages?", content: "We offer refreshments including our legendary $1 Cedar Crest ice cream. Additional snacks and beverages available at reasonable prices."
|
|
},
|
|
{
|
|
id: "6", title: "Can I use the range in winter?", content: "Yes! Our heated bays allow you to practice year-round. Winter is actually a great time to improve your game without the summer crowds."
|
|
}
|
|
]}
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Ready to Play?"
|
|
description="Book your visit, schedule a lesson, or plan your group event at Moorland Road Golf Center."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-family-summer-park_1398-2902.jpg"
|
|
imageAlt="Family enjoying golf at Moorland Road"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Started"
|
|
termsText="By signing up, you agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Moorland Road Golf"
|
|
leftLink={{
|
|
text: "5900 S. Moorland Rd, New Berlin, WI", href: "#"
|
|
}}
|
|
rightLink={{
|
|
text: "Book Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |