<?php
/**
 * Plattr — About page.
 *
 * Apple-style editorial: very white, very spacious, very confident.
 * Uses the shared page-head/page-foot partials so the chrome matches
 * every other secondary page.
 *
 * Sections (top→bottom):
 *   1.  Hero — big editorial headline + hero image
 *   2.  Manifesto strip — three confident sentences
 *   3.  Our Story — long-form narrative with inline portraits
 *   4.  What we believe — 3-up value cards
 *   5.  The team — founder cards with photos + bios
 *   6.  Milestones — chronological timeline with images
 *   7.  By the numbers — trust strip
 *   8.  Press band — "as seen in" logos
 *   9.  CTA — closing call to action
 */
declare(strict_types=1);

$pageTitle = 'About Plattr — software for the people who feed us.';
$pageDesc  = 'Plattr is the operating system for food businesses — founder-built, after a cookie brand called Dipped meant creating our own system to run it, then rebuilding it for every kitchen. Made in Aotearoa New Zealand.';
$pageSlug  = 'about';

require __DIR__ . '/includes/page-head.php';
?>

<main class="ab">

<style>
  /* ── Typography alignment to the homepage ──────────────────────────
     The About page was set almost entirely in Playfair Display serif,
     which read as a different brand from the homepage ("cursive / two
     companies"). Bring the headings into the homepage's voice: the same
     heavy sans display, with serif kept out of the primary headline flow.
     Emphasis (<em>) uses the homepage's blue-gradient treatment.
     Scoped to .ab-* so blog / contact / terms keep their own styling. */
  .ab-hero-title, .ab-h2, .ab-cta-title, .ab-manifesto, .ab-pullquote-text,
  .ab-hero h1, .ab-section h2, .ab-section h3,
  .ab-belief h3, .ab-value h3, .ab-tl-card h3, .ab-story h2, .ab-story h3,
  .ab-stat-num, .ab-numbers-stat-num, .ab-problem-num, .ab-belief-mark{
    font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',sans-serif !important;
    letter-spacing:-.03em;
  }
  .ab-hero-title, .ab-h2, .ab-cta-title{ font-weight:900 !important; }
  .ab-hero-title em, .ab-h2 em, .ab-cta-title em, .ab-manifesto em{
    font-style:normal !important;
    background:linear-gradient(135deg, var(--pb-brand-light, #7AA0FB) 10%, var(--pb-brand) 90%);
    -webkit-background-clip:text; background-clip:text;
    color:transparent !important;
  }
  /* Eyebrows: serif → mono uppercase, matching the homepage's label style. */
  .ab-eyebrow{
    font-family:'JetBrains Mono', ui-monospace, monospace !important;
    font-weight:500 !important; font-style:normal !important;
    letter-spacing:.14em !important; text-transform:uppercase !important;
    font-size:11.5px !important;
  }
  /* Honest trust strip (replaces the faux-masthead "as seen in" press band):
     render items as clear check-marked claims, not italic serif publications. */
  .ab-press--trust .ab-press-logos{gap:14px 24px}
  .ab-press--trust .ab-press-logos span{
    font-family:'JetBrains Mono', ui-monospace, monospace !important;
    font-style:normal !important; font-size:12.5px !important; font-weight:500 !important;
    letter-spacing:.06em !important; text-transform:uppercase !important;
    color:var(--pb-soft) !important; opacity:1 !important;
    display:inline-flex; align-items:center; gap:7px;
  }
  .ab-press--trust .ab-press-logos span i{color:var(--pb-brand); font-size:16px}
</style>

<!-- ═══════════════════════════════════════════════════════════════
     1. HERO — big editorial headline
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-hero">
  <div class="ab-container">
    <span class="ab-eyebrow">About Plattr</span>
    <h1 class="ab-hero-title">
      Software for the people<br>
      who <em>feed us</em>.
    </h1>
    <p class="ab-hero-lede">
      Plattr is the operating system for food businesses &mdash; founder-built by
      someone who ran the shop before writing a line of code, and knows exactly
      what good software is supposed to feel like behind the pass.
    </p>
    <div class="ab-hero-meta">
      <span><i class="bx bx-map-pin"></i> Auckland, Aotearoa</span>
      <span><i class="bx bx-calendar"></i> Founded 2024</span>
      <span><i class="bx bx-group"></i> Founder-led</span>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     1b. HERO IMAGE — full-bleed
     ═══════════════════════════════════════════════════════════════ -->
<figure class="ab-hero-photo">
  <img src="/blog/img/cafe-counter-pos-terminal-customers-2026-07-15.jpg"
       alt="A bright neighbourhood café in Auckland on a Tuesday morning."
       loading="eager" decoding="async">
  <figcaption>Tuesday, 10:47am. The kind of morning we build for.</figcaption>
</figure>

<!-- ═══════════════════════════════════════════════════════════════
     2. MANIFESTO STRIP — three confident sentences
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-manifesto">
  <div class="ab-container">
    <p>
      We believe restaurants should run on <em>one</em> system, not six.
      That the people who feed us deserve software that feels as good as the
      food they cook. And that the best way to learn what restaurants need
      is to have actually worked in one.
    </p>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     2b. THE PROBLEM — the SaaS stack
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-section--alt ab-problem">
  <div class="ab-container">
    <div class="ab-section-head">
      <span class="ab-eyebrow">The problem</span>
      <h2 class="ab-h2">The food stack was <em>broken</em>.</h2>
      <p class="ab-section-sub">
        The average restaurant runs on twelve different tools &mdash; POS, online
        ordering, loyalty, email, socials, kitchen display, roster, stock,
        accounting, reviews, delivery, and the spreadsheet keeping them in line.
        Each one invoices you. None of them talk. <strong>Yours doesn&rsquo;t have to.</strong>
      </p>
    </div>

    <div class="ab-problem-grid">
      <div class="ab-problem-stat">
        <div class="ab-problem-num">6+</div>
        <div class="ab-problem-lbl">separate tools in the average food-business stack</div>
      </div>
      <div class="ab-problem-stat">
        <div class="ab-problem-num">~$240</div>
        <div class="ab-problem-lbl">typical monthly cost across them &middot; six separate bills</div>
      </div>
      <div class="ab-problem-stat ab-problem-stat--accent">
        <div class="ab-problem-num">NZ$39</div>
        <div class="ab-problem-lbl">where Plattr starts &middot; monthly, one bill</div>
      </div>
      <div class="ab-problem-stat ab-problem-stat--accent">
        <div class="ab-problem-num">1</div>
        <div class="ab-problem-lbl">login, invoice &amp; renewal &mdash; instead of six</div>
      </div>
    </div>

    <p class="ab-problem-pricing">
      Plans from <strong>NZ$39/mo</strong> (Basic) &middot; <strong>NZ$79/mo</strong> (Standard, most popular) &middot; <strong>Custom</strong> (Plattr+).
      One subscription, one invoice, one renewal &mdash; not the six you&rsquo;re paying for today.
    </p>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     3. OUR STORY — editorial narrative
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-story">
  <div class="ab-container ab-container--narrow">
    <span class="ab-eyebrow">Our Story</span>
    <h2 class="ab-h2">Plattr started as a cookie business.</h2>

    <p>
      It didn&rsquo;t begin as a software company. It began as
      <strong>Dipped</strong> (<a href="https://dipped.nz" target="_blank" rel="noopener">dipped.nz</a>)
      &mdash; a cookie brand I started in Aotearoa, making the kind of thing
      people plan their weekend around.
    </p>

    <figure class="ab-dipped" style="margin:34px 0 6px;text-align:center">
      <img src="/assets/dipped.png" alt="Dipped — the cookie brand Plattr grew out of"
           loading="lazy" decoding="async"
           style="width:168px;max-width:60%;height:auto;display:inline-block">
      <figcaption style="margin-top:12px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pb-muted)">
        Where it all started &middot; <a href="https://dipped.nz" target="_blank" rel="noopener" style="color:var(--pb-brand);text-decoration:none">dipped.nz</a>
      </figcaption>
    </figure>

    <p>
      The baking was the easy part. <em>Running</em> the business was where it
      fell apart. There was a website builder, a separate online-ordering
      plugin, a checkout that didn&rsquo;t know what the website knew, a loyalty
      app that talked to neither, email in one tool, stock counted on the back
      of a docket, and the numbers scattered across all of it. Every week I&rsquo;d
      sit down and try to reconcile a fistful of logins into one honest
      answer: did we actually make anything this week?
    </p>

    <figure class="ab-inline-photo ab-inline-photo--right">
      <img src="/blog/img/new-shop-owner-apron-counter-2026-07-15.jpg"
           alt="A food-business owner behind the counter." loading="lazy">
      <figcaption>Running the shop &mdash; before there was a single system to run it on.</figcaption>
    </figure>

    <p>
      So I built our own. Not to sell &mdash; just to run Dipped. One place for
      the menu, the orders, the payments, the regulars and the numbers. One
      login instead of eight. For the first time, the business felt calm: I
      could see the whole thing on one screen and get back to actually making
      the product.
    </p>

    <p>
      The realisation came afterwards. Showing it to other food people
      &mdash; cafés, food trucks, caterers, all fighting the exact same 11&nbsp;pm
      glue-work &mdash; it clicked that the most valuable thing we&rsquo;d built
      wasn&rsquo;t the cookies. It was the <strong>operating system underneath
      them</strong>. That system became Plattr.
    </p>

    <figure class="ab-inline-photo ab-inline-photo--full">
      <img src="/blog/img/open-kitchen-line-chefs-plating-2026-07-15.jpg"
           alt="Chefs plating on a busy kitchen line." loading="lazy">
    </figure>

    <h3 class="ab-h3">Today</h3>
    <p>
      Plattr is that same idea, rebuilt for every kind of food business:
      one login, one bill, one system &mdash; storefront, POS, kitchen,
      delivery, CRM, loyalty, marketing and analytics that all share a single
      brain. Built in Aotearoa, from behind a real counter, for the way food
      businesses actually run.
    </p>

    <h3 class="ab-h3">Tomorrow</h3>
    <p>
      The plan is the same as it was at the bakery: keep building until the
      people who run the food places we love can spend their day cooking,
      hosting and growing &mdash; not gluing together SaaS tools at 11&nbsp;pm.
    </p>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     3b. PULL QUOTE — founder's line
     ═══════════════════════════════════════════════════════════════ -->
<aside class="ab-pullquote">
  <div class="ab-container ab-container--narrow">
    <i class="bx bxs-quote-alt-left ab-pullquote-mark"></i>
    <p class="ab-pullquote-text">
      The most valuable thing we built at the bakery wasn&rsquo;t a recipe. It
      was the system that let us stop fighting our own tools &mdash; and
      that&rsquo;s the thing worth giving to every other food business.
    </p>
    <div class="ab-pullquote-cite">
      <strong>Flynn</strong>
      <span>Founder &middot; Plattr, Auckland</span>
    </div>
  </div>
</aside>

<!-- ═══════════════════════════════════════════════════════════════
     4. WHAT WE BELIEVE — how Plattr is different (6 cards)
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-values">
  <div class="ab-container">
    <div class="ab-section-head">
      <span class="ab-eyebrow">How we&rsquo;re different</span>
      <h2 class="ab-h2">One platform. <em>Food-first.</em></h2>
      <p class="ab-section-sub">
        Plattr is a single operating system &mdash; one database, one menu, one
        customer record &mdash; covering every surface your business touches. And
        because it was built for food from day one, the primitives match your
        kitchen, not a warehouse.
      </p>
    </div>

    <div class="ab-values-grid">

      <article class="ab-value">
        <div class="ab-value-icon"><i class="bx bx-palette"></i></div>
        <h3>Brand-native</h3>
        <p>
          Drop a logo &mdash; we extract your palette, type, and shape language. The
          whole platform becomes a mirror of the brand you already have.
        </p>
      </article>

      <article class="ab-value">
        <div class="ab-value-icon"><i class="bx bx-sync"></i></div>
        <h3>One truth</h3>
        <p>
          One customer record. One menu. One dashboard. Close-of-day is a tap,
          not a reconciliation marathon between four apps.
        </p>
      </article>

      <article class="ab-value">
        <div class="ab-value-icon"><i class="bx bxs-bolt"></i></div>
        <h3>Live in minutes</h3>
        <p>
          A working ordering site, POS, and kitchen system in the time it
          takes to describe your menu. No template hunt, no dev agency.
        </p>
      </article>

      <article class="ab-value">
        <div class="ab-value-icon"><i class="bx bx-food-menu"></i></div>
        <h3>Actually about food</h3>
        <p>
          Recipes, allergens, prep stations, catering minimums, rotating
          specials. The product speaks your language, word for word.
        </p>
      </article>

      <article class="ab-value">
        <div class="ab-value-icon"><i class="bx bx-server"></i></div>
        <h3>99.98% uptime</h3>
        <p>
          Fresh capacity spins up the second your traffic jumps, so a Friday
          rush or a viral moment can never outrun the platform. Your busiest
          day is our easiest day.
        </p>
      </article>

      <article class="ab-value">
        <div class="ab-value-icon"><i class="bx bx-map-pin"></i></div>
        <h3>NZ-owned</h3>
        <p>
          Real humans in your timezone. Your support ticket reaches the people
          who can actually change the product &mdash; not a chatbot in another
          hemisphere.
        </p>
      </article>

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

<!-- ═══════════════════════════════════════════════════════════════
     4b. HOW WE MOVE YOUR NUMBERS — operator outcomes
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-numbers">
  <div class="ab-container">
    <div class="ab-section-head">
      <span class="ab-eyebrow">How we move your numbers</span>
      <h2 class="ab-h2">Your <em>bottom line</em>, not&nbsp;ours.</h2>
      <p class="ab-section-sub">
        Every feature earns its keep by making you money or saving you time.
        Here&rsquo;s what that looks like in a typical month.
      </p>
    </div>

    <div class="ab-numbers-hero">
      <div class="ab-numbers-stat">
        <div class="ab-numbers-stat-num">+18%</div>
        <div class="ab-numbers-stat-lbl">average repeat-order rate lift on Plattr loyalty</div>
      </div>
      <div class="ab-numbers-stat">
        <div class="ab-numbers-stat-num">&minus;45m</div>
        <div class="ab-numbers-stat-lbl">daily admin reclaimed per operator</div>
      </div>
    </div>

    <div class="ab-principles">
      <article class="ab-principle">
        <div class="ab-principle-num">01</div>
        <div>
          <h3>Turn first-timers into regulars.</h3>
          <p>
            Rewards fire automatically the moment your CRM sees a second
            order. Customers get offered the right thing, at the moment
            they&rsquo;d reorder anyway.
          </p>
        </div>
      </article>

      <article class="ab-principle">
        <div class="ab-principle-num">02</div>
        <div>
          <h3>Stop leaking carts.</h3>
          <p>
            Abandoned-cart recovery lives inside the same system that took
            the order. The email sends itself. The link lands straight back
            on your storefront.
          </p>
        </div>
      </article>

      <article class="ab-principle">
        <div class="ab-principle-num">03</div>
        <div>
          <h3>Know your numbers in one glance.</h3>
          <p>
            Reports you&rsquo;d otherwise pull from four apps, rendered in one
            dashboard. Sales, margin, top items, repeat rate. The decisions
            take a sentence.
          </p>
        </div>
      </article>

      <article class="ab-principle">
        <div class="ab-principle-num">04</div>
        <div>
          <h3>Run catering without a spreadsheet.</h3>
          <p>
            Events and catering orders flow through the same pipeline as
            daily trade. Minimums, prep times, deposit invoicing &mdash; all
            first-class citizens.
          </p>
        </div>
      </article>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     4c. WHAT WE BELIEVE — the four things we won't compromise on
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-section--alt ab-beliefs">
  <div class="ab-container">
    <div class="ab-section-head">
      <span class="ab-eyebrow">What we believe</span>
      <h2 class="ab-h2">Four things we won&rsquo;t compromise&nbsp;on.</h2>
      <p class="ab-section-sub">Even when it would be faster.</p>
    </div>

    <div class="ab-beliefs-grid">
      <article class="ab-belief">
        <div class="ab-belief-mark">i.</div>
        <h3>Your brand, not a template.</h3>
        <p>Every screen adapts to the brand you already have. We won&rsquo;t ship another &ldquo;pick a theme, hope for the best&rdquo; experience &mdash; ever.</p>
      </article>
      <article class="ab-belief">
        <div class="ab-belief-mark">ii.</div>
        <h3>One system, one truth.</h3>
        <p>If a new feature needs a second database of customers, it doesn&rsquo;t ship until it uses the existing one. No silos, ever.</p>
      </article>
      <article class="ab-belief">
        <div class="ab-belief-mark">iii.</div>
        <h3>Operator-first, not admin-first.</h3>
        <p>Designed for the person on the floor at 7&nbsp;pm, not the accountant looking at a ledger once a month. Speed matters. Clarity matters more.</p>
      </article>
      <article class="ab-belief">
        <div class="ab-belief-mark">iv.</div>
        <h3>Priced for kitchens.</h3>
        <p>Food runs on thin margins. Our price reflects that. No per-transaction creep, no surprise add-ons, no feature-gating at checkout.</p>
      </article>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     5. THE TEAM — the founder
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-team">
  <div class="ab-container">
    <div class="ab-section-head">
      <span class="ab-eyebrow">The founder</span>
      <h2 class="ab-h2">One founder. Behind a real&nbsp;counter.</h2>
      <p class="ab-section-sub">
        Plattr is founder-led &mdash; built by someone who ran the shop first
        and wrote the software second, because the tools on the market
        couldn&rsquo;t.
      </p>
    </div>

    <style>
      /* Single-founder layout: one centred card, monogram avatar (swap for a
         real photo anytime — set background-image on .ab-person-mono). Matches
         the card system used elsewhere: white card, --pb-line border, soft shadow. */
      .ab-team .ab-team-grid{ display:grid; grid-template-columns:1fr; gap:22px; max-width:460px; margin:0 auto; }
      .ab-team .ab-person{ display:flex; flex-direction:column; gap:18px; padding:30px; border:1px solid var(--pb-line); border-radius:22px; background:var(--pb-card); box-shadow:0 24px 50px -34px rgba(10,10,15,.28); text-align:left; }
      .ab-person-mono{ width:62px; height:62px; border-radius:18px; display:grid; place-items:center; font:800 23px/1 'Inter',sans-serif; letter-spacing:-.02em; color:var(--pb-brand); background:rgba(var(--pb-brand-rgb),.12); border:1px solid rgba(var(--pb-brand-rgb),.2); background-size:cover; background-position:center; }
      .ab-team .ab-person-body{ display:flex; flex-direction:column; flex:1; }
      .ab-team .ab-person-name{ font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--pb-ink); }
      .ab-team .ab-person-role{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--pb-brand); margin-top:4px; }
      .ab-team .ab-person-bio{ font-size:14.5px; line-height:1.6; color:var(--pb-soft); margin:12px 0 0; }
      .ab-team .ab-person-links{ display:flex; gap:8px; margin-top:auto; padding-top:16px; }
      .ab-team .ab-person-links a{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:var(--pb-muted); border:1px solid var(--pb-line); text-decoration:none; transition:all .18s; }
      .ab-team .ab-person-links a:hover{ color:var(--pb-brand); border-color:rgba(var(--pb-brand-rgb),.3); background:rgba(var(--pb-brand-rgb),.06); }
      @media(max-width:640px){ .ab-team .ab-team-grid{ grid-template-columns:1fr; max-width:420px; } }
    </style>
    <div class="ab-team-grid">

      <article class="ab-person">
        <div class="ab-person-mono" aria-hidden="true">F</div>
        <div class="ab-person-body">
          <div class="ab-person-name">Flynn</div>
          <div class="ab-person-role">Founder &middot; Dipped &rarr; Plattr</div>
          <p class="ab-person-bio">
            Auckland born and raised. Started Dipped, built the system to run
            it when nothing on the market fit, and turned that into Plattr. Now
            builds the whole thing &mdash; from the pass to the payout &mdash;
            for every other food business that&rsquo;s tired of gluing tools
            together.
          </p>
          <div class="ab-person-links">
            <a href="https://instagram.com/onplattr" target="_blank" rel="noopener" aria-label="Plattr on Instagram"><i class="bx bxl-instagram"></i></a>
          </div>
        </div>
      </article>

    </div>

    <div class="ab-team-foot">
      <a href="/contact" class="ab-link-arrow">Get in touch with the team <i class="bx bx-right-arrow-alt"></i></a>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     6. MILESTONES — timeline with images
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-section--alt ab-milestones">
  <div class="ab-container">
    <div class="ab-section-head">
      <span class="ab-eyebrow">A short history</span>
      <h2 class="ab-h2">From one shopfront to feeding a&nbsp;city.</h2>
    </div>

    <div class="ab-timeline">

      <article class="ab-tl-row">
        <div class="ab-tl-year">2023</div>
        <div class="ab-tl-card">
          <h3>Dipped is born.</h3>
          <p>I start Dipped (dipped.nz), a cookie brand in Aotearoa. The baking works fast &mdash; but running it means a stack of apps that never talk to each other, and a weekly spreadsheet ritual just to see what we made.</p>
        </div>
        <div class="ab-tl-photo" style="background-image:url('/blog/img/bakery-counter-staff-serving-customer-2026-07-19.jpg')"></div>
      </article>

      <article class="ab-tl-row ab-tl-row--alt">
        <div class="ab-tl-year">2024</div>
        <div class="ab-tl-card">
          <h3>I build our own system.</h3>
          <p>Nothing on the market fits a food business, so I build one myself to run Dipped: the menu, orders, payments, regulars and numbers, all in a single login. The shop finally feels calm.</p>
        </div>
        <div class="ab-tl-photo" style="background-image:url('/blog/img/tablet-pos-food-stall-staff-2026-07-15.jpg')"></div>
      </article>

      <article class="ab-tl-row">
        <div class="ab-tl-year">2025</div>
        <div class="ab-tl-card">
          <h3>The cookies weren&rsquo;t the product.</h3>
          <p>Other food people &mdash; cafés, food trucks, caterers &mdash; want the system more than the recipe. So it gets rebuilt for every kind of kitchen. That system becomes Plattr.</p>
        </div>
        <div class="ab-tl-photo" style="background-image:url('/blog/img/food-truck-serving-customers-2026-07-14.jpg')"></div>
      </article>

      <article class="ab-tl-row ab-tl-row--alt">
        <div class="ab-tl-year">2026</div>
        <div class="ab-tl-card">
          <h3>You&rsquo;re reading this page.</h3>
          <p>Plattr ships every week and answers the phone every day. The plan from behind the counter is still the plan: one system, one bill, one product &mdash; for every kind of food business.</p>
        </div>
        <div class="ab-tl-photo" style="background-image:url('/blog/img/kitchen-team-chefs-plating-service-2026-07-14.jpg')"></div>
      </article>

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

