Merge pull request #3 from elijames-codecov/STAT-877-Fair-io-FAQs-Bac…

…kground-Images

Stat 877 fair io fa qs background images

src/pages/faq.astro

@@ -10,7 +10,7 @@ import Collapse from '../components/Collapse.astro';
       <h1 class="text-balance mb-[1rem]">Frequently Asked Questions</h1>
       <p class="text-[1.75rem] font-[500] leading-[130%] tracking-[0.035rem]">Your guide to understanding Fair Source and how to make the most of it.</p>
     </div>
-    <div class="w-12/12 lg:w-1/2">
+    <div class="absolute lg:right-0 lg:top-52 lg:bottom-0 lg:w-1/2 lg:bg-no-repeat bg-[url('/images/background-images/faqHeroImage.svg')]">
 
     </div>
   </header>
@@ -100,15 +100,63 @@ import Collapse from '../components/Collapse.astro';
           collapseID="collapse-3"
         >
           <div class="relative flex flex-wrap pb-[3rem]">
-            Test 3
+            Fair Source provides many of the same benefits for companies as Open Source, by helping to foster an engaged developer community around your software products.
+            In “The sodSingle-Vendor Commercial Open Source Business Model,, Professor Dirk Riehle of the University of Erlangen has identified the following benefits of such a community, by business function:
+          </div>
+          <div class="w-full grid lg:grid-cols-3 grid-cols-1 gap-4 pb-[3rem]">
+            <div class="w-12/12">
+              <div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
+                <div class="w-12/12">
+                  <img class="pb-2" src="/images/icons/faq-sales.svg" alt="sales"/>
+                  <h3 class="pb-2">Sales</h3>
+                  <p>More and easier sales due to customer-side champions.</p>
+                </div>
+              </div>
+            </div>
+            <div class="w-12/12">
+              <div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
+                <div class="w-12/12">
+                  <img class="pb-2" src="/images/icons/faq-marketing.svg" alt="marketing" />
+                  <h3 class="pb-2">Marketing</h3>
+                  <p>Effective and cheaper marketing through engaged community.</p>
+                </div>
+              </div>
+            </div>
+            <div class="w-12/12">
+              <div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
+                <div class="w-12/12">
+                  <img class="pb-2" src="/images/icons/faq-pm.svg" alt="product management" />
+                  <h3 class="pb-2">Product Management</h3>
+                  <p>Superior product thanks to broad and deep user innovation.</p>
+                </div>
+              </div>
+            </div>
+            <div class="w-12/12">
+              <div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
+                <div class="w-12/12">
+                  <img class="pb-2" src="/images/icons/faq-engineering.svg" alt="engineering" />
+                  <h3 class="pb-2">Engineering</h3>
+                  <p>Faster development with immediate community feedback.</p>
+                </div>
+              </div>
+            </div>
+            <div class="w-12/12">
+              <div class="border border-borderGray rounded-small p-[2rem] flex flex-wrap items-center">
+                <div class="w-12/12">
+                  <img class="pb-2" src="/images/icons/faq-support.svg" alt="support" />
+                  <h3 class="pb-2">Support</h3>
+                  <p>Lower support costs thanks to self-supporting user community.</p>
+                </div>
+              </div>
+            </div>
           </div>
         </Collapse>
         <Collapse 
           title="How do I adopt Fair Source?" 
           collapseID="collapse-4"
         >
           <div class="relative flex flex-wrap pb-[3rem]">
-            Test 3
+            <p>The basic steps to adopt Fair Source are to plan for community engagement, to audit and publish your source code, and to announce that you are now Fair Source. For more details read our guide, The Single-Vendor Commercial Open Source Business Model.</p>
           </div>
         </Collapse>
         <Collapse