Interview Page - Copy this React, Tailwind Component to your project
Create a dynamic Interview Page for your AI Interviewer project, featuring a dark themed layout that seamlessly integrates multiple components for an interactive user experience. Start with a Header Section that includes the title "AI Interview Session" and instructions stating, "Prepare to answer the questions posed by our AI Interviewer," with centered text in text white text 5xl font bold and text gray 400 text lg. Below, add an AI Interviewer Section showcasing an animated avatar representing the AI, accompanied by a welcome message in text white text lg font semibold. Center a Question Display Area beneath it to show the current question posed by the AI in a stylish question box, bg gray 800 rounded lg p 4, with the question text in text white text 2xl font medium. On the right side, include a User Video Capture Area featuring the user's video feed within a bg gray 800 rounded lg container. Below the question area, incorporate a User Answer Input Area with a text box for user responses styled as bg gray 700 text white rounded lg p 4 or a microphone button for voice input, and finally, center a Submit Answer Button labeled "Submit Answer," styled as a bg purple 600 text white font bold py 3 px 8 rounded lg, ensuring a cohesive and visually appealing flow throughout the page.
