|
|
|
|
@@ -9,229 +9,165 @@ 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 } from "lucide-react";
|
|
|
|
|
import { useState, useEffect } from "react";
|
|
|
|
|
import { motion, AnimatePresence } from "framer-motion";
|
|
|
|
|
|
|
|
|
|
const SplashScreen = ({ onComplete }: { onComplete: () => void }) => (
|
|
|
|
|
<motion.div
|
|
|
|
|
initial={{ opacity: 1 }}
|
|
|
|
|
animate={{ opacity: 0 }}
|
|
|
|
|
transition={{ delay: 2, duration: 0.8 }}
|
|
|
|
|
onAnimationComplete={onComplete}
|
|
|
|
|
className="fixed inset-0 z-[9999] flex flex-col items-center justify-center bg-background"
|
|
|
|
|
>
|
|
|
|
|
<motion.div
|
|
|
|
|
initial={{ scale: 0.8, opacity: 0 }}
|
|
|
|
|
animate={{ scale: 1, opacity: 1 }}
|
|
|
|
|
transition={{ type: "spring", stiffness: 200, damping: 20 }}
|
|
|
|
|
className="flex flex-col items-center gap-4"
|
|
|
|
|
>
|
|
|
|
|
<motion.img
|
|
|
|
|
animate={{ scale: [1, 1.05, 1] }}
|
|
|
|
|
transition={{ duration: 2, repeat: Infinity, ease: "easeInOut" }}
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhE9kloAj7sgphsljU3n3hBaXI/uploaded-1778727825823-mzx0gsmw.png"
|
|
|
|
|
alt="Lanova Arena Logo"
|
|
|
|
|
className="w-32 h-32 object-contain"
|
|
|
|
|
/>
|
|
|
|
|
<motion.h1 className="text-2xl font-bold text-foreground">Lanova Arena</motion.h1>
|
|
|
|
|
</motion.div>
|
|
|
|
|
</motion.div>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSmallSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="subtle-shadow"
|
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
defaultButtonVariant="elastic-effect"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="fluid"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<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"},
|
|
|
|
|
{ name: "Courts", id: "facilities" },
|
|
|
|
|
{ name: "Booking", id: "booking" },
|
|
|
|
|
{ name: "Stats", id: "stats" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Lanova Arena"
|
|
|
|
|
button={{
|
|
|
|
|
text: "Reserve Now", href: "#booking"}}
|
|
|
|
|
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."
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
title="*Elevated* Arena Performance"
|
|
|
|
|
description="Premium Padel and electric football turf meets the city's most vibrant lounge."
|
|
|
|
|
kpis={[
|
|
|
|
|
{
|
|
|
|
|
value: "6", label: "Panoramic Padel Courts"},
|
|
|
|
|
{
|
|
|
|
|
value: "1", label: "FIFA-Grade Turf"},
|
|
|
|
|
{
|
|
|
|
|
value: "24/7", label: "Luxury Lounge Access"},
|
|
|
|
|
{ value: "6", label: "Elite Padel" },
|
|
|
|
|
{ value: "1", label: "Pro Turf" },
|
|
|
|
|
{ value: "24/7", label: "Hype Lounge" },
|
|
|
|
|
]}
|
|
|
|
|
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"},
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Explore Courts", href: "#facilities" }]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-empty-paddle-tennis-field_23-2149458993.jpg?_wi=1"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="booking" data-section="booking">
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="*Gamified* Booking Engine"
|
|
|
|
|
description="Book your court, pick your slot, and secure your win."
|
|
|
|
|
animationType="scale-rotate"
|
|
|
|
|
textboxLayout="split-actions"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
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: "p1", badge: "Padel", price: "$45", subtitle: "Panoramic Court", features: ["Glass Walls", "Premium Turf", "Pro Net"],
|
|
|
|
|
buttons: [{ text: "Book Padel" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
id: "p2", badge: "Football", price: "$90", subtitle: "Electric Turf", features: ["FIFA Standards", "Floodlights", "Match Ready"],
|
|
|
|
|
buttons: [{ text: "Book Field" }]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Smart Court Booking"
|
|
|
|
|
description="Select your facility and preferred slot seamlessly."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="facilities" data-section="facilities">
|
|
|
|
|
<FeatureCardTwentyFive
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
title="*Arena* Pulse Facilities"
|
|
|
|
|
description="Where passion meets high-performance engineering."
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
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: "Panoramic Padel", description: "State-of-the-art courts designed for professional-grade rallies.", icon: Target,
|
|
|
|
|
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-playing-paddle-tennis_23-2149443577.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/side-view-empty-paddle-tennis-field_23-2149458993.jpg?_wi=2" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: "Electric Football", description: "High-intensity synthetic turf engineered for explosive speed.", 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="The Lanova Experience"
|
|
|
|
|
description="Elevated sports performance in an elite venue."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="stats" data-section="stats">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
title="*Street-Style* Operational Stats"
|
|
|
|
|
description="Detailed performance analytics for our facilities."
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
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"},
|
|
|
|
|
{ id: "s1", value: "98%", title: "User Satisfaction", description: "High-tempo feedback", imageSrc: "http://img.b2bpic.net/free-photo/viewpoint-toaca-peak-carpathians-romania-nature-sunset_1268-19791.jpg" },
|
|
|
|
|
{ id: "s2", value: "1.2k", title: "Active Players", description: "Lanova community", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-illuminated-night_1150-18357.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
title="Operational Excellence"
|
|
|
|
|
description="Quality assurance across all our facilities."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
title="*Quick* Answers"
|
|
|
|
|
description="Everything about the Lanova life."
|
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
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."},
|
|
|
|
|
{ id: "q1", title: "Booking?", content: "Instantly book through our site." },
|
|
|
|
|
{ id: "q2", title: "Lounge Access?", content: "Included with all VIP passes." }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</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"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/white-gray-building-interior_250224-79.jpg"
|
|
|
|
|
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: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{ title: "Arena", items: [{ label: "Courts", href: "#facilities" }, { label: "Booking", href: "#booking" }] },
|
|
|
|
|
{ title: "Club", items: [{ label: "Lounge", href: "#" }, { label: "Careers", href: "#" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
