353 lines
20 KiB
TypeScript
353 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Award, Gift, Rocket, ShieldCheck, Sparkles, Users, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Experience", id: "#experience"},
|
||
{
|
||
name: "Why Us", id: "#why-choose-us"},
|
||
{
|
||
name: "Instructors", id: "#instructors"},
|
||
{
|
||
name: "Packages", id: "#packages"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
]}
|
||
button={{
|
||
text: "BOOK YOUR JUMP", href: "#contact"}}
|
||
brandName="SKYDIVE ST. LOUIS"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
title="THE MOST INSANE EXPERIENCE OF YOUR LIFE."
|
||
description="Luxury tandem skydiving experiences near St. Louis. Trusted instructors. Thousands of unforgettable jumps, turning fear into absolute freedom."
|
||
tag="★★★★★ 5.0 Rated Experience | Thousands of Safe Jumps | Birthday + Bucket List Specialists"
|
||
buttons={[
|
||
{
|
||
text: "BOOK YOUR JUMP", href: "#contact"},
|
||
{
|
||
text: "WATCH THE EXPERIENCE", href: "https://www.youtube.com/watch?v=dQw4w9WgXcQ"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
videoSrc: "http://img.b2bpic.net/free-photo/dramatic-shot-cyclist-falling-down-after-dangerous-trick_181624-52443.jpg", videoAriaLabel: "Slow-motion video of tandem skydive over Missouri at sunset", imageSrc: "http://img.b2bpic.net/free-photo/dramatic-shot-cyclist-falling-down-after-dangerous-trick_181624-52443.jpg", imageAlt: "slow motion skydiving sunset Missouri"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-jumping-adventure_116123-4.jpg", imageAlt: "Tandem skydive freefalling with dramatic clouds"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hot-air-balloon-realistic-dreamscape_23-2151763001.jpg", imageAlt: "Skydiver with parachute deploying against blue sky"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plane-view-rocky-mountains-covered-snow-sunlight-daytime_181624-26065.jpg", imageAlt: "POV from skydiver looking down at landscape"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-surprised-frozen-woman-enjoys-favorite-hobby-winter-holidays-has-cheerful-expression-red-cheeks-as-spends-long-time-cold-days_273609-47118.jpg", imageAlt: "Close-up of skydiver's face during freefall"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-hiker-sitting-rock-enjoying_23-2148139709.jpg", imageAlt: "Group of friends celebrating after a skydive"},
|
||
]}
|
||
mediaAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose-us" data-section="why-choose-us">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "FEEL SAFE", description: "Professional tandem instructors with thousands of successful jumps, ensuring your peace of mind and safety.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||
},
|
||
{
|
||
title: "FEEL ALIVE", description: "Experience terminal velocity and breathtaking views above the stunning Missouri landscape.", bentoComponent: "reveal-icon", icon: Zap,
|
||
},
|
||
{
|
||
title: "FEEL UNSTOPPABLE", description: "Most guests leave saying it changed them forever, empowering them to conquer new challenges.", bentoComponent: "reveal-icon", icon: Rocket,
|
||
},
|
||
]}
|
||
title="WHY PEOPLE CHOOSE SKYDIVE STL"
|
||
description="Experience fear transformation with our expert team, incredible views, and unforgettable moments, making every jump a safe and exhilarating journey."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Best experience of my life! I was terrified of heights and now I want to do it again. The staff made me feel calm, safe, and excited.", imageSrc: "http://img.b2bpic.net/free-photo/immersive-experience-concept-collage_23-2149498343.jpg", imageAlt: "Sarah Johnson"},
|
||
{
|
||
id: "2", name: "Michael Chen", handle: "@michaelc", testimonial: "The staff energy was incredible! They made me feel so safe. I'm still riding the adrenaline rush. Truly unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/surfer-summer-beach_1157-25094.jpg", imageAlt: "Michael Chen"},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "This was the best birthday ever! A true bucket-list rite of passage. Skydive St. Louis delivered a cinematic memory.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-with-beret-hat-holding-vr-headset-pointing-camera-purple_141793-92740.jpg", imageAlt: "Emily Rodriguez"},
|
||
{
|
||
id: "4", name: "David Kim", handle: "@davidk", testimonial: "Fear ends here. They made me feel SAFE enough to enjoy the adrenaline. One jump changed everything for me. Elite experience!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-old-man-having-fun_23-2151058795.jpg", imageAlt: "David Kim"},
|
||
{
|
||
id: "5", name: "Sarah Miller", handle: "@sarahm", testimonial: "Pure euphoria! The instructors were amazing, super professional and high-energy. I felt confident doing something insane. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108600.jpg", imageAlt: "Sarah Miller"},
|
||
]}
|
||
title="What Our Jumpers Say"
|
||
description="Hear from those who've transformed fear into freedom and discovered new confidence high above the clouds."
|
||
/>
|
||
</div>
|
||
|
||
<div id="instructors" data-section="instructors">
|
||
<TeamCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
team={[
|
||
{
|
||
id: "noah", name: "Noah", role: "Lead Tandem Instructor", imageSrc: "http://img.b2bpic.net/free-photo/man-office-stretching-work-day_23-2150468525.jpg", imageAlt: "Noah, Lead Tandem Instructor"},
|
||
{
|
||
id: "evan", name: "Evan", role: "Senior Tandem Instructor", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-hero-happy-expression_1194-1869.jpg", imageAlt: "Evan, Senior Tandem Instructor"},
|
||
{
|
||
id: "luke", name: "Luke", role: "Certified Tandem Instructor", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-putting-helmet_53876-25186.jpg", imageAlt: "Luke, Certified Tandem Instructor"},
|
||
]}
|
||
title="Meet Your Elite Instructors"
|
||
description="Our highly experienced team makes sure you're safe, confident, and ready for the jump of a lifetime. Get to know the faces behind your epic adventure, people who transform fear into freedom."
|
||
/>
|
||
</div>
|
||
|
||
<div id="cinematic-experience" data-section="cinematic-experience">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "ARRIVE: Nervous Excitement", description: "The anticipation builds as you arrive at our premium facility, greeted by our friendly team who prepare you for an experience like no other.", bentoComponent: "media-stack", items: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-giving-high-five-her-friend-outdoors_23-2147905350.jpg", imageAlt: "Modern airport hangar interior with skydivers"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/eye-level-shot-mountain-biker-cycling-hills_181624-49187.jpg", imageAlt: "Eye-level shot of a mountain biker cycling on hills"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-surfboard_23-2148926850.jpg", imageAlt: "Full shot man on surfboard"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "ASCEND: Views Above the Clouds", description: "Soar skyward in our specialized aircraft, witnessing breathtaking panoramic views of the Missouri landscape as you climb to altitude.", bentoComponent: "media-stack", items: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/ropejumper-girl_1385-615.jpg", imageAlt: "View from airplane window above clouds"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/winter-scene-with-people-snowboarding_23-2151472552.jpg", imageAlt: "Winter scene with people snowboarding"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/men-with-bikes-skis-summer-versus-winter_23-2150457448.jpg", imageAlt: "Men with bikes and skis summer versus winter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "FREEFALL: 120 MPH Adrenaline", description: "Experience the ultimate rush of terminal velocity, a pure 120 MPH freefall that defies gravity and fills you with absolute freedom.", bentoComponent: "media-stack", items: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585654.jpg", imageAlt: "Tandem skydive pair in freefall"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-rock-formation_410324-108.jpg", imageAlt: "Man standing on rock formation"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-man-surfing-hawaii_23-2149032868.jpg", imageAlt: "Sporty man surfing in hawaii"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "FLOAT: Quiet, Surreal Descent", description: "After the thrill, a serene parachute descent offers tranquil moments and surreal panoramic vistas, a truly peaceful experience.", bentoComponent: "media-stack", items: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-sitting-top-hill_273609-15319.jpg", imageAlt: "Skydiver floating under parachute"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-female-jumping-top-rocky-mountain-suicide-point-kalpa_181624-28384.jpg", imageAlt: "Beautiful scenery of a female jumping on top of a rocky mountain in Suicide point in Kalpa"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-skater-ramp_23-2147678316.jpg", imageAlt: "Male skater on ramp"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
title: "LAND: Pure Euphoria", description: "Touch down safely, filled with an overwhelming sense of accomplishment and pure euphoria. You’ve done it – a life-changing moment.", bentoComponent: "media-stack", items: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-flying-motorized-hang-glider-liverpool-united-kingdom_1268-19735.jpg", imageAlt: "Skydiver landing with instructor and friends"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rainbow-green-mountains-cloudy-sky_181624-2208.jpg", imageAlt: "Beautiful shot of a rainbow above green mountains under a cloudy sky"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-soldier-jumping-out-plane_23-2150804275.jpg", imageAlt: "Full shot soldier jumping out of plane"
|
||
}
|
||
]
|
||
}
|
||
]}
|
||
title="Your Journey to Pure Euphoria"
|
||
description="From nervous excitement to pure freedom, every step is an unforgettable part of your Skydive St. Louis experience. Witness the transformation, a true cinematic memory."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Is skydiving safe?", content: "Absolutely. Tandem skydiving is incredibly safe, with a rigorous safety record. Our instructors are highly certified and have thousands of successful jumps, adhering to strict safety protocols and using state-of-the-art equipment."},
|
||
{
|
||
id: "2", title: "What if I’m scared?", content: "It's natural to be scared, that's part of the adventure! Our instructors are experts at making nervous jumpers feel calm, safe, and excited, guiding you through every moment to ensure an empowering experience."},
|
||
{
|
||
id: "3", title: "What should I wear?", content: "Wear comfortable, athletic clothing appropriate for the weather. Sneakers or securely laced shoes are essential. Avoid sandals, heels, or boots with hooks. We provide jumpsuits and goggles."},
|
||
{
|
||
id: "4", title: "How old do I have to be?", content: "The minimum age for tandem skydiving in the United States is typically 18 years old. You will need a valid photo ID to jump with us."},
|
||
{
|
||
id: "5", title: "Can I breathe during freefall?", content: "Yes, absolutely! Despite the wind, you can breathe normally during freefall. Many people focus so much on the experience that they don't even notice the breathing aspect until after the jump."},
|
||
{
|
||
id: "6", title: "Will my instructor control everything?", content: "Yes, your tandem instructor controls the entire jump, from exit to landing. You are securely harnessed to them, allowing you to relax and fully enjoy the incredible experience with complete trust."},
|
||
]}
|
||
sideTitle="Nervous? Perfect."
|
||
sideDescription="Almost everyone is. That's why our certified instructors walk you through every step, answering all your questions to ensure you feel completely prepared for your first tandem skydive. Your safety and comfort are our top priorities."
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="packages" data-section="packages">
|
||
<PricingCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "tandem-experience", badge: "Classic", badgeIcon: Sparkles,
|
||
price: "$249", name: "Tandem Experience", buttons: [
|
||
{
|
||
text: "BOOK NOW", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Certified Tandem Instructor", "14,000 ft Freefall", "Stunning Missouri Views", "Pre-Jump Safety Briefing"],
|
||
},
|
||
{
|
||
id: "birthday-jump", badge: "Celebration", badgeIcon: Gift,
|
||
price: "$349", name: "Birthday Jump Package", buttons: [
|
||
{
|
||
text: "BOOK NOW", href: "#contact"},
|
||
],
|
||
features: [
|
||
"All Tandem Experience Features", "Personal Photo & Video Package", "Celebration Recognition", "Exclusive Skydive St. Louis Merch Item"],
|
||
},
|
||
{
|
||
id: "ultimate-adrenaline", badge: "Premium", badgeIcon: Award,
|
||
price: "$499", name: "Ultimate Adrenaline Package", buttons: [
|
||
{
|
||
text: "BOOK NOW", href: "#contact"},
|
||
],
|
||
features: [
|
||
"All Birthday Jump Features", "Fast-Track Scheduling", "Dedicated Instructor Interview", "Customizable Video Edit"],
|
||
},
|
||
{
|
||
id: "group-adventure", badge: "Group Rate", badgeIcon: Users,
|
||
price: "Contact for Quote", name: "Group Adventure Package", buttons: [
|
||
{
|
||
text: "CONTACT US", href: "#contact"},
|
||
],
|
||
features: [
|
||
"Custom Group Pricing", "Dedicated Group Coordinator", "Premium Video & Photo Package", "Ideal for Parties & Events"],
|
||
},
|
||
]}
|
||
title="Choose Your Unforgettable Experience"
|
||
description="From classic first jumps to ultimate group adventures, find the perfect package for your luxury adrenaline journey. Each crafted for maximum thrill and memory, turning fear into absolute freedom."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
tag="Fear Ends Here. One Jump Changes Everything."
|
||
title="YOUR LIFE LOOKS DIFFERENT AFTER YOU JUMP."
|
||
description="Ready to transform fear into freedom? Book your luxury tandem skydiving experience today and create the story you'll tell forever. Our team is ready to make your dream a reality."
|
||
buttons={[
|
||
{
|
||
text: "BOOK YOUR EXPERIENCE", href: "#"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#why-choose-us"},
|
||
{
|
||
label: "Meet The Team", href: "#instructors"},
|
||
{
|
||
label: "Our Values", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Experiences", items: [
|
||
{
|
||
label: "Tandem Skydiving", href: "#packages"},
|
||
{
|
||
label: "Birthday Jumps", href: "#packages"},
|
||
{
|
||
label: "Group Adventures", href: "#packages"},
|
||
],
|
||
},
|
||
{
|
||
title: "Support", items: [
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
{
|
||
label: "Safety Info", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Skydive St. Louis. All rights reserved."
|
||
bottomRightText="Built for Adrenaline Seekers"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|