Update src/app/page.tsx
This commit is contained in:
114
src/app/page.tsx
114
src/app/page.tsx
@@ -7,38 +7,34 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
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 ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
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";
|
import { CalendarDays, Users, Wine } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="hover-bubble"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="rounded"
|
borderRadius="soft"
|
||||||
contentWidth="mediumLarge"
|
contentWidth="medium"
|
||||||
sizing="largeSmallSizeLargeTitles"
|
sizing="mediumLargeSizeMediumTitles"
|
||||||
background="noise"
|
background="none"
|
||||||
cardStyle="gradient-mesh"
|
cardStyle="subtle-shadow"
|
||||||
primaryButtonStyle="diagonal-gradient"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Inicio", id: "hero" },
|
||||||
name: "Inicio", id: "hero"},
|
{ name: "Sobre Nosotros", id: "about" },
|
||||||
{
|
{ name: "Nuestra Carta", id: "products" },
|
||||||
name: "Sobre Nosotros", id: "about"},
|
{ name: "Contacto", id: "contact" },
|
||||||
{
|
|
||||||
name: "Nuestra Carta", id: "products"},
|
|
||||||
{
|
|
||||||
name: "Contacto", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="El Desembarco"
|
brandName="El Desembarco"
|
||||||
/>
|
/>
|
||||||
@@ -49,8 +45,7 @@ export default function LandingPage() {
|
|||||||
logoText="El Desembarco Castelar"
|
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."
|
description="Una experiencia culinaria única, donde los sabores de siempre se encuentran con la vanguardia en el corazón de Castelar."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Ver nuestra carta", href: "#products" },
|
||||||
text: "Ver nuestra carta", href: "#products"},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=1"
|
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"
|
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."
|
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={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Cocina de Autor", description: "Platos únicos creados con técnica y corazón." },
|
||||||
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: "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"
|
imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=1"
|
||||||
imageAlt="Interior acogedor del restaurante"
|
imageAlt="Interior acogedor del restaurante"
|
||||||
@@ -84,15 +76,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Carta Estacional", description: "Platos que cambian con las estaciones.", bentoComponent: "reveal-icon", icon: CalendarDays },
|
||||||
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: "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"
|
title="Por qué elegirnos"
|
||||||
description="Más que un restaurante, un punto de encuentro con lo mejor de nuestra ciudad."
|
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"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
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: "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: "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"},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestra Selección"
|
title="Nuestra Selección"
|
||||||
description="Platos destacados de nuestra cocina."
|
description="Platos destacados de nuestra cocina."
|
||||||
@@ -131,12 +108,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "10+", description: "Años de experiencia" },
|
||||||
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: "2", value: "1000+", description: "Clientes felices mensuales"},
|
|
||||||
{
|
|
||||||
id: "3", value: "50+", description: "Platos en nuestra historia"},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestra trayectoria"
|
title="Nuestra trayectoria"
|
||||||
description="Números que reflejan la confianza de nuestros clientes."
|
description="Números que reflejan la confianza de nuestros clientes."
|
||||||
@@ -144,31 +118,25 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
animationType="blur-reveal"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Juan Perez", role: "Regular", company: "Cliente", rating: 5 },
|
||||||
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.", role: "Frecuente", company: "Cliente", rating: 5 },
|
||||||
{
|
{ id: "3", name: "Carlos L.", role: "Nueva Visita", company: "Cliente", rating: 5 },
|
||||||
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"},
|
|
||||||
]}
|
]}
|
||||||
title="Lo que dicen de nosotros"
|
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>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
tag="Contacto"
|
tag="Contacto"
|
||||||
title="Reserva tu Mesa"
|
title="Reserva tu Mesa"
|
||||||
description="Estamos en Castelar, listos para recibirte. Déjanos tu email para recibir novedades y reservas."
|
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">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="El Desembarco"
|
logoText="El Desembarco"
|
||||||
leftLink={{
|
leftLink={{ text: "Privacidad", href: "#" }}
|
||||||
text: "Privacidad", href: "#"}}
|
rightLink={{ text: "Términos", href: "#" }}
|
||||||
rightLink={{
|
|
||||||
text: "Términos", href: "#"}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user