Merge version_2 into main #4
@@ -21,6 +21,7 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
const figtree = Figtree({ variable: "--font-figtree", subsets: ["latin"] });
|
||||
|
||||
export default function RootLayout({
|
||||
|
||||
215
src/app/page.tsx
215
src/app/page.tsx
@@ -9,229 +9,128 @@ 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 { Coffee, Sparkles, Zap, Footprints, Target, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
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"
|
||||
>
|
||||
<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"
|
||||
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" }]
|
||||
},
|
||||
{
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
title="*Street-Style* Operational Stats"
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our elite sports experience."
|
||||
faqsAnimation="slide-up"
|
||||
title="*Quick* Answers"
|
||||
description="Everything about the Lanova life."
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,11 +11,11 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1E40AF;
|
||||
--card: #f4f6f9;
|
||||
--foreground: #000612;
|
||||
--primary-cta: #1E40AF;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #E0F2FE;
|
||||
--secondary-cta: #106EFB;
|
||||
--secondary-cta-text: #1E40AF;
|
||||
--accent: #E0F2FE;
|
||||
--background-accent: #F4F6F9;
|
||||
|
||||
Reference in New Issue
Block a user