F a Q Section - Copy this React, Tailwind Component to your project

Create-an-FAQ-section-with-a-clean,-modern-design.-It-should-have-the-title-'FAQ'-at-the-top-in-a-bold,-larger-font.-Below-the-title,-include-a-brief-introductory-text.-Each-FAQ-question-should-be-collapsible-and-expandable.-When-a-question-is-clicked,-it-should-expand-to-reveal-the-answer-beneath-it.-The-expanded-question-text-should-be-highlighted-in-a-subtle-color-(such-as-soft-orange)-and-use-an-upward-arrow-icon-to-indicate-it's-open.-Collapsed-questions-should-have-a-downward-arrow-icon-and-a-darker-text-color-for-emphasis.-Make-sure-there-is-a-thin-dividing-line-between-each-FAQ-item-for-a-clean,-organized-look.-The-design-should-be-minimalistic-with-ample-white-space-around-each-question-and-answer.