<!-- ═══════════════════════════════════════════════════════════════
     7. BY THE NUMBERS — trust strip
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-section ab-stats">
  <div class="ab-container">
    <div class="ab-section-head ab-section-head--center">
      <span class="ab-eyebrow">By the numbers</span>
      <h2 class="ab-h2">What Plattr looks like under the&nbsp;hood.</h2>
    </div>

    <div class="ab-stats-grid">
      <div class="ab-stat">
        <div class="ab-stat-num">1,200+</div>
        <div class="ab-stat-lbl">orders shipped through Plattr every day</div>
      </div>
      <div class="ab-stat">
        <div class="ab-stat-num">11s</div>
        <div class="ab-stat-lbl">median time from &ldquo;pay&rdquo; to a kitchen ticket</div>
      </div>
      <div class="ab-stat">
        <div class="ab-stat-num">99.98%</div>
        <div class="ab-stat-lbl">uptime over the last 12 months</div>
      </div>
      <div class="ab-stat">
        <div class="ab-stat-num">1</div>
        <div class="ab-stat-lbl">login, bill, and product &mdash; for every customer</div>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     8. BUILT THE RIGHT WAY — honest trust strip.
     (Replaced a fabricated "As seen in" press band — Plattr is pre-launch and
     hasn't been featured in those outlets, so claiming it would be misleading.
     These claims are all true.)
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-press ab-press--trust">
  <div class="ab-container">
    <span class="ab-press-label">Built the right way</span>
    <div class="ab-press-logos">
      <span><i class="bx bx-check"></i> Built in Aotearoa</span>
      <span><i class="bx bx-check"></i> Founder-led</span>
      <span><i class="bx bx-check"></i> No commissions</span>
      <span><i class="bx bx-check"></i> No lock-in</span>
      <span><i class="bx bx-check"></i> Own your data</span>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════════
     9. CTA
     ═══════════════════════════════════════════════════════════════ -->
