feat: update nosotros hero photo and trim team gallery to two photos
Replace the hero image with a real event photo, and remove the third support photo from the team gallery. Also drop the now-orphaned last-child full-span rule so the remaining two photos sit as equal side-by-side columns instead of one stretching full width.
This commit is contained in:
+12
-17
@@ -5,6 +5,13 @@ import Icon from '../components/Icon.astro';
|
||||
|
||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
|
||||
const heroPhoto = {
|
||||
src: '/images/nosotros-hero.webp',
|
||||
alt: 'Responsable de MNQ acompañando la puesta a punto de un evento nocturno',
|
||||
width: 1014,
|
||||
height: 747,
|
||||
};
|
||||
|
||||
const teamGallery = {
|
||||
lead: {
|
||||
src: '/images/team/mnq-team-lead.webp',
|
||||
@@ -30,14 +37,6 @@ const teamGallery = {
|
||||
pos: 'center center',
|
||||
caption: 'Cocina en movimiento, detalle en cada pase.',
|
||||
},
|
||||
{
|
||||
src: '/images/team/mnq-team-close.webp',
|
||||
alt: 'Momento cercano del equipo de MNQ',
|
||||
width: 1079,
|
||||
height: 1079,
|
||||
pos: 'center center',
|
||||
caption: 'Una presencia cercana que acompaña sin invadir.',
|
||||
},
|
||||
],
|
||||
};
|
||||
---
|
||||
@@ -64,11 +63,11 @@ const teamGallery = {
|
||||
<div class="nosotros-image" style="position:relative;">
|
||||
<div class="overflow-hidden rounded-lg" style="aspect-ratio:4/3;">
|
||||
<img
|
||||
src={teamGallery.lead.src}
|
||||
alt={teamGallery.lead.alt}
|
||||
width={teamGallery.lead.width}
|
||||
height={teamGallery.lead.height}
|
||||
style={`width:100%;height:100%;object-fit:cover;object-position:${teamGallery.lead.pos};`}
|
||||
src={heroPhoto.src}
|
||||
alt={heroPhoto.alt}
|
||||
width={heroPhoto.width}
|
||||
height={heroPhoto.height}
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center;"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
@@ -300,10 +299,6 @@ const teamGallery = {
|
||||
.team-support-grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.team-support-grid > :last-child {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 64rem) {
|
||||
|
||||
Reference in New Issue
Block a user