OliviaMIA-Web-Astro/src/pages/Menu/index.astro

---
import Layout from "../../layouts/Layout.astro";
---

<Layout title="Menu">

    <div class="grid grid-cols-4 items-baseline gap-10  ">
        <div class="mx-10">
            <h1 class="text-lime-700 font-bold text-xl mb-9">Focaccia</h1>
            <h2 class="font-bold text-slate-800 ">FOCCACIA CHICKEN PARM | $195</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">FOCCACIA MEATBALLS | $190</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>
            
            <h2 class="font-bold text-slate-800">FOCCACIA CAPRESE | $190</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">FOCCACIA PAVO ROMESCO | $190</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">FOCCACIA GRIEGA | $190</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

        </div>

        <div>
            <h1 class="text-lime-700 font-bold text-xl mb-9">Pastas</h1>
            <h2 class="font-bold text-slate-800">SPAGHETTI CARBONARA | $165</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">SPAGHETTI BOLOGNESA | $165</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>
            
            <h2 class="font-bold text-slate-800">SPAGHETTI MEATBALLS | $175</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">SPAGHETTI CHICKEN PARM | $175</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">FETTUCCINE ALFREDO | $190</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">FETTUCCINE TOSCANA | $190</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>
        </div>

        <div>
            <h1 class="text-lime-700 font-bold text-xl mb-9">Sopas y Ensaladas</h1>
            <h2 class="font-bold text-slate-800">SOPA TOSCANA | $125</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">SOPA DE TOMATE | $125</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">ENSALADA OLIVA | $185</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">ENSALADA MEDITERRANEA | $185</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">ENSALADA CESAR | $180</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>
        </div>

        <div>
            <h1 class="text-lime-700 font-bold text-xl mb-9 mt-4">Variedades</h1>
            <h2 class="font-bold text-slate-800">ARANCINIS | $145</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>

            <h2 class="font-bold text-slate-800">LASAGNA ITALIANA | $145</h2>
            <p class="text-sm mb-6">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, iste maxime? Voluptates.</p>
        </div>
    </div>



</Layout>