Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>About Us | First Connect Global</title>

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Cormorant+Garamond:wght@600;700&display=swap" rel="stylesheet">
  <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>

  <style>
    :root{
      --ink:#0f254d;
      --accent:#c9a84c;
      --soft:#f4f7fc;
      --muted:#5e6a82;
      --line:#dce3ef;
      --white:#fff;
    }

    body{
      font-family:"Manrope",system-ui,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(1100px 480px at 8% -10%, rgba(201,168,76,.16), transparent 62%),
        radial-gradient(900px 420px at 92% 2%, rgba(15,37,77,.08), transparent 64%),
        linear-gradient(180deg,#f8faff 0%,#f2f6fd 100%);
    }

    .serif{font-family:"Cormorant Garamond", Georgia, serif;}
    .about-card{
      background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,1));
      border:1px solid var(--line);
      border-radius:28px;
      box-shadow:0 24px 60px rgba(15,37,77,.10);
    }
    .eyebrow{
      display:inline-flex;align-items:center;gap:.65rem;
      letter-spacing:.16em;text-transform:uppercase;font-weight:800;
      font-size:.75rem;color:var(--ink);
    }
    .eyebrow::before,.eyebrow::after{
      content:"";width:34px;height:2px;border-radius:9px;
      background:linear-gradient(90deg,var(--accent),#d9bc6a);
    }
    .chip{
      border:1px solid var(--line);
      background:#fff;
      border-radius:999px;
      padding:.5rem .95rem;
      font-size:.83rem;
      font-weight:700;
      color:var(--ink);
    }
    .value{
      border:1px solid var(--line);
      border-radius:18px;
      background:#fff;
      padding:1.2rem;
    }
    .cta-btn{
      display:inline-block;
      background:var(--ink);
      color:#fff;
      font-weight:800;
      border-radius:12px;
      padding:.95rem 1.35rem;
      box-shadow:0 12px 28px rgba(15,37,77,.28);
      transition:transform .2s ease, box-shadow .2s ease;
      text-decoration:none;
    }
    .cta-btn:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,37,77,.34);}
  </style>
</head>
<body>

  <section class="px-5 py-14 md:py-24">
    <div class="max-w-6xl mx-auto about-card p-7 md:p-12">

      <div class="text-center max-w-3xl mx-auto">
        <p class="eyebrow mb-4">About First Connect Global</p>
        <h1 class="serif text-4xl md:text-6xl leading-[.96] font-bold">
          Better CX hires, <span style="color:var(--accent)">without hiring chaos.</span>
        </h1>
        <p class="mt-5 text-lg md:text-xl" style="color:var(--muted)">
          We help e-commerce brands hire dedicated customer experience support through a founder-led process that is clear, fast, and built for real operations.
        </p>
      </div>

      <div class="grid md:grid-cols-2 gap-10 md:gap-14 items-center mt-14">
        <div class="relative">
          <div class="absolute -z-0 -top-5 -left-5 w-24 h-24 rounded-full bg-amber-100/70"></div>
          <div class="absolute -z-0 -bottom-5 -right-5 w-28 h-28 rounded-full bg-blue-100/70"></div>
          <img
            src="https://i.postimg.cc/NfPKTpyh/0-EA83-C9-F-B868-4-C5-D-9-D95-0-A3-E57-CF5-E46.png"
            alt="A professional team representing high-quality customer support talent and operational excellence."
            class="relative z-10 w-full rounded-2xl border border-[var(--line)] shadow-xl"
            loading="lazy"
            decoding="async"
            width="600"
            height="400"
          />
        </div>

        <div>
          <h2 class="serif text-3xl md:text-4xl font-bold mb-4">Built from real operating experience</h2>
          <p class="text-lg mb-4" style="color:var(--muted)">
            First Connect Global was built by seeing firsthand how growth slows when founders are buried in tickets, escalations, and delayed hiring.
          </p>
          <p class="text-lg" style="color:var(--muted)">
            We handle recruiting, vetting, agreements, payroll administration, and placement support, so your team gets capacity without extra complexity.
          </p>

          <div class="flex flex-wrap gap-2 mt-7">
            <span class="chip">Founder-led process</span>
            <span class="chip">Profiles in 48 hours</span>
            <span class="chip">Start within 7 days</span>
            <span class="chip">90-day match guarantee</span>
          </div>
        </div>
      </div>

      <div class="mt-14">
        <h3 class="serif text-3xl font-bold text-center mb-7">What makes FCG different</h3>
        <div class="grid md:grid-cols-3 gap-4">
          <article class="value">
            <h4 class="font-extrabold text-lg mb-2">Clear Recruiting</h4>
            <p style="color:var(--muted)">We source and vet CX talent against your support channels, volume, and standards.</p>
          </article>
          <article class="value">
            <h4 class="font-extrabold text-lg mb-2">Admin Done Right</h4>
            <p style="color:var(--muted)">We support agreements, payroll administration, and compliance so onboarding is smoother.</p>
          </article>
          <article class="value">
            <h4 class="font-extrabold text-lg mb-2">Support After Placement</h4>
            <p style="color:var(--muted)">We stay close post-match with practical guidance and a built-in 90-day guarantee.</p>
          </article>
        </div>
      </div>

      <div class="mt-14 text-center rounded-2xl border border-[var(--line)] bg-white p-7 md:p-10">
        <h3 class="serif text-3xl md:text-4xl font-bold">Built for brands scaling support capacity fast</h3>
        <p class="mt-4 max-w-3xl mx-auto text-lg" style="color:var(--muted)">
          If support volume is climbing and your team needs dedicated CX help now, this is the cleanest way to hire well and move faster.
        </p>
        <a
          href="https://calendly.com/trevone-firstconnectglobal/discovery"
          target="_blank"
          rel="noopener noreferrer"
          class="cta-btn mt-7"
        >
          Book Your 15-Minute Call
        </a>
        <p class="mt-5 text-sm" style="color:var(--muted)">Founder-led. Clear process. Better support starts here.</p>
      </div>
    </div>
  </section>

</body>
</html>


First Connect Global

Better CX hires, without hiring chaos.

Built from real operating experience

What makes FCG different

Clear Recruiting

Admin Done Right

Support After Placement

Built for brands scaling support capacity fast