About Page - Copy this React, Tailwind Component to your project

Create a clean and responsive "About" page for Wellme Pipes using Tailwind CSS. The page should begin with a hero section that prominently displays the company's name, "Wellme Pipes," in large, bold text along with a concise mission statement underneath. The layout should be centered with appropriate padding and margins for a modern, sleek appearance. Following the hero section, there should be a company overview using a two column layout. On the left, briefly explain the company's history, vision, and leadership. On the right, include a play button that symbolizes an introductory video about the company. Next, introduce key team members in a dedicated section, featuring round profile images and short bios for each individual, such as the CEO. Use Tailwind’s flexbox utilities to center and align this section for a clean, professional look. After the team section, add a feature section that highlights the company's strengths, like product quality, innovation, and industry leadership. Organize this in three equal columns for desktop screens and vertically stacked on mobile devices, with each column containing icons and brief descriptions of the features. Additionally, incorporate a skills section that showcases Wellme Pipes' areas of expertise, such as durability, innovation, and service quality. Use progress bars styled with contrasting colors and spacing for easy readability. Finally, conclude the page with a strong call to action (CTA) that invites users to contact Wellme Pipes or explore more about the company’s services. Style the CTA button using Tailwind classes, ensuring it’s visually prominent with rounded corners and a bold color. This design should be fully responsive, seamlessly adjusting to different screen sizes, and should maintain a clean, professional aesthetic throughout.