Browse Source

correccion de estilos, se elimino licitacion y se agrego un favicon

yadid rosell 4 months ago
parent
commit
b8b5364195

File diff suppressed because it is too large
+ 259 - 0
Layout


BIN
public/favicon.ico


+ 2 - 2
src/components/Tarjeta.tsx

@@ -128,11 +128,11 @@ const ProductList = () => {
       
   
     return (
-      <div className="grid grid-cols-2 gap-6 ml-6 mb-10 md:grid md:grid-cols-4 md:space-x-3 md:mx-10 ">
+      <div className="grid grid-cols-2 gap-6 ml-6 mb-10 md:grid md:grid-cols-4 md:mx-10 ">
         {productos.map((producto) => (
           <div
             key={producto.id}
-            className=" shadow-xl w-full rounded-lg overflow-hidden bg-white"
+            className="shadow-xl w-full rounded-lg overflow-hidden bg-white"
           >
             <img
               src={producto.imagen}

+ 8 - 8
src/layouts/Layout.astro

@@ -23,7 +23,7 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
     <meta property="og:image" content={ogImage} />
     <meta property="og:url" content={ogUrl} />
     <meta property="og:description" content={ogDescription} />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/ico+xml" href="/public/favicon.ico" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
@@ -34,19 +34,19 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
         <a href="/"><img src="/public/img/LogoOliva.png" class="mt-4 h-16 w-56" alt="Logo Oliva Mia"></a>
         <ul class="flex space-x-6 text-sm space-y-10 font-sans text-slate-800 md:space-x-16 md:text-base">
            <li></li>
-            <li class="hover:text-gray-600"><a href="/Menu/">Menú</a></li>
-            <li class="hover:text-gray-600"><a href="/Productos/">Productos</a></li>
-            <li class="hover:text-gray-600"><a href="/Nosotros/">Nosotros</a></li>
-            <li class="hover:text-gray-600"><a href="/Contacto/">Contacto</a></li>
+            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Menu/">Menú</a></li>
+            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Productos/">Productos</a></li>
+            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Nosotros/">Nosotros</a></li>
+            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Contacto/">Contacto</a></li>
             <div class="flex space-x-2">
-              <a href="https://www.instagram.com/olivamiadeli/" target="_blank">
+              <a href="https://www.instagram.com/olivamiadeli/" target="_blank" class="mt-1">
                 <i class="fa-brands fa-square-instagram"></i>
               </a>
 
-              <a href="#">
+              <a href="#" class="mt-1">
                 <i class="fa-brands fa-facebook"></i>
               </a>
-              <p>@oliviamiadeli</p>
+              <p class="text-xl text-slate-800">@oliviamiadeli</p>
             </div>
         </ul>
     </nav>

+ 2 - 2
src/pages/Nosotros/index.astro

@@ -12,7 +12,7 @@ import Layout from "../../layouts/Layout.astro";
       </section>
 
       <div class="w-full mx-10 mt-10">
-        <img src="/public/img/Focaccia.png" alt="Foccacia" class="h-64 rounded-xl ">
+        <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">
@@ -21,7 +21,7 @@ import Layout from "../../layouts/Layout.astro";
       
       
       <div class="mt-10 pl-4 text-slate-800">
-        <h1 class="font-bold text-2xl mb-2 mt-10">Nuestra historia</h1>
+        <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>
       

+ 0 - 74
src/pages/licitacion/index.astro

@@ -1,74 +0,0 @@
----
-import Navbar from "../../components/Navbar.astro";
-import Layout from "../../layouts/Layout.astro";
----
-
-<Layout title="Contactanos">
-  <div class="w-full h-full flex flex-row justify-center pb-10 pl-10 pr-10 bg-stone-100">
-    <div class="w-4/5 h-full grid grid-cols-12 p-10 bg-white gap-4">
-      <div class="col-span-full">
-        <h1 class="font-bold text-4xl">Formulario de Registro</h1>
-      </div>
-      <hr class="my-2 col-span-12 border-amber-950" />
-      <form class="w-full col-span-12 space-y-4">
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">Nombre del Solicitante</p>
-          <input
-            name="nombreSolicitante"
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          />
-        </div>
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">Nombre fiscal</p>
-          <input
-            name="nombreFiscal"
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          />
-        </div>
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">Tipo de Persona</p>
-          <select
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          >
-          <option>Persona Física</option>
-          <option>Persona Moral</option>
-          </select>
-        </div>
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">RFC</p>
-          <input
-            name="rfc"
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          />
-        </div>
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">Teléfono de Contacto(10 dígitos)</p>
-          <input
-            name="telefono"
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          />
-        </div>
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">Correo</p>
-          <input
-            name="correo"
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          />
-        </div>
-        <div class="w-full space-y-2">
-          <p class="w-full text-xl font-bold">Convocatoria</p>
-          <input
-            name="convocatoria"
-            class="w-full p-2 border-2 border-amber-950 border-opacity-40 rounded-md"
-          />
-        </div>
-        <div class="w-full space-y-2 flex flex-row justify-end">
-          <button
-            class="px-6 py-2 text-2xl bg-amber-950 hover:shadow-sm hover:shadow-amber-900 rounded-md text-white"
-            >Enviar</button
-          >
-        </div>
-      </form>
-    </div>
-  </div>
-</Layout>