NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia VERDECAMPO (mesaandina.com), sector servicios de jardinería, con el siguiente alcance y stack: HTML estático, Tailwind CSS vía CDN, JavaScript vanilla en un único archivo. Usa la paleta de colores: #0A5F2C (verde bosque), #84C44E (verde lima), #FFFFFF (blanco), #F5F5F5 (gris claro), #333333 (texto oscuro). Tipografía principal: "Inter" (Google Fonts) para títulos y párrafos, peso 400‑700.
Estructura y contenido:
HEADER (reutilizado en todas las páginas): barra fija con logo texto "Mesa Andina" (SVG o imagen), menú horizontal (Home, About, Services, Projects, Pricing, Blog, Contact), botón primario "Solicita tu presupuesto" con efecto hover, icono de carrito (sin funcionalidad) y hamburguesa lottie para móvil.
HOME:
1.1 Hero a pantalla c
5.246 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.246 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Header con logo, menú principal y botón CTA
- 1.2 Hero con fondo de naturaleza, titular, subtítulo y botón "Solicita tu presupuesto"
- 1.3 Servicios en cuadrícula de 3 columnas con iconos y descripción breve
- 1.4 Galería de proyectos tipo carrusel horizontal
- 1.5 Estadísticas clave (años de experiencia, proyectos realizados, clientes satisfechos)
- 1.6 Precios rápidos con tres tarjetas
- 1.7 Blog con últimas entradas en mini‑tarjetas
- 1.8 CTA de contacto con formulario breve
- 1.9 Footer con enlaces, redes y datos de contacto
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Hero interno con imagen y frase institucional
- 2.3 Texto descriptivo de la empresa y valores
- 2.4 Equipo en tarjetas con foto y cargo
- 2.5 CTA a contacto
- 2.6 Footer (reutilizado)
SERVICES
- 3.1 Header
- 3.2 Hero interno con imagen relacionada
- 3.3 Lista de servicios en bloques expandibles
- 3.4 Beneficios y metodología
- 3.5 CTA a solicitud de presupuesto
- 3.6 Footer
PROJECTS
- 4.1 Header
- 4.2 Hero con galería filtrable por tipo de proyecto
- 4.3 Tarjetas de proyecto con imagen, título y breve descripción
- 4.4 Botón ver más
- 4.5 Footer
PRICING
- 5.1 Header
- 5.2 Hero con comparación de planes
- 5.3 Tres tarjetas de precios con features y botón "Elegir"
- 5.4 Preguntas frecuentes
- 5.5 Footer
BLOG
- 6.1 Header
- 6.2 Hero con imagen de portada y tagline
- 6.3 Listado de artículos en tarjetas con imagen, título, extracto y fecha
- 6.4 Paginación
- 6.5 Footer
CONTACT
- 7.1 Header
- 7.2 Hero con mapa de ubicación y frase invitación
- 7.3 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 7.4 Información de contacto rápido
- 7.5 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
