import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Privacy Notice | FlowMoments",
  description: "How FlowMoments by FlowLab handles event messages, photos and guest information.",
  alternates: { canonical: "/privacy" },
};

export default function PrivacyPage() {
  return (
    <main className="privacy-page">
      <header className="privacy-nav">
        <div className="brand-lockup">
          <a className="brand" href="/" aria-label="FlowMoments home">
            <span className="brand-mark" aria-hidden="true"><span>F</span><i /></span>
            <span>FlowMoments</span>
          </a>
          <a className="by-flowlab" href="https://www.flowlab.works" target="_blank" rel="noreferrer">by flowlab</a>
        </div>
        <a className="privacy-contact" href="mailto:hello@flowlab.works?subject=FlowMoments%20privacy%20enquiry">Privacy enquiry ↗</a>
      </header>

      <article className="privacy-shell">
        <header className="privacy-heading">
          <span className="eyebrow coral">PRIVACY AT FLOWMOMENTS</span>
          <h1>Your moments deserve thoughtful care.</h1>
          <p>
            This notice explains how FlowMoments, operated by FlowLab, handles
            information submitted through event contribution pages.
          </p>
          <small>Last updated: 28 July 2026</small>
        </header>

        <div className="privacy-summary">
          <strong>The short version</strong>
          <p>
            We use your submission to operate the event, allow the organiser to
            review it and, when approved, show it on the event wall. We do not
            use guest submissions for advertising.
          </p>
        </div>

        <section>
          <span>01</span>
          <div>
            <h2>Who is responsible</h2>
            <p>
              FlowMoments is operated by FlowLab. For privacy questions,
              requests or concerns, email{" "}
              <a href="mailto:hello@flowlab.works?subject=FlowMoments%20privacy%20enquiry">hello@flowlab.works</a>.
              The organiser of a particular event may also determine how
              contributions are collected and used for that event.
            </p>
          </div>
        </section>

        <section>
          <span>02</span>
          <div>
            <h2>Information we may collect</h2>
            <ul>
              <li>Your name or display name.</li>
              <li>Your message, memory, response or other written contribution.</li>
              <li>A photograph or image when the event allows or requires one.</li>
              <li>Your consent response and the event associated with your submission.</li>
              <li>Submission details such as a submission ID and time.</li>
              <li>Information you include voluntarily in your message or photograph.</li>
            </ul>
            <p>Please avoid including sensitive personal information that is not needed for the event.</p>
          </div>
        </section>

        <section>
          <span>03</span>
          <div>
            <h2>How we use it</h2>
            <ul>
              <li>Receive and organise contributions for the correct event.</li>
              <li>Let authorised organisers review, approve or reject submissions.</li>
              <li>Display approved names, messages and photographs on the event wall.</li>
              <li>Maintain, troubleshoot and protect the FlowMoments service.</li>
              <li>Respond to privacy, access, correction or deletion requests.</li>
            </ul>
          </div>
        </section>

        <section>
          <span>04</span>
          <div>
            <h2>Who can see your contribution</h2>
            <p>
              Event organisers and people assisting with moderation may review
              submitted content. Once approved, your contribution may be
              visible on venue screens and to people who can access the event’s
              wall link. Treat an approved event wall as a public display.
            </p>
          </div>
        </section>

        <section>
          <span>05</span>
          <div>
            <h2>Services that help us operate</h2>
            <p>
              Depending on the event, FlowMoments may use services such as
              Google Forms, Google Sheets and Fillout to collect or organise
              submissions, together with website hosting and file-storage
              providers. These providers may process information on systems
              located outside Singapore and handle it under their own terms and
              privacy practices.
            </p>
          </div>
        </section>

        <section>
          <span>06</span>
          <div>
            <h2>Retention and protection</h2>
            <p>
              We keep event information only for as long as it is reasonably
              needed to operate the event, provide the service and meet
              legitimate business or legal requirements. We take reasonable
              measures to protect information against unauthorised access,
              use, disclosure, alteration or loss.
            </p>
          </div>
        </section>

        <section>
          <span>07</span>
          <div>
            <h2>Your choices and requests</h2>
            <p>
              You may ask about your information, request access or correction,
              withdraw consent, or ask us to remove a contribution. Email{" "}
              <a href="mailto:hello@flowlab.works?subject=FlowMoments%20privacy%20request">hello@flowlab.works</a>{" "}
              and include the event name, your submitted name and enough detail
              for us to locate the contribution. We may need to verify the
              request before acting on it.
            </p>
          </div>
        </section>

        <section>
          <span>08</span>
          <div>
            <h2>Changes to this notice</h2>
            <p>
              We may update this notice when FlowMoments or its service
              providers change. The latest version and update date will remain
              available on this page.
            </p>
          </div>
        </section>

        <footer className="privacy-footer">
          <div>
            <span className="eyebrow coral">NEED HELP?</span>
            <h2>Talk to us about your information.</h2>
          </div>
          <a href="mailto:hello@flowlab.works?subject=FlowMoments%20privacy%20enquiry">hello@flowlab.works <span>→</span></a>
        </footer>
      </article>
    </main>
  );
}