Embed

Banner

You will meet more Nigerians-in-US on Agapi, hours after sign up, than any other dating app. 

Meet Your Cultural Match Faster

Dating profile online with photo of beautiful woman. App to find love. Swipe right to match. Virtual romance. Single flirting. Picture of a girl. Heart in phone. Man searching for relationship.

<style>
  :root { --black:#000; --white:#fff; }

  .agapi-how {
    width: 100%;
    margin: 64px auto;
    padding: 0 0 20px;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;
    text-align: center;
  }
  .agapi-how h2 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  margin-bottom: 28px;
  color: #1B7339; /* AGAPI GREEN */
  }

  /* REAL CAROUSEL */
  .agapi-carousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .agapi-carousel {
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;

    gap: 20px;
    padding: 10px 16px 30px;
  }

  .agapi-carousel::-webkit-scrollbar { display: none; }

  /* CARDS */
  .agapi-step {
    flex: 0 0 88%;
    max-width: 480px;

    scroll-snap-align: center;

    border: 2px solid #000;
    border-radius: 22px;
    background: #fff;

    padding: 34px 22px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    margin: auto;
  }

  /* NUMBER CIRCLE */
  .circle {
    width: 78px;
    height: 78px;
    border: 3px solid #000;
    border-radius: 50%;
    display: grid;
    place-items: center;

    margin: 0 auto 14px;
    font-size: 1.8rem;
    font-weight: 900;
  }

  .title {
    font-size: clamp(1.3rem, 3.4vw, 1.65rem);
    font-weight: 800;
    margin-bottom: 8px;
  }

  .desc {
    font-size: clamp(1rem, 2.4vw, 1.15rem);
    font-weight: 600;
    line-height: 1.55;
    opacity: .9;
  }
</style>

<section class="agapi-how">
  <h2>How Agapi works</h2>

  <div class="agapi-carousel-wrapper">
    <div class="agapi-carousel">

      
      <div class="agapi-step">
        <div class="circle">1</div>
        <div class="title">Input Your Information</div>
        <p class="desc">
          A quick <span class="muted">5-minute</span> form to capture your preferences.
        </p>
      </div>

      
      <div class="agapi-step">
        <div class="circle">2</div>
        <div class="title">We Find Your Match</div>
        <p class="desc">
          Agapi evaluates your <em>preferences</em> to find the best matches in our database.
        </p>
      </div>

      
      <div class="agapi-step">
        <div class="circle">3</div>
        <div class="title">Receive Match Report</div>
        <p class="desc">
          Thirty minutes after signing up (Mon–Wednesday, 12pm–12am), we send a report with your top five matches.
        </p>
      </div>

      
      <div class="agapi-step">
        <div class="circle">4</div>
        <div class="title">Talk to Your Match</div>
        <p class="desc">
          If both say yes, men pay $15 and women pay nothing to connect—
          If not, we keep sending new reports.
        </p>
      </div>

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