Triangular Mission Vision - Copy this Html, Tailwind Component to your project

This image shows a triangle divided into three distinct sections, each of which contains both text and a different background color. Here’s the description of each part: Top Section (Mission): The smallest triangle at the top. Filled with a bright blue color. Contains the text "Mission" in bold, followed by "Drive the Future, Connect the..." below it. The text is centered within this triangular portion, and it's designed to fit inside without overflowing. Middle Section (Vision): The second part is a larger trapezoidal section beneath the top triangle. Filled with a lighter blue color. Contains the word "Vision" in bold at the top, followed by the phrase "A future where simplicity drives innovation." below. The text is also centered and fits neatly within the section. Bottom Section (Value): The largest section at the base, another trapezoidal shape. Filled with an even lighter blue color. Displays "Value" in bold at the top, and underneath, a phrase that reads "Eagerness Adeptness Practicalness." The text is centered and spread across the widest portion of the triangle. The overall structure represents a hierarchical pyramid with each level containing a key term and a supporting statement, arranged neatly within the shapes without spilling outside the boundaries.