Update src/app/menu/page.tsx

Update src/app/page.tsx
2026-03-12 18:24:15 +00:00 · 2026-03-12 18:23:51 +00:00 · 2026-03-12 18:23:50 +00:00 · 2026-03-12 16:50:36 +00:00 · 2026-03-12 16:50:10 +00:00 · 2026-03-12 16:48:47 +00:00
2 changed files with 126 additions and 68 deletions
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -1,15 +1,67 @@
 "use client";

+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroCentered from "@/components/sections/hero/HeroCentered";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import Link from "next/link";
+import Link from 'next/link';

 export default function MenuPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Experience", id: "/experience" },
+    { name: "Menu", id: "/menu" },
+    { name: "Reservations", id: "/reservations" },
+    { name: "Location", id: "/location" },
+  ];
+
+  const especialidades = [
+    {
+      id: "esp-1",      name: "Tonkotsu Ramen Signature",      price: "$180",      variant: "Caldo de hueso de cerdo, fideos frescos, huevo marinado, brotes de bambú, cerdo asado, alga nori",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-pszek4v9.png?_wi=1",      imageAlt: "Tonkotsu Ramen Signature",      isFavorited: false,
+    },
+    {
+      id: "esp-2",      name: "Miso Ramen Clásico",      price: "$160",      variant: "Caldo de miso rojo, fideos ondulados, germinados de soya, huevo, zanahoria, maíz, cerdo marinado",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-d4peglr8.png?_wi=1",      imageAlt: "Miso Ramen Clásico",      isFavorited: false,
+    },
+    {
+      id: "esp-3",      name: "Shoyu Ramen Premium",      price: "$170",      variant: "Caldo de soja oscuro, fideos rectos, cebolleta, hongos shiitake, huevo marinado, pechuga de pollo, brotes de bambú",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-ccfo6w53.png?_wi=1",      imageAlt: "Shoyu Ramen Premium",      isFavorited: false,
+    },
+    {
+      id: "esp-4",      name: "Sushi Premium Omakase",      price: "$280",      variant: "Selección del chef: salmón, atún, pez limón, dorado, erizo, huevo de salmón, calamar, pulpo",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-9pfv8zl1.png?_wi=1",      imageAlt: "Sushi Premium Omakase",      isFavorited: false,
+    },
+  ];
+
+  const bebidas = [
+    {
+      id: "beb-1",      name: "Sake Nigori Premium",      price: "$120",      variant: "Bebida tradicional japonesa sin filtrar, dulce y cremosa, 15% alcohol",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-p2ivrre0.png?_wi=1",      imageAlt: "Sake Nigori Premium",      isFavorited: false,
+    },
+    {
+      id: "beb-2",      name: "Yuzu Cocktail",      price: "$85",      variant: "Citrus japonés fresco, sake, vodka, jugo de limón, miel, soda",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-p2ivrre0.png?_wi=2",      imageAlt: "Yuzu Cocktail",      isFavorited: false,
+    },
+    {
+      id: "beb-3",      name: "Té Matcha Helado",      price: "$65",      variant: "Polvo de matcha premium, agua destilada, hielo, azúcar de caña, opcional: leche de almendra",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-p2ivrre0.png?_wi=3",      imageAlt: "Té Matcha Helado",      isFavorited: false,
+    },
+    {
+      id: "beb-4",      name: "Sake Frío Junmai",      price: "$95",      variant: "Sake puro de arroz, aroma floral, sabor suave y limpio, 15% alcohol",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-p2ivrre0.png?_wi=4",      imageAlt: "Sake Frío Junmai",      isFavorited: false,
+    },
+  ];
+
+  const postres = [
+    {
+      id: "pos-1",      name: "Mochi de Matcha",      price: "$55",      variant: "Masa de arroz glutinoso, relleno de crema matcha, azúcar molida, harina de soya",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-pszek4v9.png?_wi=2",      imageAlt: "Mochi de Matcha",      isFavorited: false,
+    },
+    {
+      id: "pos-2",      name: "Dorayaki de Fresa",      price: "$60",      variant: "Panques azuki, mermelada de fresa fresca, crema batida, fresas frescas",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-d4peglr8.png?_wi=2",      imageAlt: "Dorayaki de Fresa",      isFavorited: false,
+    },
+    {
+      id: "pos-3",      name: "Tres Leches Mochi",      price: "$65",      variant: "Mochi de tres leches, leche condensada, crema fresca, frutas de temporada",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-ccfo6w53.png?_wi=2",      imageAlt: "Tres Leches Mochi",      isFavorited: false,
+    },
+    {
+      id: "pos-4",      name: "Tempura de Plátano",      price: "$50",      variant: "Plátano rebozado crujiente, helado de vainilla, salsa de caramelo, maní molido",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqxhkTGaf3VbJBFnaCFdN8Xsd3/uploaded-1773339773498-9pfv8zl1.png?_wi=2",      imageAlt: "Tempura de Plátano",      isFavorited: false,
+    },
+  ];
+
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
@@ -26,99 +78,103 @@ export default function MenuPage() {
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Ewi Turi"
-          navItems={[
-            { name: "Home", id: "home" },
-            { name: "Experience", id: "experience" },
-            { name: "Menu", id: "menu" },
-            { name: "Reservations", id: "reservations" },
-          ]}
+          navItems={navItems}
          button={{
-            text: "Reservar Mesa",            href: "/reservations"}}
+            text: "Reservar Mesa",            href: "/reservations"
+          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
-          title="MENÚ EXCLUSIVO\nRAMEN & SUSHI"
-          description="Descubre nuestra selección cuidadosamente elaborada de platos auténticos japoneses. Cada receta cuenta una historia de tradición y excelencia culinaria."
-          background={{ variant: "plain" }}
+          title="MENÚ"
+          description="Explora nuestras especialidades, bebidas auténticas y postres deliciosos. Cada plato cuenta una historia de sabor y tradición japonesa."
+          background={{
+            variant: "plain"
+          }}
          avatars={[
            {
-              src: "http://img.b2bpic.net/free-photo/different-type-noodles-with-eggs-seaweeds-salad-bowl-red-backdrop_23-2148123679.jpg",              alt: "Ramen with steam"},
+              src: "http://img.b2bpic.net/free-photo/different-type-noodles-with-eggs-seaweeds-salad-bowl-red-backdrop_23-2148123679.jpg",              alt: "Ramen with steam"
+            },
            {
-              src: "http://img.b2bpic.net/free-photo/salmon-sushi_1203-3574.jpg",              alt: "Premium sushi platter"},
+              src: "http://img.b2bpic.net/free-photo/salmon-sushi_1203-3574.jpg",              alt: "Premium sushi platter"
+            },
+            {
+              src: "http://img.b2bpic.net/free-photo/dessert-table-japanese_23-2148123456.jpg",              alt: "Delicious desserts"
+            },
          ]}
