Help Center - Copy this React, Tailwind Component to your project

Modifica el diseño actual para que sea más minimalista pero manteniendo un estilo elegante y moderno. Sigue las instrucciones: Color principal: Cambia el color principal del diseño a un tono morado (#6A0DAD). Estilo general: Aplica un diseño minimalista: reduce bordes, sombras y elementos decorativos innecesarios. Utiliza líneas limpias y espacios bien definidos para dar una sensación más organizada. Agrega transiciones suaves en botones e interacciones para mejorar la experiencia del usuario. Título y subtítulo: Mantén el texto centrado y utiliza la fuente Arial. Color del texto: Negro (#000000) con un sutil subrayado del color morado principal. Reduce el tamaño del subtítulo ligeramente para dar más protagonismo al título. Caja del buscador: Fondo blanco (#FFFFFF) con un borde fino en color morado (#6A0DAD). Botón de "Enviar" con fondo morado y texto blanco. Aplica un diseño flotante con borde redondeado para la caja y el botón. Sección de categorías (Términos, Preguntas frecuentes, etc.): Cambia los íconos y textos a un diseño más limpio: Fondo blanco (#FFFFFF) con un borde inferior morado (2px). Íconos rediseñados con estilo monocromático en color morado. Espaciado uniforme entre tarjetas para un diseño más fluido. Chatbox: Ajusta el chatbox para que ocupe menos espacio. Color del borde: morado (#6A0DAD). Fondo blanco con texto en negro. General: Todo debe ser responsivo, adaptándose correctamente a dispositivos móviles, tablets y pantallas grandes. Usa una tipografía Arial en todo el diseño para unificar estilos. Resultado esperado: un diseño limpio, moderno y elegante con el morado como color principal.