268 lines
15 KiB
TypeScript
268 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Zap, CheckCircle, Clock, Truck, Star, Crown, Calendar, MapPin, Settings } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Bounce & Fun"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Browse", id: "products" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Book Now", href: "products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Easy Booking"
|
|
tagIcon={Sparkles}
|
|
title="Bouncy Castles Delivered, Booked in Minutes"
|
|
description="Browse our fleet of clean, insured inflatables. Check real-time availability and book your event entertainment instantly."
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Browse & Book Now", href: "products" },
|
|
{ text: "View Pricing", href: "pricing" },
|
|
]}
|
|
dashboard={{
|
|
title: "Rental Dashboard", logoIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/many-children-jumping-bouncing-castle_1308-30580.jpg?_wi=1", searchPlaceholder: "Search available units...", sidebarItems: [
|
|
{ icon: Calendar },
|
|
{ icon: MapPin, active: true },
|
|
{ icon: Settings },
|
|
],
|
|
buttons: [
|
|
{ text: "Check Availability", href: "products" },
|
|
{ text: "View Booking", href: "contact" },
|
|
],
|
|
stats: [
|
|
{ title: "Units Available", values: [18, 22, 25], description: "Clean & insured inflatables" },
|
|
{ title: "Availability", values: [95, 98, 100], valueSuffix: "%", description: "Real-time booking status" },
|
|
{ title: "Happy Customers", values: [450, 520, 650], description: "Successful events delivered" },
|
|
],
|
|
chartTitle: "Monthly Bookings", chartData: [
|
|
{ value: 45 },
|
|
{ value: 60 },
|
|
{ value: 75 },
|
|
{ value: 85 },
|
|
{ value: 92 },
|
|
],
|
|
listTitle: "Recent Bookings", listItems: [
|
|
{ icon: CheckCircle, title: "Birthday Party - 8ft Bounce", status: "Confirmed" },
|
|
{ icon: Clock, title: "Corporate Event - 12ft Combo", status: "Pending" },
|
|
{ icon: Truck, title: "School Event - Water Slide", status: "Delivery Today" },
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Browse Our Fleet"
|
|
description="Explore our selection of clean, well-maintained bouncy castles and inflatables perfect for any event."
|
|
tag="Available Now"
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{ id: "1", name: "Classic 8ft Bounce Castle", price: "$89/day", imageSrc: "http://img.b2bpic.net/free-photo/young-women-with-holi-color-their-face-looking-each-other_23-2148129179.jpg", imageAlt: "Classic 8ft Bounce Castle" },
|
|
{ id: "2", name: "12ft Water Slide Combo", price: "$149/day", imageSrc: "http://img.b2bpic.net/free-photo/child-having-fun-with-floater-by-pool_23-2149492529.jpg", imageAlt: "12ft Water Slide Combo" },
|
|
{ id: "3", name: "Deluxe Obstacle Course", price: "$199/day", imageSrc: "http://img.b2bpic.net/free-vector/many-children-jumping-bouncing-castle_1308-30580.jpg?_wi=2", imageAlt: "Deluxe Obstacle Course" },
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Transparent Pricing"
|
|
description="Clear, competitive rates with no hidden fees. Book with confidence knowing exactly what you'll pay."
|
|
tag="Affordable Entertainment"
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "1", badge: "Popular Choice", badgeIcon: Star,
|
|
price: "$89", subtitle: "Perfect for small birthday parties", features: ["8ft bounce castle rental", "4-hour session", "Free delivery & setup", "Basic insurance included", "Weather protection consulted"],
|
|
},
|
|
{
|
|
id: "2", badge: "Best Value", badgeIcon: Sparkles,
|
|
price: "$149", subtitle: "Ideal for mid-sized events", features: ["12ft combo with water slide", "6-hour session", "Free delivery & professional setup", "Premium insurance coverage", "Dedicated setup attendant", "Safety briefing included"],
|
|
},
|
|
{
|
|
id: "3", badge: "Premium Package", badgeIcon: Crown,
|
|
price: "$199", subtitle: "For large celebrations & corporate events", features: ["Deluxe obstacle course setup", "Full-day rental (8 hours)", "Free delivery & premium setup", "Full coverage insurance", "Professional attendant on-site", "Weather contingency plan", "Backup equipment available"],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Why Choose Us"
|
|
description="Trusted by families and event planners across the region for quality, reliability, and exceptional service."
|
|
tag="Our Track Record"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "650+", description: "Successful Events" },
|
|
{ id: "2", value: "4.9★", description: "Average Rating" },
|
|
{ id: "3", value: "100%", description: "Safety Insured" },
|
|
{ id: "4", value: "24hrs", description: "Response Time" },
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Customer Love"
|
|
description="Hear from happy families and event planners who've trusted us with their special celebrations."
|
|
tag="Testimonials"
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Parent", testimonial: "Booking was incredibly easy! The kids had the best time, and the bounce castle was clean and well-maintained. The delivery team was professional and set everything up perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-woman-her-extended-family-having-fun-while-celebrating-her-birthday-dining-room_637285-3322.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Event Coordinator", testimonial: "We've used Bounce & Fun for multiple corporate events. Their response time is fantastic, and they always go above and beyond to ensure our clients are happy.", imageSrc: "http://img.b2bpic.net/free-photo/birthday-party-with-best-friends_329181-7595.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Parent", testimonial: "The pricing was transparent and affordable. No hidden fees, no surprises. The bounce castle made my daughter's birthday party unforgettable!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-with-lemonade-stand_23-2149439497.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "School Administrator", testimonial: "For our school carnival, Bounce & Fun delivered multiple units on time and ensured everything was safe. Highly recommend their service!", imageSrc: "http://img.b2bpic.net/free-photo/it-s-almost-fall-celebrating-successful-deal-young-office-workers-sitting-near-table-with-alcohol_146671-13648.jpg", imageAlt: "David Kim"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about our bouncy castle rental service. Quick answers to common questions from parents and event planners."
|
|
textPosition="left"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you deliver to?", content: "We offer free delivery and setup within 30 miles of our location. For deliveries beyond that, we offer extended delivery options at competitive rates. Contact us for your specific location."
|
|
},
|
|
{
|
|
id: "2", title: "Are the bounce castles sanitized?", content: "Yes! All our units are thoroughly cleaned and sanitized between every rental using professional-grade cleaning equipment. We maintain the highest hygiene standards to keep your guests safe and healthy."
|
|
},
|
|
{
|
|
id: "3", title: "What is your cancellation policy?", content: "We offer full refunds for cancellations made 7+ days before your event. Cancellations within 7 days may incur a 50% charge. Weather-related cancellations receive full refunds or can be rescheduled at no charge."
|
|
},
|
|
{
|
|
id: "4", title: "Do you provide insurance?", content: "Yes, all rentals include basic liability insurance. For events with higher risk factors, we offer premium insurance coverage. Ask our team about coverage details when booking."
|
|
},
|
|
{
|
|
id: "5", title: "How much space do I need?", content: "Our 8ft castle needs approximately 15x15ft of space. The 12ft combo requires 20x20ft, and the obstacle course needs 25x25ft. We'll help you determine space requirements during the booking process."
|
|
},
|
|
{
|
|
id: "6", title: "Can I book the same day?", content: "We try to accommodate same-day bookings when possible! However, availability is limited. Call us directly at our support line for urgent requests, and we'll do our best to help you out."
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Updated"
|
|
title="Subscribe for Exclusive Offers"
|
|
description="Get early access to new rental options, seasonal discounts, and special event packages delivered straight to your inbox."
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-delivery-man-with-document_23-2149035888.jpg"
|
|
imageAlt="Professional booking and delivery"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Sign Up"
|
|
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our newsletter terms."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navigate", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "Browse Units", href: "#products" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Fleet", href: "#products" },
|
|
{ label: "Safety Standards", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Help Center", href: "#faq" },
|
|
{ label: "Booking Help", href: "#" },
|
|
{ label: "Delivery Info", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Insurance Info", href: "#" },
|
|
{ label: "Safety Guidelines", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Bounce & Fun Rentals. All rights reserved."
|
|
bottomRightText="Made with ❤️ for family fun"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|