bender/ebb56892-09d7-4733-aedb-2eb4e0fadeff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 2: modified src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 05:10:44 +00:00
parent 1a5363cf2d
commit cd6c0a2f77
1 changed files with 68 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Menú", id: "menu" },
{ name: "Contacto", id: "contact" },
]}
brandName="El Péndulo"
/>
@@ -54,65 +42,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "radial-gradient",
}}
title="El Péndulo: Culinary Excellence"
description="Experience an unforgettable dining journey where passion for food meets elegant sophistication."
background={{ variant: "radial-gradient" }}
title="El Péndulo: Excelencia Culinaria"
description="Viva un viaje gastronómico inolvidable donde la pasión por la comida se encuentra con la elegancia."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-red-hat-talking-with-man_171337-16410.jpg",
alt: "happy diner restaurant table",
},
{
src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg",
alt: "elegant customer dining evening",
},
{
src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg",
alt: "happy couple dining restaurant",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
alt: "pleased guest restaurant fine dining",
},
{
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg",
alt: "Couple having a date together at a luxurious restaurant",
},
]}
buttons={[
{
text: "Book a Table",
href: "#contact",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-red-hat-talking-with-man_171337-16410.jpg", alt: "diner" },
{ src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg", alt: "diner" },
{ src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg", alt: "diner" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", alt: "diner" },
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg", alt: "diner" },
]}
buttons={[{ text: "Reservar Mesa", href: "#contact" }]}
marqueeItems={[
{
type: "text-icon",
text: "Michelin Recommended",
icon: Award,
},
{
type: "text-icon",
text: "Seasonal Ingredients",
icon: Leaf,
},
{
type: "text-icon",
text: "Expert Sommeliers",
icon: Wine,
},
{
type: "text-icon",
text: "Private Events",
icon: Users,
},
{
type: "text-icon",
text: "Fine Dining",
icon: Utensils,
},
{ type: "text-icon", text: "Recomendado por Michelin", icon: Award },
{ type: "text-icon", text: "Ingredientes de Temporada", icon: Leaf },
{ type: "text-icon", text: "Sumilleres Expertos", icon: Wine },
{ type: "text-icon", text: "Eventos Privados", icon: Users },
{ type: "text-icon", text: "Alta Cocina", icon: Utensils },
]}
/>
</div>
@@ -120,14 +66,14 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Crafted with Passion"
description="El Péndulo is dedicated to the art of fine dining, bringing global inspirations to your table."
subdescription="Every ingredient is sourced with care to ensure the finest culinary quality."
tag="Nuestra Historia"
title="Creado con Pasión"
description="El Péndulo se dedica al arte de la alta cocina, trayendo inspiraciones globales a su mesa."
subdescription="Cada ingrediente se selecciona con cuidado para garantizar la máxima calidad culinaria."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg"
mediaAnimation="blur-reveal"
imageAlt="professional chef cooking modern restaurant"
imageAlt="chef profesional cocinando"
/>
</div>
@@ -138,45 +84,15 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Signature Appetizer",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg",
},
{
id: "p2",
name: "Artisan Pasta",
price: "$24",
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-red-caviar-salmon-avocado_140725-6797.jpg",
},
{
id: "p3",
name: "Prime Steak",
price: "$42",
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg",
},
{
id: "p4",
name: "Decadent Dessert",
price: "$14",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg",
},
{
id: "p5",
name: "Garden Fresh Salad",
price: "$16",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-cucumber-bell-peppers-red-onion-grated-parmesan-parsley_140725-8477.jpg",
},
{
id: "p6",
name: "Chef's Seafood Platter",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/mussels-cream-sauce-served-with-green-salad_140725-5873.jpg",
},
{ id: "p1", name: "Entrante de Autor", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg" },
{ id: "p2", name: "Pasta Artesanal", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-red-caviar-salmon-avocado_140725-6797.jpg" },
{ id: "p3", name: "Steak de Primera", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg" },
{ id: "p4", name: "Postre Decadente", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg" },
{ id: "p5", name: "Ensalada Fresca", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-cucumber-bell-peppers-red-onion-grated-parmesan-parsley_140725-8477.jpg" },
{ id: "p6", name: "Plato de Marisco", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/mussels-cream-sauce-served-with-green-salad_140725-5873.jpg" },
]}
title="Our Culinary Creations"
description="Explore our signature dishes crafted by our expert chefs."
title="Nuestras Creaciones"
description="Explore nuestros platos estrella creados por nuestros expertos chefs."
/>
</div>
@@ -185,27 +101,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Expert Chefs",
description: "Internationally trained culinary artists.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-prepares-shrimps-ai-generated-image_511042-1788.jpg",
imageAlt: "professional chef cooking modern restaurant",
},
{
title: "Farm to Table",
description: "Fresh, local, and sustainable ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3264.jpg",
imageAlt: "fresh gourmet salad dish restaurant",
},
{
title: "Cozy Ambience",
description: "Perfect lighting for intimate gatherings.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-reception-hall-with-decorated-luxury-table-setting_181624-13771.jpg",
imageAlt: "elegant restaurant table setting top view",
},
{ title: "Chefs Expertos", description: "Artistas culinarios formados internacionalmente.", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-prepares-shrimps-ai-generated-image_511042-1788.jpg" },
{ title: "Del Campo a la Mesa", description: "Ingredientes frescos, locales y sostenibles.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3264.jpg" },
{ title: "Ambiente Acogedor", description: "Iluminación perfecta para reuniones íntimas.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-reception-hall-with-decorated-luxury-table-setting_181624-13771.jpg" },
]}
title="Why Dine With Us?"
description="El Péndulo offers a unique blend of atmosphere and taste."
title="¿Por qué elegirnos?"
description="El Péndulo ofrece una mezcla única de atmósfera y sabor."
/>
</div>
@@ -215,36 +116,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10k+",
title: "Happy Guests",
items: [
"Serving local",
"Serving international",
],
},
{
id: "m2",
value: "50+",
title: "Menu Varieties",
items: [
"Chef signature",
"Seasonal picks",
],
},
{
id: "m3",
value: "5*",
title: "Average Rating",
items: [
"Excellent quality",
"Top service",
],
},
{ id: "m1", value: "10k+", title: "Clientes Felices", items: ["Local", "Internacional"] },
{ id: "m2", value: "50+", title: "Variedades de Menú", items: ["Autor", "Estacional"] },
{ id: "m3", value: "5*", title: "Calificación", items: ["Calidad", "Servicio"] },
]}
title="Serving Excellence"
description="Our numbers speak for the experience."
title="Excelencia en Servicio"
description="Nuestros números hablan de la experiencia."
/>
</div>
@@ -254,73 +131,29 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice M.",
handle: "@alicem",
testimonial: "Amazing flavors, the best fine dining in town.",
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
},
{
id: "t2",
name: "Bob R.",
handle: "@bobr",
testimonial: "Excellent wine pairing and service.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
},
{
id: "t3",
name: "Charlie D.",
handle: "@charlied",
testimonial: "The atmosphere is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-together-valentines-day-restaurant_1303-20372.jpg",
},
{
id: "t4",
name: "Diana K.",
handle: "@dianak",
testimonial: "Every dish was a piece of art.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-woman-having-dessert-while-working_23-2148661257.jpg",
},
{
id: "t5",
name: "Evan L.",
handle: "@evanl",
testimonial: "Simply spectacular dining experience.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-eating-donut-talking-her-boyfriend-cafe_637285-9080.jpg",
},
{ id: "t1", name: "Alice M.", handle: "@alicem", testimonial: "Sabores increíbles, la mejor alta cocina de la ciudad.", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg" },
{ id: "t2", name: "Bob R.", handle: "@bobr", testimonial: "Excelente maridaje de vinos y servicio.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg" },
{ id: "t3", name: "Charlie D.", handle: "@charlied", testimonial: "La atmósfera no tiene igual.", imageSrc: "http://img.b2bpic.net/free-photo/couple-together-valentines-day-restaurant_1303-20372.jpg" },
{ id: "t4", name: "Diana K.", handle: "@dianak", testimonial: "Cada plato era una obra de arte.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-woman-having-dessert-while-working_23-2148661257.jpg" },
{ id: "t5", name: "Evan L.", handle: "@evanl", testimonial: "Simplemente una experiencia espectacular.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-eating-donut-talking-her-boyfriend-cafe_637285-9080.jpg" },
]}
title="Guest Reviews"
description="What our patrons say about El Péndulo."
title="Reseñas"
description="Lo que nuestros comensales dicen de El Péndulo."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Reserve Your Table"
description="We look forward to welcoming you soon."
title="Reserve Su Mesa"
description="Esperamos darle la bienvenida pronto."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Nombre", required: true },
{ name: "email", type: "email", placeholder: "Correo", required: true },
]}
textarea={{
name: "message",
placeholder: "Special requests?",
required: false,
}}
textarea={{ name: "message", placeholder: "¿Alguna petición especial?", required: false }}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-wearing-apron_23-2149434487.jpg"
imageAlt="restaurant exterior entrance design"
imageAlt="restaurante exterior"
/>
</div>
@@ -328,37 +161,29 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "El Péndulo",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Our Menu",
href: "#menu",
},
title: "El Péndulo", items: [
{ label: "Sobre Nosotros", href: "#about" },
{ label: "Menú", href: "#menu" },
],
},
{
title: "Contact",
items: [
{
label: "Reserve a Table",
href: "#contact",
},
{
label: "Careers",
href: "#",
},
title: "Contacto", items: [
{ label: "Reservar", href: "#contact" },
{ label: "Carreras", href: "#" },
],
},
{
title: "Social", items: [
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
]
}
]}
bottomLeftText="© 2024 El Péndulo"
bottomRightText="All rights reserved."
bottomRightText="Todos los derechos reservados."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}