270 lines
8.5 KiB
TypeScript
270 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Clubs",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Landing Pages",
|
|
id: "/landings",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contacts",
|
|
id: "/contacts",
|
|
},
|
|
]}
|
|
brandName="Papa Padel"
|
|
button={{
|
|
text: "Book Now",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Master Your Padel Game"
|
|
description="Premium courts, expert coaching, and a thriving community. Open 24/7 with seamless online booking."
|
|
testimonials={[
|
|
{
|
|
name: "Alex Smith",
|
|
handle: "@alexs",
|
|
testimonial: "The best courts in town. The atmosphere is unmatched!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-playing-paddle-tennis_23-2149443585.jpg?_wi=1",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Book a Court",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Choose Your Goal",
|
|
href: "#goals",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sporty-women-playing-paddle-tennis_23-2149443550.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="clubs" data-section="clubs">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Inter Sever",
|
|
author: "Professional Grade",
|
|
description: "Classic location with premium amenities.",
|
|
tags: [
|
|
"Indoor",
|
|
"Parking",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-twilight-moldova_1268-15928.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "CSKA Stadium",
|
|
author: "Seasonal Open Air",
|
|
description: "Large scale stadium for competitive tournaments.",
|
|
tags: [
|
|
"Seasonal",
|
|
"Outdoor",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tennis-court_93675-129602.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Mega Belaya Dacha",
|
|
author: "Year-round",
|
|
description: "Top-tier climate controlled facility.",
|
|
tags: [
|
|
"Indoor",
|
|
"24/7",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/women-playing-paddle-tennis-together_23-2149459009.jpg?_wi=1",
|
|
},
|
|
]}
|
|
title="Our Clubs"
|
|
description="State-of-the-art locations tailored for every player level."
|
|
/>
|
|
</div>
|
|
|
|
<div id="goals" data-section="goals">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "g1",
|
|
name: "I'm a Beginner",
|
|
price: "Trial Course",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444549.jpg",
|
|
},
|
|
{
|
|
id: "g2",
|
|
name: "Corporate Events",
|
|
price: "Group Booking",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-paddle-tennis-outdoors_23-2149434133.jpg",
|
|
},
|
|
{
|
|
id: "g3",
|
|
name: "Find a Partner",
|
|
price: "Join Community",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-sporty-woman-playing-paddle-tennis_23-2149443582.jpg",
|
|
},
|
|
]}
|
|
title="Choose Your Goal"
|
|
description="Start your journey with a path specifically designed for you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Maria K.",
|
|
date: "Jan 2025",
|
|
title: "Pro Player",
|
|
quote: "The surface quality at Belaya Dacha is professional grade.",
|
|
tag: "Club Member",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-playing-paddle-tennis_23-2149443591.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-playing-paddle-tennis_23-2149443585.jpg?_wi=2",
|
|
imageAlt: "indoor padel court luxury",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "John D.",
|
|
date: "Dec 2024",
|
|
title: "Beginner",
|
|
quote: "I found a partner through the community hub in just two days!",
|
|
tag: "New Member",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-twilight-moldova_1268-15928.jpg?_wi=2",
|
|
imageAlt: "indoor padel court luxury",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sarah P.",
|
|
date: "Nov 2024",
|
|
title: "Corporate",
|
|
quote: "Best team building activity we ever organized.",
|
|
tag: "Organizer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-playing-paddle-tennis_23-2149443580.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tennis-court_93675-129602.jpg?_wi=2",
|
|
imageAlt: "indoor padel court luxury",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Alex B.",
|
|
date: "Oct 2024",
|
|
title: "Athlete",
|
|
quote: "Tournament organization is absolutely flawless.",
|
|
tag: "Tournament Regular",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-women-doing-squats-outdoors_23-2149041641.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/women-playing-paddle-tennis-together_23-2149459009.jpg?_wi=2",
|
|
imageAlt: "indoor padel court luxury",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Elena R.",
|
|
date: "Sep 2024",
|
|
title: "Frequent Player",
|
|
quote: "The 24/7 access makes training incredibly convenient.",
|
|
tag: "Night Owl",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/empty-blurry-paddle-tennis-field_23-2149458997.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sporty-women-playing-paddle-tennis_23-2149443550.jpg?_wi=2",
|
|
imageAlt: "indoor padel court luxury",
|
|
},
|
|
]}
|
|
title="Player Voices"
|
|
description="Hear from our passionate padel community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Papa Padel"
|
|
columns={[
|
|
{
|
|
title: "Clubs",
|
|
items: [
|
|
{
|
|
label: "Inter Sever",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "CSKA Stadium",
|
|
href: "/",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contacts",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|