Files
8e2bdaca-dff5-412b-89f3-342…/src/app/page.tsx
2026-04-08 11:48:41 +00:00

187 lines
8.4 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"}
]}
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>
);
}