290 lines
9.3 KiB
TypeScript
290 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Canchas",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Amenities",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Precios",
|
|
id: "pricing",
|
|
},
|
|
]}
|
|
brandName="First Padel Center"
|
|
button={{
|
|
text: "Reservar Ahora",
|
|
href: "https://wa.me/541127589272?text=Hola,%20quiero%20reservar%20una%20cancha.",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Jugá en el mejor nivel. Quedate a disfrutarlo."
|
|
description="6 canchas premium cubiertas y descubiertas. Parrilla, bar y estacionamiento propio en el corazón de Villa del Parque."
|
|
tag="6 Canchas. 1 Experiencia."
|
|
buttons={[
|
|
{
|
|
text: "Reservar cancha",
|
|
href: "https://wa.me/541127589272?text=Hola,%20quiero%20reservar%20una%20cancha.",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-playing-tennis_1321-4502.jpg",
|
|
imageAlt: "Canchas premium de pádel",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-playing-paddle-tennis-side-view_23-2149443558.jpg",
|
|
imageAlt: "Ambiente del predio",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg",
|
|
imageAlt: "Zona de bar y parrilla",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fit-women-drinking-water_1153-3142.jpg",
|
|
imageAlt: "Comunidad en cancha",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-tennis-court_23-2148250929.jpg",
|
|
imageAlt: "Experiencia deportiva",
|
|
},
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="Más de 7.800 seguidores en Instagram"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "4 Canchas Cubiertas",
|
|
description: "Jugá sin importar el clima con iluminación profesional LED.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-playing-paddle-tennis-side-view_23-2149443558.jpg",
|
|
imageAlt: "Canchas cubiertas",
|
|
},
|
|
{
|
|
title: "2 Canchas Descubiertas",
|
|
description: "Disfrutá al aire libre con las mejores condiciones de juego.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-playing-paddle-tennis-side-view_23-2149443558.jpg",
|
|
imageAlt: "Canchas descubiertas",
|
|
},
|
|
{
|
|
title: "Parrilla y Bar",
|
|
description: "Tu tercer tiempo en el mejor lugar. La mejor gastronomía post-partido.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg",
|
|
imageAlt: "Zona de parrilla",
|
|
},
|
|
{
|
|
title: "Estacionamiento Privado",
|
|
description: "Comodidad total para llegar directo a tu turno sin demoras.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-playing-tennis_1321-4502.jpg",
|
|
imageAlt: "Estacionamiento",
|
|
},
|
|
{
|
|
title: "Vestuarios Premium",
|
|
description: "Instalaciones renovadas, seguras y equipadas para tu mayor comodidad.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-ready-play-paddle-tennis-inside_23-2149444564.jpg",
|
|
imageAlt: "Vestuarios",
|
|
},
|
|
]}
|
|
title="Instalaciones de Primer Nivel"
|
|
description="Contamos con la infraestructura más completa de CABA para que disfrutes del pádel antes, durante y después del partido."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "estandar",
|
|
badge: "Publico",
|
|
price: "Consulta",
|
|
subtitle: "Reservas por turno público general.",
|
|
buttons: [
|
|
{
|
|
text: "Reservar",
|
|
href: "https://wa.me/541127589272",
|
|
},
|
|
],
|
|
features: [
|
|
"Acceso total",
|
|
"Canchas premium",
|
|
"Estacionamiento incluido",
|
|
],
|
|
},
|
|
{
|
|
id: "socio",
|
|
badge: "Convenio Comunicaciones",
|
|
price: "50% OFF",
|
|
subtitle: "Socios Comunicaciones (L-V 8-16hs).",
|
|
buttons: [
|
|
{
|
|
text: "Reservar con descuento",
|
|
href: "https://wa.me/541127589272?text=Hola,%20soy%20socio%20de%20Comunicaciones,%20quiero%20el%20beneficio.",
|
|
},
|
|
],
|
|
features: [
|
|
"50% de descuento",
|
|
"Acceso prioritario",
|
|
"Validar con credencial",
|
|
],
|
|
},
|
|
]}
|
|
title="Tarifas y Beneficios"
|
|
description="Elige tu momento y disfruta de un complejo premium."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Juan Pérez",
|
|
role: "Jugador Amateur",
|
|
company: "Villa del Parque",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fit-women-drinking-water_1153-3142.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Lucía Gómez",
|
|
role: "Jugadora",
|
|
company: "Villa Devoto",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-ready-play-paddle-tennis-inside_23-2149444564.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Marcos Rossi",
|
|
role: "Entusiasta",
|
|
company: "Agronomía",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tennis-player-with-racket-ball_23-2147644423.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sofía Díaz",
|
|
role: "Profesional",
|
|
company: "Paternal",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tennis-players-leaning-against-each-other_23-2147661800.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Carlos Ruiz",
|
|
role: "Jugador Frecuente",
|
|
company: "Villa Urquiza",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-tennis-court_23-2148250929.jpg",
|
|
},
|
|
]}
|
|
title="Lo que dicen nuestros jugadores"
|
|
description="La experiencia First Padel Center avalada por nuestra comunidad."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Ubicación"
|
|
title="Encontranos en el mapa"
|
|
description="Av. Francisco Beiró 2720/2750, Villa del Parque. ¡Tu cancha te espera!"
|
|
buttonText="Abrir WhatsApp"
|
|
onSubmit={(email) => console.log(email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="First Padel Center"
|
|
columns={[
|
|
{
|
|
title: "Contacto",
|
|
items: [
|
|
{
|
|
label: "011 2758-9272",
|
|
href: "tel:01127589272",
|
|
},
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/541127589272",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Links",
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "https://instagram.com/firstpadelcenter",
|
|
},
|
|
{
|
|
label: "Club Comunicaciones",
|
|
href: "https://clubcomunicaciones.com.ar",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|