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

<Layout title="Nosotros">
    <div class="grid grid-cols-2 mx-10  px-4">
      <section id="Nosotros">
        <div class="mt-10">
          <h1 class="text-left font-bold text-2xl mb-2 text-slate-800">Nosotros</h1>
          <p>Bienvenidos a Oliva Mia, una empresa dedicada a ofrecer los mejores productos de aceite de oliva, cuidadosamente seleccionados y elaborados para brindarte calidad y sabor en cada gota. En Oliva Mia nos apasiona el mundo de la oliva, y trabajamos con productores locales que comparten nuestra filosofía de ofrecer productos frescos, naturales y sostenibles.</p>
        </div>
      </section>

      <div class="w-full mx-10 mt-10">
        <img src="https://img.freepik.com/foto-gratis/surtido-sabrosas-pizzas-tradicionales_23-2148921298.jpg?t=st=1734624934~exp=1734628534~hmac=defe4ed9fe4519443e13e60b8b70595eb5b07d026bfee884cbae12509ea2e3c4&w=1380" alt="Foccacia" class="w-full h-64 rounded-xl ">
      </div>
        
      <div class="my-10 mx-10 mt-10">
        <img src="/public/img/AceiteOliva.png" alt="Aceite de oliva" class="w-full h-96 rounded-xl">
      </div>
      
      
      <div class="mt-10 pl-4 text-slate-800">
        <h1 class="font-bold text-2xl mb-2">Nuestra historia</h1>
        <p>Fundada en [Año de fundación], Oliva Mia nació con el objetivo de llevar a tu mesa aceites de oliva de la más alta calidad, directamente desde los campos de cultivo hasta tu hogar. Desde nuestros primeros días, nos comprometimos a crear una marca que no solo se destacara por su sabor y respeto a la naturaleza, sino por el compromiso con las personas involucradas en cada etapa del proceso.</p>
      </div>
      
      <section id="Mision">
         <div class="mt-10">
          <h1 class="font-bold text-2xl mb-2 text-slate-800">Nuestra misión</h1>
          <p>En Oliva Mia, nuestra misión es ofrecer a nuestros clientes productos de aceite de oliva excepcionales, elaborados con los más altos estándares de calidad, siempre en armonía con el medio ambiente. Nos esforzamos por promover una vida más saludable, brindando opciones naturales y frescas para aquellos que buscan mejorar su alimentación y bienestar.</p>
        </div>
        
      </section>
      
      <div class="my-10 mx-10">
        <img src="/public/img/Focaccia.png" alt="Aceite de oliva" class=" h-64 rounded-xl">
      </div>
      
      <section id="Vision" class="mt-10 col-span-2">
        <div class="mt-10">
          <h1 class="font-bold text-center text-2xl mb-4 text-slate-800">Nuestra Visión</h1>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis minus deserunt a sit quam nostrum rerum magni harum incidunt, quasi, dolores nobis, neque inventore! Hic perspiciatis blanditiis sunt in accusantium Elit anim aliqua enim do mollit dolor in Irure et sint deserunt exercitation labore qui Deserunt ex et eiusmod qui mollit do ex veniam voluptate incididunt labore consectetur velit ullamco.Cupidatat labore commodo eiusmod eu ut aliqua occaecat sint velit cillum aliqua exercitation Lorem sunt.</p>
        </div>
 
      </section>
  
       

      <div class="mt-24 text-center col-span-2">
          <h1 class="font-bold text-2xl mb-16 text-slate-800">Nuestros valores</h1>
      </div>

      <div class="grid grid-cols-3 col-span-2 gap-6">
        <div class="flex flex-col items-center text-center space-y-10">
          <i class="fa-solid fa-star fa-2xl border-4 border-slate-800 p-10 rounded-full" style="color: green"></i>
          <p>Reprehenderit fugiat ipsum excepteur adipisicing excepteur sint.</p>
        </div>
        <div class="flex flex-col items-center text-center space-y-10">
          <i class="fa-solid fa-leaf fa-2xl border-4 border-slate-800 p-10 rounded-full" style="color: green;"></i>
          <p>Laborum officia nulla tempor pariatur incididunt nulla dolore excepteur proident.</p>
        </div>
        <div class="flex flex-col items-center text-center space-y-10">
          <i class="fa-solid fa-hand-holding-heart fa-2xl border-4 border-slate-800 p-10 rounded-full" style="color: green;"></i>
          <p>Ullamco nisi esse dolore deserunt duis do ut anim eiusmod quis.</p>
        </div>
      </div>

      
        <section id="Equipo" class="col-span-2 my-10">
           <div class="my-10">
            <h1 class="font-bold text-2xl mb-7 text-slate-800 text-center">Nuestro equipo</h1>
            <p>Cupidatat in minim id do aliqua voluptate incididunt adipisicing consectetur officia est tempor laboris magna. Est in adipisicing nostrud velit dolor velit cillum elit non commodo eiusmod. Est nisi esse et mollit dolor pariatur duis. Culpa minim exercitation consequat eiusmod non consequat in ea eu irure incididunt est. Reprehenderit fugiat nostrud est duis aute aliqua commodo ullamco exercitation eiusmod adipisicing. Et ex anim aute sint aute esse eu laborum sint qui eiusmod.</p>
          </div>
        </section>
       
      
      </div>

</Layout>