Editing Openai/693c70a4-9498-8011-87ee-efb5576cc53d (section)

=== User: verify which part: kce2ces@Dell01:/projects/wsi-website/en$ cat index.html ===
verify which part: kce2ces@Dell01:~/projects/wsi-website/en$ cat index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>WhiteStone Intelligence (WSI) – Community Cloud</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/assets/css/output.css">
  <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
</head>
<body class="bg-slate-50 text-slate-900">
  <!-- Top navigation -->
  <header class="border-b border-slate-200 bg-white/80 backdrop-blur">
    <div class="mx-auto flex max-w-6xl items-center justify-between px-4 py-4">
      <div class="flex items-center gap-2">
        <div class="flex h-9 w-9 items-center justify-center rounded-full bg-blue-900 text-white font-semibold">
          WSI
        </div>
        <div>
          <div class="text-sm font-semibold tracking-wide text-slate-900">
            WhiteStone Intelligence
          </div>
          <div class="text-xs text-slate-500">
            WSI Community Cloud
          </div>
        </div>
      </div>

      <nav class="hidden gap-6 text-sm font-medium text-slate-700 md:flex">
        <a href="/en/" class="hover:text-blue-700">Home</a>
        <a href="#mission" class="hover:text-blue-700">Mission</a>
        <a href="#ces" class="hover:text-blue-700">CES &amp; Timebank</a>
        <a href="#ichi" class="hover:text-blue-700">ICHI Layers</a>
        <a href="#sdg11" class="hover:text-blue-700">SDG 11</a>
        <a href="#contact" class="hover:text-blue-700">Contact</a>
      </nav>

      <div class="flex items-center gap-3">
        <a href="/zh/" class="rounded-full border border-slate-300 px-3 py-1 text-xs font-medium text-slate-700 hover:border-blue-700 hover:text-blue-700">
          繁體中文
        </a>
      </div>
    </div>
  </header>

  <!-- Hero section -->
  <main>
    <section class="bg-gradient-to-r from-blue-900 via-blue-800 to-blue-700 text-white">
      <div class="mx-auto flex max-w-6xl flex-col gap-8 px-4 py-12 md:flex-row md:items-center">
        <div class="md:w-2/3">
          <h1 class="text-3xl font-bold tracking-tight md:text-4xl">
            WhiteStone Intelligence (WSI) – Community Cloud for SDG 11
          </h1>
          <p class="mt-4 text-sm md:text-base text-blue-100">
            WSI is a community-centric digital infrastructure that integrates digital identity, AI, and community
            exchange systems to strengthen local resilience and sustainable cities and communities (SDG 11).
          </p>
          <div class="mt-6 flex flex-wrap gap-3 text-xs md:text-sm">
            <span class="rounded-full bg-white/10 px-4 py-1">
              IAM • Keycloak • WSI Identity
            </span>
            <span class="rounded-full bg-white/10 px-4 py-1">
              CES • Timebank • Community Exchange
            </span>
            <span class="rounded-full bg-white/10 px-4 py-1">
              AI • Community Intelligence
            </span>
          </div>
        </div>

        <div class="md:w-1/3">
          <div class="rounded-2xl border border-blue-400/40 bg-white/5 p-4 text-xs leading-relaxed text-blue-100 shadow-lg">
            <div class="mb-2 text-[0.8rem] font-semibold uppercase tracking-wide text-blue-200">
              WSI Community Cloud – Core Focus
            </div>
            <ul class="space-y-1.5">
              <li>• Connect Individuals → Families → Groups → Organizations → Communities → Nations.</li>
              <li>• Operate within planetary boundaries and support SDG 11.</li>
              <li>• Enable “Community is the Best Medicine” through local assets and shared capacities.</li>
              <li>• Integrate multiple platforms: IAM, Nextcloud, OpenWebUI, CES Timebank, and more.</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!-- Mission section -->
    <section id="mission" class="mx-auto max-w-6xl px-4 py-10">
      <h2 class="text-xl font-semibold text-slate-900">WSI Mission</h2>
      <p class="mt-3 text-sm text-slate-700">
        WhiteStone Intelligence (WSI) exists to help communities identify and mobilize unmet needs and unused
        capacities — time, skills, services, knowledge, and space — and convert them into shared community assets.
        Our architecture bridges digital identity, data, AI, and local exchange systems into one Community Cloud.
      </p>
    </section>

    <!-- CES section -->
    <section id="ces" class="bg-white">
      <div class="mx-auto max-w-6xl px-4 py-10">
        <h2 class="text-xl font-semibold text-slate-900">
          Community Exchange System (CES) &amp; Timebank
        </h2>
        <p class="mt-3 text-sm text-slate-700">
          WSI integrates the Community Exchange System (CES) and Timebanking models to support six types of exchanges:
        </p>
        <div class="mt-5 grid gap-4 text-sm md:grid-cols-3">
          <div class="rounded-xl border border-slate-200 bg-slate-50 p-4">
            <div class="text-xs font-semibold uppercase tracking-wide text-blue-700">Time &amp; Gift</div>
            <ul class="mt-2 list-disc pl-4 text-slate-700">
              <li>Time-only exchanges</li>
              <li>Gifts and free contributions</li>
            </ul>
          </div>
          <div class="rounded-xl border border-slate-200 bg-slate-50 p-4">
            <div class="text-xs font-semibold uppercase tracking-wide text-blue-700">Exchange &amp; Barter</div>
            <ul class="mt-2 list-disc pl-4 text-slate-700">
              <li>Service/service exchange</li>
              <li>Goods/barter transactions</li>
            </ul>
          </div>
          <div class="rounded-xl border border-slate-200 bg-slate-50 p-4">
            <div class="text-xs font-semibold uppercase tracking-wide text-blue-700">Hybrid &amp; Shared</div>
            <ul class="mt-2 list-disc pl-4 text-slate-700">
              <li>Mixed time &amp; currency models</li>
              <li>Shared assets, shared space, shared tools</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!-- ICHI Layers section -->
    <section id="ichi" class="mx-auto max-w-6xl px-4 py-10">
      <h2 class="text-xl font-semibold text-slate-900">ICHI 6 Social System Layers</h2>
      <p class="mt-3 text-sm text-slate-700">
        WSI organizes data, identity, and exchange across six layers to align real communities with digital governance:
      </p>
      <div class="mt-5 grid gap-4 text-sm md:grid-cols-3">
        <div class="rounded-xl border border-slate-200 bg-white p-4">
          <div class="font-semibold text-slate-900">L1 – Individuals</div>
          <p class="mt-1 text-slate-700 text-xs">
            Personal identity, skills, time, and calling.
          </p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
          <div class="font-semibold text-slate-900">L2 – Families</div>
          <p class="mt-1 text-slate-700 text-xs">
            Household-level care, shared resources, and life support.
          </p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
          <div class="font-semibold text-slate-900">L3 – Groups</div>
          <p class="mt-1 text-slate-700 text-xs">
            Small groups, project teams, fellowships, and co-ops.
          </p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
          <div class="font-semibold text-slate-900">L4 – Organizations</div>
          <p class="mt-1 text-slate-700 text-xs">
            NGOs, churches, schools, SMEs, and social enterprises.
          </p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
          <div class="font-semibold text-slate-900">L5 – Communities</div>
          <p class="mt-1 text-slate-700 text-xs">
            Neighborhoods, cities, and networks of local nodes.
          </p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
          <div class="font-semibold text-slate-900">L6 – Nations</div>
          <p class="mt-1 text-slate-700 text-xs">
            Policy, standards, and alignment with global SDGs.
          </p>
        </div>
      </div>
    </section>

    <!-- SDG 11 section -->
    <section id="sdg11" class="bg-slate-900 text-slate-50">
      <div class="mx-auto max-w-6xl px-4 py-10">
        <h2 class="text-xl font-semibold">SDG 11 – Sustainable Cities and Communities</h2>
        <p class="mt-3 text-sm text-slate-200">
          WSI is designed to be a “Community Operating System” that supports SDG 11 by:
        </p>
        <ul class="mt-3 list-disc pl-6 text-sm text-slate-200">
          <li>Mapping local assets, needs, and capacities.</li>
          <li>Enabling community-led exchange and mutual support.</li>
          <li>Supporting data-driven decision-making with AI and open data.</li>
          <li>Connecting grassroots practice with policy and governance.</li>
        </ul>
      </div>
    </section>

    <!-- Contact section -->
    <section id="contact" class="mx-auto max-w-6xl px-4 py-10">
      <h2 class="text-xl font-semibold text-slate-900">Contact &amp; Collaboration</h2>
      <p class="mt-3 text-sm text-slate-700">
        WSI is currently under active development as a Community Cloud and governance framework.
        If you are a church, school, NGO, SME, or city leader who wants to explore collaboration, pilots,
        or local CES/Timebank deployment, please get in touch.
      </p>
      <div class="mt-5 rounded-xl border border-slate-200 bg-white p-4 text-sm text-slate-700">
        <p><strong>Email:</strong>  kce2ces@gmail.com</p>
        <p class="mt-1"><strong>Region:</strong> Vancouver, BC • Taiwan • Global partners</p>
      </div>
    </section>
  </main>

  <footer class="border-t border-slate-200 bg-white">
    <div class="mx-auto flex max-w-6xl flex-col items-center justify-between gap-3 px-4 py-4 text-xs text-slate-500 md:flex-row">
      <div>© 2025 WhiteStone Intelligence (WSI). All rights reserved.</div>
      <div class="flex gap-4">
        <span>WSI Community Cloud</span>
        <span>SDG 11 • CES • Timebank</span>
      </div>
    </div>
  </footer>
</body>
</html>

kce2ces@Dell01:~/projects/wsi-website/en$