<?php /* Template Name: About Us Page */
get_header(); ?>

    <section class="inner-bnr abt">
        <div class="custom-container container">
            <div class="bnr-inner">
                <div class="content-left">
                    <h2 class="title">
                        <span class="bold">Reality:</span> You have to spend money to raise money.<br>
                        <span class="bold">Good news:</span> You can spend less now.
                    </h2>
                    <div class="para">Kollect exists to provide the seamless tech you need to get to 100% and beyond—without carving away at your hard-raised funds.</div>
                </div>
                <div class="img-wrp feature-img">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/about-banner.svg" alt="bnr image">
                </div>
            </div>
        </div>
        <a href="tel:+9175247662" class="support-cta">
            <img src="<?php echo get_template_directory_uri(); ?>/images/help-icon.svg" alt="">
        </a>
    </section>




  <section class="mission-wrap">
    <div class="container custom-container">

      <div class="title-wrap">
        <div class="tag">MISSION</div>
        <h2 class="sub-title">Making our community a better place to give.</h2>
        <p class="para">Crowdfunding is here to stay. We designed our platform to set nonprofits up for big impact at
          low cost.</p>
      </div>
      <div class="row row-align">
        <div class="col-md-7">

          <ul class="list">
            <li>
              <div class="left-txt"><span>Seamless giving process</span>
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-arrow.svg" alt=""></div>
              </div>
              <div class="right-txt">
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-tick.svg" alt=""></div> <span>More donations.</span>
              </div>
            </li>
            <li>
              <div class="left-txt"><span>Beautiful front-end </span>
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-arrow.svg" alt=""></div>
              </div>
              <div class="right-txt">
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-tick.svg" alt=""></div> <span>Givers who take you
                  seriously.</span>
              </div>
            </li>
            <li>
              <div class="left-txt"><span>Powerful backend</span>
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-arrow.svg" alt=""></div>
              </div>
              <div class="right-txt">
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-tick.svg" alt=""></div> <span>Stress-free donation tracking
                  &
                  follow-up.</span>
              </div>
            </li>
            <li>
              <div class="left-txt"><span>Flat campaign fee</span>
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-arrow.svg" alt=""></div>
              </div>
              <div class="right-txt">
                <div class="arrow"><img src="<?php echo get_template_directory_uri(); ?>/images/mission-tick.svg" alt=""></div> <span>No penalty for success.</span>
              </div>
            </li>
          </ul>

        </div>
        <div class="col-md-5 align-right">
          <figure class="img-wrap">
            <img src="<?php echo get_template_directory_uri(); ?>/images/mission-img.png" alt="" class="img">
          </figure>
        </div>
      </div>
    </div>
  </section>

  <section class="ethos-wrap">
    <div class="container custom-container">
      <div class="title-wrap">
        <div class="tag">ETHOS</div>
        <h2 class="sub-title">Here’s how we make sure your campaign performs at its best.</h2>
      </div>

      <div class="row">
        <div class="col-md-4">
          <div class="box-wrap">
            <img src="<?php echo get_template_directory_uri(); ?>/images/ethos-img-1.svg" alt="" class="img">
            <h3 class="sub-sub-title">In it with you.</h3>
            <div class="para">We’re in this business because we believe in fueling goodness—your goodness. From the
              moment we partner, your campaign is our primary concern. (Yes, even while we’re running a few others.
              That’s what a dedicated team is for.)</div>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box-wrap">
            <img src="<?php echo get_template_directory_uri(); ?>/images/ethos-img-2.svg" alt="" class="img">
            <h3 class="sub-sub-title">Here when you need us. </h3>
            <div class="para">Tech can be weird. That’s OK—we speak its language. One call, text, or Whatsapp gets you
              straight to our CEO, and when he says he’s on it, he’s on it. (Ignore the time of night he sent that
              “done” Whatsapp.)</div>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box-wrap">
            <img src="<?php echo get_template_directory_uri(); ?>/images/ethos-img-3.svg" alt="" class="img">
            <h3 class="sub-sub-title">Always getting better.</h3>
            <div class="para">Crowdfunding tools, trends, and best practices are constantly advancing. And so are we.
              We’re not a set-it-and-forget-it platform—we welcome and act on your ideas, suggestions, and feedback. It
              all serves to make us and our entire community a better place to give.</div>
          </div>
        </div>
      </div>

    </div>
  </section>

  <section class="story-wrap what-got">
    <div class="container custom-container">
      <div class="row row-align">
        <div class="col-md-4">
          <figure class="img">
            <img src="<?php echo get_template_directory_uri(); ?>/images/story-img.png" alt="">
          </figure>
        </div>
        <div class="col-md-8">
          <div class="content-wrap">
            <div class="tag">STORY</div>
            <h2 class="sub-title">What got us Kollecting</h2>
            <p class="para">As a software developer, Kollect founder Yekusiel Eckstein found his passion in solving
              problems in the fastest, most comprehensive, and most easily-repeatable way. Once he built a system for
              getting campaigns up and running in two days or less, he decided to keep it as affordable as possible.
              More money raised, less money burned. Win-win.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="process-wrap">
    <div class="title-wrap">
      <div class="tag">PROCESS</div>
      <h2 class="sub-title">Wondering what it takes to launch your campaign? Here’s how it gets done.</h2>
    </div>

    <div class="process-map-wrap">

      <img src="<?php echo get_template_directory_uri(); ?>/images/process-map.svg" alt="" class="process-map-img">

      <div class="box-wrap box1">
        <div class="img"><img src="<?php echo get_template_directory_uri(); ?>/images/step1.svg" alt=""></div>
        <div class="content-wrap">
          <div class="sub-sub-title">1. Speak</div>
          <div class="para">We’ll briefly discuss your campaign goals and make sure we can meet your needs.</div>
        </div>
      </div>

      <div class="box-wrap box2">
        <div class="img"><img src="<?php echo get_template_directory_uri(); ?>/images/step2.svg" alt=""></div>
        <div class="content-wrap">
          <div class="sub-sub-title">2. Sign</div>
          <div class="para">You’ll get a proposal that includes our flat fee price, the exact features we provide, and
            our support commitments.</div>
        </div>
      </div>

      <div class="box-wrap box3">
        <div class="img"><img src="<?php echo get_template_directory_uri(); ?>/images/step3.svg" alt=""></div>
        <div class="content-wrap">
          <div class="sub-sub-title">3. Send</div>
          <div class="para">Tick off the short checklist of info and supporting visuals we’ll request.</div>
        </div>
      </div>

      <div class="box-wrap box4">
        <div class="img"><img src="<?php echo get_template_directory_uri(); ?>/images/step4.svg" alt=""></div>
        <div class="content-wrap">
          <div class="sub-sub-title">4. Start</div>
          <div class="para">We’ll briefly discuss your campaign goals and make sure we can meet your needs.</div>
        </div>
      </div>

      <div class="box-wrap box5">
        <div class="img"><img src="<?php echo get_template_directory_uri(); ?>/images/step5.svg" alt=""></div>
        <div class="content-wrap">
          <div class="sub-sub-title">5. Standby</div>
          <div class="para">Questions? Updates? We’re in your back pocket. Consider us an (uber-dedicated) extension of
            your campaign team.</div>
        </div>
      </div>

      <div class="box-wrap box6">
        <div class="img"><img src="<?php echo get_template_directory_uri(); ?>/images/step6.svg" alt=""></div>
        <div class="content-wrap">
          <div class="sub-sub-title">6. Success</div>
          <div class="para">Yours. It’s the best part of our job.</div>
        </div>
      </div>

    </div>

  </section>


   <section class="ready-to-kollect-wtap">
    <div class="container custom-container">
      <div class="row row-align">
        <div class="col-md-6">
          <img src="<?php echo get_template_directory_uri(); ?>/images/ready-to-collect.svg" alt="" class="img">
        </div>
        <div class="col-md-6 align-right">
          <div class="content-wrap">
            <h2 class="gift-title">
              Get from “we need to launch” <br />
              to <span>live and thriving</span>—in just two days.</h2>

            <div class="gift-footer about">
              <h2 class="gift-title"><span class="bold">Ready to Kollect?</span> </h2>
              <div class="gift-para">Let’s do this.</div>

              <div class="btn-wrap">
                <a href="/contact" class="btn-common">
                  <span class="txt">Get Started</span>
                  <span class="icon"><img src="<?php echo get_template_directory_uri(); ?>/images/white-arrow-btn.svg" alt=""></span>
                </a>
              </div>
            </div>


          </div>
        </div>
      </div>
    </div>
  </section>


<?php get_footer(); ?>