Package suggestion: <package-name> for `General purpose 3D libraries`

[lukapagola-byte]

import React, { useMemo, useState } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { Separator } from "@/components/ui/separator";
import { Input } from "@/components/ui/input";
import { Search, ArrowLeft, Maximize2, Box } from "lucide-react";

// --- Datos de ejemplo --------------------------------------------------------

const DISHES = [
{
id: "txuleta",
name: "Txuleta a la brasa",
image:
"https://images.unsplash.com/photo-1551183053-bf91a1d81141?q=80&w=1400&auto=format&fit=crop",
price: 24.9,
energyKcal: 860,
origin: "Vaca vieja (Euskadi/ES) · Sal (Salinas de Añana) · Guarnición huerta local",
category: "Carne",
description:
"Txuleta madurada, sellada a la brasa de encina. Servida con pimientos del piquillo y patata asada.",
allergens: [],
ingredients: [
{ key: "carne", label: "Txuleta madurada", kcal: 720, origin: "Euskadi, España", allergens: [] },
{ key: "piquillo", label: "Pimientos del piquillo", kcal: 60, origin: "Navarra, España", allergens: [] },
{ key: "patata", label: "Patata asada", kcal: 80, origin: "Álava, España", allergens: [] },
],
model3d: "https://modelviewer.dev/shared-assets/models/Astronaut.glb", // Placeholder 3D
display3d: true,
},
{
id: "merluza",
name: "Merluza a la koskera",
image:
"https://images.unsplash.com/photo-1625944521329-61d6aa4f89cf?q=80&w=1400&auto=format&fit=crop",
price: 18.9,
energyKcal: 520,
origin: "Merluza (Cantábrico) · Espárrago de Navarra · Almeja gallega",
category: "Pescado",
description:
"Lomos de merluza en salsa verde con almejas, espárragos y huevo cocido.",
allergens: ["Pescado", "Moluscos"],
ingredients: [
{ key: "merluza", label: "Merluza del Cantábrico", kcal: 240, origin: "Mar Cantábrico", allergens: ["Pescado"] },
{ key: "almeja", label: "Almeja", kcal: 110, origin: "Galicia, España", allergens: ["Moluscos"] },
{ key: "esparrago", label: "Espárrago", kcal: 15, origin: "Navarra, España", allergens: [] },
{ key: "salsa", label: "Salsa verde", kcal: 80, origin: "Elaboración propia", allergens: [] },
{ key: "huevo", label: "Huevo cocido", kcal: 75, origin: "Gipuzkoa, España", allergens: ["Huevo"] },
],
model3d: "https://modelviewer.dev/shared-assets/models/Astronaut.glb", // Placeholder 3D
display3d: true,
},
{
id: "tarta-queso",
name: "Tarta de queso vasca",
image:
"https://images.unsplash.com/photo-1551024709-8f23befc6cf7?q=80&w=1400&auto=format&fit=crop",
price: 6.9,
energyKcal: 430,
origin: "Queso crema (FR/ES) · Nata (Navarra) · Huevo (Gipuzkoa)",
category: "Postre",
description:
"Clásica tarta de queso estilo Donostia, corazón cremoso y superficie caramelizada.",
allergens: ["Lácteos", "Huevo"],
ingredients: [
{ key: "queso", label: "Queso crema", kcal: 220, origin: "Francia/España", allergens: ["Lácteos"] },
{ key: "nata", label: "Nata 35%", kcal: 140, origin: "Navarra, España", allergens: ["Lácteos"] },
{ key: "huevo", label: "Huevo de granja", kcal: 70, origin: "Gipuzkoa, España", allergens: ["Huevo"] },
],
model3d: "https://modelviewer.dev/shared-assets/models/Astronaut.glb", // Placeholder 3D
display3d: false,
},
{
id: "ensalada",
name: "Ensalada mediterránea",
image:
"https://images.unsplash.com/photo-1587359024870-e145c650e2a4?q=80&w=1400&auto=format&fit=crop",
price: 12.5,
energyKcal: 320,
origin: "Tomates (Almería, ES) · Aceitunas (Jaén, ES) · Queso feta (Grecia)",
category: "Entrante",
description:
"Ensalada fresca de tomates cherry, pepino, cebolla morada, aceitunas y queso feta.",
allergens: ["Lácteos"],
ingredients: [
{ key: "tomate", label: "Tomates cherry", kcal: 60, origin: "Almería, España", allergens: [] },
{ key: "pepino", label: "Pepino", kcal: 20, origin: "Valencia, España", allergens: [] },
{ key: "aceituna", label: "Aceitunas verdes", kcal: 90, origin: "Jaén, España", allergens: [] },
{ key: "queso", label: "Queso feta", kcal: 150, origin: "Grecia", allergens: ["Lácteos"] },
],
model3d: "https://modelviewer.dev/shared-assets/models/Astronaut.glb", // Placeholder 3D
display3d: false,
},
];

// Aquí va el código de la vista y lógica, que puedes utilizar como base para tu proyecto web