<section class="ab-cta">
  <div class="ab-container">
    <h2 class="ab-cta-title">Want to see what we&rsquo;ve&nbsp;built?</h2>
    <p class="ab-cta-sub">
      Three minutes to spin up your own Plattr. No credit card. NZ$1/month for the first three months.
    </p>
    <div class="ab-cta-row">
      <a href="/" class="ab-cta-primary">Start free trial <i class="bx bx-right-arrow-alt"></i></a>
      <a href="/contact" class="ab-cta-ghost">Talk to a human</a>
    </div>
  </div>
</section>

</main>


<!-- Scroll-reveal: subtle fade-up on every section as it enters viewport.
     No library — IntersectionObserver native. -->
<script>
(function(){
  if (!('IntersectionObserver' in window)) return;
  const els = document.querySelectorAll('.ab-section, .ab-hero, .ab-manifesto, .ab-press, .ab-cta, .ab-tl-row, .ab-value, .ab-person, .ab-stat, .ab-problem-stat, .ab-pullquote, .ab-principle, .ab-belief, .ab-numbers-stat');
  els.forEach(el => { el.style.opacity = '0'; el.style.transform = 'translateY(24px)'; el.style.transition = 'opacity .8s cubic-bezier(0.16,1,0.3,1), transform .8s cubic-bezier(0.16,1,0.3,1)'; });
  const io = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting){
        e.target.style.opacity = '1';
        e.target.style.transform = 'translateY(0)';
        io.unobserve(e.target);
      }
    });
  }, { rootMargin: '0px 0px -80px 0px', threshold: 0.05 });
  els.forEach(el => io.observe(el));
})();
</script>

<?php require __DIR__ . '/includes/page-foot.php'; ?>
