Commit Graph

8 Commits

Author SHA1 Message Date
Mauricio López Coria d15312625b feat: increase photo opacity + add hero photo backgrounds to all pages
- Hero opacity 0.30→0.55, gradient overlay softened (15%/75% vs 30%/60%)
- DifferenceCards photo opacity 0.15→0.40
- ProcessSteps photo opacity 0.15→0.35, removed backdrop-blur
- Added photo backgrounds to 11 hero sections across all pages:
  - planes/en/plans: datacenter-racks
  - servicios/en/servicios: monitor-grafana
  - nosotros/en/about: team-desk-mate
  - contacto/en/contact: hands-typing-coffee
  - preguntas: maldonado-aerial
  - instructivos/en/tutorials: monitor-grafana
- All hero photos at opacity 0.25 with gradient overlay for text readability
2026-07-02 15:01:51 -03:00
Mauricio López Coria c143311e27 fix: opacity fotos + audit completo + rollback legal pages
- Hero: Maldonado aerial opacity 0.12→0.30
- DifferenceCards: card photo opacity 0.06→0.15
- ProcessSteps: section photo opacity 0.05→0.15
- servicios/[slug] + en mirror: full Tailwind v3→CSS vars migration
- PricingTiers + PricingTiersFeatured: rounded-2xl→glass-card
- en/plans: hardcoded Spanish H1→i18n + reveal
- planes, servicios/index, en/servicios/index: reveal en hero
- legal pages: bg-hds-marfil+text-hds-humo→CSS vars
2026-07-02 14:13:13 -03:00
Mauricio López Coria 2af8565c7a fix: renombrar imágenes a ASCII (sin acentos) para evitar 404
Bahía-aérea → maldonado-aerial
Datacenter-racks-enorme → datacenter-racks
Equipo-en-escritorio-con-mate → team-desk-mate
Manos-escribiendo-teclado-café → hands-typing-coffee
Monitor-closeup-grafana → monitor-grafana
2026-07-02 14:04:51 -03:00
Mauricio López Coria ded2c974b7 feat: integrar fotos reales en hero, cards, nosotros y process steps
- Hero: Maldonado aerial como background sutil (opacity 0.12)
- DifferenceCards: fotos en cards Soporte (manos) e Infraestructura (monitor)
- nosotros + en/about: bento grid de 5 fotos con captions honestos
- ProcessSteps: background sutil de manos escribiendo (opacity 0.05)
- Imágenes en public/images/photos/ (JPG + WebP + mobile resizes)
2026-07-02 14:02:50 -03:00
Mauricio López Coria 07165ee94e feat: rediseño 3 secciones
DifferenceCards: fix align-items:start + clearProps GSAP
ServicesSection: aplanar grupos, grid 2×3 sin subtítulos de categoría
ServiceCard: 3D tilt on hover (rotateX/Y), translateZ icon+cta, sombra dinámica
ProcessSteps: círculos horizontales asimétricos + SVG path orgánico que se dibuja al scroll, flotación sutil, mobile vertical
2026-07-02 01:55:07 -03:00
Mauricio López Coria 9aeaeafa3f feat: Awwwards transformation Phases 1-6
Phase 1 — Design System:
- Glassmorphism tokens (--glass-bg, --glass-border, --blur-glass)
- Gradient tokens (--hds-gradient-hero, --hds-gradient-section)
- Motion tokens (--ease-spring, --ease-out-expo)
- .glass-card component class with hover uplift + mouse-tracking glow
- .noise-overlay: SVG feTurbulence texture at 0.025 opacity
- Buttons with spring easing, prefers-reduced-motion support

Phase 2 — Preloader + Hero:
- Preloader.astro: vanilla JS logo fade-in + loading bar + slide-up
- Uses sessionStorage to skip on repeat visits
- Hero.astro: full-bleed 100dvh, GSAP timeline, glass ring decoration
- Parallax floating SVG shapes (sine yoyo animation)
- i18n: hero.scrollDown key

Phase 3 — 'Por qué elegirnos' Bento Grid:
- DifferenceCards.astro: asymmetric 3-column bento grid
- Glass cards with mouse-tracking glow (--mouse-x/--mouse-y)
- GSAP ScrollTrigger stagger reveal (opacity 0→1, y: 40→0)

Phase 4 — Pricing + Process:
- planes.astro: 5 visible + 4 in details accordion
- Empresarial as hero card, price annual only (no toggle)
- ProcessSteps.astro: timeline + ScrollTrigger progress bar

Phase 5 — Global Polish:
- LenisScroll.astro: smooth scroll (duration 1.2, cubic easing)
- GSAP ticker sync, noise overlay in BaseLayout

Phase 6 — Deploy:
- deploy.sh: auto-detects repo path, auto-builds if stale
- Relative paths instead of hardcoded /root/opencode/development
2026-07-01 23:16:36 -03:00
Mauri 79fc763025 feat(v3): rediseño con cloud dividers, animaciones scroll reveal, galería stock, página /servicios con 9 planes, 404 gracioso con robot, planos dark mode con todos los planes
- 9 planes de hosting con tabla completa de Mauri (USD/año)
- /servicios muestra los 3 servicios a medida + 9 planes categorizados
- /planes: 3 destacados + grilla con los 6 restantes
- 404 con robot SVG animado tomando mate (pronet.uy + peugeot style)
- Cloud dividers SVG entre secciones de la home
- Scroll reveal animations (.reveal + .stagger con IntersectionObserver)
- Galería de imágenes stock (datacenters, cables, código) en AVIF + WebP + JPG
- Sección de testimonios con placeholder honesto (Working on it)
- Back-to-top arreglado: ahora usa color naranja + icono blanco, visible en ambos temas
- WorldMap con animación SVG de 4 países
- Toggle light/dark funcional con anti-flash script
- Footer siempre dark con Maldonado, Uruguay
- i18n es/en con toggle y contenido bilingüe

Tech: Astro 5 + Tailwind v4 + Keystatic + Gitea + lftp
2026-06-08 23:27:55 -03:00
Mauri 393f6b0dc3 feat: sitio hostingdelsur.net v2 con Astro 5, Tailwind v4, soporte light/dark, i18n es/en, Keystatic CMS, reCAPTCHA v3
- Arista Pro Alternate Regular self-hosted (font corporativa)
- Toggle theme con CSS variables y @custom-variant dark
- 6 servicios en 3 categorías (Hosting & Correo / Diseño & Contenido / Infraestructura)
- 3 planes destacados (Básico USD 59, Institucional USD 129, E-commerce USD 219)
- Datacenters en 4 países (Canadá, USA, Alemania, Uruguay) sin ciudades en el sitio
- Sede operativa en Maldonado, Uruguay
- i18n es/en con contenido duplicado en Keystatic
- Endpoint PHP para form de contacto con PHPMailer + reCAPTCHA v3 + honeypot + rate limit
- WorldMap con animación SVG de los 4 países
- 29 páginas generadas, 0 JS por default
- Sitemap auto + robots.txt
- JSON-LD Organization + ProfessionalService con areaServed
2026-06-08 22:32:23 -03:00