Componente Componenti di feedback
Un componente di feedback in stile brutalista con una combinazione di colori pastello, complessità moderata e design reattivo con supporto per temi scuri. Progettato per un portfolio per mostrare feedback o testimonianze.
Codice 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
Componenti correlati
Componente di feedback
Un componente di feedback reattivo progettato con i principi del Material Design, che incorpora i toni della terra e predisposto per il supporto della modalità oscura. Questo componente è progettato specificamente per le dashboard e presenta vari elementi interattivi.
Componente Componenti di feedback
Un componente di feedback minimalista progettato per l'e-commerce, con colori pastello tenui, design reattivo e supporto per temi scuri. Il componente include un modulo di feedback con campi di input, un sistema di valutazione e un pulsante di invio, il tutto con Tailwind CSS.
Componente di feedback
Un componente di feedback reattivo che incorpora microinterazioni con animazioni coinvolgenti. È progettato per supportare la modalità oscura e presenta elementi per il feedback degli utenti con immagini segnaposto e avatar.