Componentes Componentes de retroalimentación Componentes de retroalimentación Componente

Componentes de retroalimentación Componente

Un componente de retroalimentación de estilo brutalista con una combinación de colores pastel, complejidad moderada y diseño receptivo con soporte para temas oscuros. Diseñado para un portafolio para mostrar comentarios o testimonios.

Vista previa

Código HTML

<div class="min-h-screen bg-pink-100 dark:bg-stone-900 p-8 flex items-center justify-center">
  <div class="max-w-4xl w-full bg-white dark:bg-stone-800 shadow-brutalist border-4 border-stone-900 dark:border-pink-500 p-8 md:p-12 relative">
    <h2 class="text-3xl md:text-5xl font-extrabold text-stone-900 dark:text-pink-100 mb-8 border-b-4 border-stone-900 dark:border-pink-500 pb-4 inline-block">
      Client Testimonials
    </h2>
    
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
      <!-- Testimonial 1 -->
      <div class="bg-pink-200 dark:bg-stone-700 p-6 border-4 border-stone-900 dark:border-pink-500 relative group">
        <p class="text-stone-800 dark:text-pink-200 text-lg mb-4 italic leading-relaxed">
          "Working with [Your Name] was an absolute game-changer for my project. Their unique vision and relentless dedication brought my ideas to life in ways I hadn

Componentes relacionados

Componente de retroalimentación

Un componente de retroalimentación receptivo que incorpora microinteracciones con animaciones atractivas. Está diseñado para admitir el modo oscuro y presenta elementos para los comentarios de los usuarios con imágenes de marcador de posición y avatares.

Abrir

Componente de retroalimentación

Un componente de retroalimentación diseñado para interfaces de redes sociales, que incorpora microinteracciones y un esquema de color en escala de grises, con soporte para temas oscuros.

Abrir

Componentes de retroalimentación

Un componente de retroalimentación complejo diseñado para sitios web comerciales/corporativos en modo oscuro, que utiliza un esquema de color complementario.

Abrir