Merge version_2 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -2,15 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Facebook, Instagram, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,62 +30,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Acerca de",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reservaciones",
|
||||
id: "#reservations",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Nosotros", id: "#about" },
|
||||
{ name: "Menú", id: "#menu" },
|
||||
{ name: "Contacto", id: "#reservations" },
|
||||
]}
|
||||
brandName="Piso Uno"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<HeroBillboard
|
||||
title="Piso Uno Social Kitchen"
|
||||
description="Cocina contemporánea en un ambiente social y vibrante."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg?_wi=1",
|
||||
imageAlt: "restaurante moderno iluminación cálida interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
imageAlt: "restaurante moderno iluminación cálida interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg",
|
||||
imageAlt: "restaurante moderno iluminación cálida interior",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
description="Cocina contemporánea en un ambiente elegante y social."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "Reserva tu mesa", href: "#reservations" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
<TextSplitAbout
|
||||
title="Nuestra Filosofía"
|
||||
description={[
|
||||
"Piso Uno Social Kitchen es un espacio diseñado para conectar a través de la alta cocina.", "Nuestro enfoque minimalista combina sabores locales seleccionados con técnicas contemporáneas en un entorno sofisticado y cálido."
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
tag="Nuestra Historia"
|
||||
title="Un espacio para compartir, disfrutar y conectar"
|
||||
description="En Piso Uno Social Kitchen creemos que la comida es el punto de encuentro perfecto. Nuestro concepto combina una cocina contemporánea con un ambiente relajado y sofisticado, ideal para reuniones, celebraciones o simplemente disfrutar de una gran comida."
|
||||
subdescription="Seleccionamos ingredientes frescos y de calidad, cuidando cada detalle en la preparación para ofrecer sabores auténticos y memorables."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grilled-foie-gras_1203-3591.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,191 +64,41 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Propuesta"
|
||||
description="Platillos de autor creados con ingredientes de la más alta calidad."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Entrada de la casa",
|
||||
price: "$180",
|
||||
variant: "Fresco",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-parmesan-cheese-from-cheese-plate_140725-10808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Plato fuerte contemporáneo",
|
||||
price: "$350",
|
||||
variant: "Principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148510912.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Degustación de temporada",
|
||||
price: "$500",
|
||||
variant: "Especial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frame-made-meat-roll-gnocchi-dish-tableware-vegetable-pieces_23-2148113659.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Postre de autor",
|
||||
price: "$150",
|
||||
variant: "Dulce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247765.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Corte de carne premium",
|
||||
price: "$450",
|
||||
variant: "Principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fine-cuisine-design-made-by-chef-his-restaurant-kitchen_482257-10352.jpg",
|
||||
},
|
||||
{ id: "1", name: "Degustación de Temporada", price: "$450", variant: "Especialidad", imageSrc: "http://img.b2bpic.net/free-photo/fine-cuisine-design-made-by-chef-his-restaurant-kitchen_482257-10352.jpg" },
|
||||
{ id: "2", name: "Corte Premium", price: "$600", variant: "Plato Fuerte", imageSrc: "http://img.b2bpic.net/free-photo/grilled-foie-gras_1203-3591.jpg?_wi=1" },
|
||||
{ id: "3", name: "Entrada de Autor", price: "$280", variant: "Entrada", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148510912.jpg" }
|
||||
]}
|
||||
title="Sabores que se comparten"
|
||||
description="Nuestra propuesta gastronómica está pensada para disfrutarse en compañía."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver menú completo",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AgroLocal",
|
||||
"VinoNacional",
|
||||
"PescaFresca",
|
||||
"HuertoXalapa",
|
||||
"PanArtesanal",
|
||||
]}
|
||||
title="Nuestros socios y proveedores"
|
||||
description="Trabajamos con los mejores para garantizar frescura."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Parejas",
|
||||
price: "$800",
|
||||
period: "por pareja",
|
||||
features: [
|
||||
"Entrada",
|
||||
"Plato fuerte",
|
||||
"Bebida",
|
||||
],
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7823.jpg",
|
||||
imageAlt: "restaurante moderno iluminación cálida interior",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Social",
|
||||
price: "$2500",
|
||||
period: "grupos",
|
||||
features: [
|
||||
"Menú de 4 tiempos",
|
||||
"Bebidas ilimitadas",
|
||||
"Reserva privada",
|
||||
],
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg?_wi=2",
|
||||
imageAlt: "restaurante moderno iluminación cálida interior",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Celebración",
|
||||
price: "$4000",
|
||||
period: "eventos",
|
||||
features: [
|
||||
"Menú personalizado",
|
||||
"Servicio exclusivo",
|
||||
"Decoración especial",
|
||||
],
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-foie-gras_1203-3591.jpg?_wi=2",
|
||||
imageAlt: "restaurante moderno iluminación cálida interior",
|
||||
},
|
||||
]}
|
||||
title="Experiencias gastronómicas"
|
||||
description="Descubre nuestros paquetes especiales para grupos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservations" data-section="reservations">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservaciones"
|
||||
title="Reserva tu mesa"
|
||||
description="Completa el formulario para agendar tu visita a nuestro espacio."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg"
|
||||
inputPlaceholder="Tu correo electrónico"
|
||||
buttonText="Reservar mesa"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Teléfono",
|
||||
content: "228 560 9480",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Correo",
|
||||
content: "contacto@pisounosocialkitchen.com",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
title: "Dirección",
|
||||
content: "Arco Sur 72, Plaza Arco Sur, Nuevo Xalapa, 91097 Xalapa-Enríquez, Veracruz",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Reservaciones"
|
||||
description="Agenda tu experiencia en Piso Uno. Por favor, indícanos cuántas personas nos acompañarán."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Nombre completo" },
|
||||
{ name: "fecha", type: "date", placeholder: "Fecha de reserva" }
|
||||
]}
|
||||
sideTitle="Información de contacto"
|
||||
sideDescription="Estamos listos para atenderte."
|
||||
faqsAnimation="blur-reveal"
|
||||
buttonText="Solicitar Reserva"
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Piso Uno"
|
||||
copyrightText="© 2025 Piso Uno Social Kitchen. Abierto hasta las 12:00 a.m."
|
||||
logoText="Piso Uno Social Kitchen"
|
||||
copyrightText="© 2025 Piso Uno. | Ubicación: Centro Histórico, Xalapa | Horario: Lun-Dom 1:00pm - 12:00am"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user