se cambio la distribucion y se cambiaron imagenes

src/pages/Nosotros/index.astro

@@ -3,39 +3,37 @@ 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-3xl mb-2 text-slate-800">Nosotros</h1>
-          <p class="text-xl">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="">
+    <h1 class=" mx-10 font-bold text-4xl text-lime-800 mt-16">Bienvenidos a Oliva Mia</h1>
+    <hr class="mx-10 border-2 border-lime-700 rounded"/>
+  </div>
 
-      <div class="w-full mx-10 mt-10">
-        <img src="https://via.placeholder.com/350x300?text=Focaccia+Oliva" alt="Foccacia" class="relative right-6 w-full h-64 rounded-xl ">
-      </div>
-        
-      <div class="my-10 mx-10 mt-10">
-        <img src="https://via.placeholder.com/350x300?text=Focaccia+Oliva" alt="Acite de oliva" class="relative right-9 w-full h-64 rounded-xl" >
+  <div class="grid md:grid-cols-2 grid-rows-2 mx-10 my-16 gap-10">
+  
+    <section id="Nosotros" class="row-span-2">
+      <div class="bg-white p-8 rounded-3xl hover:shadow-2xl hover:scale-105 transition-transform duration-300">
+        <h1 class="text-left font-bold text-3xl mb-4 text-slate-800">Nosotros</h1>
+        <p class="text-xl text-slate-600 leading-relaxed">Somos 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>
+        <img src="/public/img/focaccia.png" 
+        alt="Foccacia" 
+        class="w-full h-96 mx-auto my-4 rounded-xl object-cover"/>
       </div>
-      
-      
-      <div class="mt-10 pl-4 text-slate-800">
-        <h1 class="font-bold text-3xl mb-2">Nuestra historia</h1>
-        <p class="text-xl">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-3xl mb-2 text-slate-800">Nuestra misión</h1>
-          <p class="text-xl">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="w-full mx-10 mt-10">
-        <img src="https://via.placeholder.com/350x300?text=Focaccia+Oliva" alt="Foccacia" class="relative right-9 w-full h-64 rounded-xl ">
+  </section>
+    
+    <div class="bg-white p-8 rounded-3xl hover:shadow-2xl hover:scale-105 transition-transform duration-300">
+      <h1 class="font-bold text-3xl mb-4 text-slate-800">Nuestra historia</h1>
+      <p class="text-xl text-slate-600 leading-relaxed">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="bg-white p-8 pb-24 rounded-3xl hover:shadow-2xl hover:scale-105 transition-transform duration-300">
+        <h1 class="font-bold text-3xl mb-4 text-slate-800">Nuestra misión</h1>
+        <p class="text-xl text-slate-600 leading-relaxed">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>
+  
+     
          
       <div class="mt-24 text-center col-span-2">
           <h1 class="font-bold text-3xl mb-16 text-slate-800">Nuestros valores</h1>
@@ -73,15 +71,15 @@ import Layout from "../../layouts/Layout.astro";
         <section id="Equipo" class="grid col-span-2">
           <div class="grid md:grid-cols-3 gap-8 mx-24">
             <div class="flex flex-col items-center text-center space-y-10">
-              <img src="/img/Mundo.png" alt="Personas" class="w-60 h-56">
+              <img src="/img/sucursal.png" alt="Personas" class="w-60 h-56">
               <p class="font-bold text-2xl text-slate-800">20+ Sucursales</p>
             </div>
             <div class="flex flex-col items-center text-center space-y-10">
-              <img src="/img/Personas.png" alt="Personas" class="w-60 h-56">
+              <img src="/img/empleados.png" alt="Personas" class="w-60 h-56">
               <p class="font-bold text-2xl text-slate-800">80+ Empleados</p>
             </div>
             <div class="flex flex-col items-center text-center space-y-10">
-              <img src="/img/Clientes.png" alt="Clientes" class="w-60 h-56">              
+              <img src="/img/clientes.png" alt="Clientes" class="w-60 h-56">              
               <p class="font-bold text-2xl text-slate-800">20,000+ Clientes</p>
             </div>
           </div>