Now I'll install the required dependencies for the animations (framer-motion for scroll reveal animations) and then build the ultra-minimalist landing page.
Now I'll update the globals.css with a dark theme and create the landing page components:
Now let me update the page.tsx to use all these components, update the layout with the proper metadata, and generate a premium mockup image:
Tu landing page ultra-minimalista para SOFIA está lista. He creado exactamente las 5 secciones que pediste:
El diseño incluye partículas animadas conectadas por líneas sutiles, efectos de glow azul, scroll reveal animations con Framer Motion, tema oscuro premium inspirado en Linear/Palantir, y muchísimo espacio vacío. Sin cards, sin grids, sin FAQs, sin textos largos - pura calidad visual.
Entendido. Voy a reconstruir la landing desde cero siguiendo exactamente tus especificaciones. Primero verifico los archivos actuales y luego los actualizo:
Ahora actualizo la paleta de colores al azul oscuro y creo todos los componentes según las especificaciones exactas:
Ahora creo todos los componentes nuevos:
Ahora actualizo todos los archivos con el contenido correcto y genero las dos imagenes:
Ahora elimino los archivos antiguos que ya no se usan y genero las dos imagenes:
La landing page de SOFIA esta completamente reconstruida siguiendo tus especificaciones exactas:
Estructura implementada:
Paleta aplicada: Fondo azul oscuro, texto blanco roto, acentos cyan elegantes, violeta muy sutil. Animaciones de particulas conectadas, gradientes radiales, grid sutil, scroll reveal y glow en el buscador.