|
|
@@ -24,63 +24,103 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
|
|
|
<meta property="og:url" content={ogUrl} />
|
|
|
<meta property="og:description" content={ogDescription} />
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
|
- <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" />
|
|
|
+ <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>
|
|
|
</head>
|
|
|
- <body class="bg-white">
|
|
|
- <header>
|
|
|
- <div class="w-full flex justify-center bg-[#444643] text-white">
|
|
|
- <div class="w-3/4 flex flex-col md:flex-row items-center p-3 gap-4 md:gap-8">
|
|
|
- <div class="w-full md:w-1/2">Tehuantepec y Allende Col. Las Palmas Hermosillo, Sonora. C.P. 83270</div>
|
|
|
- <div class="w-full md:w-1/2 flex flex-col md:flex-row justify-between gap-4 md:gap-8">
|
|
|
- <div>Jueves, Noviembre 28, 2024</div>
|
|
|
- <div>(662) 259-6700</div>
|
|
|
- <div class="flex flex-col md:flex-row gap-2">
|
|
|
- <div class="w-8 h-8 bg-white flex justify-center items-center">
|
|
|
- <i class="fa-brands fa-facebook-f text-black"></i>
|
|
|
- </div>
|
|
|
- <div class="w-8 h-8 bg-white flex justify-center items-center">
|
|
|
- <i class="fa-brands fa-x-twitter text-black"></i>
|
|
|
- </div>
|
|
|
- <div class="w-8 h-8 bg-white flex justify-center items-center">
|
|
|
- <i class="fa-brands fa-instagram text-black"></i>
|
|
|
- </div>
|
|
|
- <div class="w-8 h-8 bg-white flex justify-center items-center">
|
|
|
- <i class="fa-brands fa-youtube text-black"></i>
|
|
|
- </div>
|
|
|
- <div class="w-8 h-8 bg-white flex justify-center items-center">
|
|
|
- <i class="fa-brands fa-flickr text-black"></i>
|
|
|
- </div>
|
|
|
+ <body class="bg-amber-50">
|
|
|
+ <header>
|
|
|
+ <nav class="flex w-full h-16 justify-center">
|
|
|
+ <a href="/"><img src="/public/img/LogoOliva.png" class="mt-6 h-12" 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="#">Servicio</a></li>
|
|
|
+ <li class="hover:text-gray-600"><a href="/Productos/">Productos</a></li>
|
|
|
+ <li class="hover:text-gray-600"><a href="#">Nosotros</a></li>
|
|
|
+ <li class="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">
|
|
|
+ <i class="fa-brands fa-square-instagram"></i>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <a href="#">
|
|
|
+ <i class="fa-brands fa-facebook"></i>
|
|
|
+ </a>
|
|
|
+ <p>@oliviamiadeli</p>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ <hr class="my-7 w-full h-0.5 bg-lime-700 "/></header>
|
|
|
+
|
|
|
+ <main>
|
|
|
+ <slot />
|
|
|
+ </main>
|
|
|
+
|
|
|
+
|
|
|
+ <footer class="bg-slate-800 w-full py-10 px-6">
|
|
|
+
|
|
|
+
|
|
|
+ <div class="grid grid-cols-3 gap-4 items-center">
|
|
|
+
|
|
|
+ <div class="text-white text-lg">
|
|
|
+ <ul class="space-y-2">
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="Nosotros/">Nosotros</a>
|
|
|
+ </li>
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="/Nosotros/#Equipo">Equipo</a>
|
|
|
+ </li>
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="/Nosotros/#Mision">Misión</a>
|
|
|
+ </li>
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="/Nosotros/#Vision">Visión</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="w-full flex justify-center">
|
|
|
- <div class="w-3/4 flex justify-between space-">
|
|
|
- <img class="h-24 w-auto" src="/img/logo.png">
|
|
|
- <img class="h-24 w-auto" src="/img/legislatura_64.png">
|
|
|
+
|
|
|
+
|
|
|
+ <div class="flex justify-center">
|
|
|
+ <img src="/public/img/LogoOlivaMiaBlanco.png" alt="Logo Oliva Mia" class="w-48 h-32">
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="w-full flex justify-center bg-[#444643] text-white">
|
|
|
- <div class="w-3/4 flex justify-between items-center">
|
|
|
- <div>
|
|
|
- <Navbar />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <button class="bg-white text-black p-2 ">Aviso de Privacidad</button>
|
|
|
- </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="text-white text-lg flex justify-end">
|
|
|
+ <ul class="space-y-2">
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="TerminosCondiciones/">Términos y condiciones</a>
|
|
|
+ </li>
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="/TerminosCondiciones/#Privacidad">Aviso de privacidad</a>
|
|
|
+ </li>
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="/Nosotros/#Comentarios">Comentarios</a>
|
|
|
+ </li>
|
|
|
+ <li class="underline underline-offset-4">
|
|
|
+ <a href="/TrabajaConNosotros/">Trabaja con nosotros</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </header>
|
|
|
- <main>
|
|
|
- <slot />
|
|
|
- </main>
|
|
|
- <footer
|
|
|
- class="h-full w-full flex flex-col md:justify-center md:items-center bg-stone-800"
|
|
|
- >
|
|
|
+
|
|
|
|
|
|
+ <hr class="w-64 mx-auto my-8 border-gray-600" />
|
|
|
+
|
|
|
+
|
|
|
+ <div class="flex justify-center space-x-6 mb-6">
|
|
|
+ <a href="#" class="text-3xl text-white"><i class="fa-brands fa-facebook-f"></i></a>
|
|
|
+ <a href="https://www.instagram.com/olivamiadeli" target="_blank" class="text-3xl text-white"><i class="fa-brands fa-instagram"></i></a>
|
|
|
+ <a href="#" class="text-3xl text-white"><i class="fa-regular fa-envelope"></i></a>
|
|
|
+ <a href="#" class="text-3xl text-white"><i class="fa-solid fa-phone"></i></a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <p class="text-white text-center font-bold text-md">
|
|
|
+ BLVD. NAVARRETE 512 ESQ. SAN BERNARDINO PLAZA CATALUNYA COL. CAPISTRANO HERMOSILLO, SONORA
|
|
|
+ </p>
|
|
|
+
|
|
|
</footer>
|
|
|
+
|
|
|
</body>
|
|
|
|
|
|
<style is:global>
|
yadid rosell
