mirror of
https://github.com/marcogll/AnchorOS.git
synced 2026-03-15 16:24:30 +00:00
c864f47382
- Aplicar paleta de colores específica (Bone White, Soft Cream, Mocha Taupe, Deep Earth, Charcoal Brown) - Eliminar colores saturados, gradientes y sombras duras - Usar fuente serif Playfair Display para headings - Aumentar márgenes y espaciado (grid amplio, espacio negativo dominante) - Ajustar copy de landing page según especificaciones - Subtítulo: "Belleza anclada en exclusividad" - Fundamento: Texto completo de site_requirements - Servicios: Descripciones actualizadas - Actualizar servicios page con descripciones correctas - Layout: Ritmo vertical lento, sin UI densa
66 lines
2.4 KiB
TypeScript
66 lines
2.4 KiB
TypeScript
export default function ServiciosPage() {
|
|
const services = [
|
|
{
|
|
category: 'Spa de Alta Gama',
|
|
description: 'Sauna y spa excepcionales, diseñados para el rejuvenecimiento y el equilibrio.',
|
|
items: ['Tratamientos Faciales', 'Masajes Terapéuticos', 'Hidroterapia']
|
|
},
|
|
{
|
|
category: 'Arte y Manicure de Precisión',
|
|
description: 'Estilización y técnica donde el detalle define el resultado.',
|
|
items: ['Manicure de Precisión', 'Pedicure Spa', 'Arte en Uñas']
|
|
},
|
|
{
|
|
category: 'Peinado y Maquillaje de Lujo',
|
|
description: 'Transformaciones discretas y sofisticadas para ocasiones selectas.',
|
|
items: ['Corte y Estilismo', 'Color Premium', 'Maquillaje Profesional']
|
|
},
|
|
{
|
|
category: 'Cuidado Corporal',
|
|
description: 'Ritual de bienestar integral.',
|
|
items: ['Exfoliación Profunda', 'Envolturas Corporales', 'Tratamientos Reductores']
|
|
},
|
|
{
|
|
category: 'Membresías Exclusivas',
|
|
description: 'Acceso prioritario y experiencias personalizadas.',
|
|
items: ['Gold Tier', 'Black Tier', 'VIP Tier']
|
|
}
|
|
]
|
|
|
|
return (
|
|
<div className="section">
|
|
<div className="section-header">
|
|
<h1 className="section-title">Nuestros Servicios</h1>
|
|
<p className="section-subtitle">
|
|
Experiencias diseñadas con precisión y elegancia para clientes que valoran la exclusividad.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="max-w-7xl mx-auto px-6">
|
|
<div className="grid md:grid-cols-2 gap-8">
|
|
{services.map((service, index) => (
|
|
<article key={index} className="p-8 bg-white rounded-2xl shadow-lg hover:shadow-xl transition-shadow border border-gray-100">
|
|
<h2 className="text-2xl font-semibold text-gray-900 mb-3">{service.category}</h2>
|
|
<p className="text-gray-600 mb-4">{service.description}</p>
|
|
<ul className="space-y-2">
|
|
{service.items.map((item, idx) => (
|
|
<li key={idx} className="flex items-center text-gray-700">
|
|
<span className="w-1.5 h-1.5 bg-gray-900 rounded-full mr-2" />
|
|
{item}
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</article>
|
|
))}
|
|
</div>
|
|
|
|
<div className="mt-12 text-center">
|
|
<a href="https://booking.anchor23.mx" className="btn-primary">
|
|
Reservar Cita
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|