feat: improve seo, trust signals, and performance
This commit is contained in:
Manuel
@@ -1,81 +1,52 @@
|
||||
# AGENTS.md
|
||||
|
||||
## Stack
|
||||
## Stack and runtime
|
||||
- Astro 5 SSR with `@astrojs/node` in `standalone` mode.
|
||||
- Production entrypoint is `node ./dist/server/entry.mjs`.
|
||||
- Runtime target is Node 20 (`Dockerfile` and `nixpacks.toml` both pin Node 20).
|
||||
- TypeScript extends `astro/tsconfigs/strict`.
|
||||
|
||||
- **Framework:** Astro 5
|
||||
- **Adapter:** `@astrojs/node`
|
||||
- **Rendering mode:** SSR
|
||||
- **Runtime target:** Node standalone en VPS con Dokploy
|
||||
- **Styling:** CSS custom con variables CSS
|
||||
- **Responsive approach:** mobile-first
|
||||
## Verified commands
|
||||
- Install deps: `npm install` or `npm ci`
|
||||
- Dev server: `npm run dev`
|
||||
- Type/content check: `npm run check`
|
||||
- Build: `npm run build`
|
||||
- Local preview: `npm run preview`
|
||||
- Production start: `npm run start`
|
||||
|
||||
## Arquitectura del producto
|
||||
Recommended verification after UI/content changes:
|
||||
1. `npm run check`
|
||||
2. `npm run build`
|
||||
|
||||
Sitio institucional multipágina enfocado en **captación de leads por WhatsApp**.
|
||||
There are currently no repo scripts for linting, formatting, or tests, and no CI workflows to rely on.
|
||||
|
||||
Páginas aprobadas:
|
||||
## Real app structure
|
||||
- File-based routes live in `src/pages/`.
|
||||
- Main public routes: `index.astro`, `nosotros.astro`, `bodas-reales.astro`, `corporativo-business.astro`, `reuniones-familiares.astro`, `contacto.astro`.
|
||||
- Legal routes are part of the real surface area: `cookies.astro` and `privacidad.astro`.
|
||||
- Shared shell is `src/layouts/MainLayout.astro`.
|
||||
- Shared UI lives in `src/components/`.
|
||||
- Global styling is split across `src/styles/tokens.css`, `base.css`, `layout.css`, `components.css`, `utilities.css`, and `animations.css`.
|
||||
|
||||
- Home
|
||||
- Nosotros
|
||||
- Bodas Reales
|
||||
- Corporativo & Business
|
||||
- Reuniones Familiares
|
||||
- Contacto
|
||||
## Important implementation facts
|
||||
- `MainLayout.astro` is the real wiring point: it imports all global CSS and mounts `SiteHeader`, `SiteFooter`, `WhatsAppButton`, and `CookieBanner` on every page.
|
||||
- `MainLayout.astro` also owns global client behavior: reveal-on-scroll, scroll progress bar, reduced-motion handling, and internal-link fade transitions.
|
||||
- This is a marketing site optimized for WhatsApp lead capture. Keep WhatsApp as the primary CTA and treat the contact form as secondary.
|
||||
- The contact form in `src/pages/contacto.astro` is presentational only (`method="dialog"`); do not describe or treat it as a working backend submission flow.
|
||||
- The WhatsApp destination is hardcoded in multiple places (`+34 678 17 15 13` / `34678171513`). If lead routing changes, search for all occurrences instead of updating a single component and assuming coverage.
|
||||
|
||||
## Comandos
|
||||
## Content and design constraints
|
||||
- Keep the mobile-first approach in base styles and layout decisions.
|
||||
- Use CSS variables/tokens instead of introducing utility CSS frameworks.
|
||||
- Keep service pages structurally consistent, but do not clone copy blindly: adapt CTA, gallery, and messaging per service.
|
||||
- Galleries belong inside each service page, not as a separate gallery page.
|
||||
- Preserve the premium editorial tone from `DESIGN.md`; gold is an accent, not a dominant fill color.
|
||||
|
||||
Comandos esperados para la implementación del proyecto:
|
||||
## Deployment notes
|
||||
- Docker and Nixpacks both expect a built SSR app and start with `node ./dist/server/entry.mjs`.
|
||||
- Runtime env defaults used by deploy config: `HOST=0.0.0.0`, `PORT=4321`, `NODE_ENV=production`.
|
||||
|
||||
| Acción | Comando |
|
||||
| --- | --- |
|
||||
| Instalar dependencias | `npm install` |
|
||||
| Desarrollo | `npm run dev` |
|
||||
| Build | `npm run build` |
|
||||
| Preview / ejecución standalone | `node ./dist/server/entry.mjs` |
|
||||
|
||||
## Convenciones
|
||||
|
||||
1. Priorizar claridad comercial y conversión por WhatsApp.
|
||||
2. Mantener arquitectura mobile-first desde el CSS base.
|
||||
3. Usar variables CSS para tokens de color, spacing, tipografía, radios y sombras.
|
||||
4. Evitar frameworks de utilidades si no aportan valor claro al sistema visual.
|
||||
5. Mantener consistencia estructural entre páginas de servicio.
|
||||
6. Las galerías deben vivir dentro de cada servicio, no como página independiente.
|
||||
7. El formulario de contacto debe ser secundario respecto a WhatsApp.
|
||||
|
||||
## Don'ts
|
||||
|
||||
- No usar `@astrojs/cloudflare` para este proyecto: el deployment objetivo es Dokploy sobre VPS.
|
||||
- No diseñar desktop-first.
|
||||
- No mezclar estilos premium editoriales con componentes visualmente ruidosos.
|
||||
- No usar dorado como color masivo de relleno; usarlo como acento.
|
||||
- No construir páginas de servicio genéricas copiadas una de otra sin adaptar copy, CTA y galería.
|
||||
|
||||
## Estructura CSS recomendada
|
||||
|
||||
- `src/styles/tokens.css`
|
||||
- `src/styles/base.css`
|
||||
- `src/styles/layout.css`
|
||||
- `src/styles/components.css`
|
||||
- `src/styles/utilities.css`
|
||||
|
||||
## Skills
|
||||
|
||||
Habilidades especialmente relevantes para este proyecto:
|
||||
|
||||
- `project-docs`
|
||||
- `brainstorming`
|
||||
- `responsive-design`
|
||||
- `visual-design-foundations`
|
||||
- `interface-design`
|
||||
- `accessibility-compliance`
|
||||
|
||||
## Nota para futuros agentes
|
||||
|
||||
Antes de implementar:
|
||||
|
||||
1. Leer `README.md`
|
||||
2. Leer este `AGENTS.md`
|
||||
3. Leer `DESIGN.md`
|
||||
4. Respetar el enfoque comercial: WhatsApp primero
|
||||
5. Respetar el enfoque visual: claro editorial premium
|
||||
## Repo-specific gotchas
|
||||
- Ignore generated/build output: `.astro/` and `dist/`.
|
||||
- `.gitignore` also excludes `.opencode/`, `.worktrees/`, and local planning artifacts under `docs/plans/`.
|
||||
- Read `DESIGN.md` before making visual changes; it contains the project’s visual system and tone constraints.
|
||||
|
||||
@@ -1,9 +1,16 @@
|
||||
import { defineConfig } from 'astro/config';
|
||||
import node from '@astrojs/node';
|
||||
import sitemap from '@astrojs/sitemap';
|
||||
|
||||
export default defineConfig({
|
||||
site: 'https://mnq.elkazurrotaberna.es',
|
||||
output: 'server',
|
||||
adapter: node({
|
||||
mode: 'standalone',
|
||||
}),
|
||||
integrations: [
|
||||
sitemap({
|
||||
filter: (page) => !page.endsWith('/cookies/') && !page.endsWith('/privacidad/'),
|
||||
}),
|
||||
],
|
||||
});
|
||||
|
||||
Binary file not shown.
@@ -0,0 +1,347 @@
|
||||
# Combined SEO priority roadmap
|
||||
|
||||
This document combines two sources reviewed on July 19, 2026:
|
||||
- PageSpeed Insights desktop report for `https://mnq.elkazurrotaberna.es/`
|
||||
- `docs/seo-audit/Google-SEO-Report-mnq.elkazurrotaberna.es-full.pdf`
|
||||
|
||||
It is intentionally split into:
|
||||
- **Repo-verified issues**: confirmed from the current codebase
|
||||
- **Production-only checks**: reported by the PDF/PageSpeed but require live-environment validation
|
||||
|
||||
---
|
||||
|
||||
## Current headline picture
|
||||
- Performance: **80**
|
||||
- Accessibility: **96**
|
||||
- Best Practices: **100**
|
||||
- SEO: **100**
|
||||
- External full SEO PDF health score: **39/100**
|
||||
|
||||
Interpretation:
|
||||
- Lighthouse says the site is technically decent at baseline.
|
||||
- The PDF surfaces bigger **search readiness / local SEO / entity trust** gaps that Lighthouse does not score deeply.
|
||||
|
||||
---
|
||||
|
||||
## Tier 1 — Critical fixes
|
||||
|
||||
### 1. Add crawl and discovery files
|
||||
**Status:** repo-verified missing
|
||||
|
||||
**Missing**
|
||||
- `robots.txt`
|
||||
- `sitemap.xml`
|
||||
- `llms.txt`
|
||||
|
||||
**Why this is critical**
|
||||
- Search engines and AI crawlers lack explicit discovery and policy signals.
|
||||
- This is one of the highest-leverage technical SEO fixes on a small site.
|
||||
|
||||
**Files to add / touch**
|
||||
- `public/robots.txt`
|
||||
- sitemap generation setup in Astro
|
||||
- `public/llms.txt`
|
||||
|
||||
**Recommended action**
|
||||
- Add `robots.txt` with a `Sitemap:` directive.
|
||||
- Generate a sitemap from the real route set.
|
||||
- Add a concise `llms.txt` with business summary, services, contact, and canonical domain.
|
||||
|
||||
---
|
||||
|
||||
### 2. Add missing `<head>` SEO signals sitewide
|
||||
**Status:** repo-verified missing
|
||||
|
||||
**Missing**
|
||||
- canonical tags
|
||||
- Open Graph tags
|
||||
- explicit meta robots tags
|
||||
- JSON-LD / structured data
|
||||
|
||||
**Why this is critical**
|
||||
- The site currently has content, but weak machine-readable identity.
|
||||
- Canonicalization and entity markup matter more here than another visual polish pass.
|
||||
|
||||
**Files to touch**
|
||||
- `src/layouts/MainLayout.astro`
|
||||
- possibly shared helpers/components if you extract metadata/schema logic
|
||||
|
||||
**Recommended action**
|
||||
- Add self-referencing canonical tags.
|
||||
- Add base OG tags (`og:title`, `og:description`, `og:type`, `og:url`, `og:image`).
|
||||
- Add explicit `meta name="robots"` defaults, with special handling for legal pages if desired.
|
||||
- Add sitewide JSON-LD for the business plus page-specific schema later.
|
||||
|
||||
---
|
||||
|
||||
### 3. Fix language/market mismatch
|
||||
**Status:** repo-verified
|
||||
|
||||
**Current code**
|
||||
- `src/layouts/MainLayout.astro` uses `lang="es-AR"`
|
||||
|
||||
**Why this is critical**
|
||||
- The site targets Spain signals (`+34`, RGPD/legal context), not Argentina.
|
||||
- This mismatch hurts consistency for SEO, accessibility, and AI interpretation.
|
||||
|
||||
**Files to touch**
|
||||
- `src/layouts/MainLayout.astro`
|
||||
- any copy using inconsistent register
|
||||
|
||||
**Recommended action**
|
||||
- Change sitewide language to `es-ES`.
|
||||
- Standardize tone/register across pages.
|
||||
|
||||
---
|
||||
|
||||
### 4. Fix the business identity trust gap
|
||||
**Status:** partially repo-verified
|
||||
|
||||
**Repo-verified issues**
|
||||
- `eventos@mnqcatering.com` appears in:
|
||||
- `src/pages/contacto.astro`
|
||||
- `src/pages/cookies.astro`
|
||||
- `src/pages/privacidad.astro`
|
||||
- Corporate client names in `src/pages/corporativo-business.astro` look like placeholders:
|
||||
- `LUMINA`
|
||||
- `Nordic Corp`
|
||||
- `Apex Sol.`
|
||||
|
||||
**Why this is critical**
|
||||
- A dead email domain or invented-looking client proof is poison for conversions and trust.
|
||||
- This is not cosmetic. This is credibility.
|
||||
|
||||
**Files to touch**
|
||||
- `src/pages/contacto.astro`
|
||||
- `src/pages/cookies.astro`
|
||||
- `src/pages/privacidad.astro`
|
||||
- `src/pages/corporativo-business.astro`
|
||||
|
||||
**Recommended action**
|
||||
- Verify the real contact domain and replace broken email references if needed.
|
||||
- Remove fabricated-looking client names unless they are real and permissioned.
|
||||
- Replace them with real logos, real brands, or no claim at all.
|
||||
|
||||
---
|
||||
|
||||
### 5. Add service-area and local intent signals
|
||||
**Status:** repo gap strongly supported by PDF; should be treated as high-priority content work
|
||||
|
||||
**Why this is critical**
|
||||
- The site needs explicit geography/service area to compete for local intent.
|
||||
- Right now the strongest geo signal appears to be the phone prefix.
|
||||
|
||||
**Recommended action**
|
||||
- Add a visible service-area section on homepage and contact page.
|
||||
- Mention real cities/regions served.
|
||||
- Reflect the same area in JSON-LD (`areaServed`).
|
||||
|
||||
**Likely files to touch**
|
||||
- `src/pages/index.astro`
|
||||
- `src/pages/contacto.astro`
|
||||
- service pages under `src/pages/`
|
||||
|
||||
---
|
||||
|
||||
## Tier 2 — High-impact SEO and conversion improvements
|
||||
|
||||
### 6. Add `tel:` links and strengthen contact usability
|
||||
**Status:** repo-verified missing
|
||||
|
||||
**Why**
|
||||
- The PDF correctly flags phone numbers as plain text.
|
||||
- Click-to-call is basic conversion hygiene.
|
||||
|
||||
**Files to touch**
|
||||
- `src/pages/contacto.astro`
|
||||
- `src/components/SiteFooter.astro`
|
||||
- any page/header component showing the phone number
|
||||
|
||||
**Recommended action**
|
||||
- Wrap visible phone numbers in `tel:` links.
|
||||
- Keep formatting human-readable while normalizing href values.
|
||||
|
||||
---
|
||||
|
||||
### 7. Add FAQ and schema-backed informational sections
|
||||
**Status:** supported by PDF; not yet implemented in repo
|
||||
|
||||
**Why**
|
||||
- The site is heavily CTA-driven but thin on concrete buyer-answer content.
|
||||
- FAQ helps SEO, AI retrieval, and lead qualification.
|
||||
|
||||
**Recommended action**
|
||||
- Add short FAQ blocks on main commercial pages.
|
||||
- Add FAQPage schema only for visible questions/answers.
|
||||
|
||||
**Likely files to touch**
|
||||
- `src/pages/bodas-reales.astro`
|
||||
- `src/pages/corporativo-business.astro`
|
||||
- `src/pages/reuniones-familiares.astro`
|
||||
- `src/pages/contacto.astro`
|
||||
|
||||
---
|
||||
|
||||
### 8. Add concrete facts: pricing, capacity, coverage, lead time
|
||||
**Status:** supported by PDF; likely real gap
|
||||
|
||||
**Why**
|
||||
- Premium tone without specifics creates trust friction.
|
||||
- Visitors need qualifying information before filling a form or opening WhatsApp.
|
||||
|
||||
**Recommended action**
|
||||
- Add readable prose covering:
|
||||
- capacity ranges
|
||||
- indicative pricing approach or starting-tier language
|
||||
- coverage area
|
||||
- booking lead time
|
||||
|
||||
**Most important page**
|
||||
- `src/pages/reuniones-familiares.astro` appears weakest per the PDF.
|
||||
|
||||
---
|
||||
|
||||
## Tier 3 — Performance fixes with clear Lighthouse payoff
|
||||
|
||||
### 9. Remove or reduce render-blocking font requests
|
||||
**Status:** repo-verified + PageSpeed-supported
|
||||
|
||||
**Files**
|
||||
- `src/layouts/MainLayout.astro`
|
||||
|
||||
**Current issues**
|
||||
- external Google Fonts stylesheet request
|
||||
- external Material Symbols stylesheet request
|
||||
|
||||
**Recommended action**
|
||||
- reduce font families/weights
|
||||
- replace icon font with local/inline SVGs if feasible
|
||||
- self-host fonts if the project keeps them
|
||||
|
||||
**Why**
|
||||
- Lighthouse reports render-blocking request savings around **1380 ms**.
|
||||
|
||||
---
|
||||
|
||||
### 10. Fix image delivery and explicit dimensions
|
||||
**Status:** repo-verified + PageSpeed-supported
|
||||
|
||||
**Files**
|
||||
- `src/pages/index.astro`
|
||||
- `src/pages/bodas-reales.astro`
|
||||
- `src/pages/corporativo-business.astro`
|
||||
- review also `src/pages/contacto.astro`, `src/pages/nosotros.astro`, `src/pages/reuniones-familiares.astro`
|
||||
|
||||
**Recommended action**
|
||||
- add explicit `width` and `height`
|
||||
- make sure above-the-fold assets are not oversized
|
||||
- keep optimized formats consistent
|
||||
- use lazy loading for non-hero images
|
||||
|
||||
**Why**
|
||||
- Lighthouse reports image savings around **1423 KiB**.
|
||||
- It also flags missing image dimensions.
|
||||
|
||||
---
|
||||
|
||||
### 11. Recompress and rationalize `public/images/`
|
||||
**Status:** repo-verified
|
||||
|
||||
**Hotspots**
|
||||
- several large `.png` files in `public/images/`
|
||||
- oversized footer/logo assets relative to rendered size
|
||||
|
||||
**Recommended action**
|
||||
- replace or recompress large PNGs
|
||||
- prefer lighter WebP variants where acceptable
|
||||
- remove duplicates not used in production
|
||||
|
||||
**Folders**
|
||||
- `public/images/`
|
||||
- `public/images/generated/`
|
||||
|
||||
---
|
||||
|
||||
### 12. Fix footer contrast
|
||||
**Status:** repo-verified + Lighthouse-supported
|
||||
|
||||
**Files**
|
||||
- `src/components/SiteFooter.astro`
|
||||
- `src/styles/components.css`
|
||||
|
||||
**Current issue**
|
||||
- footer text uses muted color plus low opacity
|
||||
|
||||
**Recommended action**
|
||||
- increase contrast on footer copy
|
||||
- reduce/remove low-opacity muted treatment
|
||||
|
||||
---
|
||||
|
||||
### 13. Normalize duplicated WhatsApp link labels
|
||||
**Status:** repo-verified via Lighthouse finding
|
||||
|
||||
**Files**
|
||||
- `src/components/SiteHeader.astro`
|
||||
- `src/components/SiteFooter.astro`
|
||||
|
||||
**Recommended action**
|
||||
- keep the same accessible purpose for identical WhatsApp destinations
|
||||
- use `aria-label` if visible text differs by context
|
||||
|
||||
---
|
||||
|
||||
### 14. Replace width animation on the progress bar
|
||||
**Status:** repo-verified + Lighthouse-supported
|
||||
|
||||
**Files**
|
||||
- `src/styles/animations.css`
|
||||
- `src/layouts/MainLayout.astro`
|
||||
|
||||
**Recommended action**
|
||||
- stop animating `width`
|
||||
- use `transform: scaleX(...)` with `transform-origin: left`
|
||||
|
||||
---
|
||||
|
||||
## Tier 4 — Production-only checks to verify before coding against them
|
||||
These came from the PDF/PageSpeed/live-site observations but are **not provable from the repo alone**.
|
||||
|
||||
### Validate on production
|
||||
- `www` behavior, redirects, and TLS coverage
|
||||
- security headers (`HSTS`, `X-Content-Type-Options`, `X-Frame-Options`, `CSP`)
|
||||
- gzip/brotli compression on HTML/CSS
|
||||
- cookie banner overlapping the floating WhatsApp CTA
|
||||
- broken/bleeding UI element near the top-left viewport
|
||||
- live caching policy for `/images/*`
|
||||
- whether the contact email domain truly fails resolution
|
||||
- whether the unrelated parent domain relationship must be clarified publicly
|
||||
|
||||
These should be treated as a separate verification pass against the deployed site.
|
||||
|
||||
---
|
||||
|
||||
## Suggested implementation order
|
||||
1. crawl/discovery files (`robots.txt`, sitemap, `llms.txt`)
|
||||
2. canonical + OG + robots + base JSON-LD in `MainLayout.astro`
|
||||
3. `lang` correction to `es-ES`
|
||||
4. email/domain trust fix and corporate-proof cleanup
|
||||
5. service-area content and `tel:` links
|
||||
6. FAQ / concrete fact sections on service pages
|
||||
7. font and image performance fixes
|
||||
8. footer contrast and smaller accessibility cleanups
|
||||
9. production header/caching/compression validation
|
||||
|
||||
---
|
||||
|
||||
## Minimum verification after each implementation batch
|
||||
1. `npm run check`
|
||||
2. `npm run build`
|
||||
3. re-run desktop PageSpeed
|
||||
4. manually inspect live `<head>` output and generated crawl files
|
||||
|
||||
---
|
||||
|
||||
## Related files already present
|
||||
- `docs/seo-audit/Google-SEO-Report-mnq.elkazurrotaberna.es-full.pdf`
|
||||
- `docs/seo-audit/pagespeed-priority-list.md`
|
||||
@@ -0,0 +1,133 @@
|
||||
# PageSpeed priority list
|
||||
|
||||
Source reviewed:
|
||||
- PageSpeed Insights desktop report for `https://mnq.elkazurrotaberna.es/`
|
||||
- Existing audit artifact: `Google-SEO-Report-mnq.elkazurrotaberna.es-full.pdf`
|
||||
|
||||
## Scores
|
||||
- Performance: 80
|
||||
- Accessibility: 96
|
||||
- Best Practices: 100
|
||||
- SEO: 100
|
||||
|
||||
## Fix first
|
||||
|
||||
### 1. Remove or reduce render-blocking font requests
|
||||
**Files**
|
||||
- `src/layouts/MainLayout.astro`
|
||||
|
||||
**Change**
|
||||
- Reduce Google Fonts weights/families.
|
||||
- Replace Material Symbols webfont with inline/local SVGs if possible.
|
||||
- Keep `preconnect` only if those remote font requests remain.
|
||||
- Re-evaluate the global body fade if it delays perceived first paint.
|
||||
|
||||
**Why**
|
||||
- Lighthouse reports render-blocking requests with ~1380 ms potential savings.
|
||||
|
||||
---
|
||||
|
||||
### 2. Add explicit image dimensions and tighten image delivery
|
||||
**Files**
|
||||
- `src/pages/index.astro`
|
||||
- `src/pages/bodas-reales.astro`
|
||||
- `src/pages/corporativo-business.astro`
|
||||
- Review also: `src/pages/contacto.astro`, `src/pages/nosotros.astro`, `src/pages/reuniones-familiares.astro`
|
||||
|
||||
**Change**
|
||||
- Add `width` and `height` to page images.
|
||||
- Verify above-the-fold images are not larger than their rendered size.
|
||||
- Keep optimized formats consistent.
|
||||
- Do not rely on CSS sizing alone for layout stability.
|
||||
|
||||
**Why**
|
||||
- Lighthouse reports ~1423 KiB image savings.
|
||||
- It also flags missing explicit image dimensions.
|
||||
|
||||
---
|
||||
|
||||
### 3. Shrink heavy assets in `public/images/`
|
||||
**Files / folders**
|
||||
- `public/images/`
|
||||
- `public/images/generated/`
|
||||
|
||||
**Change**
|
||||
- Replace or recompress large `.png` assets where a lighter format is acceptable.
|
||||
- Prefer existing `.webp` variants where possible.
|
||||
- Remove unused duplicates.
|
||||
- Audit especially the heavier files such as `foto-corporativo.png`, `foto-bodas.png`, `foto-canapes.png`, `foto-plato-mnq.png`, and oversized logo assets.
|
||||
|
||||
**Why**
|
||||
- The current image payload is a major part of the desktop performance loss.
|
||||
|
||||
---
|
||||
|
||||
### 4. Fix footer contrast
|
||||
**Files**
|
||||
- `src/components/SiteFooter.astro`
|
||||
- `src/styles/components.css`
|
||||
|
||||
**Change**
|
||||
- Increase footer text contrast.
|
||||
- Reduce or remove low-opacity muted text in the footer.
|
||||
- Review `.footer-bottom p`, `.footer-brand p`, and any `text-muted` + `opacity` combinations.
|
||||
|
||||
**Why**
|
||||
- Lighthouse flags footer contrast issues.
|
||||
|
||||
---
|
||||
|
||||
### 5. Make WhatsApp links use the same accessible purpose
|
||||
**Files**
|
||||
- `src/components/SiteHeader.astro`
|
||||
- `src/components/SiteFooter.astro`
|
||||
|
||||
**Change**
|
||||
- Ensure identical WhatsApp destinations use a consistent accessible label.
|
||||
- If visible text differs by context, normalize it with `aria-label`.
|
||||
|
||||
**Why**
|
||||
- Lighthouse flags identical links with mismatched purpose/description.
|
||||
|
||||
---
|
||||
|
||||
### 6. Replace progress bar width animation with transform animation
|
||||
**Files**
|
||||
- `src/styles/animations.css`
|
||||
- related update logic in `src/layouts/MainLayout.astro`
|
||||
|
||||
**Change**
|
||||
- Stop animating `width` on `.scroll-progress`.
|
||||
- Use `transform: scaleX(...)` with `transform-origin: left` instead.
|
||||
|
||||
**Why**
|
||||
- Lighthouse flags non-composited animations.
|
||||
|
||||
---
|
||||
|
||||
### 7. Trim unused CSS
|
||||
**Files**
|
||||
- `src/styles/components.css`
|
||||
- `src/styles/utilities.css`
|
||||
- `src/styles/animations.css`
|
||||
- `src/styles/layout.css`
|
||||
|
||||
**Change**
|
||||
- Remove unused helpers, stale animations, and dead selectors.
|
||||
|
||||
**Why**
|
||||
- Lighthouse reports unused CSS, but this is lower priority than fonts and images.
|
||||
|
||||
## Recommended implementation order
|
||||
1. `src/layouts/MainLayout.astro`
|
||||
2. image dimensions in page files
|
||||
3. asset optimization in `public/images/`
|
||||
4. footer contrast
|
||||
5. WhatsApp link labeling
|
||||
6. scroll progress animation
|
||||
7. CSS cleanup
|
||||
|
||||
## Validation after each batch
|
||||
1. `npm run check`
|
||||
2. `npm run build`
|
||||
3. Re-run desktop PageSpeed
|
||||
Generated
+76
@@ -9,6 +9,7 @@
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"@astrojs/node": "^9.5.5",
|
||||
"@astrojs/sitemap": "^3.7.3",
|
||||
"astro": "^5.18.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -184,6 +185,26 @@
|
||||
"node": "18.20.8 || ^20.3.0 || >=22.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@astrojs/sitemap": {
|
||||
"version": "3.7.3",
|
||||
"resolved": "https://registry.npmjs.org/@astrojs/sitemap/-/sitemap-3.7.3.tgz",
|
||||
"integrity": "sha512-f8euLVsyeAmAkSm/1M2Kb8sL8byQmfgbvBNaHFItCheTj/IpiJYSEWVcqDHZ/yEHxiS7+w87mQkzwZaPHmk5GA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"sitemap": "^9.0.0",
|
||||
"stream-replace-string": "^2.0.0",
|
||||
"zod": "^4.3.6"
|
||||
}
|
||||
},
|
||||
"node_modules/@astrojs/sitemap/node_modules/zod": {
|
||||
"version": "4.4.3",
|
||||
"resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
|
||||
"integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/colinhacks"
|
||||
}
|
||||
},
|
||||
"node_modules/@astrojs/telemetry": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.3.0.tgz",
|
||||
@@ -1704,6 +1725,24 @@
|
||||
"@types/unist": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/node": {
|
||||
"version": "24.13.3",
|
||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-24.13.3.tgz",
|
||||
"integrity": "sha512-Dh8vAsV36ig5wa9OX4pXvMc9D3Veibfw2wix0CUwYODLD8nkj9UsLjASr49nPg+2eKzxhBV+v7L8pXvT4e639Q==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"undici-types": "~7.18.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/sax": {
|
||||
"version": "1.2.7",
|
||||
"resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.7.tgz",
|
||||
"integrity": "sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/unist": {
|
||||
"version": "3.0.3",
|
||||
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
|
||||
@@ -1957,6 +1996,12 @@
|
||||
"url": "https://github.com/sponsors/jonschlinkert"
|
||||
}
|
||||
},
|
||||
"node_modules/arg": {
|
||||
"version": "5.0.2",
|
||||
"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
|
||||
"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/argparse": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
||||
@@ -4976,6 +5021,25 @@
|
||||
"integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/sitemap": {
|
||||
"version": "9.0.1",
|
||||
"resolved": "https://registry.npmjs.org/sitemap/-/sitemap-9.0.1.tgz",
|
||||
"integrity": "sha512-S6hzjGJSG3d6if0YoF5kTyeRJvia6FSTBroE5fQ0bu1QNxyJqhhinfUsXi9fH3MgtXODWvwo2BDyQSnhPQ88uQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "^24.9.2",
|
||||
"@types/sax": "^1.2.1",
|
||||
"arg": "^5.0.0",
|
||||
"sax": "^1.4.1"
|
||||
},
|
||||
"bin": {
|
||||
"sitemap": "dist/esm/cli.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=20.19.5",
|
||||
"npm": ">=10.8.2"
|
||||
}
|
||||
},
|
||||
"node_modules/smol-toml": {
|
||||
"version": "1.6.1",
|
||||
"resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.6.1.tgz",
|
||||
@@ -5016,6 +5080,12 @@
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/stream-replace-string": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/stream-replace-string/-/stream-replace-string-2.0.0.tgz",
|
||||
"integrity": "sha512-TlnjJ1C0QrmxRNrON00JvaFFlNh5TTG00APw23j74ET7gkQpTASi6/L2fuiav8pzK715HXtUeClpBTw2NPSn6w==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/string-width": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
|
||||
@@ -5234,6 +5304,12 @@
|
||||
"integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/undici-types": {
|
||||
"version": "7.18.2",
|
||||
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
|
||||
"integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/unified": {
|
||||
"version": "11.0.5",
|
||||
"resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
|
||||
|
||||
@@ -13,6 +13,7 @@
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@astrojs/node": "^9.5.5",
|
||||
"@astrojs/sitemap": "^3.7.3",
|
||||
"astro": "^5.18.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
@@ -0,0 +1,7 @@
|
||||
MNQ Catering y Evento
|
||||
|
||||
- Canonical domain: https://mnq.elkazurrotaberna.es
|
||||
- Business type: Premium catering service
|
||||
- Services: Bodas, eventos corporativos, reuniones familiares
|
||||
- Primary contact channels: WhatsApp (+34 678 17 15 13), phone (+34 678 17 15 13)
|
||||
- Key pages: /, /nosotros, /bodas-reales, /corporativo-business, /reuniones-familiares, /contacto
|
||||
@@ -0,0 +1,4 @@
|
||||
User-agent: *
|
||||
Allow: /
|
||||
|
||||
Sitemap: https://mnq.elkazurrotaberna.es/sitemap-index.xml
|
||||
@@ -0,0 +1,88 @@
|
||||
---
|
||||
interface Props {
|
||||
name:
|
||||
| 'architecture'
|
||||
| 'arrow-forward'
|
||||
| 'auto-awesome'
|
||||
| 'call'
|
||||
| 'chat'
|
||||
| 'history-edu'
|
||||
| 'language'
|
||||
| 'local-florist'
|
||||
| 'restaurant-menu'
|
||||
| 'verified';
|
||||
class?: string;
|
||||
size?: number;
|
||||
}
|
||||
|
||||
const { name, class: className, size = 20 } = Astro.props;
|
||||
|
||||
const icons: Record<Props['name'], { viewBox: string; markup: string }> = {
|
||||
architecture: {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M3 21h18" /><path d="M5 21V9" /><path d="M19 21V9" /><path d="M8 21v-5" /><path d="M12 21v-5" /><path d="M16 21v-5" /><path d="M4 9h16" /><path d="M12 3 3 9h18L12 3Z" />',
|
||||
},
|
||||
'arrow-forward': {
|
||||
viewBox: '0 0 24 24',
|
||||
markup: '<path d="M5 12h14" /><path d="m13 6 6 6-6 6" />',
|
||||
},
|
||||
'auto-awesome': {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="m12 3 1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3Z" /><path d="m19 14 .8 2.2L22 17l-2.2.8L19 20l-.8-2.2L16 17l2.2-.8L19 14Z" /><path d="m5 14 .8 2.2L8 17l-2.2.8L5 20l-.8-2.2L2 17l2.2-.8L5 14Z" />',
|
||||
},
|
||||
call: {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M4.5 6.8c0 7 5.7 12.7 12.7 12.7h1.9a1.4 1.4 0 0 0 1.4-1.4v-2.4a1.4 1.4 0 0 0-1.2-1.4l-3.2-.4a1.4 1.4 0 0 0-1.4.8l-.7 1.4a11.4 11.4 0 0 1-6.1-6.1l1.4-.7a1.4 1.4 0 0 0 .8-1.4l-.4-3.2A1.4 1.4 0 0 0 8.3 3.5H5.9A1.4 1.4 0 0 0 4.5 4.9v1.9Z" />',
|
||||
},
|
||||
chat: {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M7 18H4a1 1 0 0 1-1-1V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4H9l-4 4v-3Z" /><path d="M8 9h8" /><path d="M8 13h5" />',
|
||||
},
|
||||
'history-edu': {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H20v16H6.5A2.5 2.5 0 0 0 4 21.5V5.5Z" /><path d="M8 7h7" /><path d="M8 11h8" /><path d="M8 15h5" /><path d="M4 21.5A2.5 2.5 0 0 1 6.5 19" />',
|
||||
},
|
||||
language: {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z" /><path d="M3 12h18" /><path d="M12 3a14.5 14.5 0 0 1 0 18" /><path d="M12 3a14.5 14.5 0 0 0 0 18" />',
|
||||
},
|
||||
'local-florist': {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M12 13.5c1.8-2.1 4.5-2.7 5.8-1.4 1.3 1.3.7 4-1.4 5.8-2.1 1.8-4.8 2.2-6.1.9-1.3-1.3-.9-4 .9-6.1.2-.2.5-.5.8-.7Z" /><path d="M12 13.5c-1.8-2.1-4.5-2.7-5.8-1.4-1.3 1.3-.7 4 1.4 5.8 2.1 1.8 4.8 2.2 6.1.9 1.3-1.3.9-4-.9-6.1-.2-.2-.5-.5-.8-.7Z" /><path d="M12 13.5c2.7-.8 4.4-2.9 3.8-4.7-.6-1.8-3.4-2.5-6.1-1.7-2.7.8-4.4 2.9-3.8 4.7.6 1.8 3.4 2.5 6.1 1.7Z" /><path d="M12 13.5V21" /><path d="M10 21h4" />',
|
||||
},
|
||||
'restaurant-menu': {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="M6 3v7" /><path d="M9 3v7" /><path d="M6 7h3" /><path d="M7.5 10v11" /><path d="M15 3c1.7 2 2.5 4.1 2.5 6.3V21" /><path d="M15 10.5c-1.4 0-2.5-1.1-2.5-2.5S13.6 5.5 15 5.5" />',
|
||||
},
|
||||
verified: {
|
||||
viewBox: '0 0 24 24',
|
||||
markup:
|
||||
'<path d="m9 12 2 2 4-4" /><path d="M12 3.5 14.6 5l3-.2 1 2.8 2.4 1.8-1 2.8 1 2.8-2.4 1.8-1 2.8-3-.2-2.6 1.5-2.6-1.5-3 .2-1-2.8L3 15.9l1-2.8-1-2.8 2.4-1.8 1-2.8 3 .2L12 3.5Z" />',
|
||||
},
|
||||
};
|
||||
|
||||
const icon = icons[name];
|
||||
---
|
||||
|
||||
<svg
|
||||
class:list={['icon', className]}
|
||||
style={`--icon-size:${size}px;`}
|
||||
viewBox={icon.viewBox}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
set:html={icon.markup}
|
||||
/>
|
||||
@@ -1,3 +1,7 @@
|
||||
---
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
---
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="page-wrap">
|
||||
<div class="footer-inner">
|
||||
@@ -5,12 +9,18 @@
|
||||
<div class="footer-brand">
|
||||
<a href="/" aria-label="MNQ Catering y Eventos">
|
||||
<img
|
||||
src="/images/logo-secondary.png"
|
||||
src="/images/logo-secondary.webp"
|
||||
alt="MNQ Catering y Eventos"
|
||||
width="224"
|
||||
height="224"
|
||||
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 style="display:flex;flex-direction:column;gap:0.35rem;margin-top:var(--space-4);">
|
||||
<a href="tel:+34678171513" class="footer-link" style="width:fit-content;">+34 678 17 15 13</a>
|
||||
<a href="https://mnq.elkazurrotaberna.es" class="footer-link" style="width:fit-content;">mnq.elkazurrotaberna.es</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-links">
|
||||
@@ -29,6 +39,7 @@
|
||||
class="footer-link"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>WhatsApp</a>
|
||||
<a href="/privacidad" class="footer-link">Privacidad</a>
|
||||
<a href="/cookies" class="footer-link">Cookies</a>
|
||||
@@ -38,7 +49,7 @@
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p class="text-body-sm text-muted opacity-60">
|
||||
<p class="text-body-sm">
|
||||
Excelencia culinaria · Diseño de eventos · Gastronomía de autor
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -3,6 +3,7 @@ interface Props {
|
||||
activeNav?: string;
|
||||
}
|
||||
const { activeNav } = Astro.props;
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
|
||||
const links = [
|
||||
{ href: '/bodas-reales', label: 'Bodas', key: 'bodas' },
|
||||
@@ -21,8 +22,8 @@ const links = [
|
||||
src="/images/logo-nav-dark.webp"
|
||||
alt="MNQ Catering y Eventos"
|
||||
class="site-logo-banner"
|
||||
width="220"
|
||||
height="85"
|
||||
width="600"
|
||||
height="232"
|
||||
/>
|
||||
</a>
|
||||
|
||||
@@ -42,6 +43,7 @@ const links = [
|
||||
class="btn btn-pill nav-wa"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>
|
||||
WhatsApp
|
||||
</a>
|
||||
@@ -69,6 +71,7 @@ const links = [
|
||||
class="btn btn-primary mobile-wa"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
style="width: 100%; justify-content: center; margin-top: 0.5rem;"
|
||||
>
|
||||
Consultar por WhatsApp
|
||||
|
||||
@@ -1,12 +1,16 @@
|
||||
---
|
||||
import Icon from './Icon.astro';
|
||||
---
|
||||
|
||||
<a
|
||||
class="whatsapp-float"
|
||||
href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20cotizar%20mi%20evento"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label="Consultar por WhatsApp"
|
||||
aria-label="Contactar con MNQ por WhatsApp"
|
||||
>
|
||||
<span>Consultar via WhatsApp</span>
|
||||
<span>Contactar por WhatsApp</span>
|
||||
<span class="whatsapp-float-icon" aria-hidden="true">
|
||||
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">chat</span>
|
||||
<Icon name="chat" size={18} />
|
||||
</span>
|
||||
</a>
|
||||
|
||||
@@ -14,33 +14,83 @@ interface Props {
|
||||
title: string;
|
||||
description?: string;
|
||||
activeNav?: string;
|
||||
canonical?: string;
|
||||
ogImage?: string;
|
||||
robots?: string;
|
||||
structuredData?: Record<string, unknown> | Array<Record<string, unknown>>;
|
||||
}
|
||||
|
||||
const {
|
||||
title,
|
||||
description = 'MNQ Catering y Evento · Experiencias gastronómicas premium para bodas, eventos corporativos y celebraciones familiares.',
|
||||
activeNav,
|
||||
canonical,
|
||||
ogImage = '/images/foto-bodas.jpg',
|
||||
robots = 'index,follow',
|
||||
structuredData,
|
||||
} = Astro.props;
|
||||
|
||||
const site = Astro.site ?? new URL('https://mnq.elkazurrotaberna.es');
|
||||
const canonicalUrl = new URL(canonical ?? Astro.url.pathname, site).toString();
|
||||
const ogImageUrl = new URL(ogImage, site).toString();
|
||||
const baseStructuredData = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'CateringService',
|
||||
name: 'MNQ Catering y Evento',
|
||||
url: site.origin,
|
||||
description:
|
||||
'Servicio de catering para bodas, eventos corporativos y reuniones familiares con enfoque premium.',
|
||||
telephone: '+34 678 17 15 13',
|
||||
serviceType: ['Bodas', 'Eventos corporativos', 'Reuniones familiares'],
|
||||
contactPoint: {
|
||||
'@type': 'ContactPoint',
|
||||
contactType: 'customer service',
|
||||
telephone: '+34 678 17 15 13',
|
||||
availableLanguage: ['es'],
|
||||
},
|
||||
};
|
||||
const structuredDataScripts = [
|
||||
baseStructuredData,
|
||||
...((Array.isArray(structuredData)
|
||||
? structuredData
|
||||
: structuredData
|
||||
? [structuredData]
|
||||
: []) as Array<Record<string, unknown>>),
|
||||
];
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="es-AR">
|
||||
<html lang="es-ES">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{title}</title>
|
||||
<meta name="description" content={description} />
|
||||
<meta name="robots" content={robots} />
|
||||
<link rel="canonical" href={canonicalUrl} />
|
||||
<meta property="og:title" content={title} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content={canonicalUrl} />
|
||||
<meta property="og:image" content={ogImageUrl} />
|
||||
<meta property="og:site_name" content="MNQ Catering y Evento" />
|
||||
<meta property="og:locale" content="es_ES" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content={title} />
|
||||
<meta name="twitter:description" content={description} />
|
||||
<meta name="twitter:image" content={ogImageUrl} />
|
||||
<link rel="icon" type="image/png" href="/images/logo-ojo-transparent.webp" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
|
||||
href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
{
|
||||
structuredDataScripts.map((schema) => (
|
||||
<script is:inline type="application/ld+json" set:html={JSON.stringify(schema)} />
|
||||
))
|
||||
}
|
||||
</head>
|
||||
<body class="page-ready">
|
||||
|
||||
@@ -83,7 +133,7 @@ const {
|
||||
const scrollTop = window.scrollY;
|
||||
const docHeight = document.documentElement.scrollHeight - window.innerHeight;
|
||||
const progress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
|
||||
progressBar.style.width = `${progress}%`;
|
||||
progressBar.style.transform = `scaleX(${progress / 100})`;
|
||||
progressBar.setAttribute('aria-valuenow', String(Math.round(progress)));
|
||||
};
|
||||
window.addEventListener('scroll', updateProgress, { passive: true });
|
||||
@@ -96,6 +146,8 @@ const {
|
||||
|
||||
// Fade OUT: intercept internal navigation links
|
||||
const handleNavClick = (e: MouseEvent) => {
|
||||
if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
|
||||
|
||||
const target = e.target as HTMLElement;
|
||||
const anchor = target.closest('a');
|
||||
if (!anchor) return;
|
||||
@@ -114,6 +166,9 @@ const {
|
||||
|
||||
} else {
|
||||
// Reduced motion: show immediately, no transitions
|
||||
document.querySelectorAll('.reveal, .reveal-left, .reveal-scale, .gold-line, .section-eyebrow, .value-card-animate').forEach((el) => {
|
||||
el.classList.add('visible');
|
||||
});
|
||||
document.body.classList.add('page-ready');
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,11 +1,46 @@
|
||||
---
|
||||
import MainLayout from '../layouts/MainLayout.astro';
|
||||
import Icon from '../components/Icon.astro';
|
||||
|
||||
const weddingFaqs = [
|
||||
{
|
||||
question: '¿Cómo se construye una propuesta de boda?',
|
||||
answer:
|
||||
'Partimos de la fecha, el lugar, el número estimado de invitados y el tipo de servicio deseado para plantear una propuesta personalizada.',
|
||||
},
|
||||
{
|
||||
question: '¿El presupuesto incluye solo comida?',
|
||||
answer:
|
||||
'La propuesta puede contemplar cocina, servicio, menaje y necesidades de montaje, según lo que requiera la celebración.',
|
||||
},
|
||||
{
|
||||
question: '¿Cuándo se confirma la viabilidad del evento?',
|
||||
answer:
|
||||
'Después de revisar disponibilidad de fecha, condiciones del espacio y necesidades logísticas del servicio.',
|
||||
},
|
||||
];
|
||||
|
||||
const weddingStructuredData = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: weddingFaqs.map((faq) => ({
|
||||
'@type': 'Question',
|
||||
name: faq.question,
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: faq.answer,
|
||||
},
|
||||
})),
|
||||
};
|
||||
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
---
|
||||
|
||||
<MainLayout
|
||||
title="Bodas Reales | MNQ Catering y Evento"
|
||||
description="Creamos banquetes de boda inolvidables. Menú de autor, ambientación gastronómica y servicio impecable para el día más especial de su vida."
|
||||
activeNav="bodas"
|
||||
structuredData={weddingStructuredData}
|
||||
>
|
||||
|
||||
<!-- ─── HERO ─── -->
|
||||
@@ -15,6 +50,8 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
alt="Bodas Reales — MNQ Catering"
|
||||
class="hero-bg"
|
||||
style="object-position: center 40%;"
|
||||
width="1264"
|
||||
height="848"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
@@ -27,6 +64,27 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm bg-container-low">
|
||||
<div class="page-wrap">
|
||||
<div class="wedding-detail-grid">
|
||||
<div>
|
||||
<span class="section-eyebrow">Planificación</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Una boda cuidada también necesita información concreta</h2>
|
||||
</div>
|
||||
<div class="stack-6">
|
||||
<p class="text-muted" style="line-height:1.8;">
|
||||
Para diseñar una propuesta coherente revisamos fecha, espacio, número aproximado de invitados, secuencia del servicio y necesidades reales de montaje. Así evitamos presupuestos genéricos y trabajamos una propuesta que responda al ritmo de la celebración.
|
||||
</p>
|
||||
<ul class="wedding-facts">
|
||||
<li><strong>Formato:</strong> cóctel, banquete, recena o una combinación adaptada al desarrollo de la boda.</li>
|
||||
<li><strong>Propuesta económica:</strong> se calcula según menú, servicio, menaje, tiempos y desplazamiento.</li>
|
||||
<li><strong>Viabilidad:</strong> la confirmamos tras revisar disponibilidad y condiciones del espacio.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ─── NARRATIVA ─── -->
|
||||
<section class="section-pad">
|
||||
<div class="page-wrap">
|
||||
@@ -59,7 +117,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/foto-bodas.jpg"
|
||||
alt="Salón de bodas dorado — MNQ"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
<div class="bento-card-overlay"></div>
|
||||
<div class="bento-card-body">
|
||||
@@ -73,7 +135,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/gallery-4.webp"
|
||||
alt="Mesa de boda con flores"
|
||||
width="1024"
|
||||
height="1024"
|
||||
style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0/55%),transparent);"></div>
|
||||
<div class="bento-card-body"><span class="label-caps text-white">Detalles Florales</span></div>
|
||||
@@ -83,7 +149,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/gallery-1.webp"
|
||||
alt="Postre de autor"
|
||||
width="1024"
|
||||
height="1024"
|
||||
style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0/55%),transparent);"></div>
|
||||
<div class="bento-card-body"><span class="label-caps text-white">Pastelería de Autor</span></div>
|
||||
@@ -106,7 +176,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<div class="grid-3 arte-mesa-grid" style="align-items: start;">
|
||||
<div style="text-align: center;">
|
||||
<div class="img-zoom overflow-hidden rounded-lg reveal reveal-scale" style="--reveal-delay: 100; aspect-ratio:4/5;margin-bottom:var(--space-6);">
|
||||
<img src="/images/generated/gallery-4.webp" alt="Texturas nobles" style="width:100%;height:100%;object-fit:cover;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-4.webp" alt="Texturas nobles" style="width:100%;height:100%;object-fit:cover;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<h4 class="text-headline-md" style="margin-bottom:var(--space-2);">Texturas Nobles</h4>
|
||||
<p class="text-body-sm text-muted">Linos y sedas seleccionados por su caída y tacto excepcional.</p>
|
||||
@@ -114,7 +184,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
|
||||
<div class="arte-stagger" style="text-align: center;">
|
||||
<div class="img-zoom overflow-hidden rounded-lg reveal reveal-scale" style="--reveal-delay: 250; aspect-ratio:4/5;margin-bottom:var(--space-6);">
|
||||
<img src="/images/foto-canapes.jpg" alt="Canapés premium" style="width:100%;height:100%;object-fit:cover;" loading="lazy" />
|
||||
<img src="/images/foto-canapes.jpg" alt="Canapés premium" style="width:100%;height:100%;object-fit:cover;" width="1264" height="848" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<h4 class="text-headline-md" style="margin-bottom:var(--space-2);">Cristal & Oro</h4>
|
||||
<p class="text-body-sm text-muted">Detalles metálicos que aportan un brillo atemporal a su celebración.</p>
|
||||
@@ -122,7 +192,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
|
||||
<div class="arte-stagger-2" style="text-align: center;">
|
||||
<div class="img-zoom overflow-hidden rounded-lg reveal reveal-scale" style="--reveal-delay: 400; aspect-ratio:4/5;margin-bottom:var(--space-6);">
|
||||
<img src="/images/generated/gallery-3.webp" alt="Platos de autor" style="width:100%;height:100%;object-fit:cover;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-3.webp" alt="Platos de autor" style="width:100%;height:100%;object-fit:cover;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<h4 class="text-headline-md" style="margin-bottom:var(--space-2);">Platos de Autor</h4>
|
||||
<p class="text-body-sm text-muted">Cada ingrediente es una nota en nuestra composición gastronómica.</p>
|
||||
@@ -176,8 +246,8 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<div style="position:relative;z-index:10;">
|
||||
<h2 class="text-display" style="color:var(--color-inverse-on-surface);margin-bottom:var(--space-8);">¿Comenzamos a planear su gran día?</h2>
|
||||
<p style="color:rgb(248 240 226/80%);margin-bottom:var(--space-12);max-width:36rem;margin-inline:auto;">Solicite una asesoría personalizada y reciba un presupuesto a medida para su boda exclusiva.</p>
|
||||
<a href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20cotizar%20una%20boda" class="btn btn-dark" target="_blank" rel="noreferrer">
|
||||
<span class="material-symbols-outlined">chat</span>
|
||||
<a href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20cotizar%20una%20boda" class="btn btn-dark" target="_blank" rel="noreferrer" aria-label={whatsappAriaLabel}>
|
||||
<Icon name="chat" />
|
||||
Consultar por WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
@@ -185,9 +255,40 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm">
|
||||
<div class="page-wrap" style="max-width:52rem;">
|
||||
<div style="margin-bottom:var(--space-8);">
|
||||
<span class="section-eyebrow">Preguntas frecuentes</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Dudas habituales antes de solicitar una propuesta de boda</h2>
|
||||
</div>
|
||||
<div class="faq-list">
|
||||
{weddingFaqs.map((faq) => (
|
||||
<article class="faq-item">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">{faq.question}</h3>
|
||||
<p class="text-muted" style="line-height:1.75;">{faq.answer}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</MainLayout>
|
||||
|
||||
<style>
|
||||
.wedding-detail-grid,
|
||||
.faq-list {
|
||||
display: grid;
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
.wedding-facts {
|
||||
display: grid;
|
||||
gap: var(--space-4);
|
||||
padding-left: var(--space-6);
|
||||
color: var(--color-on-surface-variant);
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -214,6 +315,12 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
}
|
||||
|
||||
@media (min-width: 48rem) {
|
||||
.wedding-detail-grid {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
align-items: start;
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
.bento-grid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: auto auto;
|
||||
|
||||
+108
-7
@@ -1,11 +1,46 @@
|
||||
---
|
||||
import MainLayout from '../layouts/MainLayout.astro';
|
||||
import Icon from '../components/Icon.astro';
|
||||
|
||||
const contactFaqs = [
|
||||
{
|
||||
question: '¿Qué datos conviene enviar para pedir una propuesta?',
|
||||
answer:
|
||||
'Fecha estimada, lugar del evento, número aproximado de asistentes y el tipo de servicio que necesita.',
|
||||
},
|
||||
{
|
||||
question: '¿Atienden bodas, eventos de empresa y celebraciones familiares?',
|
||||
answer:
|
||||
'Sí. Trabajamos propuestas a medida para bodas, formatos corporativos y encuentros familiares con necesidades distintas de servicio y montaje.',
|
||||
},
|
||||
{
|
||||
question: '¿Cómo se confirma la cobertura de un evento?',
|
||||
answer:
|
||||
'La revisamos caso a caso según fecha, desplazamiento, formato del servicio y necesidades logísticas del espacio.',
|
||||
},
|
||||
];
|
||||
|
||||
const contactStructuredData = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: contactFaqs.map((faq) => ({
|
||||
'@type': 'Question',
|
||||
name: faq.question,
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: faq.answer,
|
||||
},
|
||||
})),
|
||||
};
|
||||
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
---
|
||||
|
||||
<MainLayout
|
||||
title="Contacto | MNQ Catering y Evento"
|
||||
description="Hablemos de su próximo evento. Diseñamos experiencias gastronómicas a medida para bodas, corporativos y celebraciones familiares."
|
||||
activeNav="contacto"
|
||||
structuredData={contactStructuredData}
|
||||
>
|
||||
|
||||
<!-- ─── HERO ─── -->
|
||||
@@ -21,12 +56,17 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<p class="text-muted" style="line-height: 1.7; max-width: 32rem;">
|
||||
Diseñamos experiencias gastronómicas a medida. Permítanos conocer sus necesidades para crear una propuesta única y exclusiva.
|
||||
</p>
|
||||
<p class="text-body-sm" style="margin-top:var(--space-6);max-width:34rem;color:var(--color-on-surface-variant);line-height:1.75;">
|
||||
Atendemos cada solicitud con validación previa de fecha, formato del servicio y desplazamiento. Si comparte el lugar del evento y el número estimado de asistentes, podremos orientarle con más precisión desde el primer contacto.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="contacto-hero-img overflow-hidden rounded-lg">
|
||||
<img
|
||||
src="/images/foto-bodas.jpg"
|
||||
alt="MNQ Catering — salón de eventos premium"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center 35%;"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
@@ -48,23 +88,23 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<div class="stack-4">
|
||||
<span class="label-caps text-primary">Teléfono</span>
|
||||
<div style="display:flex;align-items:center;gap:var(--space-4);">
|
||||
<span class="material-symbols-outlined text-primary">call</span>
|
||||
<p class="text-muted">+34 678 17 15 13</p>
|
||||
<Icon name="call" class="text-primary" />
|
||||
<a class="text-muted contact-link" href="tel:+34678171513">+34 678 17 15 13</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stack-4">
|
||||
<span class="label-caps text-primary">Email</span>
|
||||
<span class="label-caps text-primary">Sitio web</span>
|
||||
<div style="display:flex;align-items:center;gap:var(--space-4);">
|
||||
<span class="material-symbols-outlined text-primary">mail</span>
|
||||
<p class="text-muted">eventos@mnqcatering.com</p>
|
||||
<Icon name="language" class="text-primary" />
|
||||
<a class="text-muted contact-link" href="https://mnq.elkazurrotaberna.es">mnq.elkazurrotaberna.es</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stack-4">
|
||||
<span class="label-caps text-primary">WhatsApp</span>
|
||||
<div style="display:flex;align-items:center;gap:var(--space-4);">
|
||||
<span class="material-symbols-outlined text-primary">chat</span>
|
||||
<Icon name="chat" class="text-primary" />
|
||||
<p class="text-muted">Canal exclusivo de atención</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -80,6 +120,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
class="btn btn-primary"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
style="width:fit-content;"
|
||||
>
|
||||
Iniciar por WhatsApp
|
||||
@@ -131,7 +172,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<div class="form-span-full" style="display:flex;justify-content:flex-end;">
|
||||
<button type="submit" class="btn-underline" style="display:inline-flex;align-items:center;gap:var(--space-3);">
|
||||
Enviar Solicitud
|
||||
<span class="material-symbols-outlined">arrow_forward</span>
|
||||
<Icon name="arrow-forward" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -142,6 +183,49 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm bg-container-low">
|
||||
<div class="page-wrap">
|
||||
<div class="contact-detail-grid">
|
||||
<div>
|
||||
<span class="section-eyebrow">Cobertura y planificación</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);margin-bottom:var(--space-6);">Cómo confirmamos la viabilidad de cada evento</h2>
|
||||
</div>
|
||||
<div class="stack-6">
|
||||
<p class="text-muted" style="line-height:1.8;">
|
||||
No trabajamos con una cobertura automática ni con propuestas cerradas. Cada servicio se estudia según la ubicación del evento, la fecha disponible, el volumen de invitados y las necesidades reales de montaje o servicio.
|
||||
</p>
|
||||
<div class="grid-2" style="gap:var(--space-6);">
|
||||
<div class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Qué necesitamos para orientarle</h3>
|
||||
<p class="text-body-sm text-muted">Fecha estimada, lugar, horario, asistentes y tipo de servicio. Con esa base podemos indicarle el encaje del evento y el siguiente paso comercial.</p>
|
||||
</div>
|
||||
<div class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Cómo planteamos el presupuesto</h3>
|
||||
<p class="text-body-sm text-muted">La propuesta se ajusta al formato gastronómico, personal necesario, menaje, tiempos de servicio y desplazamiento previsto para su celebración.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm">
|
||||
<div class="page-wrap" style="max-width:52rem;">
|
||||
<div style="margin-bottom:var(--space-8);">
|
||||
<span class="section-eyebrow">Preguntas frecuentes</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Información útil antes de escribirnos</h2>
|
||||
</div>
|
||||
<div class="faq-list">
|
||||
{contactFaqs.map((faq) => (
|
||||
<article class="faq-item">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">{faq.question}</h3>
|
||||
<p class="text-muted" style="line-height:1.75;">{faq.answer}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</MainLayout>
|
||||
|
||||
<style>
|
||||
@@ -172,6 +256,17 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
.contact-link {
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.2em;
|
||||
}
|
||||
|
||||
.contact-detail-grid,
|
||||
.faq-list {
|
||||
display: grid;
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
@media (min-width: 48rem) {
|
||||
.contacto-hero {
|
||||
padding-top: calc(var(--nav-h) + var(--space-section));
|
||||
@@ -189,5 +284,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
align-items: start;
|
||||
gap: var(--space-16);
|
||||
}
|
||||
|
||||
.contact-detail-grid {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
align-items: start;
|
||||
gap: var(--space-12);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -5,6 +5,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<MainLayout
|
||||
title="Política de Cookies | MNQ Catering y Evento"
|
||||
description="Información sobre el uso de cookies en el sitio web de MNQ Catering y Evento."
|
||||
robots="noindex,follow"
|
||||
>
|
||||
|
||||
<section style="padding-top: calc(var(--nav-h) + var(--space-section)); padding-bottom: var(--space-section);">
|
||||
@@ -57,7 +58,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</button>
|
||||
|
||||
<h2>Más información</h2>
|
||||
<p>Para cualquier consulta sobre nuestra política de cookies, puede contactarnos en <strong>eventos@mnqcatering.com</strong>. Consulte también nuestra <a href="/privacidad">Política de Privacidad</a>.</p>
|
||||
<p>Para cualquier consulta sobre nuestra política de cookies, puede contactarnos por teléfono o WhatsApp en <a href="tel:+34678171513"><strong>+34 678 17 15 13</strong></a>. Consulte también nuestra <a href="/privacidad">Política de Privacidad</a> y la página de <a href="/contacto">Contacto</a>.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,11 +1,45 @@
|
||||
---
|
||||
import MainLayout from '../layouts/MainLayout.astro';
|
||||
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
|
||||
const corporateFaqs = [
|
||||
{
|
||||
question: '¿Qué información necesitan para preparar una propuesta corporativa?',
|
||||
answer:
|
||||
'Fecha, ubicación, horario, número estimado de asistentes y el formato previsto: coffee break, cóctel, comida o cena.',
|
||||
},
|
||||
{
|
||||
question: '¿La propuesta se adapta a la imagen y al ritmo del evento?',
|
||||
answer:
|
||||
'Sí. Ajustamos servicio, montaje y secuencia gastronómica al objetivo del encuentro y a la dinámica de la jornada.',
|
||||
},
|
||||
{
|
||||
question: '¿Cómo valoran la cobertura de un evento de empresa?',
|
||||
answer:
|
||||
'La confirmamos según disponibilidad de fecha, desplazamiento, complejidad logística del espacio y necesidades reales de producción.',
|
||||
},
|
||||
];
|
||||
|
||||
const corporateStructuredData = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: corporateFaqs.map((faq) => ({
|
||||
'@type': 'Question',
|
||||
name: faq.question,
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: faq.answer,
|
||||
},
|
||||
})),
|
||||
};
|
||||
---
|
||||
|
||||
<MainLayout
|
||||
title="Corporativo & Business | MNQ Catering y Evento"
|
||||
description="Elevamos la imagen de su empresa a través de experiencias gastronómicas impecables. Lanzamientos, galas institucionales y coffee breaks premium."
|
||||
activeNav="corporativo"
|
||||
structuredData={corporateStructuredData}
|
||||
>
|
||||
|
||||
<!-- ─── HERO ─── -->
|
||||
@@ -20,7 +54,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
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 class="corp-hero-actions">
|
||||
<a href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20propuesta%20corporativa" class="btn btn-primary" target="_blank" rel="noreferrer">Solicitar Propuesta</a>
|
||||
<a href="https://wa.me/34678171513?text=Hola%20MNQ%2C%20quiero%20propuesta%20corporativa" class="btn btn-primary" target="_blank" rel="noreferrer" aria-label={whatsappAriaLabel}>Solicitar Propuesta</a>
|
||||
<a href="#servicios" class="btn-underline">Ver Servicios</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -30,8 +64,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/foto-corporativo.jpg"
|
||||
alt="Eventos corporativos premium — MNQ"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -51,7 +88,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<div class="corp-bento">
|
||||
|
||||
<div class="bento-card corp-wide">
|
||||
<img src="/images/foto-corporativo.jpg" alt="Lanzamientos de marca" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;" loading="lazy" />
|
||||
<img src="/images/foto-corporativo.jpg" alt="Lanzamientos de marca" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;" width="1264" height="848" loading="lazy" decoding="async" />
|
||||
<div class="bento-card-overlay"></div>
|
||||
<div class="bento-card-body">
|
||||
<h3 class="text-headline-md" style="color:var(--color-on-surface);">Lanzamientos de Marca</h3>
|
||||
@@ -60,7 +97,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
|
||||
<div class="bento-card corp-tall">
|
||||
<img src="/images/generated/gallery-2.webp" alt="Coffee Breaks Premium" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-2.webp" alt="Coffee Breaks Premium" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
<div class="bento-card-overlay"></div>
|
||||
<div class="bento-card-body">
|
||||
<h3 class="text-headline-md" style="color:var(--color-on-surface);">Coffee Breaks Premium</h3>
|
||||
@@ -69,7 +106,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
|
||||
<div class="bento-card corp-wide">
|
||||
<img src="/images/foto-bodas.jpg" alt="Galas y Cenas Anuales" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;" loading="lazy" />
|
||||
<img src="/images/foto-bodas.jpg" alt="Galas y Cenas Anuales" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;" width="1264" height="848" loading="lazy" decoding="async" />
|
||||
<div class="bento-card-overlay"></div>
|
||||
<div class="bento-card-body">
|
||||
<h3 class="text-headline-md" style="color:var(--color-on-surface);">Galas & Cenas Anuales</h3>
|
||||
@@ -81,16 +118,54 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ─── EMPRESAS ─── -->
|
||||
<!-- ─── PRUEBA OPERATIVA ─── -->
|
||||
<section class="section-pad-sm bg-surface">
|
||||
<div class="page-wrap" style="text-align:center;">
|
||||
<p class="label-caps text-muted" style="margin-bottom:var(--space-12);opacity:0.8;">Empresas que confían en nuestra visión</p>
|
||||
<div style="display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-16);opacity:0.4;filter:grayscale(1);">
|
||||
<span style="font-size:1.5rem;font-weight:700;letter-spacing:0.2em;color:var(--color-on-surface-variant);">LUMINA</span>
|
||||
<span style="font-size:1.5rem;font-style:italic;color:var(--color-on-surface-variant);">Vanguard</span>
|
||||
<span style="font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--color-on-surface-variant);">Ethereal.</span>
|
||||
<span style="font-size:1.5rem;color:var(--color-on-surface-variant);">Nordic Corp</span>
|
||||
<span style="font-size:1.5rem;letter-spacing:-0.03em;color:var(--color-on-surface-variant);">Apex Sol.</span>
|
||||
<div class="page-wrap">
|
||||
<div class="trust-grid">
|
||||
<div>
|
||||
<p class="label-caps text-muted" style="margin-bottom:var(--space-4);opacity:0.8;">Coordinación corporativa</p>
|
||||
<h2 class="text-headline-lg">La confianza empieza por una ejecución clara</h2>
|
||||
</div>
|
||||
<div class="stack-6">
|
||||
<p class="text-muted" style="line-height:1.8;">
|
||||
Cuando un evento representa a una marca, la propuesta gastronómica debe responder al briefing, al ritmo de la agenda y a las exigencias del espacio. Por eso priorizamos planificación, timing de servicio y una puesta en escena alineada con el contexto del encuentro.
|
||||
</p>
|
||||
<div class="trust-cards">
|
||||
<article class="bg-container rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Briefing previo</h3>
|
||||
<p class="text-body-sm text-muted">Revisamos formato, asistentes, horarios y expectativas de marca antes de emitir la propuesta.</p>
|
||||
</article>
|
||||
<article class="bg-container rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Servicio coordinado</h3>
|
||||
<p class="text-body-sm text-muted">Ajustamos cocina, personal, menaje y secuencia de pases al ritmo real del evento.</p>
|
||||
</article>
|
||||
<article class="bg-container rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Cobertura confirmada</h3>
|
||||
<p class="text-body-sm text-muted">La viabilidad final se valida según desplazamiento, montaje necesario y condicionantes del espacio.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm bg-surface">
|
||||
<div class="page-wrap">
|
||||
<div class="trust-grid">
|
||||
<div>
|
||||
<span class="section-eyebrow">Qué puede esperar</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Propuestas pensadas para equipos, invitados y tiempos reales</h2>
|
||||
</div>
|
||||
<div class="stack-6">
|
||||
<p class="text-muted" style="line-height:1.8;">
|
||||
Diseñamos cada presupuesto según el formato de servicio, el número previsto de asistentes, la franja horaria, el personal necesario y la logística del venue. Esto nos permite presentar una propuesta coherente en lugar de una tarifa genérica que luego no encaja en producción.
|
||||
</p>
|
||||
<ul class="corp-facts">
|
||||
<li><strong>Formatos habituales:</strong> coffee break, cóctel, comida de empresa, cena institucional y activaciones con servicio gastronómico.</li>
|
||||
<li><strong>Presupuesto:</strong> siempre se calcula a medida según servicio, menaje, personal y desplazamiento.</li>
|
||||
<li><strong>Planificación:</strong> cuanto más completo sea el briefing inicial, más afinada será la primera propuesta comercial.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -139,9 +214,45 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<div style="position:absolute;top:0;right:-4rem;width:30%;height:100%;background:rgb(208 197 175/10%);transform:skewX(-10deg);pointer-events:none;"></div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm">
|
||||
<div class="page-wrap" style="max-width:52rem;">
|
||||
<div style="margin-bottom:var(--space-8);">
|
||||
<span class="section-eyebrow">Preguntas frecuentes</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Dudas habituales en eventos de empresa</h2>
|
||||
</div>
|
||||
<div class="faq-list">
|
||||
{corporateFaqs.map((faq) => (
|
||||
<article class="faq-item">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">{faq.question}</h3>
|
||||
<p class="text-muted" style="line-height:1.75;">{faq.answer}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</MainLayout>
|
||||
|
||||
<style>
|
||||
.trust-grid,
|
||||
.trust-cards,
|
||||
.faq-list {
|
||||
display: grid;
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
.trust-cards {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.corp-facts {
|
||||
display: grid;
|
||||
gap: var(--space-4);
|
||||
padding-left: var(--space-6);
|
||||
color: var(--color-on-surface-variant);
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.corp-bento {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -165,6 +276,17 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
}
|
||||
|
||||
@media (min-width: 48rem) {
|
||||
.trust-grid {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
align-items: start;
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
.trust-cards {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
.corp-bento {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: 22rem 22rem;
|
||||
|
||||
+91
-17
@@ -1,5 +1,8 @@
|
||||
---
|
||||
import MainLayout from '../layouts/MainLayout.astro';
|
||||
import Icon from '../components/Icon.astro';
|
||||
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
---
|
||||
|
||||
<MainLayout title="MNQ Catering y Evento | Excelencia Culinaria">
|
||||
@@ -11,6 +14,8 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
alt="MNQ Catering — salón de bodas premium"
|
||||
class="hero-bg"
|
||||
style="object-position: center 30%;"
|
||||
width="1264"
|
||||
height="848"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
@@ -28,13 +33,44 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
class="btn btn-ghost hero-enter-3"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>
|
||||
Explorar Servicios
|
||||
Consultar por WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm bg-container-low">
|
||||
<div class="page-wrap">
|
||||
<div class="coverage-grid">
|
||||
<div>
|
||||
<span class="section-eyebrow reveal">Cobertura y propuesta</span>
|
||||
<h2 class="text-headline-lg reveal" style="--reveal-delay:150;margin-top:var(--space-4);">Servicio planificado según ubicación, formato y ritmo del evento</h2>
|
||||
</div>
|
||||
<div class="stack-6 reveal" style="--reveal-delay:250;">
|
||||
<p class="text-muted" style="line-height:1.8;">
|
||||
Cada proyecto se valora de forma individual. Confirmamos la viabilidad según la fecha, el número de asistentes, el tipo de servicio y el desplazamiento necesario para ejecutar el evento con el nivel de detalle que exige MNQ.
|
||||
</p>
|
||||
<div class="coverage-cards">
|
||||
<article class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Eventos a medida</h3>
|
||||
<p class="text-body-sm text-muted">No trabajamos con paquetes cerrados. La propuesta nace del formato gastronómico, la logística y el tono de la celebración.</p>
|
||||
</article>
|
||||
<article class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Cobertura a confirmar</h3>
|
||||
<p class="text-body-sm text-muted">La cobertura final se valida caso a caso para asegurar montaje, tiempos de servicio y desplazamiento coherentes con el evento.</p>
|
||||
</article>
|
||||
<article class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Respuesta comercial directa</h3>
|
||||
<p class="text-body-sm text-muted">WhatsApp y teléfono siguen siendo el canal más rápido para contrastar disponibilidad y perfilar la solicitud inicial.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ─── SERVICIOS EDITORIAL GRID ─── -->
|
||||
<section class="section-pad">
|
||||
<div class="page-wrap">
|
||||
@@ -51,12 +87,15 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/hero-bodas-gen.webp"
|
||||
alt="Bodas Reales — MNQ Catering"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 700ms ease;"
|
||||
loading="lazy"
|
||||
onmouseenter="this.style.transform='scale(1.05)'"
|
||||
onmouseleave="this.style.transform='scale(1)'"
|
||||
/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: var(--space-3);" class="reveal" style="--reveal-delay: 300;">
|
||||
<div class="reveal" style="display: flex; flex-direction: column; gap: var(--space-3); --reveal-delay: 300;">
|
||||
<h3 class="text-headline-md">Bodas</h3>
|
||||
<p class="text-muted">El arte de celebrar el amor con un banquete inolvidable diseñado hasta el último detalle.</p>
|
||||
<a href="/bodas-reales" class="btn-underline" style="width: fit-content;">Saber más</a>
|
||||
@@ -69,12 +108,15 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/foto-corporativo.jpg"
|
||||
alt="Corporativo — MNQ Catering"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 700ms ease;"
|
||||
loading="lazy"
|
||||
onmouseenter="this.style.transform='scale(1.05)'"
|
||||
onmouseleave="this.style.transform='scale(1)'"
|
||||
/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: var(--space-3);" class="reveal" style="--reveal-delay: 450;">
|
||||
<div class="reveal" style="display: flex; flex-direction: column; gap: var(--space-3); --reveal-delay: 450;">
|
||||
<h3 class="text-headline-md">Eventos Corporativos</h3>
|
||||
<p class="text-muted">Reforzamos la identidad de su empresa a través de una propuesta culinaria de primer nivel.</p>
|
||||
<a href="/corporativo-business" class="btn-underline" style="width: fit-content;">Saber más</a>
|
||||
@@ -87,12 +129,15 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/hero-familiares-gen.webp"
|
||||
alt="Reuniones Familiares — MNQ Catering"
|
||||
width="1376"
|
||||
height="768"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 700ms ease;"
|
||||
loading="lazy"
|
||||
onmouseenter="this.style.transform='scale(1.05)'"
|
||||
onmouseleave="this.style.transform='scale(1)'"
|
||||
/>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: var(--space-3);" class="reveal" style="--reveal-delay: 600;">
|
||||
<div class="reveal" style="display: flex; flex-direction: column; gap: var(--space-3); --reveal-delay: 600;">
|
||||
<h3 class="text-headline-md">Reuniones Familiares</h3>
|
||||
<p class="text-muted">La calidez del hogar elevada por la excelencia de nuestra cocina de autor.</p>
|
||||
<a href="/reuniones-familiares" class="btn-underline" style="width: fit-content;">Saber más</a>
|
||||
@@ -117,12 +162,12 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
|
||||
<div class="mosaic">
|
||||
<img src="/images/generated/gallery-1.webp" alt="Postre de autor con oro" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 100;" loading="lazy" />
|
||||
<img src="/images/foto-canapes.jpg" alt="Canapés premium" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 200;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-3.webp" alt="Vieiras con azafrán" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 300;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-4.webp" alt="Mesa de boda" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 400;" loading="lazy" />
|
||||
<img src="/images/foto-plato-mnq.jpg" alt="Plato MNQ Catering" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 500;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-2.webp" alt="Bartender de coctelería" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 600;" loading="lazy" />
|
||||
<img src="/images/generated/gallery-1.webp" alt="Postre de autor con oro" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 100;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
<img src="/images/foto-canapes.jpg" alt="Canapés premium" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 200;" width="1264" height="848" loading="lazy" decoding="async" />
|
||||
<img src="/images/generated/gallery-3.webp" alt="Vieiras con azafrán" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 300;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
<img src="/images/generated/gallery-4.webp" alt="Mesa de boda" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 400;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
<img src="/images/foto-plato-mnq.jpg" alt="Plato MNQ Catering" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 500;" width="1200" height="805" loading="lazy" decoding="async" />
|
||||
<img src="/images/generated/gallery-2.webp" alt="Bartender de coctelería" class="rounded-lg reveal-scale reveal" style="--reveal-delay: 600;" width="1024" height="1024" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -179,6 +224,8 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/logo-monograma.webp"
|
||||
alt="MNQ"
|
||||
width="500"
|
||||
height="188"
|
||||
style="height: 5rem; width: auto; margin-inline: auto; display: block;"
|
||||
/>
|
||||
</div>
|
||||
@@ -194,8 +241,9 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
class="btn btn-dark"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>
|
||||
<span class="material-symbols-outlined">chat</span>
|
||||
<Icon name="chat" />
|
||||
Consultar por WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
@@ -206,7 +254,39 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</MainLayout>
|
||||
|
||||
<style>
|
||||
.coverage-grid,
|
||||
.coverage-cards,
|
||||
.services-grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.coverage-grid,
|
||||
.coverage-cards {
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
.coverage-cards {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.services-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: var(--space-8);
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
@media (min-width: 48rem) {
|
||||
.coverage-grid {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
align-items: start;
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
.coverage-cards {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
.services-grid {
|
||||
display: grid !important;
|
||||
grid-template-columns: repeat(3, 1fr) !important;
|
||||
@@ -214,10 +294,4 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
.col-stagger { margin-top: var(--space-24); }
|
||||
#gallery-quote { display: block !important; }
|
||||
}
|
||||
.services-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: var(--space-8);
|
||||
align-items: start;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,42 @@
|
||||
---
|
||||
import MainLayout from '../layouts/MainLayout.astro';
|
||||
|
||||
import Icon from '../components/Icon.astro';
|
||||
|
||||
const teamMembers = [
|
||||
{
|
||||
nombre: 'Mateo Navarro',
|
||||
rol: 'Director Ejecutivo',
|
||||
src: '/images/generated/gallery-2.webp',
|
||||
pos: 'center top',
|
||||
width: 1024,
|
||||
height: 1024,
|
||||
},
|
||||
{
|
||||
nombre: 'Lucía Quintana',
|
||||
rol: 'Chef Creativa',
|
||||
src: '/images/generated/hero-nosotros-gen.webp',
|
||||
pos: 'center top',
|
||||
width: 1264,
|
||||
height: 848,
|
||||
},
|
||||
{
|
||||
nombre: 'Julián Marín',
|
||||
rol: 'Head Sommelier',
|
||||
src: '/images/foto-canapes.jpg',
|
||||
pos: 'center 30%',
|
||||
width: 1264,
|
||||
height: 848,
|
||||
},
|
||||
{
|
||||
nombre: 'Elena Soler',
|
||||
rol: 'Diseño de Experiencias',
|
||||
src: '/images/foto-plato-mnq.jpg',
|
||||
pos: 'center top',
|
||||
width: 1200,
|
||||
height: 805,
|
||||
},
|
||||
];
|
||||
---
|
||||
|
||||
<MainLayout
|
||||
@@ -26,8 +63,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/hero-nosotros-gen.webp"
|
||||
alt="Chef ejecutiva MNQ — el arte de la hospitalidad"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
</div>
|
||||
<div class="quote-card-desktop border-outline-soft" style="position:absolute;bottom:-2.5rem;left:-2.5rem;background:var(--color-surface-container);padding:var(--space-10);display:none;">
|
||||
@@ -64,17 +104,17 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
<div class="grid-3">
|
||||
<div class="value-card value-card-animate" data-value-delay="0">
|
||||
<span class="material-symbols-outlined text-primary icon-lg">verified</span>
|
||||
<Icon name="verified" class="text-primary icon-lg" />
|
||||
<h3 class="text-headline-md">Calidad</h3>
|
||||
<p class="text-body-sm text-muted leading-relaxed">Innegociable. Desde la frescura del producto hasta el último detalle del servicio de sala.</p>
|
||||
</div>
|
||||
<div class="value-card value-card-animate" data-value-delay="150">
|
||||
<span class="material-symbols-outlined text-primary icon-lg">history_edu</span>
|
||||
<Icon name="history-edu" class="text-primary icon-lg" />
|
||||
<h3 class="text-headline-md">Tradición</h3>
|
||||
<p class="text-body-sm text-muted leading-relaxed">Honramos las técnicas clásicas que han forjado la gran cocina, aplicándolas con respeto.</p>
|
||||
</div>
|
||||
<div class="value-card value-card-animate" data-value-delay="300">
|
||||
<span class="material-symbols-outlined text-primary icon-lg">architecture</span>
|
||||
<Icon name="architecture" class="text-primary icon-lg" />
|
||||
<h3 class="text-headline-md">Vanguardia</h3>
|
||||
<p class="text-body-sm text-muted leading-relaxed">Innovamos en presentaciones y texturas para sorprender a los paladares contemporáneos.</p>
|
||||
</div>
|
||||
@@ -94,19 +134,17 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</div>
|
||||
|
||||
<div class="grid-4">
|
||||
{[
|
||||
{ nombre: 'Mateo Navarro', rol: 'Director Ejecutivo', src: '/images/generated/gallery-2.webp', pos: 'center top' },
|
||||
{ nombre: 'Lucía Quintana', rol: 'Chef Creativa', src: '/images/generated/hero-nosotros-gen.webp', pos: 'center top' },
|
||||
{ nombre: 'Julián Marín', rol: 'Head Sommelier', src: '/images/foto-canapes.jpg', pos: 'center 30%' },
|
||||
{ nombre: 'Elena Soler', rol: 'Diseño de Experiencias', src: '/images/foto-plato-mnq.jpg', pos: 'center top' },
|
||||
].map(({ nombre, rol, src, pos }) => (
|
||||
{teamMembers.map(({ nombre, rol, src, pos, width, height }) => (
|
||||
<div style="display:flex;flex-direction:column;gap:var(--space-6);">
|
||||
<div class="overflow-hidden team-card" style="aspect-ratio:3/4;">
|
||||
<img
|
||||
src={src}
|
||||
alt={nombre}
|
||||
width={width}
|
||||
height={height}
|
||||
style={`width:100%;height:100%;object-fit:cover;object-position:${pos};filter:grayscale(1);transition:filter 700ms;`}
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
@@ -5,6 +5,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<MainLayout
|
||||
title="Política de Privacidad | MNQ Catering y Evento"
|
||||
description="Política de privacidad y protección de datos de MNQ Catering y Evento."
|
||||
robots="noindex,follow"
|
||||
>
|
||||
|
||||
<section style="padding-top: calc(var(--nav-h) + var(--space-section)); padding-bottom: var(--space-section);">
|
||||
@@ -19,8 +20,8 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<h2>1. Responsable del Tratamiento</h2>
|
||||
<p>
|
||||
<strong>MNQ Catering y Evento</strong><br />
|
||||
Teléfono: +34 678 17 15 13<br />
|
||||
Email: eventos@mnqcatering.com
|
||||
Teléfono: <a href="tel:+34678171513">+34 678 17 15 13</a><br />
|
||||
Sitio web: <a href="https://mnq.elkazurrotaberna.es">mnq.elkazurrotaberna.es</a>
|
||||
</p>
|
||||
|
||||
<h2>2. Datos que Recopilamos</h2>
|
||||
@@ -60,7 +61,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<li><strong>Portabilidad:</strong> recibir sus datos en formato estructurado</li>
|
||||
</ul>
|
||||
<p>
|
||||
Para ejercer estos derechos, contacte con nosotros en <strong>eventos@mnqcatering.com</strong> o por WhatsApp al <strong>+34 678 17 15 13</strong>.
|
||||
Para ejercer estos derechos, contacte con nosotros por teléfono o WhatsApp en <a href="tel:+34678171513"><strong>+34 678 17 15 13</strong></a> o utilice la página de <a href="/contacto"><strong>Contacto</strong></a>.
|
||||
También puede presentar una reclamación ante la <a href="https://www.aepd.es" target="_blank" rel="noreferrer">Agencia Española de Protección de Datos (AEPD)</a>.
|
||||
</p>
|
||||
|
||||
|
||||
@@ -1,11 +1,46 @@
|
||||
---
|
||||
import MainLayout from '../layouts/MainLayout.astro';
|
||||
import Icon from '../components/Icon.astro';
|
||||
|
||||
const familyFaqs = [
|
||||
{
|
||||
question: '¿Qué tipo de celebraciones familiares trabajan?',
|
||||
answer:
|
||||
'Bautizos, aniversarios, cenas privadas, comidas especiales y encuentros donde el servicio gastronómico requiera una propuesta cuidada.',
|
||||
},
|
||||
{
|
||||
question: '¿Cómo se prepara el presupuesto?',
|
||||
answer:
|
||||
'Se ajusta al número estimado de invitados, al formato del servicio, al menaje necesario y al desplazamiento previsto.',
|
||||
},
|
||||
{
|
||||
question: '¿Con cuánta información conviene contactar?',
|
||||
answer:
|
||||
'Lo ideal es compartir fecha aproximada, lugar, tipo de celebración y cualquier necesidad alimentaria o logística relevante.',
|
||||
},
|
||||
];
|
||||
|
||||
const familyStructuredData = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'FAQPage',
|
||||
mainEntity: familyFaqs.map((faq) => ({
|
||||
'@type': 'Question',
|
||||
name: faq.question,
|
||||
acceptedAnswer: {
|
||||
'@type': 'Answer',
|
||||
text: faq.answer,
|
||||
},
|
||||
})),
|
||||
};
|
||||
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
---
|
||||
|
||||
<MainLayout
|
||||
title="Reuniones Familiares | MNQ Catering y Evento"
|
||||
description="Creamos experiencias culinarias íntimas donde cada detalle cuenta. Bautizos, aniversarios y cenas privadas con el sello de excelencia MNQ."
|
||||
activeNav="social"
|
||||
structuredData={familyStructuredData}
|
||||
>
|
||||
|
||||
<!-- ─── HERO ─── -->
|
||||
@@ -15,6 +50,8 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
alt="Reuniones familiares — MNQ Catering"
|
||||
class="hero-bg"
|
||||
style="object-position: center 35%;"
|
||||
width="1376"
|
||||
height="768"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
@@ -33,12 +70,43 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
class="btn btn-primary"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>Reservar una Cita</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm bg-container-low">
|
||||
<div class="page-wrap">
|
||||
<div class="detail-grid">
|
||||
<div>
|
||||
<span class="section-eyebrow">Antes de pedir propuesta</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Información clara para una celebración bien resuelta</h2>
|
||||
</div>
|
||||
<div class="stack-6">
|
||||
<p class="text-muted" style="line-height:1.8;">
|
||||
En reuniones familiares, el acierto suele estar en los matices: número real de invitados, duración del encuentro, necesidades de cocina o servicio en sala y el tipo de atmósfera que se quiere cuidar. Por eso estudiamos cada solicitud antes de confirmar cobertura y propuesta.
|
||||
</p>
|
||||
<div class="detail-cards">
|
||||
<article class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Formato del servicio</h3>
|
||||
<p class="text-body-sm text-muted">Brunch, comida sentada, cóctel, cena privada o una combinación adaptada al ritmo del encuentro.</p>
|
||||
</article>
|
||||
<article class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Presupuesto a medida</h3>
|
||||
<p class="text-body-sm text-muted">La propuesta se calcula según invitados, personal, menaje, timing del servicio y desplazamiento necesario.</p>
|
||||
</article>
|
||||
<article class="bg-surface rounded-lg border-outline-soft" style="padding:var(--space-6);">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">Cobertura confirmada</h3>
|
||||
<p class="text-body-sm text-muted">La viabilidad se revisa caso a caso para asegurar que el espacio y la logística estén alineados con la experiencia que promete MNQ.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ─── SERVICIOS ─── -->
|
||||
<section class="section-pad">
|
||||
<div class="page-wrap">
|
||||
@@ -58,8 +126,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/gallery-4.webp"
|
||||
alt="Bautizos — mesa de celebración"
|
||||
width="1024"
|
||||
height="1024"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@@ -74,8 +145,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/hero-familiares-gen.webp"
|
||||
alt="Aniversarios — celebración familiar"
|
||||
width="1376"
|
||||
height="768"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center 30%;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@@ -90,8 +164,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/hero-nosotros-gen.webp"
|
||||
alt="Cenas privadas — chef ejecutiva"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@@ -119,8 +196,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/gallery-3.webp"
|
||||
alt="Vieiras de la Costa con Azafrán"
|
||||
width="1024"
|
||||
height="1024"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;">
|
||||
@@ -136,8 +216,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/foto-plato-mnq.jpg"
|
||||
alt="Postre de autor MNQ"
|
||||
width="1200"
|
||||
height="805"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="text-headline-md" style="margin-bottom:var(--space-1);">Postre de Autor</h4>
|
||||
@@ -148,8 +231,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/generated/gallery-1.webp"
|
||||
alt="Postre con láminas de oro"
|
||||
width="1024"
|
||||
height="1024"
|
||||
style="width:100%;height:100%;object-fit:cover;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<h4 class="text-headline-md" style="margin-bottom:var(--space-1);">Repostería Dorada</h4>
|
||||
@@ -169,8 +255,11 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
<img
|
||||
src="/images/foto-canapes.jpg"
|
||||
alt="Canapés premium para reuniones familiares"
|
||||
width="1264"
|
||||
height="848"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center top;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -183,21 +272,21 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
</p>
|
||||
<ul style="display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10);">
|
||||
<li style="display:flex;align-items:flex-start;gap:var(--space-4);">
|
||||
<span class="material-symbols-outlined text-primary">auto_awesome</span>
|
||||
<Icon name="auto-awesome" class="text-primary" />
|
||||
<div>
|
||||
<h5 style="font-weight:600;margin-bottom:var(--space-1);">Consultoría Privada</h5>
|
||||
<p class="text-body-sm text-muted">Reunión con nuestro Chef Ejecutivo para definir el concepto gastronómico.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li style="display:flex;align-items:flex-start;gap:var(--space-4);">
|
||||
<span class="material-symbols-outlined text-primary">restaurant_menu</span>
|
||||
<Icon name="restaurant-menu" class="text-primary" />
|
||||
<div>
|
||||
<h5 style="font-weight:600;margin-bottom:var(--space-1);">Prueba de Degustación</h5>
|
||||
<p class="text-body-sm text-muted">Sesión íntima para refinar sabores y presentaciones antes del gran día.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li style="display:flex;align-items:flex-start;gap:var(--space-4);">
|
||||
<span class="material-symbols-outlined text-primary">local_florist</span>
|
||||
<Icon name="local-florist" class="text-primary" />
|
||||
<div>
|
||||
<h5 style="font-weight:600;margin-bottom:var(--space-1);">Armonía Visual</h5>
|
||||
<p class="text-body-sm text-muted">Coordinación de mantelería, vajilla y cristalería con el menú seleccionado.</p>
|
||||
@@ -209,6 +298,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
class="btn btn-primary"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>Consultar Disponibilidad</a>
|
||||
</div>
|
||||
|
||||
@@ -229,16 +319,45 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
style="background:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-md);padding:1rem 2.5rem;gap:var(--space-3);"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
aria-label={whatsappAriaLabel}
|
||||
>
|
||||
<span class="material-symbols-outlined">chat</span>
|
||||
<Icon name="chat" />
|
||||
Contactar por WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-pad-sm">
|
||||
<div class="page-wrap" style="max-width:52rem;">
|
||||
<div style="margin-bottom:var(--space-8);">
|
||||
<span class="section-eyebrow">Preguntas frecuentes</span>
|
||||
<h2 class="text-headline-lg" style="margin-top:var(--space-4);">Respuestas útiles para organizar una reunión familiar</h2>
|
||||
</div>
|
||||
<div class="faq-list">
|
||||
{familyFaqs.map((faq) => (
|
||||
<article class="faq-item">
|
||||
<h3 class="text-headline-md" style="margin-bottom:var(--space-3);">{faq.question}</h3>
|
||||
<p class="text-muted" style="line-height:1.75;">{faq.answer}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</MainLayout>
|
||||
|
||||
<style>
|
||||
.detail-grid,
|
||||
.detail-cards,
|
||||
.faq-list {
|
||||
display: grid;
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
.detail-cards {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.hero-card-glass {
|
||||
width: 100%;
|
||||
background: rgb(255 248 240 / 95%);
|
||||
@@ -269,6 +388,17 @@ import MainLayout from '../layouts/MainLayout.astro';
|
||||
}
|
||||
|
||||
@media (min-width: 48rem) {
|
||||
.detail-grid {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
align-items: start;
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
.detail-cards {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
.hero-card-glass {
|
||||
padding: var(--space-12);
|
||||
max-width: 36rem;
|
||||
|
||||
@@ -274,10 +274,13 @@ body.page-ready {
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
width: 0%;
|
||||
width: 100%;
|
||||
background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-container) 100%);
|
||||
z-index: 9999;
|
||||
transition: width 100ms linear;
|
||||
transform: scaleX(0);
|
||||
transform-origin: left center;
|
||||
transition: transform 100ms linear;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
||||
+4
-2
@@ -48,9 +48,11 @@ ul, ol {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.material-symbols-outlined {
|
||||
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
|
||||
.icon {
|
||||
width: var(--icon-size, 1.25rem);
|
||||
height: var(--icon-size, 1.25rem);
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -549,6 +549,11 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.whatsapp-float-icon .icon {
|
||||
width: 1.125rem;
|
||||
height: 1.125rem;
|
||||
}
|
||||
|
||||
.whatsapp-float span:first-child {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
@@ -619,7 +624,7 @@
|
||||
|
||||
.footer-brand p {
|
||||
font-size: var(--text-sm);
|
||||
color: var(--color-on-surface-variant);
|
||||
color: var(--color-on-surface);
|
||||
max-width: 100%;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -649,7 +654,7 @@
|
||||
|
||||
.footer-link {
|
||||
font-size: var(--text-sm);
|
||||
color: var(--color-on-surface-variant);
|
||||
color: var(--color-on-surface);
|
||||
transition: color 200ms;
|
||||
}
|
||||
|
||||
@@ -668,8 +673,7 @@
|
||||
|
||||
.footer-bottom p {
|
||||
font-size: var(--text-sm);
|
||||
color: var(--color-on-surface-variant);
|
||||
opacity: 0.6;
|
||||
color: var(--color-on-surface);
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
|
||||
@@ -117,5 +117,6 @@
|
||||
|
||||
/* Icon size */
|
||||
.icon-lg {
|
||||
font-size: 2.5rem;
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user