Variantes de Sección

Explora las 77 variantes de diseño disponibles por tipo de sección

77 Variantes totales
11 Tipos de sección
7 Temas visuales
🎯 Hero 7 📊 Estadísticas 7 ⚠️ Pain Points 7 ✨ Características 7 🔄 Proceso 7 💬 Testimonios 7 💰 Precios 7 ❓ FAQ 7 🚀 CTA Final 7 📋 Footer 7 📞 Contacto 7
🎯

Hero

7 variantes de diseño

default

Default

dark

Oscuro, centrado, grid de fondo

hero-default
darkcenteredgrid
Preview
cybersec

Cybersec

dark

Neón cyan, glow lines animadas

hero-cybersec
Usado por: Ciberseguridad
darkneonanimatedmonospace
Preview
docgenai

DocGen AI

dark

Texto degradado, glassmorphism

hero-docgenai
Usado por: Legal / Documentación
darkgradient-textglass
Preview
nextplate

Nextplate

light

Dos columnas, imagen lateral

hero-nextplate
Usado por: SaaS / Startup
lighttwo-columnimage
Preview
skilline

Skilline

light

Centrado, círculos decorativos

hero-skilline
Usado por: Educación
lightcenteredcircles
Preview
primedental

PrimeDental

light

Dos columnas, gradiente suave

hero-primedental
Usado por: Salud Dental
lighttwo-columngradient
Preview
restaurant

Restaurante

dark

Cálido, imagen de fondo, SVG underline

hero-restaurant
Usado por: Restaurante
darkwarmimage
Preview
📊

Estadísticas

7 variantes de diseño

default

Default

dark

Glass cards oscuras

stats-default
darkglass
Preview
cybersec

Cybersec

dark

Bordes cyan, monospace

stats-cybersec
Usado por: Ciberseguridad
darkneonmonospace
Preview
docgenai

DocGen AI

dark

Glass con números degradado

stats-docgenai
Usado por: Legal / Documentación
darkglassgradient-text
Preview
nextplate

Nextplate

light

Texto limpio, fondo claro

stats-nextplate
Usado por: SaaS / Startup
lightclean
Preview
skilline

Skilline

light

Cards con sombra

stats-skilline
Usado por: Educación
lightshadow
Preview
primedental

PrimeDental

light

Borde separador, sin card

stats-primedental
Usado por: Salud Dental
lightborder
Preview
restaurant

Restaurante

dark

Cards con iconos SVG

stats-restaurant
Usado por: Restaurante
darkwarmicons
Preview
⚠️

Pain Points

7 variantes de diseño

default

Default

dark

Glass cards, acento rojo

pain_points-default
darkglassred
Preview
cybersec

Cybersec

dark

Dark cards, icono rojo, glow

pain_points-cybersec
Usado por: Ciberseguridad
darkneonred
Preview
docgenai

DocGen AI

dark

Glass, línea gradiente en hover

pain_points-docgenai
Usado por: Legal / Documentación
darkglasshover
Preview
nextplate

Nextplate

light

Hover lift, icon box

pain_points-nextplate
Usado por: SaaS / Startup
lighthover
Preview
skilline

Skilline

light

Borde izquierdo, layout horizontal

pain_points-skilline
Usado por: Educación
lightleft-border
Preview
primedental

PrimeDental

light

Icono centrado arriba

pain_points-primedental
Usado por: Salud Dental
lightcentered
Preview
restaurant

Restaurante

dark

Cards con borde, icono alerta

pain_points-restaurant
Usado por: Restaurante
darkwarm
Preview
✨

Características

7 variantes de diseño

default

Default

dark

Glass cards con imagen

features-default
darkglassimage
Preview
cybersec

Cybersec

dark

Layout horizontal, icono verde

features-cybersec
Usado por: Ciberseguridad
darkhorizontal
Preview
docgenai

DocGen AI

dark

Glass, icono gradiente, flecha hover

features-docgenai
Usado por: Legal / Documentación
darkglasshover
Preview
nextplate

Nextplate

light

Línea superior animada en hover

features-nextplate
Usado por: SaaS / Startup
lightanimated-border
Preview
skilline

Skilline

light

Imagen opcional, sombra

features-skilline
Usado por: Educación
lightshadowimage
Preview
primedental

PrimeDental

light

Icono con gradiente

features-primedental
Usado por: Salud Dental
lightgradient-icon
Preview
restaurant

Restaurante

dark

Cards con imagen, DaisyUI

features-restaurant
Usado por: Restaurante
darkwarmimage
Preview
🔄

Proceso

7 variantes de diseño

default

Default

dark

Círculos numerados con línea

process-default
darkconnected
Preview
cybersec

Cybersec

dark

Círculos borde, glow hover

process-cybersec
Usado por: Ciberseguridad
darkneon
Preview
docgenai

DocGen AI

dark

Círculos outlined, conector gradiente

process-docgenai
Usado por: Legal / Documentación
darkglass
Preview
nextplate

Nextplate

light

Línea gradiente horizontal

process-nextplate
Usado por: SaaS / Startup
lightconnected
Preview
skilline

Skilline

light

Ring shadow, conectores por paso

process-skilline
Usado por: Educación
lightring
Preview
primedental