-          avatarText="Ingredients Carefully Sourced"
+          avatarText="Descubre el mundo del sabor japonés"
          buttons={[
            {
-              text: "Ver Menú Completo",              href: "#menu-categories"},
-            {
-              text: "Reservar Experiencia",              href: "/reservations"},
+              text: "Reservar Experiencia",              href: "/reservations"
+            },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Menu hero section"
        />
      </div>

-      <div id="menu-categories" data-section="menu-categories">
-        <FeatureCardEight
-          title="Nuestras Categorías"
-          description="Explora cada sección de nuestro menú diseñado para satisfacer todos los gustos"
-          tag="Menú"
-          features={[
-            {
-              id: 1,
-              title: "Ramen Tonkotsu",              description: "Caldo cremoso de hueso de cerdo preparado durante 18 horas con técnica tradicional. Fideos ondulados frescos, huevo marinado, tofu frito y brotes de bambú.",              imageSrc: "http://img.b2bpic.net/free-photo/different-type-noodles-with-eggs-seaweeds-salad-bowl-red-backdrop_23-2148123679.jpg"},
-            {
-              id: 2,
-              title: "Sushi Premium",              description: "Selección de nigiri y rolls preparados con pescado fresco importado diariamente. Arroz de sushi perfectamente balanceado y ingredientes premium.",              imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi_1203-3574.jpg"},
-            {
-              id: 3,
-              title: "Especialidades",              description: "Platos únicos de creación de nuestros chefs. Fusión de técnicas tradicionales con ingredientes locales para una experiencia incomparable.",              imageSrc: "http://img.b2bpic.net/free-photo/hands-finishing-wrap_23-2148259236.jpg?_wi=2"},
-            {
-              id: 4,
-              title: "Bebidas & Postres",              description: "Cócteles inspirados en Japón, sake premium y postres tradicionales como mochi de hielo y mango lassi casero.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-oriental-restaurant_1122-1389.jpg?_wi=2"},
-          ]}
+      <div id="especialidades" data-section="especialidades">
+        <ProductCardFour
+          products={especialidades}
+          title="Especialidades"
+          description="Nuestros platos más solicitados, preparados con técnicas tradicionales y ingredientes premium."
+          tag="Favorites"
+          tagAnimation="slide-up"
          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
          useInvertedBackground={false}
-          buttonAnimation="slide-up"
-          tagAnimation="opacity"
+          carouselMode="buttons"
        />
      </div>

-      <div id="experience" data-section="experience">
-        <InlineImageSplitTextAbout
-          heading={[
-            {
-              type: "text",              content: "Cada plato es una "},
-            {
-              type: "image",              src: "http://img.b2bpic.net/free-photo/elegant-oriental-restaurant_1122-1389.jpg",              alt: "Japanese restaurant atmosphere"},
-            {
-              type: "text",              content: " obra maestra culinaria"},
-          ]}
+      <div id="bebidas" data-section="bebidas">
+        <ProductCardFour
+          products={bebidas}
+          title="Bebidas"
+          description="Selección curada de bebidas tradicionales y cockteles creativos que complementan perfectamente tu experiencia culinaria."
+          tag="Beverages"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="postres" data-section="postres">
+        <ProductCardFour
+          products={postres}
+          title="Postres"
+          description="Dulces tentaciones que cierran tu experiencia con un toque de magia japonesa y sabores inolvidables."
+          tag="Desserts"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
          useInvertedBackground={false}
-          buttons={[
-            {
-              text: "Conocer Más",              href: "#gallery"},
-            {
-              text: "Contacto",              href: "#contact"},
-          ]}
-          buttonAnimation="blur-reveal"
+          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
-          text="¿Listo para explorar nuestro menú? Reserva tu mesa ahora y vive una experiencia gastronómica que transportará tus sentidos a Japón."
+          text="¿Listo para degustar nuestras especialidades? Reserva tu mesa ahora y prepárate para una experiencia gastronómica única."
          animationType="entrance-slide"
          buttons={[
            {
-              text: "Reservar Experiencia",              href: "/reservations"},
+              text: "Reservar Experiencia",              href: "/reservations"
+            },
            {
-              text: "Ver Galería",              href: "/gallery"},
+              text: "Volver al Inicio",              href: "/"
+            },
          ]}
-          background={{ variant: "plain" }}
+          background={{
+            variant: "plain"
+          }}
          useInvertedBackground={false}
        />
      </div>
@@ -127,9 +183,11 @@ export default function MenuPage() {
        <FooterLogoReveal
          logoText="Ewi Turi"
          leftLink={{
-            text: "Privacy Policy",            href: "#"}}
+            text: "Privacy Policy",            href: "#"
+          }}
          rightLink={{
-            text: "Terms",            href: "#"}}
+            text: "Terms",            href: "#"
+          }}
        />
      </div>
    </ThemeProvider>
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -193,4 +193,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	b29adeff03	Update src/app/menu/page.tsx	2026-03-12 18:24:15 +00:00
bender	5ef500385f	Update src/app/page.tsx	2026-03-12 18:23:51 +00:00
bender	faf03909d6	Update src/app/menu/page.tsx	2026-03-12 18:23:50 +00:00
bender	82098c4e9e	Merge version_1 into main Merge version_1 into main	2026-03-12 16:50:36 +00:00
bender	3cbdf40ff3	Merge version_1 into main Merge version_1 into main	2026-03-12 16:50:10 +00:00
bender	13826856e4	Merge version_1 into main Merge version_1 into main	2026-03-12 16:48:47 +00:00