NIVA Medicina Estética — sitio one-page (Next.js 16 + Tailwind v4) - #165
Open
franpuricelli wants to merge 1 commit into
Open
NIVA Medicina Estética — sitio one-page (Next.js 16 + Tailwind v4)#165franpuricelli wants to merge 1 commit into
franpuricelli wants to merge 1 commit into
Conversation
Replaces the static quickstart HTML with the full NIVA site adapted from the Accoutrement Tours reference: centered-logo navbar with boxed CTA, full-bleed hero, auto-scrolling consultorio carousel with hover color reveal, full-screen manifesto with word-by-word reveal, treatments as reference-style list rows with fal.ai-generated editorial thumbnails, featured-treatment video CTA, interactive team section, real Google reviews with per-review links, full-screen FAQ, contact + map. - Scroll reveal animations (IntersectionObserver) + hover animations - Videos compressed with ffmpeg (720p CRF28, no audio); real clinic photos - Before/After section temporarily removed from the page (component kept) - Serif font fix: reference next/font vars directly (Tailwind @theme inline does not emit --font-* as real CSS variables) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Qué hace
Reemplaza el quickstart estático por el sitio completo de NIVA Medicina Estética y Cosmiatría (Belgrano, CABA), one-page en español, adaptando la estructura y estética de accoutrementtours.com.au.
Secciones
cid.Animaciones
Scroll reveals con IntersectionObserver (
Reveal.tsx,WordsReveal.tsx), hovers en cards/imágenes/links, paneles con esquinas redondeadas que pisan la sección anterior. Se quitó el gating porprefers-reduced-motion(con "Reducir movimiento" activo en macOS no se veía ninguna animación).Notas
TODO).@theme inlinede Tailwind v4 no emite--font-*como variables CSS reales; se referencian las vars denext/fontdirectamente.🤖 Generated with Claude Code