|
|
@@ -31,11 +31,10 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
|
|
|
<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>
|
|
|
+ <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="#">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>
|
|
|
@@ -65,16 +64,16 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
|
|
|
|
|
|
<div class="text-white text-lg">
|
|
|
<ul class="space-y-2">
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="Nosotros/">Nosotros</a>
|
|
|
</li>
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="/Nosotros/#Equipo">Equipo</a>
|
|
|
</li>
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="/Nosotros/#Mision">Misión</a>
|
|
|
</li>
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="/Nosotros/#Vision">Visión</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -88,16 +87,16 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
|
|
|
|
|
|
<div class="text-white text-lg flex justify-end">
|
|
|
<ul class="space-y-2">
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="TerminosCondiciones/">Términos y condiciones</a>
|
|
|
</li>
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="/TerminosCondiciones/#Privacidad">Aviso de privacidad</a>
|
|
|
</li>
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="/Nosotros/#Comentarios">Comentarios</a>
|
|
|
</li>
|
|
|
- <li class="underline underline-offset-4">
|
|
|
+ <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
|
|
|
<a href="/TrabajaConNosotros/">Trabaja con nosotros</a>
|
|
|
</li>
|
|
|
</ul>
|
yadid rosell