opencode/hostingdelsur.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hero cloud + Punta del Este photo, remove DifferenceCards photos, ServicesSection bg photo, ProcessSteps contrast, remove Nosotros bento, WorldMap real mapamundi, Instructivos Luciano datacenter photo

Browse Source
This commit is contained in:
Mauricio López Coria
2026-07-02 15:25:17 -03:00
parent d15312625b
commit 1d6d42b613
15 changed files with 106 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DifferenceCards.astro
+7 -19
View File
@@ -12,12 +12,12 @@ interface Props {
const { t } = Astro.props;
const items = [
{ Icon: MateIcon, titleKey: 'diff.support.title' as TranslationKey, bodyKey: 'diff.support.body' as TranslationKey, photo: '/images/photos/hands-typing-coffee-1200x800' },
{ Icon: SovereigntyIcon, titleKey: 'diff.sovereignty.title' as TranslationKey, bodyKey: 'diff.sovereignty.body' as TranslationKey, photo: null },
{ Icon: GlobeIcon, titleKey: 'diff.infra.title' as TranslationKey, bodyKey: 'diff.infra.body' as TranslationKey, photo: '/images/photos/monitor-grafana-1920x1280' },
{ Icon: MateIcon, titleKey: 'diff.support.title' as TranslationKey, bodyKey: 'diff.support.body' as TranslationKey },
{ Icon: SovereigntyIcon, titleKey: 'diff.sovereignty.title' as TranslationKey, bodyKey: 'diff.sovereignty.body' as TranslationKey },
{ Icon: GlobeIcon, titleKey: 'diff.infra.title' as TranslationKey, bodyKey: 'diff.infra.body' as TranslationKey },
];
---
<section class="py-24 md:py-32" style="background: var(--hds-bg-soft);" id="por-que-elegirnos">
<section class="py-24 md:py-32" style="background: var(--hds-bg);" id="por-que-elegirnos">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mb-16 md:mb-20 reveal">
<SectionEyebrow text={t('diff.eyebrow')} />
@@ -31,20 +31,8 @@ const items = [
<div class="diff-grid">
{items.map((item, i) => (
<article class="glass-card diff-card p-8 flex flex-col relative overflow-hidden" data-diff-index={i}>
{item.photo && (
<div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="opacity: 0.40;">
<img
src={`${item.photo}.webp`}
alt=""
class="w-full h-full object-cover"
loading="lazy"
decoding="async"
onerror="this.style.display='none'"
/>
</div>
)}
<div class="relative z-10 flex flex-col flex-grow">
<article class="glass-card diff-card p-8 flex flex-col" data-diff-index={i}>
<div class="flex flex-col flex-grow">
<div class="icon-circle mb-6">
<item.Icon class="w-7 h-7" />
</div>
@@ -106,7 +94,7 @@ const items = [
.diff-grid {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
align-items: start;
align-items: stretch;
}
}