238 lines
14 KiB
TypeScript
238 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Heart, Zap, Users, Smile, Sparkles } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Jumanji"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Why Us", id: "/why-jumanji" },
|
|
{ name: "Attractions", id: "attractions" },
|
|
{ name: "Birthdays", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
bottomLeftText="Mon-Sun: 10am-10pm"
|
|
bottomRightText="+1 (555) 123-4567"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="w-full h-screen relative overflow-hidden">
|
|
<HeroCarouselLogo
|
|
logoText="JUMANJI"
|
|
description="Your Local Family Entertainment Destination - Arcade Games, Food & Unforgettable Memories"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+15551234567" },
|
|
{ text: "Book a Visit", href: "/why-jumanji" },
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-trying-out-drone-while-young-girl-is-working-using-tablet_23-2149357740.jpg", imageAlt: "family entertainment center arcade games children happy"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-friends-amusement-park_23-2147918718.jpg", imageAlt: "entertainment center food snacks area family dining"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-drinks-pizza_23-2149239078.jpg", imageAlt: "birthday party celebration entertainment venue children fun"},
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" className="py-16 md:py-24 bg-background">
|
|
<AboutMetric
|
|
title="Why Families Love Jumanji - Quality, Affordability & Atmosphere"
|
|
metrics={[
|
|
{ icon: Heart, label: "Family-Friendly Atmosphere", value: "10,000+ Visits Annually" },
|
|
{ icon: Zap, label: "Affordable Entertainment", value: "$20-50 per Visit" },
|
|
{ icon: Users, label: "Trusted Locally", value: "2,500+ Happy Families" },
|
|
{ icon: Smile, label: "Multi-Level Fun", value: "All Ages Welcome" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="attractions" data-section="attractions" className="py-16 md:py-24 bg-white">
|
|
<FeatureCardSeven
|
|
title="Exciting Entertainment Across All Levels"
|
|
description="From classic arcade games to modern interactive entertainment, Jumanji offers something for everyone"
|
|
tag="Attractions"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Arcade Games & Gaming Zone", description: "Latest arcade games, racing simulators, and interactive entertainment for teens and adults. Classic favorites mixed with modern hits.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-women-playing-dancing-arcade_23-2148253101.jpg", imageAlt: "Arcade games collection"},
|
|
{
|
|
id: 2,
|
|
title: "Kids Entertainment Area", description: "Safe, fun-filled zone designed for younger children with age-appropriate games, activities, and supervised play spaces.", imageSrc: "http://img.b2bpic.net/free-photo/group-childrens-having-fun-park_1301-6747.jpg", imageAlt: "Kids entertainment area"},
|
|
{
|
|
id: 3,
|
|
title: "Birthday & Event Hosting", description: "Dedicated party spaces with packages that include food, entertainment access, and setup. Perfect for celebrations of any size.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-colorful-balloons_1153-4433.jpg", imageAlt: "Birthday party setup"},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing" className="py-16 md:py-24 bg-background">
|
|
<PricingCardThree
|
|
title="Affordable Entertainment Plans"
|
|
description="Choose the perfect visit option for your family"
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "family-visit", price: "$20-50", name: "Family Day Pass", buttons: [
|
|
{ text: "Call for Details", href: "tel:+15551234567" },
|
|
{ text: "Book Now", href: "/why-jumanji" },
|
|
],
|
|
features: [
|
|
"Arcade game credits included", "Food court access", "All entertainment zones", "Recommended for families"],
|
|
},
|
|
{
|
|
id: "birthday-party", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$150-300", name: "Birthday Party Package", buttons: [
|
|
{ text: "Get Quote", href: "tel:+15551234567" },
|
|
{ text: "Reserve Now", href: "/why-jumanji" },
|
|
],
|
|
features: [
|
|
"Up to 20 guests", "Dedicated party area", "Food & drinks included", "Entertainment credits", "2 hours private space"],
|
|
},
|
|
{
|
|
id: "group-event", price: "Custom", name: "Group Events & Corporate", buttons: [
|
|
{ text: "Call Us", href: "tel:+15551234567" },
|
|
{ text: "Inquire", href: "/why-jumanji" },
|
|
],
|
|
features: [
|
|
"Flexible group sizes", "Custom catering options", "Private or semi-private spaces", "Team-building activities", "Special event coordination"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="py-16 md:py-24 bg-white">
|
|
<TestimonialCardFifteen
|
|
testimonial="Jumanji has become our go-to place for family fun. The kids love the games, the atmosphere is clean and welcoming, and it's so much more affordable than other entertainment centers. Highly recommend!"
|
|
rating={5}
|
|
author="Maria Johnson, Local Parent"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/family-with-little-son-autumn-park_1157-36415.jpg", alt: "Customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/funny-play-with-my-daddy_329181-13804.jpg", alt: "Customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-kids_23-2149102474.jpg", alt: "Customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-park_1157-19841.jpg", alt: "Customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/family-with-little-son-autumn-park_1157-36423.jpg", alt: "Customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-family-lying-row_1098-1101.jpg", alt: "Customer testimonial"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery" className="py-16 md:py-24 bg-background">
|
|
<ProductCardOne
|
|
title="Gallery - See What Awaits You"
|
|
description="Real photos of our venue, entertainment zones, and happy customers"
|
|
tag="Gallery"
|
|
products={[
|
|
{
|
|
id: "gallery-1", name: "Arcade Gaming Zone", price: "See More", imageSrc: "http://img.b2bpic.net/free-photo/sideways-woman-playing-arcade-game_23-2148253112.jpg", imageAlt: "Arcade gaming area"},
|
|
{
|
|
id: "gallery-2", name: "Kids Entertainment Area", price: "See More", imageSrc: "http://img.b2bpic.net/free-vector/flat-instagram-stories-collection-amusement-park_23-2150278406.jpg", imageAlt: "Kids entertainment space"},
|
|
{
|
|
id: "gallery-3", name: "Food & Snacks", price: "See More", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-restaurant_1203-8538.jpg", imageAlt: "Food court area"},
|
|
{
|
|
id: "gallery-4", name: "Main Entertainment Floor", price: "See More", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-airport-waiting-hall_1232-4323.jpg", imageAlt: "Main entertainment floor"},
|
|
{
|
|
id: "gallery-5", name: "Birthday Party Setup", price: "See More", imageSrc: "http://img.b2bpic.net/free-photo/side-view-tables-served-garden-party_132075-9451.jpg", imageAlt: "Birthday party celebration"},
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq" className="py-16 md:py-24 bg-white">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about visiting Jumanji"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How much do visits cost?", content: "General admission visits range from $20-50 depending on packages and time spent. Birthday parties start at $150 and group events have custom pricing. Kids get great value with included game credits. No admission fee - you only pay for what you play."},
|
|
{
|
|
id: "2", title: "What are your hours?", content: "We're open Monday through Sunday, 10am to 10pm. Holiday hours may vary - call ahead to confirm. We offer extended hours during school breaks and special events."},
|
|
{
|
|
id: "3", title: "Can I host a birthday party?", content: "Absolutely! We offer dedicated birthday packages for groups of all sizes. Packages include party space, food options, game credits, and entertainment access. We handle setup and cleanup so you can focus on celebrating."},
|
|
{
|
|
id: "4", title: "Is it safe and clean?", content: "Yes, safety and cleanliness are top priorities. We maintain high standards with regular equipment maintenance, sanitized game stations, and professional cleaning throughout the day. Trained staff ensures a safe, fun environment for all ages."},
|
|
{
|
|
id: "5", title: "What if I have questions before visiting?", content: "Call us anytime at +1 (555) 123-4567 or fill out our contact form. Our team is happy to answer questions about entertainment options, accessibility, group bookings, or anything else to help plan your visit."},
|
|
{
|
|
id: "6", title: "Do you offer discounts or special offers?", content: "Yes! We offer family packages, group discounts, and special seasonal promotions. Follow us on social media for the latest deals and exclusive offers. Ask about loyalty programs when you visit."},
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="py-16 md:py-24 bg-background">
|
|
<ContactText
|
|
text="Ready to create unforgettable family memories? Contact us today to book your visit, plan a birthday party, or ask any questions about our entertainment options."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+15551234567" },
|
|
{ text: "Plan a Birthday", href: "/why-jumanji" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" className="w-full relative z-50">
|
|
<FooterLogoReveal
|
|
logoText="JUMANJI"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|