Fadeaway

Fadeaway no es una barbería real. Es una página con servicios y precios, horario, barberos, reseñas, ubicación, preguntas y un formulario de contacto. Sin citas en línea, sin cuentas, sin base de datos, porque eso ya es el Standard. Una barra arriba dice que es un ejemplo y te enseña qué incluye y qué cuesta aparte.

Contarte qué incluye un Starter no es lo mismo que enseñártelo. Así que hice uno, con las mismas reglas que un cliente real: su propio look, detalles que se sienten reales y nada que no entre en una página de $600. Tu página lleva su propio diseño, no este. Fadeaway es nomás la prueba.

Arriba hay una pared de fotos tipo sticker, una por servicio, cada una con su precio y cuánto tarda. Muévelas como quieras, o dale a Tidy up y se acomodan en una lista de precios de papel con cinta. La misma info, de dos formas. En el celular empieza como lista.

Todo lo que le preguntan a una barbería, en una sola página.

• Servicios y precios, con cuánto tarda cada uno
• Si está abierto ahorita, con un reloj de Houston en vivo, y quién está hoy
• Tres barberos. Escoges uno y sus cortes pasan al frente
• Reseñas que abres para leer completas, y una barra con el horario y un botón para llamar
• Horario, estacionamiento y mapa
• Preguntas que nos hacen en el mostrador
• Un formulario de contacto. Aquí avisa que es demo; en una página real le llega a la barbería

Siete rondas. Nueve ideas rápidas, luego investigación de verdad, luego seis páginas funcionando, luego siete completas, y fui recortando hasta que ganó una. Naranja sobre un carbón cálido, con la pared de stickers bajando por toda la página. Un par de las que no ganaron las guardé para otros proyectos.

La página checa la hora de Houston, así que cambia durante el día: si está abierto, el horario de hoy, quién está trabajando. Un botón en la barra de ejemplo salta a otras horas, como un sábado en la mañana o ya cerrado, para que lo veas sin esperar.

Next.js y TypeScript, CSS normal, GSAP para el movimiento de Tidy up y Lenis para el scroll suave. Es una sola página estática, así que carga rápido. Está escondida de Google a propósito, porque la barbería no existe. Las fotos son de Unsplash, gratis.