<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Friendster — real friends, real life</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta name="description" content="Friendster is a social network for real-life friends. No ads. No algorithms. No spam. We never sell your data." />
    <meta name="theme-color" content="#3A5A9C" />

    <meta property="og:url" content="https://friendster.com" />
    <meta property="og:title" content="Friendster" />
    <meta property="og:description" content="Connect with real friends in real life — no ads, no algorithms, no spam, no selling your data." />
    <meta property="og:image" content="/img/OGimg.png" />

    <!-- iOS Smart App Banner -->
    <meta name="apple-itunes-app" content="app-id=6760240416" />

    <link rel="icon" href="/img/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-icon-180x180.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/img/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png" />

    <link href="/css/bs-friendster-theme.css" rel="stylesheet" />
    <link href="/css/friendster-landing.css" rel="stylesheet" />

    <style>
      @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

      /* Small landing-page-specific additions (kept here to avoid a CSS refactor) */
      .hero-kicker {
        display: inline-block;
        padding: 6px 10px;
        border-radius: 999px;
        background: #f3f6ff;
        color: #2e4576;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .cta-row {
        margin-top: 18px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }

      .store-badge {
        display: inline-block;
        height: 46px;
      }

      .trust-line {
        margin-top: 14px;
        font-size: 13px;
        color: #666;
      }

      .screenshot-wrap {
        background: #ffffff;
        border-radius: 18px;
        box-shadow: rgba(142, 151, 158, 0.18) 0px 12px 30px;
        overflow: hidden;
        max-width: 320px;
        margin: 0 auto 18px;
      }

      .screenshot-wrap img {
        width: 100%;
        height: auto;
        display: block;
      }

      .feature-list {
        padding-left: 18px;
        margin: 0;
      }

      .feature-list li {
        margin-bottom: 8px;
      }

      .callout {
        margin-top: 18px;
        padding: 14px 16px;
        border-radius: 10px;
        background: #f9fbff;
        border: 1px solid #e7eeff;
      }

      .callout strong {
        color: #2e4576;
      }

      @media (max-width: 768px) {
        .cta-row {
          gap: 8px;
        }
      }
    </style>
  </head>

  <body>
    <div class="masthead-wrapper">
      <div class="container">
        <div class="masthead">
          <a href="/" aria-label="Friendster home">
            <img src="/img/friendster-logo.svg" class="logo" alt="Friendster" />
          </a>
        </div>

        <div class="row hero">
          <div class="col-sm-7">
            <span class="hero-kicker">Real friends • Real life</span>
            <h1>Social networking, without the nonsense.</h1>
            <p>
              Friendster helps you connect with <strong>people you actually know</strong>.
              No ads. No algorithms. No spam. And we never sell your data.
            </p>

            <div class="cta-row">
              <a class="btn btn-success btn-lg" href="https://apps.apple.com/app/friendster/id6760240416">Download the iPhone app</a>
              <a class="btn btn-success btn-lg" href="https://play.google.com/store/apps/details?id=com.friendsterlabs.friendster">Download the Android app</a>
              <a class="btn btn-link" href="#how">How it works</a>
            </div>

            <div class="trust-line">Your feed is for friends. Your data stays yours.</div>

            <div class="callout" id="how">
              <strong>Built for real-life friends:</strong>
              add friends in person (phone-to-phone), then share posts and messages inside your actual friend network — not a follower graph.
            </div>
          </div>

          <div class="col-sm-5 friends" style="position: relative;">
            <div class="screenshot-wrap">
              <img src="/img/app-screenshot-1000.png" alt="Friendster iPhone app screenshot" />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="highlights" style="padding-top: 28px; position: relative; z-index: 2;">
      <div class="container">
        <div class="row" style="margin-bottom: 18px;">
          <div class="col-md-8 col-md-offset-2" style="text-align: center;">
            <h2 style="font-size: 22px; font-weight: 900; color: #3A5A9C;">What you get</h2>
            <p style="max-width: 760px; margin: 0 auto;">
              A simple, private social network designed to help you stay close to the people you’ll actually see again.
            </p>
          </div>
        </div>

        <div class="row">
          <div class="col-md-3 col-sm-6">
            <div class="card">
              <h2>Friends only</h2>
              <p>No “suggested strangers” — your network is built from real connections.</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="card">
              <h2>No ads. No algorithms.</h2>
              <p>No engagement bait, no rage farming, no feed manipulation.</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="card">
              <h2>No spam</h2>
              <p>No bots trying to sell you stuff, no spammy DMs from random accounts.</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="card">
              <h2>Privacy-first</h2>
              <p>We don’t sell user data. Period.</p>
            </div>
          </div>
        </div>

        <div class="row" style="margin-top: 10px;">
          <div class="col-md-8 col-md-offset-2" style="text-align: center;">
            <p style="margin-top: 14px;">
              <a class="btn btn-success btn-lg" href="https://apps.apple.com/app/friendster/id6760240416">Download the iPhone app</a>
              <a class="btn btn-success btn-lg" href="https://play.google.com/store/apps/details?id=com.friendsterlabs.friendster">Download the Android app</a>
            </p>
            <p style="font-size: 13px; color: #666;">Support: <a href="/support.html">friendster.com/support</a></p>
          </div>
        </div>
      </div>
    </div>

    <footer class="footer">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <ul>
              <li>
                <a href="/support.html">Support</a>
                &nbsp;•&nbsp;
                <a href="/pages/privacy/">Privacy</a>
                &nbsp;•&nbsp;
                <a href="/pages/tos/">Terms</a>
                <br /><br />
                &copy; 2026 Friendster Labs Inc
                <br />Friendster Labs has no relation to or access to previous data hosted on friendster.com
              </li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
