feat: rediseño premium completo del sitio MNQ
- Sistema visual nuevo: tokens CSS extendidos, tipografía Noto Serif + Inter, design system completo - Navbar con logo generado por IA (☥MNQ ★★★★★), favicon ojo de Ra, WhatsApp CTA - Páginas rediseñadas: Home, Bodas, Corporativo, Familiares, Nosotros, Contacto - Imágenes premium: fotografías reales + imágenes generadas con Gemini AI via nanobanana - Logos con fondo transparente generados y procesados - WhatsApp actualizado a +34 678 17 15 13
This commit is contained in:
@@ -1,12 +1,45 @@
|
||||
<footer class="site-footer">
|
||||
<div class="container footer-grid">
|
||||
<div>
|
||||
<p class="brand">MNQ Catering y Evento</p>
|
||||
<p class="text-muted">Experiencias gastronómicas premium para bodas, eventos corporativos y celebraciones familiares.</p>
|
||||
<div class="page-wrap">
|
||||
<div class="footer-inner">
|
||||
|
||||
<div class="footer-brand">
|
||||
<a href="/" aria-label="MNQ Catering y Eventos">
|
||||
<img
|
||||
src="/images/logo-secondary.png"
|
||||
alt="MNQ Catering y Eventos"
|
||||
style="height: 3.5rem; width: auto; mix-blend-mode: multiply; margin-bottom: 1rem;"
|
||||
/>
|
||||
</a>
|
||||
<p>© 2025 MNQ Catering y Evento. Excelencia culinaria para los momentos más importantes de su vida.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-links">
|
||||
<div class="footer-col">
|
||||
<span class="footer-col-title">Servicios</span>
|
||||
<a href="/bodas-reales" class="footer-link">Bodas Reales</a>
|
||||
<a href="/corporativo-business" class="footer-link">Corporativo</a>
|
||||
<a href="/reuniones-familiares" class="footer-link">Social</a>
|
||||
<a href="/nosotros" class="footer-link">Nosotros</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<span class="footer-col-title">Compañía</span>
|
||||
<a href="/contacto" class="footer-link">Contacto</a>
|
||||
<a
|
||||
href="https://wa.me/34678171513"
|
||||
class="footer-link"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>WhatsApp</a>
|
||||
<a href="#" class="footer-link">Aviso Legal</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<p class="footer-title">Contacto directo</p>
|
||||
<a href="https://wa.me/5491112345678" class="link-accent" target="_blank" rel="noreferrer">Escribir por WhatsApp</a>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p class="text-body-sm text-muted opacity-60">
|
||||
Excelencia culinaria · Diseño de eventos · Gastronomía de autor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -1,14 +1,64 @@
|
||||
---
|
||||
interface Props {
|
||||
activeNav?: string;
|
||||
}
|
||||
const { activeNav } = Astro.props;
|
||||
|
||||
const links = [
|
||||
{ href: '/bodas-reales', label: 'Bodas', key: 'bodas' },
|
||||
{ href: '/corporativo-business', label: 'Corporativo', key: 'corporativo' },
|
||||
{ href: '/reuniones-familiares', label: 'Social', key: 'social' },
|
||||
{ href: '/nosotros', label: 'Nosotros', key: 'nosotros' },
|
||||
{ href: '/contacto', label: 'Contacto', key: 'contacto' },
|
||||
];
|
||||
---
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container nav-wrap">
|
||||
<a href="/" class="brand">MNQ Catering y Evento</a>
|
||||
<nav aria-label="Principal">
|
||||
<ul class="nav-list">
|
||||
<li><a href="/nosotros">Nosotros</a></li>
|
||||
<li><a href="/bodas-reales">Bodas Reales</a></li>
|
||||
<li><a href="/corporativo-business">Corporativo & Business</a></li>
|
||||
<li><a href="/reuniones-familiares">Reuniones Familiares</a></li>
|
||||
<li><a href="/contacto">Contacto</a></li>
|
||||
</ul>
|
||||
<div class="page-wrap">
|
||||
|
||||
<a href="/" class="site-brand-link" aria-label="MNQ Catering y Eventos — inicio">
|
||||
<img
|
||||
src="/images/logo-nav-dark.png"
|
||||
alt="MNQ Catering y Eventos"
|
||||
class="site-logo-banner"
|
||||
width="220"
|
||||
height="85"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<nav class="site-nav" aria-label="Principal">
|
||||
{links.map(({ href, label, key }) => (
|
||||
<a href={href} class={`nav-link${activeNav === key ? ' active' : ''}`}>
|
||||
{label}
|
||||
</a>
|
||||
))}
|
||||
</nav>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a
|
||||
href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20cotizar%20mi%20evento"
|
||||
class="btn btn-pill"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
style="font-size: 0.6875rem; padding: 0.625rem 1.25rem;"
|
||||
>
|
||||
WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<style>
|
||||
.site-brand-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.site-logo-banner {
|
||||
height: 3.5rem;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,9 +1,12 @@
|
||||
<a
|
||||
class="whatsapp-float"
|
||||
href="https://wa.me/5491112345678?text=Hola%20MNQ%2C%20quiero%20cotizar%20mi%20evento"
|
||||
href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20cotizar%20mi%20evento"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label="Abrir conversación por WhatsApp"
|
||||
aria-label="Consultar por WhatsApp"
|
||||
>
|
||||
WhatsApp
|
||||
<span>Consultar via WhatsApp</span>
|
||||
<span class="whatsapp-float-icon" aria-hidden="true">
|
||||
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">chat</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user