function OurUsers()

in src/pages/integrations.js [32:123]
92 lines of code
2 McCabe index (conditional complexity)

function OurUsers() {
  const {siteConfig} = useDocusaurusContext();
  return (
        <section className="our-users">
          <div className="container">
            <div className="row">
              <div className="col">
                <div className="section-title text-center mb-4">Learn from our users</div>
              </div>
            </div>
            <div className="row">
              <div className="col-md-4 order-lg-2">
                <div className="card-users">
                  <div className="card-images clearfix mb-4">
                    <img src="/img/quotes_icon.svg" className="float-start" alt=""/>
                    <img src="/img/Kshtish_img.png" className="float-start" alt=""/>
                    <img src="/img/apiculus_logo.svg" className="float-end" alt=""/>
                  </div>
                  <div className="card-text">
                    <p className="mb-4">
“<strong>CloudStack is extremely easy to set up, learn, manage and
operate</strong>. In our market(s), this not only helps our customers
launch quickly, but also makes them feel empowered by way of using a
technology that can easily be in-sourced.
                    </p>
                    <p>
Our aim is to position the combination of CloudStack and Apiculus as a
robust cloud solution in 100+ countries and 300+”
                    </p>
                  </div>
                  <div className="card-info">
                    <div className="card-name">— Kshitish Purohit</div>
                    <p className="blue-title">CHIEF PRODUCT OFFICER</p>
                  </div>
                </div>
              </div>
              <div className="col-md-4 order-lg-2">
                <div className="card-users">
                  <div className="card-images clearfix mb-4">
                    <img src="/img/quotes_icon.svg" className="float-start" alt=""/>
                    <img src="/img/Tamara_img.png" className="float-start" alt=""/>
                    <img src="/img/Frauhofer_logo.svg" className="float-end" alt=""/>
                  </div>
                  <div className="card-text">
                    <p className="mb-4">
“<strong>CloudStack and Terraform bring scalability and
flexibility</strong>. The immediate benefit out of them is that you
can have tested and proven blueprints and roll out environments
quickly. Terraform is perfect for quickly creating Test/Dev
environments.
                    </p>
                    <p>
In distributed teams, collaboration is extremely
important. Infrastructure as code is a huge boost, helping teams to
collaborate on code.”
                    </p>
                  </div>
                  <div className="card-info">
                    <div className="card-name">— Tamara Muryshkin</div>
                    <p className="blue-title">ENTERPRISE SERVICE MANAGER</p>
                  </div>
                </div>
              </div>
              <div className="col-md-4 order-lg-2">
                <div className="card-users">
                  <div className="card-images clearfix mb-4">
                    <img src="/img/quotes_icon.svg" className="float-start" alt=""/>
                    <img src="/img/Sven_img.png" className="float-start" alt=""/>
                    <img src="/img/ewerk_group_logo.png" className="float-end" alt=""/>
                  </div>
                  <div className="card-text">
                    <p className="mb-4">
“The EWERK Group mainly serves organizations in system-relevant
industries with regulated IT. <strong>In these industries, highly
complex IT infrastructure projects place special demands on the
network</strong>. In order to meet these requirements, a
future-oriented further development with the highest demand on
technological know-how and flexibility of the software is needed. The
support of Tungsten Fabric helps us to meet these requirements.”
                    </p>
                  </div>
                  <div className="card-info">
                    <div className="card-name">— Sven Vogel</div>
                    <p className="blue-title">SENIOR MANAGER R&amp;D</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
  );
}