Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Courts",
|
||||
id: "courts",
|
||||
},
|
||||
name: "Courts", id: "courts"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
},
|
||||
name: "Book Now", id: "booking"},
|
||||
]}
|
||||
brandName="Padel Sousse"
|
||||
/>
|
||||
@@ -55,86 +47,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Book Your Padel Court in Sousse in Seconds"
|
||||
description="Experience premium covered courts with comfortable climate-controlled conditions. Friendly staff and well-maintained facilities ready for your next game."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.5★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.5★", label: "Google Rating"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Happy Players",
|
||||
},
|
||||
value: "50+", label: "Happy Players"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Play Access",
|
||||
},
|
||||
value: "24/7", label: "Play Access"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 53 536 070",
|
||||
href: "tel:53536070",
|
||||
},
|
||||
text: "Call Now: 53 536 070", href: "tel:53536070"},
|
||||
{
|
||||
text: "Book a Court",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book a Court", href: "#booking"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444608.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444608.jpg"
|
||||
imageAlt="Padel court in Sousse"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paddle-tennis-field-with-balls-basket_23-2149459001.jpg",
|
||||
alt: "Padel player 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/paddle-tennis-field-with-balls-basket_23-2149459001.jpg", alt: "Padel player 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444549.jpg",
|
||||
alt: "Padel player 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444549.jpg", alt: "Padel player 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-women-playing-paddle-tennis_23-2149459053.jpg",
|
||||
alt: "Padel player 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-women-playing-paddle-tennis_23-2149459053.jpg", alt: "Padel player 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-playing-paddle-tennis_23-2149443581.jpg",
|
||||
alt: "Padel player 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-playing-paddle-tennis_23-2149443581.jpg", alt: "Padel player 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-playing-padel_657883-342.jpg",
|
||||
alt: "Padel player 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-playing-padel_657883-342.jpg", alt: "Padel player 5"},
|
||||
]}
|
||||
avatarText="Join our growing community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Climate Controlled",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Climate Controlled", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pro-Shop Available",
|
||||
icon: ShoppingBag,
|
||||
type: "text-icon", text: "Pro-Shop Available", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Coaching",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Expert Coaching", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Night Lighting",
|
||||
icon: Moon,
|
||||
type: "text-icon", text: "Night Lighting", icon: Moon,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Easy Access",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Easy Access", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -145,14 +106,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Player Feedback",
|
||||
"Club Members",
|
||||
"Local Sports",
|
||||
"Padel Enthusiasts",
|
||||
"Youth Groups",
|
||||
"Weekend Players",
|
||||
"Pro Teams",
|
||||
]}
|
||||
"Player Feedback", "Club Members", "Local Sports", "Padel Enthusiasts", "Youth Groups", "Weekend Players", "Pro Teams"]}
|
||||
title="Trusted by 50+ Local Players"
|
||||
description="Well-maintained courts and very friendly staff… comfortable even in summer."
|
||||
/>
|
||||
@@ -165,79 +119,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Covered Climate-Controlled",
|
||||
description: "Play comfortably year-round regardless of the weather outside.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-couple-gym_23-2148503022.jpg",
|
||||
imageAlt: "Covered court",
|
||||
},
|
||||
title: "Covered Climate-Controlled", description: "Play comfortably year-round regardless of the weather outside.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444608.jpg", imageAlt: "covered padel court interior"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Climate Control",
|
||||
},
|
||||
text: "Climate Control"},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Sun Protection",
|
||||
},
|
||||
text: "Sun Protection"},
|
||||
{
|
||||
icon: Wind,
|
||||
text: "Excellent Ventilation",
|
||||
},
|
||||
text: "Excellent Ventilation"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444608.jpg?_wi=2",
|
||||
imageAlt: "covered padel court interior",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Night Play Availability",
|
||||
description: "Our modern lighting systems mean you can play after work or late at night.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-stretching-outdoors_23-2150338677.jpg",
|
||||
imageAlt: "Night play",
|
||||
},
|
||||
title: "Night Play Availability", description: "Our modern lighting systems mean you can play after work or late at night.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-playing_23-2149085557.jpg", imageAlt: "covered padel court interior"},
|
||||
items: [
|
||||
{
|
||||
icon: Moon,
|
||||
text: "LED Lighting",
|
||||
},
|
||||
text: "LED Lighting"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Late Hours",
|
||||
},
|
||||
text: "Late Hours"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High Visibility",
|
||||
},
|
||||
text: "High Visibility"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-playing_23-2149085557.jpg",
|
||||
imageAlt: "covered padel court interior",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Professional Experience",
|
||||
description: "A welcoming environment for players of all levels to enjoy the game.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-with-her-racket_23-2148208259.jpg?_wi=1",
|
||||
imageAlt: "Club facility",
|
||||
},
|
||||
title: "Professional Experience", description: "A welcoming environment for players of all levels to enjoy the game.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-girl-listening-favorite-song-headphones-with-friend-blue-shirt-while-pretty-young-woman-drinks-water-laughing-students-enjoying-music-their-free-time_197531-3879.jpg", imageAlt: "covered padel court interior"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Friendly Staff",
|
||||
},
|
||||
text: "Friendly Staff"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Well Maintained",
|
||||
},
|
||||
text: "Well Maintained"},
|
||||
{
|
||||
icon: Trophy,
|
||||
text: "Tournament Ready",
|
||||
},
|
||||
text: "Tournament Ready"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-girl-listening-favorite-song-headphones-with-friend-blue-shirt-while-pretty-young-woman-drinks-water-laughing-students-enjoying-music-their-free-time_197531-3879.jpg?_wi=1",
|
||||
imageAlt: "covered padel court interior",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -252,57 +179,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "day-play",
|
||||
badge: "Standard",
|
||||
price: "60 DT",
|
||||
subtitle: "Daytime bookings per hour",
|
||||
buttons: [
|
||||
id: "day-play", badge: "Standard", price: "60 DT", subtitle: "Daytime bookings per hour", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Now", href: "#booking"},
|
||||
],
|
||||
features: [
|
||||
"1 Hour Court",
|
||||
"Changing Rooms",
|
||||
"Equipment Rental",
|
||||
],
|
||||
"1 Hour Court", "Changing Rooms", "Equipment Rental"],
|
||||
},
|
||||
{
|
||||
id: "prime-time",
|
||||
badge: "Prime",
|
||||
price: "80 DT",
|
||||
subtitle: "Peak hours & evening play",
|
||||
buttons: [
|
||||
id: "prime-time", badge: "Prime", price: "80 DT", subtitle: "Peak hours & evening play", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Now", href: "#booking"},
|
||||
],
|
||||
features: [
|
||||
"1 Hour Prime",
|
||||
"Night Lighting",
|
||||
"Climate Control",
|
||||
"Priority Booking",
|
||||
],
|
||||
"1 Hour Prime", "Night Lighting", "Climate Control", "Priority Booking"],
|
||||
},
|
||||
{
|
||||
id: "membership",
|
||||
badge: "Pro",
|
||||
price: "500 DT",
|
||||
subtitle: "Monthly access pass",
|
||||
buttons: [
|
||||
id: "membership", badge: "Pro", price: "500 DT", subtitle: "Monthly access pass", buttons: [
|
||||
{
|
||||
text: "Join Today",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Join Today", href: "#booking"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Access",
|
||||
"Priority Scheduling",
|
||||
"Guest Discounts",
|
||||
"Full Amenities",
|
||||
],
|
||||
"Unlimited Access", "Priority Scheduling", "Guest Discounts", "Full Amenities"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -317,20 +215,11 @@ export default function LandingPage() {
|
||||
tag="How It Works"
|
||||
metrics={[
|
||||
{
|
||||
id: "step1",
|
||||
value: "01",
|
||||
description: "Call 53 536 070 or submit the form.",
|
||||
},
|
||||
id: "step1", value: "01", description: "Call 53 536 070 or submit the form."},
|
||||
{
|
||||
id: "step2",
|
||||
value: "02",
|
||||
description: "Select your preferred date and time.",
|
||||
},
|
||||
id: "step2", value: "02", description: "Select your preferred date and time."},
|
||||
{
|
||||
id: "step3",
|
||||
value: "03",
|
||||
description: "Arrive and enjoy your match!",
|
||||
},
|
||||
id: "step3", value: "03", description: "Arrive and enjoy your match!"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -342,45 +231,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best in Sousse",
|
||||
quote: "Well-maintained courts and very friendly staff… comfortable even in summer.",
|
||||
name: "Ahmed S.",
|
||||
role: "Regular Player",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-with-her-racket_23-2148208259.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Best in Sousse", quote: "Well-maintained courts and very friendly staff… comfortable even in summer.", name: "Ahmed S.", role: "Regular Player", imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-with-her-racket_23-2148208259.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Experience",
|
||||
quote: "My go-to place for padel with friends. Love the evening lighting.",
|
||||
name: "Sami M.",
|
||||
role: "Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-girl-listening-favorite-song-headphones-with-friend-blue-shirt-while-pretty-young-woman-drinks-water-laughing-students-enjoying-music-their-free-time_197531-3879.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Great Experience", quote: "My go-to place for padel with friends. Love the evening lighting.", name: "Sami M.", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-girl-listening-favorite-song-headphones-with-friend-blue-shirt-while-pretty-young-woman-drinks-water-laughing-students-enjoying-music-their-free-time_197531-3879.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Summer Ready",
|
||||
quote: "The cooling system makes a huge difference during Tunisian summers.",
|
||||
name: "Leila B.",
|
||||
role: "Intermediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13229.jpg",
|
||||
},
|
||||
id: "3", title: "Summer Ready", quote: "The cooling system makes a huge difference during Tunisian summers.", name: "Leila B.", role: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13229.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional",
|
||||
quote: "Always professional and very clean. Highly recommended for groups.",
|
||||
name: "Hassen K.",
|
||||
role: "Club Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-black-american-woman-standing-tennis-court_1157-49821.jpg",
|
||||
},
|
||||
id: "4", title: "Professional", quote: "Always professional and very clean. Highly recommended for groups.", name: "Hassen K.", role: "Club Member", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-black-american-woman-standing-tennis-court_1157-49821.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Five Stars",
|
||||
quote: "Great facilities and easy booking process. Keep it up!",
|
||||
name: "Rania F.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-padel_657883-327.jpg",
|
||||
},
|
||||
id: "5", title: "Five Stars", quote: "Great facilities and easy booking process. Keep it up!", name: "Rania F.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-padel_657883-327.jpg"},
|
||||
]}
|
||||
title="Player Testimonials"
|
||||
description="What our local players have to say about the Padel Club Of Sousse experience."
|
||||
@@ -391,20 +250,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Booking"
|
||||
title="Ready to Play?"
|
||||
description="Slots fill quickly, especially in the evenings. Secure your court today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 53 536 070",
|
||||
href: "tel:53536070",
|
||||
},
|
||||
text: "Call Now: 53 536 070", href: "tel:53536070"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/21653536070",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/21653536070"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -416,14 +270,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user