Animated Scrolling Words - Copy this React, Tailwind Component to your project

Objective: Create a visually engaging animation that features words scrolling horizontally while slightly tilting (rotating) at the same time, combined with a central static phrase. Requirements: Background: Set the background color to black. Top Scrolling Words: Use an array of words (e.g., "BOLD", "STYLE", "POTENTIAL", "ACTIVE", "FUNKY", "ENERGETIC", "PLAYFUL"). Animate these words from right to left with a continuous scroll effect. Apply a slight rotation to the words (e.g., rotate from 0 to 15 degrees). Central Static Phrase: Display the text "DARE TO DO IT" in a large, bold font (e.g., font size of 9xl). Use a contrasting color for this text (e.g., red). Ensure this text remains centered and does not move. Bottom Scrolling Words: Mirror the top scrolling words' animation for the bottom section. Ensure the same array of words is used. Maintain the same animation properties as the top words.