Professional F a Q Layout - Copy this Html, Bootstrap Component to your project

Design a complex FAQ layout with an intricate accordion system. The interface should include a top navigation bar, a hero section with a background image, and a set of categorized FAQ sections. Use formal colors and clear typography to improve readability and user experience.