mango-token-sale/components/ContentSectionRisks.tsx

const ContentSectionRisks = () => {
  return (
    <>
{/* Section 3 */} 
      <div className="bg-bkg-2 transform -skew-y-3">
        <div className="max-w-7xl mx-auto px-8 py-48 my-16 transform skew-y-3">
            <div className="max-w-4xl mx-auto text-center pt-12 pb-16">
                      <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
                        Transparency builds trust
                      </h2>
                      <p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
                        There are risks in participating in the token sale. It&apos;s
                        important you understand them before deciding to commit your
                        funds.
                      </p>
                  </div>

                  <div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
                    <div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-650 md:h-auto lg:h-auto w-auto z-10 shadow-md bg-risk-two md:bg-risk-one lg:bg-risk-one bg-contain bg-right-bottom bg-no-repeat">
                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
                      Unaudited smart contracts.  
                      </h3>
                      <div>
                      <p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2"> 
                      We take great care and forethought in the way we build our smart contracts, we opensource all code once 
                      ready and work with many industry leading developers during creation.
                      <br />
                      <br />
                      While this is the case we cannot guarantee they are free of potential exploits.
                      Users should understand the risks when participating today and know what they are contribtuing too.
                      </p>
                      </div>
                  </div>
                  <div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-650 md:h-auto lg:h-auto w-auto z-10 shadow-md bg-risk-three bg-contain bg-bottom bg-no-repeat">
                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
                      New token sale mechanism 
                      </h3>
                      <p className="text-white text-opacity-70 text-base">
                      The Mango token sale was designed with the goal of being as fair as possible to all participants. 
                      However, there is a mechanism by which one or more participants with large amounts of capital could 
                      discourage others from participating in the token sale. 
                      <br />
                       <br />
                       During the deposit phase, these participants 
                      could deposit very large amounts of USDC. This would drive up the average price of the token and 
                      potentially discourage others from participating in the sale. 
                      <br />
                       <br />Then, during the last minute 
                      of the withdrawal phase, these large participants could withdraw much of their USDC, thus 
                      receiving a much lower average price, depending on how successful they were at discouraging others. 
                      <br />
                       <br />
                      Therefore, all participants should be aware of this potential behaviour during the sale and 
                      make their best decisions accordingly.
                      </p>
                </div>
                <div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
                      Not fully decentralzed; yet. 
                      </h3>
                      <p className="text-white text-opacity-70 text-base"> 
                      Whilst the path to becoming decentralized is kicking off with the token sale, at inception the team will have control over the direction of the protocol until the governance mechanism is estabilshed and tools built out.
                      <br />
                      <br />
                      Contributers must trust the mango team until full decentralization is reached. 
                      
                      <br />
                      <br />
                      We offer full transparency in during this phase of transition and will commit to creating a fair voting system for those participating in DAO votes in the future. 
                      </p>
                </div>
            </div>
          </div>
      </div>
  </>
  )
}

export default ContentSectionRisks