Actúa como un desarrollador Senior de Frontend. Crea una landing page moderna, profesional y altamente visual usando React y Tailwind CSS para el negocio un arquitecto, dedicado al nicho de un negocio propio para contratarlo .
Requerimientos técnicos y visuales: imágenes reales (CRUCIAL): para el carrusel la galeria y las fichas de productos, utiliza exclusivamente imagenes de alta calidad y relevantes de Unsplash que se ajusten perfectamente a la temática del arquitecto y su negocio propio. No uses placeholbers genericos. Navbar: Barra de navegacion fija con cinco secciones claras: Inicio (con un numero de teléfono,redes sociales instagram,facebook,etc), Galería(de trabajos que ha hecho y reseñas), Para agendar citas(donde te pida tu nombre,numero de teléfono,dirección,que te de un numero de cliente y horas estimadas para que te atiendan).Hero Section : galeria visual, una seccion de testimonios creibles y multiples Call to Actions (CTA) distribuidos estrategicamente. Estetica y Feedback: Diseño limpio basado en una paleta de colores armonicos cafe clarito, beige, y crema. Asegura feedback visual inmediato (efectos hover suaves, transiciones) en todos los elementos interactivos. Footer Completo: Incluye enlaces rápidos y una seccion con iconos de redes sociales coloridos y enmarcados en circulos. Funcionalidad Tienda: Una seccion destacada de servicios implementa una sistema de carrito de compras funcional (donde te diga las veces que has contratado al arquitecto el trabajo que hizo y un ticket virtual de compra). Y que la estética sea de colores azules,blancos y amarillos.Y QUE TODO SEA FUNCIONAL
Now I have the design brief and understand the codebase. Let me build this comprehensive architect landing page. I'll start with the theme and layout, then build all components systematically.
Now let me update the layout.tsx with proper fonts and metadata:
Now let me build all the components. I'll create them in parallel:
Now let me assemble the main page with all sections:
La landing page completa del Arq. Carlos Mendoza esta lista con todas las secciones funcionales. Incluye un Navbar fijo con telefono y redes sociales, un Hero con carrusel automatico de 4 imagenes Unsplash de alta calidad, una Galeria con filtros por categoria y lightbox interactivo, Testimonios con avatares reales, un sistema de citas que genera numero de cliente y horas estimadas, una seccion de Servicios con estetica azul/blanca/amarilla y carrito de compras funcional con tickets virtuales de contratacion, y un Footer completo con iconos sociales coloridos en circulos. Todo el sitio usa paleta cafe/beige/crema para las secciones principales, con transiciones suaves y hover effects en todos los elementos interactivos.
You can send messages while the preview loads