import { Link } from 'react-router-dom'
import { usePageMeta } from '../hooks/usePageMeta'

export default function AboutPage() {
  usePageMeta({
    title: 'About — Grateful Journal',
    description: 'Learn about Grateful Journal — a free, end-to-end encrypted daily gratitude journal. No ads, no tracking, no social feed. Just you and your thoughts.',
    canonical: 'https://gratefuljournal.online/about',
    ogTitle: 'About Grateful Journal',
    ogDescription: 'A free, private gratitude journal with end-to-end encryption. Learn how we built a distraction-free space for your daily reflection practice.',
  })
  return (
    <div className="static-page">
      <header className="static-page__header">
        <Link to="/" className="static-page__logo">🌱 Grateful Journal</Link>
      </header>

      <main className="static-page__content">
        <h1>About Grateful Journal</h1>
        <p className="static-page__tagline">
          A private space for gratitude and reflection. No feeds. No noise. Just you and your thoughts.
        </p>

        <h2>What is it?</h2>
        <p>
          Grateful Journal is a free, end-to-end encrypted daily journal focused on gratitude.
          You write a few things you're grateful for each day, and over time you build a private
          record of the good in your life — visible only to you.
        </p>

        <h2>Features</h2>
        <ul>
          <li><strong>End-to-end encrypted</strong> — your entries are encrypted before leaving your device. We cannot read them.</li>
          <li><strong>No ads, no tracking</strong> — we don't sell your data or show you ads.</li>
          <li><strong>Works offline</strong> — installable as a PWA on Android, iOS, and desktop.</li>
          <li><strong>Daily prompts</strong> — gentle nudges to keep your practice consistent.</li>
          <li><strong>History view</strong> — browse past entries and reflect on how far you've come.</li>
          <li><strong>Free to use</strong> — no subscription, no paywall.</li>
        </ul>

        <h2>Why gratitude?</h2>
        <p>
          Research consistently shows that a regular gratitude practice improves mood, reduces stress,
          and builds resilience. Grateful Journal gives you the simplest possible tool to build that habit —
          without distractions or social pressure.
        </p>

        <h2>Privacy first</h2>
        <p>
          We built Grateful Journal because we believe your inner thoughts deserve a private space.
          Read our full <Link to="/privacy">Privacy Policy</Link> to understand exactly how your data is protected.
        </p>
      </main>

      <footer className="static-page__footer">
        <Link to="/">← Back to Grateful Journal</Link>
        <span>·</span>
        <Link to="/privacy">Privacy Policy</Link>
      </footer>
    </div>
  )
}
