cambio de nombre de las carpetas

src/pages/Contacto/index.astro

@@ -5,17 +5,11 @@ import Layout from "../../layouts/Layout.astro";
 <Layout title="Contacto">
 
   <div class="grid grid-cols-1 place-items-center mx-10 mt-10">
-    <h1 class="text-3xl mb-4 font-bold text-slate-800">Contacto</h1>
-    <p class="text-lg">
+    <h1 class="text-4xl mb-4 font-bold text-lime-700">Contacto</h1>
+    <p class="text-xl text-center">
       Estamos aquí para escucharte. Comparte con nosotros tus dudas, inquietudes
-      o detalles sobre tu
-    </p>
-    <p class="text-lg">
-      proyecto. Haznos todas las preguntas que tengas y permítenos ayudarte a
-      convertir tus ideas en
-    </p>
-    <p class="text-lg">
-      realidad. <b class="text-slate-800">¡Queremos leerte!</b>
+      o detalles sobre tu proyecto. Haznos todas las preguntas que tengas y permítenos ayudarte a
+      convertir tus ideas en realidad. <b class="text-slate-800">¡Queremos leerte!</b>
     </p>
   </div>
 
@@ -92,6 +86,5 @@ import Layout from "../../layouts/Layout.astro";
       e.preventDefault();
       window.open(`https://api.whatsapp.com/send?phone=5216624451613&text=Hola mi nombre es ${nombre}. Mi correo es ${correo}, mi número de teléfono es ${telefono}, y mi dirección es ${direccion}.`, '_blank');
     });
-
   </script>
 </Layout>

src/pages/Nosotros/index.astro

@@ -11,24 +11,24 @@ import Layout from "../../layouts/Layout.astro";
   <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>
+      <div class="border-2 border-slate-200 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-lime-700">Nosotros</h1>
+        <p class="text-xl text-slate-600 leading-relaxed text-justify tracking-tight">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="/img/focaccia.png" 
         alt="Foccacia" 
         class="w-full h-96 mx-auto my-4 rounded-xl object-cover"/>
       </div>
   </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 class="border-2 border-slate-200 p-8 rounded-3xl hover:shadow-2xl hover:scale-105 transition-transform duration-300">
+      <h1 class="font-bold text-3xl mb-4 text-lime-700">Nuestra historia</h1>
+      <p class="text-xl text-slate-600 leading-relaxed text-justify tracking-tight">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 class="border-2 border-slate-200 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-lime-700">Nuestra misión</h1>
+        <p class="text-xl text-slate-600 leading-relaxed text-justify tracking-tight">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>
@@ -36,28 +36,29 @@ import Layout from "../../layouts/Layout.astro";
      
          
       <div class="mt-24 text-center col-span-2">
-          <h1 class="font-bold text-3xl mb-16 text-slate-800">Nuestros valores</h1>
+          <h1 class="font-bold text-4xl mb-16 text-lime-700">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 class="text-xl">Reprehenderit fugiat ipsum excepteur adipisicing excepteur sint.</p>
+          <i class="fa-solid fa-star border-4 border-slate-800 p-10 rounded-full text-4xl" style="color: green;"></i>
+          <p class="text-2xl">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 class="text-xl">Laborum officia nulla tempor pariatur incididunt nulla dolore excepteur proident.</p>
+          <i class="fa-solid fa-leaf border-4 border-slate-800 p-10 text-4xl rounded-full" style="color: green;"></i>
+          <p class="text-2xl">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 class="text-xl">Ullamco nisi esse dolore deserunt duis do ut anim eiusmod quis.</p>
+          <i class="fa-solid fa-hand-holding-heart border-4 border-slate-800 p-10 text-4xl rounded-full" style="color: green;"></i>
+          <p class="text-2xl">Ullamco nisi esse dolore deserunt duis do ut anim eiusmod quis.</p>
         </div>
       </div>
 
-      <section id="Vision" class="my-24 col-span-2">
-        <div class="mt-10 mx-24">
-          <h1 class="font-bold text-center text-3xl mb-4 text-slate-800">Nuestra Visión</h1>
-          <p class="text-xl">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis minus deserunt a sit quam nostrum rerum magni harum incidunt, quasi, dolores nobis, 
+    
+      <section id="Vision" class="my-32 m-10 col-span-2">
+        <div class="mt-10 mx-24 border-2 border-slate-200 rounded-3xl hover:shadow-2xl hover:scale-105 transition-transform duration-300 ">
+          <h1 class="font-bold text-center text-4xl mb-4 mt-28 text-lime-700 relative bottom-12">Nuestra Visión</h1>
+          <p class="text-xl text-justify tracking-tight m-10">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>
@@ -65,7 +66,7 @@ import Layout from "../../layouts/Layout.astro";
       </section>
 
       <div class="text-center col-span-2">
-        <h1 class="font-bold text-3xl mb-16 text-slate-800">Nuestro Equipo</h1>
+        <h1 class="font-bold text-4xl mb-16 text-lime-700">Nuestro Equipo</h1>
       </div>
 
         <section id="Equipo" class="grid col-span-2">
@@ -87,7 +88,7 @@ import Layout from "../../layouts/Layout.astro";
 
         <section id="Comentarios" class="my-24 place-items-center col-span-2">
           <div class="my-10">
-           <h1 class="font-bold text-3xl mb-7 text-slate-800 text-center">Comparte tu experiencia</h1>
+           <h1 class="font-bold text-4xl mb-7 text-slate-800 text-center">Comparte tu experiencia</h1>
            <form action="POST">
             <textarea name="Comentario" cols="90" rows="6" placeholder="Comentario" class="border-2 border-lime-700 rounded placeholder:font-bold focus: outline-2 outline-lime-700 placeholder:absolute placeholder:left-4 placeholder:top-2 placeholder:text-slate-600"></textarea>
             <button type="submit" class="grid bg-lime-700 rounded-lg px-3 py-1 my-3 font-bold text-white duration-300 hover:shadow-md hover:shadow-black hover:bg-lime-900 hover:scale-105">Enviar comentarios</button>