Accordion component

<div class="accordion">
  <details name="reqs">
    <summary>Is frutjam library suitable for use in commercial projects?</summary>
    <p>Yes, frutjam library is open source and free for both personal and commercial use.</p>
  </details>
  <details name="reqs">
    <summary>Is frutjam library accessible for screen readers?</summary>
    <p>
      The frutjam library follows to WAI-ARIA guidelines, including appropriate roles and keyboard navigation support, making it accessible to all users.
    </p>
  </details>
  <details name="reqs">
    <summary>Does PageSpeed performance improve when the Frutjam UI library is used?</summary>
    <p>
      Yes, in order to reduce excessive JavaScript loading and get rid of render-blocking resources, the frutjam UI library employs a CSS-first approach. In addition to following accessibility best practices, such as keyboard navigation and ARIA characteristics, it complies with W3C standards and guarantees proper color contrast. Modals are examples of components that have native HTML semantics with customizable design. The library is optimized to avoid Largest Contentful Paint (LCP) issues, resulting in faster load times, better PageSpeed scores, and improved SEO performance.
    </p>
  </details>
</div>

<div class="accordion">
  <details name="reqs" open="">
    <summary>Is frutjam UI library built with Tailwind CSS?</summary>
    <p>
      Yes, frutjam UI library is built with Tailwind CSS. By utilizing Tailwind's utility-first approach, the components are lightweight, highly customizable, and easy to integrate into any project. Tailwind CSS ensures consistent design, responsive layouts, and fast performance, while also making it easy for developers to apply custom styles without writing complex CSS from scratch.
    </p>
  </details>
  <details name="reqs">
    <summary>Are there ready-made components available in Tailwind CSS UI library?</summary>
    <p>
      Yes, the library includes pre-built, responsive components to help you build interfaces faster and more efficiently
    </p>
  </details>
  <details name="reqs">
    <summary>Can I use this Tailwind CSS library with any JavaScript framework?</summary>
    <p>
      Definitely. The library integrates smoothly with popular frameworks like React, Vue, Svelte, and Angular, as well as plain HTML and django template.
    </p>
  </details>
</div>

<div class="accordion">
  <details>
    <summary>
      Is this Tailwind CSS (Frutjam) UI library suitable for Django templates and backend developers who don't want to build customizable UI components from scratch?
    </summary>
    <p>
      Yes, frutjam UI library is designed to integrate seamlessly with Django templates, making it easier for backend developers to add customizable and responsive UI components without having to create them manually. By using ready-made components, you can maintain clean template code, speed up development, and ensure design consistency across your project
    </p>
  </details>
  <details>
    <summary>
      Does this UI library help avoid writing repetitive Tailwind CSS utility classes?
    </summary>
    <p>
      Yes, writing utility classes for each element is no longer necessary thanks to this UI library. You can quickly create interfaces using a collection of ready-made, editable components rather than having to manually enter a lot of Tailwind CSS class names, which will speed up development and maintain a clean codebase.
    </p>
  </details>
  <details>
    <summary>Does this frutjam UI library offer ready-made themes?</summary>
    <p>
      Yes, frutjam UI library includes a variety of ready-made themes. You can easily switch between different visual styles or customize them to fit your brand, allowing you to quickly create a clean and consistent look for your project without extra design work.
    </p>
  </details>
</div>