qreastech/MNQ-Catering-y-Evento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: premium motion system — scroll reveal, hero cascade, gold accents

Browse Source
This commit is contained in:
Manuel
2026-05-10 14:27:44 +02:00
parent 801662e3f0
commit 97c05ff620
8 changed files with 343 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/corporativo-business.astro
+6 -6
View File
@@ -14,9 +14,9 @@ import MainLayout from '../layouts/MainLayout.astro';
<div class="grid-12" style="align-items:center;gap:var(--space-8);">
<div style="grid-column:span 12;z-index:10;">
<p class="section-eyebrow">Excelencia en Eventos</p>
<h1 class="text-display" style="margin-bottom:var(--space-8);">Corporativo<br />&amp; Business</h1>
<p class="text-muted" style="max-width:32rem;line-height:1.7;margin-bottom:var(--space-10);">
<p class="section-eyebrow reveal">Excelencia en Eventos</p>
<h1 class="text-display reveal" style="--reveal-delay: 150;margin-bottom:var(--space-8);">Corporativo<br />&amp; Business</h1>
<p class="text-muted reveal" style="--reveal-delay: 250;max-width:32rem;line-height:1.7;margin-bottom:var(--space-10);">
Elevamos la imagen de su empresa a través de experiencias gastronómicas impecables. Desde lanzamientos de marca disruptivos hasta galas institucionales de alto nivel.
</p>
<div style="display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:center;">
@@ -25,7 +25,7 @@ import MainLayout from '../layouts/MainLayout.astro';
</div>
</div>
<div style="grid-column:span 12;position:relative;height:28rem;">
<div style="grid-column:span 12;position:relative;height:28rem;" class="reveal" style="--reveal-delay: 350;">
<img
src="/images/foto-corporativo.jpg"
alt="Eventos corporativos premium — MNQ"
@@ -43,8 +43,8 @@ import MainLayout from '../layouts/MainLayout.astro';
<section id="servicios" class="section-pad bg-container-low">
<div class="page-wrap">
<div style="text-align:center;margin-bottom:var(--space-16);">
<h2 class="text-headline-lg">Servicios Especializados</h2>
<div class="gold-line mx-auto" style="margin-top:var(--space-4);"></div>
<h2 class="text-headline-lg reveal">Servicios Especializados</h2>
<div class="gold-line mx-auto reveal" style="margin-top:var(--space-4);--reveal-delay: 200;"></div>
</div>
<div class="corp-bento">