Update src/app/page.tsx

This commit is contained in:
2026-05-09 12:31:02 +00:00
parent 39e22fbfb3
commit e0db0a2b61

View File

@@ -7,38 +7,34 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { CalendarDays, Users, Wine } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleCentered
navItems={[
{
name: "Inicio", id: "hero"},
{
name: "Sobre Nosotros", id: "about"},
{
name: "Nuestra Carta", id: "products"},
{
name: "Contacto", id: "contact"},
{ name: "Inicio", id: "hero" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Nuestra Carta", id: "products" },
{ name: "Contacto", id: "contact" },
]}
brandName="El Desembarco"
/>
@@ -49,8 +45,7 @@ export default function LandingPage() {
logoText="El Desembarco Castelar"
description="Una experiencia culinaria única, donde los sabores de siempre se encuentran con la vanguardia en el corazón de Castelar."
buttons={[
{
text: "Ver nuestra carta", href: "#products"},
{ text: "Ver nuestra carta", href: "#products" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=1"
@@ -65,12 +60,9 @@ export default function LandingPage() {
title="Nuestra Historia"
description="Nacido de la pasión por la buena mesa, El Desembarco es el refugio ideal para quienes buscan momentos inolvidables en Castelar. Seleccionamos los mejores ingredientes locales para ofrecerte una propuesta gastronómica que respeta la tradición e innova en cada detalle."
bulletPoints={[
{
title: "Cocina de Autor", description: "Platos únicos creados con técnica y corazón."},
{
title: "Ambiente Distinguido", description: "Un espacio diseñado para disfrutar en compañía."},
{
title: "Ingredientes Locales", description: "Apoyamos a productores de la zona garantizando frescura."},
{ title: "Cocina de Autor", description: "Platos únicos creados con técnica y corazón." },
{ title: "Ambiente Distinguido", description: "Un espacio diseñado para disfrutar en compañía." },
{ title: "Ingredientes Locales", description: "Apoyamos a productores de la zona garantizando frescura." },
]}
imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=1"
imageAlt="Interior acogedor del restaurante"
@@ -84,15 +76,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Carta Estacional", description: "Platos que cambian con las estaciones.", bentoComponent: "reveal-icon", icon: CalendarDays,
},
{
title: "Bodega Selecta", description: "Los mejores vinos para maridar tu elección.", bentoComponent: "reveal-icon", icon: Wine,
},
{
title: "Eventos Privados", description: "Tu celebración especial en el mejor lugar.", bentoComponent: "reveal-icon", icon: Users,
},
{ title: "Carta Estacional", description: "Platos que cambian con las estaciones.", bentoComponent: "reveal-icon", icon: CalendarDays },
{ title: "Bodega Selecta", description: "Los mejores vinos para maridar tu elección.", bentoComponent: "reveal-icon", icon: Wine },
{ title: "Eventos Privados", description: "Tu celebración especial en el mejor lugar.", bentoComponent: "reveal-icon", icon: Users },
]}
title="Por qué elegirnos"
description="Más que un restaurante, un punto de encuentro con lo mejor de nuestra ciudad."
@@ -106,18 +92,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1", name: "Ojo de Bife", price: "$18,000", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=1", imageAlt: "Ojo de Bife"},
{
id: "2", name: "Risotto de Hongos", price: "$14,500", imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=1", imageAlt: "Risotto"},
{
id: "3", name: "Pesca del Día", price: "$16,200", imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=1", imageAlt: "Pesca"},
{
id: "4", name: "Pasta Artesanal", price: "$13,800", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-pasta-meal-blue-plate-dinner-ice-background_140725-142333.jpg", imageAlt: "Pasta"},
{
id: "5", name: "Ensalada Gourmet", price: "$11,500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-greek-salad-with-christmas-toys-round-white-plate-table_176474-3370.jpg", imageAlt: "Ensalada"},
{
id: "6", name: "Postre del Chef", price: "$9,500", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-torching-dessert_23-2149720781.jpg", imageAlt: "Postre"},
{ id: "1", name: "Ojo de Bife", price: "$18,000", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=1", imageAlt: "Ojo de Bife" },
{ id: "2", name: "Risotto de Hongos", price: "$14,500", imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=1", imageAlt: "Risotto" },
{ id: "3", name: "Pesca del Día", price: "$16,200", imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=1", imageAlt: "Pesca" },
]}
title="Nuestra Selección"
description="Platos destacados de nuestra cocina."
@@ -131,12 +108,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "10+", description: "Años de experiencia"},
{
id: "2", value: "1000+", description: "Clientes felices mensuales"},
{
id: "3", value: "50+", description: "Platos en nuestra historia"},
{ id: "1", value: "10+", description: "Años de experiencia" },
{ id: "2", value: "1000+", description: "Clientes felices mensuales" },
{ id: "3", value: "50+", description: "Platos en nuestra historia" },
]}
title="Nuestra trayectoria"
description="Números que reflejan la confianza de nuestros clientes."
@@ -144,31 +118,25 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
<TestimonialCardOne
textboxLayout="default"
useInvertedBackground={true}
animationType="blur-reveal"
gridVariant="three-columns-all-equal-width"
testimonials={[
{
id: "1", name: "Juan Perez", date: "10/2023", title: "Excelente", quote: "La comida es deliciosa y el ambiente inmejorable.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=2", imageAlt: "smiling person portrait"},
{
id: "2", name: "Ana G.", date: "11/2023", title: "Maravilloso", quote: "Una cena perfecta. Volveré sin duda.", tag: "Frecuente", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=2", imageAlt: "smiling person portrait"},
{
id: "3", name: "Carlos L.", date: "12/2023", title: "Impresionante", quote: "El servicio es de otro nivel en Castelar.", tag: "Nueva Visita", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=2", imageAlt: "smiling person portrait"},
{
id: "4", name: "Sofia V.", date: "01/2024", title: "Gran calidad", quote: "La pasta es casera y se nota el cariño.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-middleaged-brunette-woman-glasses_169016-26125.jpg", imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=2", imageAlt: "smiling person portrait"},
{
id: "5", name: "Roberto M.", date: "02/2024", title: "Muy recomendado", quote: "El lugar ideal para una cita especial.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=2", imageAlt: "smiling person portrait"},
{ id: "1", name: "Juan Perez", role: "Regular", company: "Cliente", rating: 5 },
{ id: "2", name: "Ana G.", role: "Frecuente", company: "Cliente", rating: 5 },
{ id: "3", name: "Carlos L.", role: "Nueva Visita", company: "Cliente", rating: 5 },
]}
title="Lo que dicen de nosotros"
description="Historias de quienes ya nos visitaron."
description="Historias de quienes ya nos visitaron en nuestro espacio relajado."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
tag="Contacto"
title="Reserva tu Mesa"
description="Estamos en Castelar, listos para recibirte. Déjanos tu email para recibir novedades y reservas."
@@ -179,10 +147,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="El Desembarco"
leftLink={{
text: "Privacidad", href: "#"}}
rightLink={{
text: "Términos", href: "#"}}
leftLink={{ text: "Privacidad", href: "#" }}
rightLink={{ text: "Términos", href: "#" }}
/>
</div>
</ReactLenis>