update our values section to dynamic content

Author: rudietuesdays

frontend/src/pages/about.astro

@@ -115,74 +115,6 @@ const approaches = [
         </div>
       )}
 
-          
-          <div class="mb-4 border-2 rounded-lg border-(--brand-orange) p-4 md:w-120 break-inside-avoid">
-            <Image
-              class="w-full cover rounded-t-lg relative"
-              src={humility}
-              alt="Image alt text goes here."
-              decoding="async"
-              loading="lazy"
-            />
-            <div class="rounded-b-lg bottom-0 left-0 bg-(--brand-primary)/90 p-4 text-(--brand-light-olive)">
-              <Heading level="h3" class="mb-2">Humility</Heading>
-              <p>
-                We are always learning and thus making mistakes. We are committed to reflecting on, owning, and learning
-                from our collective experiences.
-              </p>
-            </div>
-          </div>
-          <div class="mb-4 border-2 rounded-lg border-(--brand-orange) p-4 md:w-120 break-inside-avoid">
-            <Image
-              class="w-full cover rounded-t-lg relative"
-              src={innovation}
-              alt="Image alt text goes here."
-              decoding="async"
-              loading="lazy"
-            />
-            <div class="rounded-b-lg bottom-0 left-0 bg-(--brand-primary)/90 p-4 text-(--brand-light-olive)">
-              <Heading level="h3" class="mb-2">Innovation</Heading>
-              <p>
-                We work to identify the gaps and possibilities in the systems within which we operate and work with our
-                partners to craft innovative solutions. We are not bound by what is—we adapt to changing circumstances and
-                focus on what can be.
-              </p>
-            </div>
-          </div>
-          <div class="mb-4 border-2 rounded-lg border-(--brand-orange) p-4 md:w-120 break-inside-avoid">
-            <Image
-              class="w-full cover rounded-t-lg relative"
-              src={powerSharing}
-              alt="Image alt text goes here."
-              decoding="async"
-              loading="lazy"
-            />
-            <div class="rounded-b-lg bottom-0 left-0 bg-(--brand-primary)/90 p-4 text-(--brand-light-olive)">
-              <Heading level="h3" class="mb-2">Power sharing</Heading>
-              <p>
-                We strive to build the capacity of our team and the communities we work with by transferring our
-                collective knowledge, credibility, and power.
-              </p>
-            </div>
-          </div>
-          <div class="mb-4 border-2 rounded-lg border-(--brand-orange) p-4 md:w-120 break-inside-avoid">
-            <Image
-              class="w-full cover rounded-t-lg relative"
-              src={building2}
-              alt="Image alt text goes here."
-              decoding="async"
-              loading="lazy"
-            />
-            <div class="rounded-b-lg bottom-0 left-0 bg-(--brand-primary)/90 p-4 text-(--brand-light-olive)">
-              <Heading level="h3" class="mb-2">Holistic thinking</Heading>
-              <p>
-                We are involved in all aspects of our field, from macro policy to the ground level, and believe that they
-                are deeply connected. We are dedicated to establishing connections to ensure that systems are responsive
-                to the needs of the communities with which we work.
-              </p>
-            </div>
-          </div>
-
       <div id="approach" class="mt-20">
         <Heading level="h2" class="mb-2">Our approach</Heading>
         <p class="mb-12 italic">