[#3929] Add additional sections to static index page

akvo · Nov 14, 2022 · ffb429a · ffb429a
1 parent 44f45fe
commit ffb429a
Showing 1 changed file with 65 additions and 0 deletions.
diff --git a/landing/src/index.html b/landing/src/index.html
@@ -37,6 +37,71 @@ <h1 className="flow-logo">
                     </nav>
                 </header>
             </div>
+            <div className="home">
+                <div class="overview">
+                    <section className="introduction">
+                        <article className="wrapper">
+                          <h2 className="heading">
+                            Design your survey and <span>start collecting data</span> today.
+                          </h2>
+                          <p className="paragraph">
+                            Akvo Flow can easily adapt to your data needs. Our partners collect
+                            and use data to drive change all over the world.
+                          </p>
+                          <img src="/static/media/planet-infographic.76366b5c5779dd8bfd9b.png" alt="3d model planet infographic" />
+                        </article>
+                        <a href="/signup"><button class="filled">Start for free now</button></a>
+                    </section>
+                    <section className="partners">
+                        <h3 className="heading">
+                          Trusted by hundreds of businesses, NGOs & governments
+                        </h3>
+                        <div>
+                            <img class="logo" src="../../images/organisations/g-sierra-leonne-logo.png" alt="Government of Sierra Leonne" />
+                            <img class="logo" src="../../images/organisations/simavi-logo.png" alt="Simavi" />
+                            <img class="logo" src="../../images/organisations/fairtrade-logo.png" alt="Fairtrade" />
+                            <img class="logo" src="../../images/organisations/snv-logo.png" alt="snv" />
+                            <img class="logo" src="../../images/organisations/lifewater-logo.png" alt="Lifewater" />
+                            <img class="logo" src="../../images/organisations/unicef-logo.png" alt="Unicef" />
+                            <img class="logo" src="../../images/organisations/one-drop-logo.png" alt="One Drop" />
+                            <img class="logo" src="../../images/organisations/idh-logo.png" alt="idh" />
+                            <img class="logo" src="../../images/organisations/nuffic-logo.png" alt="Nuffic" />                        </div>
+                    </section>
+                    <section className="impact">
+                        <article className="wrapper">
+                          <h3 className="heading">
+                            Development organisations <span>all over the world</span> use Akvo
+                            Flow to drive impact
+                          </h3>
+                          <p className="paragraph">
+                            The development sector has been progressively moving towards
+                            data-driven decision making and impact. With Akvo Flow, NGOs,
+                            governments, knowledge institutions and the private sector support
+                            millions of beneficiaries all over the world.{" "}
+                          </p>
+                          <a href="/signup"><button class="outlined">Get started</button></a>
+                        </article>
+                        <img src="/static/media/map.460170a3a89d80243b563a415ce0c99f.svg" alt="map">
+                        <div className="statistic">
+                            <div><b>1.5M</b><span>Data points</span></div>
+                            <div><b>200+</b><span>Organisations</span></div>
+                            <div><b>70+</b><span>Countries </span></div>
+                        </div>
+                        <div className="banner">
+                          <h3 className="heading">
+                            Take your development programme to the next level
+                          </h3>
+                          <div className="paragraph">Capture reliable and timely data</div>
+                        </div>
+                      </section>
+                </div>
+
+                <KeyFeatures />
+                <PricingTab />
+                <PricingTable />
+                <Testimonial/>
+                <Subscribe />
+            </div>
         </div>
     </div>
 </body>