Section - Copy this React, Tailwind Component to your project

Create a site with a main page divided into 3 sections: All 3 must be the same on a structural level, they must have a title and a subtitle underneath (whether it is short or long as long as it adapts automatically). As regards the style, each section must be divided into 2 horizontally, with the site divided into 2 colors: the top and the bottom and for the border line between the 2 there must be a wave turned downwards with the top color of the site . The colors of section 1 must be Pink above (and consequently also the wave upside down) and dark gray below, the second section must have the color red above (and consequently also the inverted wave) and dark gray below, and the third must have the purple color above (and consequently also the inverted wave) and dark gray underneath.Create a site with a main page divided into 3 sections: All 3 must be the same on a structural level, they must have a title and a subtitle underneath (whether it is short or long as long as it adapts automatically). As regards the style, each section must be divided into 2 horizontally, with the site divided into 2 colors: the top and the bottom and for the border line between the 2 there must be a wave turned downwards with the top color of the site . The colors of section 1 must be Pink above (and consequently also the wave upside down) and dark gray below, the second section must have the color red above (and consequently also the inverted wave) and dark gray below, and the third must have the purple color above (and consequently also the inverted wave) and dark gray underneath.