Feedback Components 구성 요소
파스텔 색조, 적당한 복잡성, 어두운 테마를 지원하는 반응형 디자인을 갖춘 브루탈리즘 스타일의 피드백 구성 요소입니다. 피드백 또는 추천을 보여줄 수 있는 포트폴리오를 위해 설계되었습니다.
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