Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e0811fb6d1 | |||
| 492c0c1e26 | |||
| 79afa4bb77 | |||
| 873f50f1de | |||
| 1435e9218f | |||
| 776aed471f | |||
| 13fce94008 |
334
src/app/page.tsx
334
src/app/page.tsx
@@ -3,237 +3,141 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Coffee, Users } from "lucide-react";
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PilatesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="El Reencuentro"
|
||||
button={{ text: "Reservations", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Clases", id: "features" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Pilates10"
|
||||
button={{ text: "Reserva", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Restaurante El Reencuentro"
|
||||
description="Authentic local flavors in the heart of Madrid. Experience homemade food where locals gather."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#features"},
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg"
|
||||
imageAlt="cozy authentic madrid restaurant atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nuts-decoration-wooden-plates_23-2147690224.jpg", alt: "Nuts decoration on wooden plates"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg", alt: "Minimalist and spacious interior design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nut-decoration-with-candles-box_23-2147690205.jpg", alt: "Nut decoration with candles and box"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg", alt: "Dining room background for zoom calls"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people_273609-1727.jpg", alt: "People"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Authentic Madrid Cuisine"},
|
||||
{
|
||||
type: "text", text: "Daily Homemade Menus"},
|
||||
{
|
||||
type: "text", text: "Local Favorite"},
|
||||
{
|
||||
type: "text", text: "Fresh Ingredients"},
|
||||
{
|
||||
type: "text", text: "Casual & Warm Atmosphere"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Pilates10"
|
||||
description="Tu centro de Pilates en Fermín Caballero. Especialistas en mejorar tu postura y bienestar a través de Pilates con máquinas y un ambiente profesional, acogedor y cercano."
|
||||
buttons={[
|
||||
{ text: "Ver Clases", href: "#features" },
|
||||
{ text: "Contacto", href: "#contact" }
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1599901860904-17e6ed7083a0?q=80&w=1200&h=800"
|
||||
imageAlt="Estudio de Pilates moderno"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Gem Filled with Locals"
|
||||
description="Located in Fuencarral-El Pardo, we pride ourselves on authentic daily menus and generous portions that make you feel right at home."
|
||||
metrics={[
|
||||
{
|
||||
value: "480+", title: "Reviews"},
|
||||
{
|
||||
value: "4.4", title: "Rating"},
|
||||
{
|
||||
value: "100%", title: "Homemade"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-background-with-dish-boiled-vongole-clams-table-cafe-with-copy-space-idea-splash-screen-banner_166373-2956.jpg"
|
||||
imageAlt="fresh paella serving on table"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Un espacio dedicado a tu bienestar y postura' }]}
|
||||
useInvertedBackground={true}
|
||||
className="py-20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Paella", description: "Authentic recipe with fresh seafood and traditional spices.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-dinner-background-with-bunch-green-oil-bottle-garlic-ketchup_140725-92010.jpg", imageAlt: "delicious traditional paella plate"},
|
||||
{
|
||||
title: "Tender Codillo", description: "Slow-cooked pork shank, prepared to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/fried-sausage-with-cheese-table_140725-4711.jpg", imageAlt: "slow cooked pork codillo dish"},
|
||||
{
|
||||
title: "Classic Tapas", description: "A variety of local favorites to share with friends and family.", imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-french-fry-into-ketchup-restaurant_140725-10811.jpg", imageAlt: "crispy french fries tapas style"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Taste the traditional dishes our guests love the most."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
title="Nuestra oferta de clases"
|
||||
description="Programas diseñados para todos los niveles, enfocados en técnica, fuerza y flexibilidad."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", label: "Iniciación", title: "Pilates para todos", items: ["Fundamentos de control", "Conciencia corporal", "Introducción al equipo"], buttons: [{ text: "Info", href: "#contact" }] },
|
||||
{ id: "2", label: "Avanzado", title: "Pilates con máquinas", items: ["Refinamiento postural", "Fortalecimiento profundo", "Uso de reformer"], buttons: [{ text: "Info", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Users,
|
||||
title: "Daily Visitors", value: "200+"},
|
||||
{
|
||||
id: "m2", icon: Coffee,
|
||||
title: "Daily Menus", value: "15+"},
|
||||
{
|
||||
id: "m3", icon: Award,
|
||||
title: "Years Experience", value: "10+"},
|
||||
]}
|
||||
title="Why Locals Love Us"
|
||||
description="Consistency, variety, and heart in every meal."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
title="Resultados comprobados"
|
||||
description="Nuestra comunidad confía en nuestro método basado en la precisión y el cuidado personalizado."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10+", title: "Años de experiencia", items: ["Postura", "Rehabilitación", "Bienestar"] },
|
||||
{ id: "m2", value: "500+", title: "Alumnos felices", items: ["Clientes leales", "Resultados visibles", "Ambiente cercano"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sirey Diaz", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
|
||||
{
|
||||
id: "2", name: "Francisco Lopez", role: "Guide", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg"},
|
||||
{
|
||||
id: "3", name: "Tom Brenna", role: "Tourist", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg"},
|
||||
{
|
||||
id: "4", name: "Maria Garcia", role: "Regular", company: "Madrid", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19905.jpg"},
|
||||
{
|
||||
id: "5", name: "Juan Perez", role: "Regular", company: "Fuencarral", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg"},
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="What our patrons say about their experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="El ambiente en Pilates10 es inmejorable. He mejorado mi postura de forma increíble gracias a la atención profesional de sus instructores."
|
||||
rating={5}
|
||||
author="Ana M. - Cliente habitual"
|
||||
avatars={[{ src: "https://i.pravatar.cc/100?u=1", alt: "Ana" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do I need a reservation?", content: "We recommend it during peak times, but walk-ins are always welcome."},
|
||||
{
|
||||
id: "f2", title: "Is there outdoor seating?", content: "Yes, we have a pleasant outdoor area available."},
|
||||
{
|
||||
id: "f3", title: "Are you open on weekends?", content: "We are open daily to serve you our best."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know before visiting El Reencuentro."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg"
|
||||
imageAlt="Minimalist and spacious interior design"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Preguntas frecuentes"
|
||||
description="Resuelve tus dudas sobre nuestras clases y metodología."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Es necesario tener experiencia previa?", content: "No. En Pilates10 adaptamos las clases a todos los niveles, desde principiantes hasta avanzados." },
|
||||
{ id: "q2", title: "¿Qué beneficios tiene el pilates con máquinas?", content: "El uso de máquinas proporciona resistencia y soporte para corregir la postura y trabajar músculos específicos con mayor control." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Great Meal?"
|
||||
description="Join us today at C. de Fermín Caballero, 42. We look forward to serving you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 910 55 93 39", href: "tel:910559339"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="¡Únete ahora!"
|
||||
title="Empieza tu transformación"
|
||||
description="Estamos ubicados en Calle Fermín Caballero. Contáctanos hoy para reservar tu primera sesión."
|
||||
buttons={[{ text: "Escríbenos por WhatsApp", href: "https://wa.me/" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 El Reencuentro Madrid"
|
||||
bottomRightText="All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Pilates10", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Ubicación", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Pilates10 Fermín Caballero"
|
||||
bottomRightText="Tu centro de confianza"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user