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:
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
+12
-17
@@ -5,6 +5,13 @@ import Icon from '../components/Icon.astro';
|
|||||||
|
|
||||||
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
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 = {
|
const teamGallery = {
|
||||||
lead: {
|
lead: {
|
||||||
src: '/images/team/mnq-team-lead.webp',
|
src: '/images/team/mnq-team-lead.webp',
|
||||||
@@ -30,14 +37,6 @@ const teamGallery = {
|
|||||||
pos: 'center center',
|
pos: 'center center',
|
||||||
caption: 'Cocina en movimiento, detalle en cada pase.',
|
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="nosotros-image" style="position:relative;">
|
||||||
<div class="overflow-hidden rounded-lg" style="aspect-ratio:4/3;">
|
<div class="overflow-hidden rounded-lg" style="aspect-ratio:4/3;">
|
||||||
<img
|
<img
|
||||||
src={teamGallery.lead.src}
|
src={heroPhoto.src}
|
||||||
alt={teamGallery.lead.alt}
|
alt={heroPhoto.alt}
|
||||||
width={teamGallery.lead.width}
|
width={heroPhoto.width}
|
||||||
height={teamGallery.lead.height}
|
height={heroPhoto.height}
|
||||||
style={`width:100%;height:100%;object-fit:cover;object-position:${teamGallery.lead.pos};`}
|
style="width:100%;height:100%;object-fit:cover;object-position:center;"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
fetchpriority="high"
|
fetchpriority="high"
|
||||||
/>
|
/>
|
||||||
@@ -300,10 +299,6 @@ const teamGallery = {
|
|||||||
.team-support-grid {
|
.team-support-grid {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
.team-support-grid > :last-child {
|
|
||||||
grid-column: 1 / -1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 64rem) {
|
@media (min-width: 64rem) {
|
||||||
|
|||||||
Reference in New Issue
Block a user