PrimeDental

light

Círculos gradiente, sin línea

process-primedental
Usado por: Salud Dental
lightgradient
Preview
restaurant

Restaurante

dark

Círculos sólidos, sin línea

process-restaurant
Usado por: Restaurante
darkwarm
Preview
💬

Testimonios

7 variantes de diseño

default

Default

dark

Glass cards, avatar imagen

testimonials-default
darkglass
Preview
cybersec

Cybersec

dark

Avatar cuadrado, monospace

testimonials-cybersec
Usado por: Ciberseguridad
darkmonospace
Preview
docgenai

DocGen AI

dark

Glass, avatar gradiente

testimonials-docgenai
Usado por: Legal / Documentación
darkglass
Preview
nextplate

Nextplate

light

Carrusel con dots y flechas

testimonials-nextplate
Usado por: SaaS / Startup
lightcarousel
Preview
skilline

Skilline

light

Cards con sombra, avatar inicial

testimonials-skilline
Usado por: Educación
lightshadow
Preview
primedental

PrimeDental

light

Avatar gradiente, borde

testimonials-primedental
Usado por: Salud Dental
lightgradient
Preview
restaurant

Restaurante

dark

Cards con foto de avatar

testimonials-restaurant
Usado por: Restaurante
darkwarm
Preview
💰

Precios

7 variantes de diseño

default

Default

dark

Glass cards, featured con glow

pricing-default
darkglass
Preview
cybersec

Cybersec

dark

Terminal > prefix, monospace

pricing-cybersec
Usado por: Ciberseguridad
darkmonospace
Preview
docgenai

DocGen AI

dark

Glass, featured escala 1.05

pricing-docgenai
Usado por: Legal / Documentación
darkglass
Preview
nextplate

Nextplate

light

Featured escala, badge superior

pricing-nextplate
Usado por: SaaS / Startup
lightscale
Preview
skilline

Skilline

light

Featured con borde primario

pricing-skilline
Usado por: Educación
lightborder
Preview
primedental

PrimeDental

light

Check circles, precio gradiente

pricing-primedental
Usado por: Salud Dental
lightgradient
Preview
restaurant

Restaurante

dark

Ring primario en featured

pricing-restaurant
Usado por: Restaurante
darkwarm
Preview
❓

FAQ

7 variantes de diseño

default

Default

dark

Accordion nativo <details>

faq-default
darknative
Preview
cybersec

Cybersec

dark

JS accordion, monospace

faq-cybersec
Usado por: Ciberseguridad
darkmonospace
Preview
docgenai

DocGen AI

dark

JS accordion, glass cards

faq-docgenai
Usado por: Legal / Documentación
darkglass
Preview
nextplate

Nextplate

light

JS toggle .open, max-height

faq-nextplate
Usado por: SaaS / Startup
lightanimated
Preview
skilline

Skilline

light

JS exclusivo (solo 1 abierto)

faq-skilline
Usado por: Educación
lightexclusive
Preview
primedental

PrimeDental

light

JS exclusivo, borde primario

faq-primedental
Usado por: Salud Dental
lightborder
Preview
restaurant

Restaurante

dark

Native <details>, DaisyUI

faq-restaurant
Usado por: Restaurante
darkwarmnative
Preview
🚀

CTA Final

7 variantes de diseño

default

Default

dark

Fondo oscuro gradiente

cta_final-default
darkgradient
Preview
cybersec

Cybersec

dark

Dark bordered card, radial glow

cta_final-cybersec
Usado por: Ciberseguridad
darkneon
Preview
docgenai

DocGen AI

dark

Glass card, texto degradado

cta_final-docgenai
Usado por: Legal / Documentación
darkglassgradient-text
Preview
nextplate

Nextplate

light

Card gradiente redondeada

cta_final-nextplate
Usado por: SaaS / Startup
lightgradient
Preview
skilline

Skilline

light

Card primaria redondeada

cta_final-skilline
Usado por: Educación
lightsolid
Preview
primedental

PrimeDental

light

Fondo gradiente

cta_final-primedental
Usado por: Salud Dental
lightgradient
Preview
restaurant

Restaurante

dark

Triple borde gradiente

cta_final-restaurant
Usado por: Restaurante
darkwarm
Preview
📞

Contacto

7 variantes de diseño

default

Default

dark

Formulario + info glass

contact-default
darkformglass
Preview
cybersec

Cybersec

dark

Solo info, sin formulario

contact-cybersec
Usado por: Ciberseguridad
darkinfo-onlymonospace
Preview
docgenai

DocGen AI

dark

Glass form + glass info

contact-docgenai
Usado por: Legal / Documentación
darkformglass
Preview
nextplate

Nextplate

light

Form + sidebar info

contact-nextplate
Usado por: SaaS / Startup
lightform
Preview
skilline

Skilline

light

Solo info, sin formulario

contact-skilline
Usado por: Educación
lightinfo-only
Preview
primedental

PrimeDental

light

Form + info sidebar

contact-primedental
Usado por: Salud Dental
lightform
Preview
restaurant

Restaurante

dark

Formulario reserva + info

contact-restaurant
Usado por: Restaurante
darkwarmform
Preview