BIENES RAÍCES · Claude Design · HTML

AquaFlux — Prompt de diseño web para Claude AI

★★★★★4,9 2.322 descargas

Servicios de fontanería y mantenimiento doméstico Soluciones de plomería sin complicaciones.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático de una empresa ficticia de fontanería llamada AquaFlux siguiendo las especificaciones a continuación. Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. No usar ningún framework adicional.

**Paleta de colores**: primary #0066CC, secondary #00A8E8, accent #FFCC00, dark #1A1A1A, light #F9F9F9.
**Tipografía**: Headings → 'Montserrat', sans-serif; Body → 'Open Sans', sans-serif. Carga fuentes desde Google Fonts.

**Header** (sticky): logo a la izquierda, menú principal centrado (Servicios, Sobre Nosotros, Blog, Contacto) con dropdown para Servicios que muestra tarjetas con imagen y texto, botón destacado a la derecha "Contactar" con icono de flecha. Incluye íconos de redes sociales (Facebook, X, LinkedIn) alineados a la derecha en vista desktop y dentro del menú móvil.

**Hero**: sección a pantalla completa con imagen de plomero trabajando como fondo, overlay oscuro 30%, título grande "Soluciones de plomería sin complicaciones", subtítulo descriptivo, y formulario de solicitud de presupuesto dividido en dos pestañas (Residencial y Comercial). Cada pestaña contiene campos: Nombre, Apellidos, Email, Teléfono, Selección de servicio (lista desplegable), botón "Obtener presupuesto gratuito". Animaciones de entrada tipo fade‑up.

**Bloque de Servicios**: cuadrícula de 3 columnas (responsive a 1 columna móvil) mostrando tarjetas con imagen circular, nombre del servicio y breve descripción. Servicios ficticios: Instalación de tuberías, Detección y reparación de fugas, Reforma de baños y cocinas, etc.

**Área de confianza**: fila de 4 iconos con textos cortos (Años de experiencia, Cobertura nacional, Certificación ISO, Clientes satisfechos).

**Testimonios**: carrusel automático con 3 testimonios, cada uno con foto circular, nombre, empresa y cita breve.

**Galería**: grid masonry de 6 imágenes de proyectos reales, con efecto hover zoom y lightbox simple (JS vanilla).

**Llamada a la acción**: banner central con fondo accent, texto "Agenda tu visita en 24h" y botón "Solicitar ahora".

**Footer**: fondo dark, columnas: Información de contacto (dirección, teléfono, email), Enlaces rápidos (Servicios, Sobre Nosotros, Blog, Política de privacidad), Redes sociales con íconos, y copyright con año actual.

**Interactividad**: menú móvil colapsable, dropdown de Servicios, tabs del formulario, carrusel de testimonios, lightbox de galería, scroll suave a anclas.

**Requisitos técnicos**: código limpio, accesible (aria‑labels donde correspondan), imágenes lazy‑load, formulario con método GET que redirige a "#" (sin backend). Incluir meta viewport, descripción y favicon ficticio. Todo el contenido debe estar en español de España, sin copiar texto original, solo patrones de UI.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

3.096 caracteres · 41 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, navegación principal y botón de contacto
1.2 Hero con imagen de fondo, título, descripción y formulario de solicitud dividido en pestañas
1.3 Bloque de servicios destacados en cuadrícula con imágenes y títulos
1.4 Área de confianza con iconos y breves textos
1.5 Testimonios de clientes en carrusel
1.6 Galería de proyectos reales en estilo masonry
1.7 Llamada a la acción de agenda rápida
1.8 Footer con datos de contacto, enlaces útiles y redes sociales

SERVICIOS

2.1 Lista de servicios con imágenes y descripciones detalladas
2.2 CTA de solicitud de presupuesto al final de cada servicio

ABOUT

3.1 Historia de la empresa con foto de equipo
3.2 Valores y certificaciones
3.3 Mapa de cobertura geográfica

CONTACT

4.1 Formulario de contacto completo
4.2 Información de teléfono, email y horario
4.3 Mapa interactivo de ubicación

BLOG

5.1 Lista de artículos con imágenes y extractos
5.2 Paginación y barra lateral de categorías

PROMPTS RELACIONADOS · BIENES RAÍCES

Otros prompts de la misma categoría

Ficha de marca

Nombre: AquaFlux
Sector: Servicios de fontanería y mantenimiento doméstico
Claim: Soluciones de plomería sin complicaciones

Bloques de la home

1.1 Header con logo, navegación principal y botón de contacto
1.2 Hero con imagen de fondo, título, descripción y formulario de solicitud dividido en pestañas
1.3 Bloque de servicios destacados en cuadrícula con imágenes y títulos
1.4 Área de confianza con iconos y breves textos (certificaciones, años de experiencia, cobertura)
1.5 Testimonios de clientes en carrusel
1.6 Galería de proyectos reales en estilo masonry
1.7 Llamada a la acción de agenda rápida
1.8 Footer con datos de contacto, enlaces útiles y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

AquaFlux — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

SERVICIOS

ABOUT

CONTACT

BLOG

Otros prompts de la misma categoría

Aurora Inversión

Cumbre Capital

Lumara Salud

Aliviar Hogar