SIN FINES DE LUCRO · Tailwind CDN · Vanilla JS · Responsive

Lexora Advisory – Asesoría legal estratégica y confidencial

★★★★★4,8 2.659 descargas

Sitio web moderno para Lexora Advisory, firma de abogados que ofrece consultoría, litigios y cumplimiento. Incluye hero con video, mega‑menú, servicios en grid y testimonios rotatorios. Optimizado para SEO y dispositivos móviles.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia "Lexora Advisory" (lexoraadvisory.com) con el objetivo de presentar una firma de abogados moderna. Utiliza únicamente HTML, Tailwind CDN y JavaScript vanilla en un único archivo. Replicar fielmente la estructura y patrones visuales del sitio original (barra de navegación con mega‑menú, hero con video de fondo, bloques de presentación, servicios en grid, testimonios, casos de estudio, blog, formulario de contacto y footer) pero con contenido original en español de España.

- Paleta de colores: #0A1F44 (azul marino), #1E3A8A (azul intenso), #F59E0B (amarillo dorado), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: "Inter" para encabezados y párrafos, cargar desde Google Fonts.
- Header: logo SVG sencillo a la izquierda, menú principal (Inicio, Sobre Nosotros, Servicios, Casos, Blog, Contacto) y botón destacado "Solicitar Consulta" en amarillo. Incluir mega‑menú bajo "Servicios" con tres columnas (Consultoría, Litigios, Cumplimiento) y bajo "Casos" con dos columnas (Corporativo, Tecnológico). En móvil, colapsar a hamburger.
- Hero: sección a pantalla completa con video de fondo (puedes usar un video de muestra de stock), superponer una capa semi‑transparente gris oscuro. Sobre la capa colocar etiqueta "/ ASESORÍA LEGAL /" en amarillo, título grande "Perspectiva legal de confianza para decisiones cruciales", párrafo descriptivo y botón CTA "Solicitar Consulta".
- Bloque "Sobre nosotros": etiqueta "/ SOBRE NOSOTROS /", breve texto institucional y tarjetas de estadísticas ("1200+" asuntos resueltos, "98%" de satisfacción, "15" años de experiencia). Fondo blanco con iconos lineales en azul.
- Servicios: grid de 3 columnas en escritorio, 1 columna en móvil. Cada tarjeta con icono, título, descripción corta y enlace "+ Detalles".
- Testimonios: carrusel automático (JS) con 3 testimonios, foto circular, nombre, cargo y cita.
- Casos de estudio: grid de 2 columnas, cada tarjeta con imagen, título, extracto y enlace "Ver caso".
- Blog: listado de 3 artículos destacados con imagen, título, fecha y breve extracto. Barra lateral con categorías y formulario de suscripción.
- Llamada a la acción final: fondo azul oscuro, texto centrado y botón amarillo "Agenda tu reunión".
- Footer: fondo gris claro, logo, breve descripción, navegación secundaria (Servicios, Blog, Contacto), datos de contacto (email, teléfono), iconos de redes sociales y enlace a política de privacidad.

Requisitos técnicos:
- Todas las clases deben seguir la convención de Tailwind.
- Incluir animaciones de aparición (fade‑in) al hacer scroll usando IntersectionObserver.
- El video hero debe reproducirse en bucle, sin sonido y con controles ocultos.
- El menú hamburger debe abrir un overlay vertical con los enlaces.
- Proveer enlaces ficticios ("#") y correo hola@lexoraadvisory.com.
- SEO básico: meta title, description y viewport.
- Mantener el código limpio y comentado.

Entrega el archivo completo listo para abrir en el navegador.

---

## 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.334 caracteres · 41 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Barra de navegación fija con logo, enlaces principales y mega‑menú
1.2 Hero full‑screen con video de fondo, etiqueta, título, texto descriptivo y botón CTA
1.3 Bloque "Sobre nosotros" con etiqueta, valoración de clientes y estadísticas clave
1.4 Sección de servicios en grid de tarjetas con iconos y descripciones breves
1.5 Testimonios rotatorios con citas y fotos de clientes
1.6 Área de casos de estudio con miniaturas y breves extractos
1.7 Blog destacado con tarjetas de artículo y fechas
1.8 Llamada a la acción final para solicitar consulta
1.9 Footer con logo, navegación secundaria, datos de contacto y redes sociales

ABOUT

1.1 Cabecera interna con breadcrumb
1.2 Imagen de presentación y texto institucional
1.3 Valores y misión en bloques de íconos
1.4 Equipo profesional en tarjetas con foto y cargo
1.5 CTA para contactar

SERVICES

1.1 Lista de servicios en tarjetas con icono, título y descripción corta
1.2 Sección de beneficios y procesos
1.3 CTA de agenda de consulta

CASE STUDIES

1.1 Grid de casos de estudio con imagen, título y breve descripción
1.2 Filtro por categoría
1.3 CTA a contacto

BLOG

1.1 Lista de artículos con imagen, título, extracto y fecha
1.2 Barra lateral con categorías y suscripción
1.3 CTA a newsletter

CONTACT

1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
1.2 Mapa incrustado y datos de oficina
1.3 CTA a agenda de reunión

FOOTER

1.1 Logo y breve descripción
1.2 Navegación secundaria (Servicios, Blog, Contacto)
1.3 Información legal y redes sociales

PROMPTS RELACIONADOS · SIN FINES DE LUCRO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lexora Advisory
Sector: Servicios jurídicos para empresas y particulares
Claim: Asesoría legal estratégica y confidencial

Bloques de la home

1.1 Barra de navegación fija con logo, enlaces principales y mega‑menú
1.2 Hero full‑screen con video de fondo, etiqueta, título, texto descriptivo y botón CTA
1.3 Bloque "Sobre nosotros" con etiqueta, valoración de clientes y estadísticas clave
1.4 Sección de servicios en grid de tarjetas con iconos y descripciones breves
1.5 Testimonios rotatorios con citas y fotos de clientes
1.6 Área de casos de estudio con miniaturas y breves extractos
1.7 Blog destacado con tarjetas de artículo y fechas
1.8 Llamada a la acción final para solicitar consulta
1.9 Footer con logo, navegación secundaria, datos de contacto 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