Merge version_3 into main #4
150
src/app/page.tsx
150
src/app/page.tsx
@@ -30,16 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Menú", id: "menu"},
|
||||
{
|
||||
name: "Experiencia", id: "experience"},
|
||||
{
|
||||
name: "Contacto", id: "contact"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Experiencia", id: "experience" },
|
||||
{ name: "Reservas", id: "/reservas" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="La Stanza"
|
||||
/>
|
||||
@@ -47,43 +43,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Auténtica experiencia italiana en cada detalle"
|
||||
description="Sabores tradicionales, elegancia moderna en el corazón de la ciudad."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar mesa", href: "#contact"},
|
||||
{
|
||||
text: "Ver menú", href: "#menu"},
|
||||
{ text: "Reservar mesa", href: "/reservas" },
|
||||
{ text: "Ver menú", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg", alt: "Restaurant hall with round table some chairs fireplace and plants"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg", alt: "Romantic table setting for wedding reception with sea view through the windows"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg", alt: "Close up of restaurant table with pink velvet chairs in grey painted hall with classic paintings"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Luxury meeting and dining room table and multiple chairs"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shot-professional-old-chef-dressed-uniform-holding-kitchen-spatula-tongs_613910-17564.jpg", alt: "Shot of professional old chef dressed in uniform holding kitchen spatula and tongs."},
|
||||
]}
|
||||
avatarText="Más de 5000 comensales satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Authentic Cuisine"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-person-with-pizza-cutter-utensils_23-2148296889.jpg", alt: "Close-up person with pizza cutter and utensils "},
|
||||
{
|
||||
type: "text", text: "Fine Dining"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/ingredients-pasta_23-2147694275.jpg", alt: "Ingredients for pasta"},
|
||||
{
|
||||
type: "text", text: "La Stanza"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,10 +59,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia: La pasión por Italia"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conócenos más", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Conócenos más", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,21 +70,11 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Fettuccine al Tartufo", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072564.jpg"},
|
||||
{
|
||||
id: "2", name: "Filete Mignon al Barolo", price: "42€", imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2408.jpg"},
|
||||
{
|
||||
id: "3", name: "Tiramisú de Autor", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-tiramisu-little-glasses-with-powder-white-table_181624-57517.jpg"},
|
||||
{
|
||||
id: "4", name: "Bruschetta Tradizionale", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/slices-bruschetta-black-wooden-board_23-2148698659.jpg"},
|
||||
{
|
||||
id: "5", name: "Risotto allo Zafferano", price: "26€", imageSrc: "http://img.b2bpic.net/free-photo/creamy-risotto-garnished-with-parsley-parmesan-cheese_9975-124762.jpg"},
|
||||
{
|
||||
id: "6", name: "Panna Cotta ai Frutti", price: "13€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cupcakes-with-flowers_23-2149453787.jpg"},
|
||||
{ id: "1", name: "Fettuccine al Tartufo", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072564.jpg" },
|
||||
{ id: "2", name: "Filete Mignon al Barolo", price: "42€", imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2408.jpg" },
|
||||
]}
|
||||
title="Nuestro Menú"
|
||||
description="Una selección curada de platillos tradicionales con técnicas contemporáneas."
|
||||
description="Una selección curada de platillos tradicionales."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,14 +84,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingredientes Frescos", description: "Productos de origen garantizado directamente de Italia.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-vegetables-dinner-close-up-photo-dark-background-studio_482257-45416.jpg"},
|
||||
{
|
||||
title: "Chef de Élite", description: "Culinaria de autor bajo la mano del Chef Riccardo.", imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728007.jpg"},
|
||||
{
|
||||
title: "Ambiente Premium", description: "Diseño exclusivo y atmósfera íntima para una velada inolvidable.", imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"},
|
||||
]}
|
||||
features={[]}
|
||||
title="Por qué elegirnos"
|
||||
description="Donde la tradición se encuentra con la exclusividad."
|
||||
/>
|
||||
@@ -147,26 +95,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marco Rossi", handle: "@mrossi", testimonial: "Una experiencia inigualable, la pasta fresca es de otro mundo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena Bianchi", handle: "@elena_b", testimonial: "El lugar perfecto para nuestro aniversario. La atención fue exquisita.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216159.jpg"},
|
||||
{
|
||||
id: "3", name: "Lucas Meyer", handle: "@lmeyer", testimonial: "El mejor risotto de la ciudad. Sin duda volveré muy pronto.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg"},
|
||||
{
|
||||
id: "4", name: "Sophie Laurent", handle: "@slaurent", testimonial: "Lujo italiano en cada rincón. Altamente recomendado.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg"},
|
||||
{
|
||||
id: "5", name: "David Kim", handle: "@dkim", testimonial: "La atención al detalle en este restaurante es impresionante.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La excelencia en el servicio nos ha convertido en un referente de la gastronomía italiana."
|
||||
description="La excelencia en el servicio nos ha convertido en un referente."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,14 +108,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", description: "Años de tradición culinaria"},
|
||||
{
|
||||
id: "2", value: "5000+", description: "Platos servidos con pasión"},
|
||||
{
|
||||
id: "3", value: "4.9", description: "Rating promedio global"},
|
||||
]}
|
||||
metrics={[]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Números que reflejan la excelencia y el compromiso constante."
|
||||
/>
|
||||
@@ -192,49 +117,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Reservas"
|
||||
title="Reserva tu mesa hoy"
|
||||
description="Disfruta de una velada inolvidable en La Stanza. Completa el formulario y te contactaremos para confirmar."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Contáctanos"
|
||||
description="Estamos a tu disposición para cualquier consulta."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="La Stanza Ristorante"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Menú", href: "#menu"},
|
||||
{
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Cookies", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "+34 912 345 678", href: "tel:+34912345678"},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/34912345678"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 La Stanza Ristorante. Todos los derechos reservados."
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
51
src/app/reservas/page.tsx
Normal file
51
src/app/reservas/page.tsx
Normal file
@@ -0,0 +1,51 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function ReservasPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Reservas", id: "/reservas" },
|
||||
]}
|
||||
brandName="La Stanza"
|
||||
/>
|
||||
<div className="pt-32 pb-20">
|
||||
<ContactSplitForm
|
||||
title="Reserva tu mesa"
|
||||
description="Completa los detalles para tu reserva en La Stanza."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Nombre completo" },
|
||||
{ name: "fecha", type: "date", placeholder: "Fecha" },
|
||||
{ name: "personas", type: "number", placeholder: "Número de comensales" }
|
||||
]}
|
||||
buttonText="Reservar ahora"
|
||||
onSubmit={(data) => console.log(data)}
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseCard
|
||||
logoText="La Stanza Ristorante"
|
||||
columns={[]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user