Skip to content

Commit e73099f

Browse files
T4ndraxxT4ndraxx
authored
Create Menu Perita en Dulce
1 parent 637b5d3 commit e73099f

File tree

1 file changed

+176
-0
lines changed

1 file changed

+176
-0
lines changed

‎Menu Perita en Dulce‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
import React from 'react';
2+
import { Card, CardContent } from '@/components/ui/card';
3+
import { Coffee, UtensilsCrossed, Clock, ChefHat } from 'lucide-react';
4+
5+
const Menu = () => {
6+
return (
7+
<div className="max-w-4xl mx-auto p-4 md:p-8 bg-orange-50">
8+
{/* Encabezado */}
9+
<header className="text-center mb-8 bg-white rounded-lg p-6 shadow-sm">
10+
<h1 className="text-3xl md:text-4xl font-semibold text-orange-800 mb-2">Perita en Dulce</h1>
11+
<p className="text-lg text-orange-600 mb-4">Sabores que enamoran</p>
12+
<div className="text-gray-600 space-y-1">
13+
<p>Calle 15, Carrera 34</p>
14+
<p>Diagonal a la Clínica Diaxme</p>
15+
<p>Barrio Nuevo Ricaurte</p>
16+
<p className="font-medium">Tel: 3206349839</p>
17+
</div>
18+
</header>
19+
20+
<div className="grid gap-8">
21+
{/* Sección Desayunos */}
22+
<MenuSection
23+
icon={<ChefHat className="w-6 h-6 text-orange-600" />}
24+
title="Desayunos"
25+
subtitle="Disponibles hasta las 11:30 AM"
26+
price="8.000"
27+
items={[
28+
{
29+
title: "Caldo de Costilla",
30+
desc: "Tradicional sopa colombiana de costilla de res, servida con arepa",
31+
highlight: true
32+
},
33+
{
34+
title: "Changua",
35+
desc: "Sopa de leche con huevo, cilantro y cebolla, acompañada de pan"
36+
},
37+
{
38+
title: "Huevos al Gusto",
39+
desc: "Pericos • Rancheros • Cacerola • Revueltos",
40+
note: "Incluye arepa y café"
41+
},
42+
{
43+
title: "Calentado Paisa",
44+
desc: "Arroz y frijoles refritos con carne, huevo y plátano maduro"
45+
},
46+
{
47+
title: "Arepas de Queso",
48+
desc: "Rellenas de queso fundido, servidas con mantequilla"
49+
},
50+
{
51+
title: "Caldo de Pollo",
52+
desc: "Sopa ligera con verduras frescas y pechuga desmenuzada"
53+
}
54+
]}
55+
/>
56+
57+
{/* Sección Almuerzos */}
58+
<MenuSection
59+
icon={<UtensilsCrossed className="w-6 h-6 text-orange-600" />}
60+
title="Almuerzos"
61+
subtitle="De 12:00 PM a 3:00 PM"
62+
price="12.000"
63+
items={[
64+
{
65+
title: "Carne Sudada",
66+
desc: "Estofado de res con papas y verduras, arroz y ensalada",
67+
highlight: true
68+
},
69+
{
70+
title: "Carne Asada",
71+
desc: "Jugosa carne de res a la parrilla con papas criollas y guacamole"
72+
},
73+
{
74+
title: "Pollo Sudado",
75+
desc: "Pollo cocido con verduras y especias, acompañado de arroz"
76+
},
77+
{
78+
title: "Lengua en Salsa",
79+
desc: "Tierna lengua de res en salsa criolla con arroz y patacones"
80+
},
81+
{
82+
title: "Hígado Asado",
83+
desc: "Con cebollas caramelizadas, arroz y papa francesa"
84+
}
85+
]}
86+
/>
87+
88+
{/* Sección Bebidas */}
89+
<MenuSection
90+
icon={<Coffee className="w-6 h-6 text-orange-600" />}
91+
title="Bebidas"
92+
items={[
93+
{ title: "Jugos Naturales", desc: "Mora • Maracuyá • Lulo • Mango", price: "5.000" },
94+
{ title: "Avena", desc: "Preparada en casa", price: "5.000" },
95+
{ title: "Café con Leche", price: "2.000" },
96+
{ title: "Chocolate", desc: "Con queso opcional", price: "3.000" },
97+
{ title: "Milo Frío o Caliente", price: "5.000" }
98+
]}
99+
/>
100+
101+
{/* Sección Especiales */}
102+
<MenuSection
103+
icon={<Clock className="w-6 h-6 text-orange-600" />}
104+
title="Especial de Sábados"
105+
subtitle="¡No te lo pierdas!"
106+
items={[
107+
{
108+
title: "Sancocho de Gallina",
109+
desc: "Tradicional sopa con gallina criolla, plátano, yuca y papa",
110+
price: "17.000",
111+
highlight: true
112+
},
113+
{
114+
title: "Frijoles",
115+
desc: "Frijoles rojos con tocino y especias, arroz y chicharrón",
116+
price: "17.000"
117+
}
118+
]}
119+
/>
120+
</div>
121+
122+
<footer className="mt-8 text-center text-gray-600 bg-white rounded-lg p-6 shadow-sm">
123+
<p className="font-medium">Precios incluyen IVA</p>
124+
<p>Aceptamos efectivo y tarjetas</p>
125+
<div className="mt-4 pt-4 border-t border-orange-200">
126+
<p className="text-orange-600">Horario</p>
127+
<p>Lunes a Sábado: 7:00 AM - 4:00 PM</p>
128+
<p>Domingos: 7:00 AM - 2:00 PM</p>
129+
</div>
130+
</footer>
131+
</div>
132+
);
133+
};
134+
135+
const MenuSection = ({ icon, title, subtitle, price, items }) => (
136+
<Card className="overflow-hidden">
137+
<CardContent className="p-6">
138+
<div className="flex items-center gap-3 mb-4">
139+
{icon}
140+
<div>
141+
<h2 className="text-xl font-semibold text-gray-800">{title}</h2>
142+
{subtitle && <p className="text-sm text-orange-600">{subtitle}</p>}
143+
</div>
144+
{price && <p className="ml-auto text-orange-600">Desde COP {price}</p>}
145+
</div>
146+
147+
<div className="space-y-4">
148+
{items.map((item, index) => (
149+
<div
150+
key={index}
151+
className={`p-3 rounded-lg transition-colors ${
152+
item.highlight ? 'bg-orange-50' : 'hover:bg-orange-50'
153+
}`}
154+
>
155+
<div className="flex justify-between items-baseline gap-4">
156+
<h3 className="font-medium text-gray-800">{item.title}</h3>
157+
{item.price && (
158+
<span className="text-orange-600 whitespace-nowrap">
159+
COP {item.price}
160+
</span>
161+
)}
162+
</div>
163+
{item.desc && (
164+
<p className="text-sm text-gray-600 mt-1">{item.desc}</p>
165+
)}
166+
{item.note && (
167+
<p className="text-sm text-orange-600 mt-1 italic">{item.note}</p>
168+
)}
169+
</div>
170+
))}
171+
</div>
172+
</CardContent>
173+
</Card>
174+
);
175+
176+
export default Menu;

0 commit comments

Comments
 (0)