|
|
|
|
@@ -9,228 +9,150 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
|
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
|
import { Coffee, Sparkles, Zap } from "lucide-react";
|
|
|
|
|
import { Zap, Target, CalendarDays, BarChart3, HelpCircle, Mail } from "lucide-react";
|
|
|
|
|
import { useState } from "react";
|
|
|
|
|
import { motion, AnimatePresence } from "framer-motion";
|
|
|
|
|
|
|
|
|
|
const SplashScreen = ({ onComplete }: { onComplete: () => void }) => (
|
|
|
|
|
<motion.div
|
|
|
|
|
initial={{ opacity: 1 }}
|
|
|
|
|
animate={{ opacity: 0 }}
|
|
|
|
|
exit={{ opacity: 0 }}
|
|
|
|
|
transition={{ delay: 1.5, duration: 0.6 }}
|
|
|
|
|
onAnimationComplete={onComplete}
|
|
|
|
|
className="fixed inset-0 z-[9999] flex flex-col items-center justify-center bg-background"
|
|
|
|
|
>
|
|
|
|
|
<motion.div
|
|
|
|
|
initial={{ scale: 0.9, opacity: 0 }}
|
|
|
|
|
animate={{ scale: 1, opacity: 1 }}
|
|
|
|
|
className="flex flex-col items-center gap-6"
|
|
|
|
|
>
|
|
|
|
|
<div className="w-24 h-24 rounded-full bg-primary-cta flex items-center justify-center">
|
|
|
|
|
<Zap className="text-white w-12 h-12" />
|
|
|
|
|
</div>
|
|
|
|
|
<h1 className="text-4xl font-extrabold tracking-tighter">LANOVA ARENA</h1>
|
|
|
|
|
</motion.div>
|
|
|
|
|
</motion.div>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
defaultButtonVariant="elastic-effect"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSmallSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="subtle-shadow"
|
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="diagonal-gradient"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
>
|
|
|
|
|
<AnimatePresence>
|
|
|
|
|
{loading && <SplashScreen onComplete={() => setLoading(false)} />}
|
|
|
|
|
</AnimatePresence>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "About", id: "about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Facilities", id: "facilities"},
|
|
|
|
|
{
|
|
|
|
|
name: "Book a Court", id: "booking"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Lanova Arena"
|
|
|
|
|
button={{
|
|
|
|
|
text: "Reserve Now", href: "#booking"}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Arena", id: "hero" },
|
|
|
|
|
{ name: "Booking", id: "booking" },
|
|
|
|
|
{ name: "Pulse", id: "facilities" },
|
|
|
|
|
{ name: "Stats", id: "stats" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="LANOVA"
|
|
|
|
|
button={{ text: "Book Now", href: "#booking" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitKpi
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain"}}
|
|
|
|
|
title="Lanova: Where Sports Meet Luxury Comfort."
|
|
|
|
|
description="Book world-class Padel courts and premium football fields in an elite, premium environment."
|
|
|
|
|
kpis={[
|
|
|
|
|
{
|
|
|
|
|
value: "6", label: "Panoramic Padel Courts"},
|
|
|
|
|
{
|
|
|
|
|
value: "1", label: "FIFA-Grade Turf"},
|
|
|
|
|
{
|
|
|
|
|
value: "24/7", label: "Luxury Lounge Access"},
|
|
|
|
|
]}
|
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Reserve Now", href: "#booking"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/berlin-concert-hall-germany_181624-18088.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/hong-kong-culture-centre_649448-5049.jpg", alt: "Pro player one"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg", alt: "Pro player two"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg", alt: "Pro player three"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/modern-building-illuminated-night_1150-18357.jpg", alt: "Pro player four"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/side-view-empty-paddle-tennis-field_23-2149458993.jpg", alt: "Pro player five"},
|
|
|
|
|
]}
|
|
|
|
|
marqueeItems={[
|
|
|
|
|
{
|
|
|
|
|
type: "text", text: "World-Class Facilities"},
|
|
|
|
|
{
|
|
|
|
|
type: "text", text: "Elite Sports Culture"},
|
|
|
|
|
{
|
|
|
|
|
type: "text", text: "Premium Padel & Football"},
|
|
|
|
|
{
|
|
|
|
|
type: "text", text: "Member Benefits"},
|
|
|
|
|
{
|
|
|
|
|
type: "text", text: "Professional Coaching"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitKpi
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
title="Peak Performance. Zero Compromise."
|
|
|
|
|
description="Step into the future of sports. Lanova Arena is the ultimate sanctuary for elite Padel and high-intensity turf training."
|
|
|
|
|
kpis={[
|
|
|
|
|
{ value: "6", label: "Elite Courts" },
|
|
|
|
|
{ value: "24/7", label: "Pulse Access" },
|
|
|
|
|
{ value: "99%", label: "Hype Index" },
|
|
|
|
|
]}
|
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
|
buttons={[{ text: "Join The Arena", href: "#booking" }, { text: "Pulse Facilities", href: "#facilities" }]}
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1554068865-4a3cd735d3ce?q=80&w=2000"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="booking" data-section="booking">
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "p1", badge: "Padel", price: "From $40", subtitle: "Premium panoramic glass courts", features: [
|
|
|
|
|
"1.5 Hour Session", "Premium Rackets Included", "Lounge Access"],
|
|
|
|
|
buttons: [
|
|
|
|
|
{
|
|
|
|
|
text: "Confirm Reservation"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p2", badge: "Football", price: "From $80", subtitle: "FIFA-standard turf pitch", features: [
|
|
|
|
|
"Full Pitch Rental", "Professional Lighting", "Match Balls Provided"],
|
|
|
|
|
buttons: [
|
|
|
|
|
{
|
|
|
|
|
text: "Confirm Reservation"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p3", badge: "VIP Table", price: "From $50", subtitle: "Luxury lounge viewing area", features: [
|
|
|
|
|
"Spectator Comfort", "Cafe Services", "Court Views"],
|
|
|
|
|
buttons: [
|
|
|
|
|
{
|
|
|
|
|
text: "Confirm Reservation"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Smart Court Booking"
|
|
|
|
|
description="Select your facility and preferred slot seamlessly."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="booking" data-section="booking">
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
title="Gamified Booking Engine"
|
|
|
|
|
description="Secure your court. Select your slot. Lock in your session."
|
|
|
|
|
animationType="scale-rotate"
|
|
|
|
|
textboxLayout="split-actions"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "p1", badge: "Pro Padel", badgeIcon: Target, price: "$55", subtitle: "Panoramic Glass Courts", features: ["Climate Controlled", "Premium Turf", "Pro-Shop Access"],
|
|
|
|
|
buttons: [{ text: "Claim Your Slot" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p2", badge: "Electric Football", badgeIcon: Zap, price: "$110", subtitle: "Arena-Grade Pitch", features: ["FIFA Quality", "Smart Lighting", "Locker Access"],
|
|
|
|
|
buttons: [{ text: "Claim Your Slot" }]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="facilities" data-section="facilities">
|
|
|
|
|
<FeatureCardTwentyFive
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Premium Padel", description: "World-class panoramic glass courts, pristine white lines, top-tier turf, and expert coaching clinics.", icon: Sparkles,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-paddle-tennis-full-shot_23-2149443592.jpg"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/miniature-pool-still-life-assortment-with-basketballs_23-2148633504.jpg"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Football Turf", description: "Professional-grade shock-absorbent turf with FIFA-standard spacing and modern stadium-style lighting.", icon: Zap,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-230.jpg"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coloured-lawn-field-sunlight-daytime_181624-20417.jpg"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Luxury Lounge", description: "Architectural glass viewing deck overlooking the active courts for spectators to relax in comfort.", icon: Coffee,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/viewpoint-toaca-peak-carpathians-romania-nature-sunset_1268-19791.jpg"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-playing-paddle-tennis_23-2149443577.jpg?_wi=1"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="The Lanova Experience"
|
|
|
|
|
description="Elevated sports performance in an elite venue."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="facilities" data-section="facilities">
|
|
|
|
|
<FeatureCardTwentyFive
|
|
|
|
|
title="The Arena Pulse"
|
|
|
|
|
description="A state-of-the-art ecosystem designed for maximum output."
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Smart-Grid Padel",
|
|
|
|
|
description: "Precision-engineered glass courts with integrated performance tracking sensors.",
|
|
|
|
|
icon: Target,
|
|
|
|
|
mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1628172906564-9040375f4d1e?q=80&w=1000" }, { imageSrc: "https://images.unsplash.com/photo-1590486803833-9c3dbb60412e?q=80&w=1000" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Velocity Football",
|
|
|
|
|
description: "High-intensity synthetic turf system, fully floodlit for round-the-clock competition.",
|
|
|
|
|
icon: Zap,
|
|
|
|
|
mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1518091043644-c1d4457512c6?q=80&w=1000" }, { imageSrc: "https://images.unsplash.com/photo-1431323487602-b228004696d1?q=80&w=1000" }]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="stats" data-section="stats">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1", value: "6", title: "Padel Courts", description: "Top-tier design", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-playing-paddle-tennis_23-2149443577.jpg?_wi=2"},
|
|
|
|
|
{
|
|
|
|
|
id: "m2", value: "1", title: "Football Turf", description: "FIFA approved", imageSrc: "http://img.b2bpic.net/free-photo/male-american-football-player-uniform-field_23-2150034570.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "m3", value: "10+", title: "Pro Staff", description: "Expert coaches", imageSrc: "http://img.b2bpic.net/free-photo/view-footbridge-night_1359-545.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="Operational Excellence"
|
|
|
|
|
description="Quality assurance across all our facilities."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="stats" data-section="stats">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="Operational Velocity"
|
|
|
|
|
description="Real-time data for high-tempo athletes."
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "s1", value: "482", title: "Monthly Sessions", description: "High frequency output", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=1000" },
|
|
|
|
|
{ id: "s2", value: "98%", title: "Match Satisfaction", description: "Community benchmark", imageSrc: "https://images.unsplash.com/photo-1543326727-cf6dc395f83c?q=80&w=1000" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Everything you need to know about our elite sports experience."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "f1", title: "How do I book a court?", content: "You can select your preferred time and court type directly through our booking interface."},
|
|
|
|
|
{
|
|
|
|
|
id: "f2", title: "Is equipment provided?", content: "Yes, all our Padel sessions include professional-grade racket rentals."},
|
|
|
|
|
{
|
|
|
|
|
id: "f3", title: "Are there changing facilities?", content: "Our facility features private, luxury changing rooms and showers for all guests."},
|
|
|
|
|
{
|
|
|
|
|
id: "f4", title: "Do you offer membership plans?", content: "Membership offers priority booking and exclusive access to the VIP lounge."},
|
|
|
|
|
{
|
|
|
|
|
id: "f5", title: "What are your operating hours?", content: "Lanova Arena is open 7 days a week, from 8:00 AM to 11:00 PM."},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<FooterMedia
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimalist-architecture-features-trees-white-indoor-space_9975-131828.jpg"
|
|
|
|
|
logoText="Lanova Arena"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Visit Us", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "123 Padel Drive, SportCity", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Open daily: 8AM - 11PM", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Terms of Use", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Privacy Policy", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<FooterMedia
|
|
|
|
|
logoText="LANOVA ARENA"
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=2000"
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Arena", items: [{ label: "Padel Courts", href: "#facilities" }, { label: "Football Pitch", href: "#facilities" }] },
|
|
|
|
|
{ title: "Support", items: [{ label: "Booking Help", href: "#" }, { label: "Arena Pulse", href: "#" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
|
