function AboutPage() {
  return (
    <section className="page">
      <div className="container">
        <h1>About Us</h1>
        <div className="page-content">
          <div className="about-block">
            <h2>DigiGrace</h2>
            <p>DigiGrace was born in an era where cybersecurity breaches—large and small—happen weekly, if not daily, around the globe. In this landscape, no one is immune; the tech-savvy fall into scam traps just as often as those who aren't.</p>
          </div>
          <div className="about-block">
            <h2>Protect-Me</h2>
            <p>Protect-Me is our first app, designed to give everyday people—especially senior citizens—a meaningful starting point for personal protection. By raising awareness of regional scam events and global trending threats, Protect-Me helps users recognise danger before it reaches them.</p>
          </div>
          <blockquote className="about-mission">Stay one step ahead of being scammed.</blockquote>
        </div>
      </div>
    </section>
  );
}

function FaqPage() {
  return (
    <section className="page">
      <div className="container">
        <h1>Frequently Asked Questions</h1>
        <div className="page-content">
          <p className="page-intro">Got questions? We've got answers. Grab a cuppa and let's sort this out together.</p>
          <h2>Deepfake Detection</h2>
          <h3>Q: How do I check if an image is a deepfake?</h3>
          <p>It's easier than making toast:</p>
          <ol>
            <li>Open the app</li>
            <li>Go to the <strong>Awareness</strong> tab</li>
            <li>Tap <strong>Check Image for Deepfakes</strong></li>
            <li>Choose your image source: <strong>Camera</strong>, <strong>Gallery</strong>, or <strong>Share Sheet</strong></li>
            <li>View the analysis results, including a confidence score and verdict</li>
          </ol>
          <p>That suspicious photo of a celebrity endorsing crypto? Now you can check before you share.</p>

          <h3>Q: How many deepfake checks can I do?</h3>
          <p>Up to <strong>25 checks per week</strong>. The limit resets every week — so you get a fresh batch regularly.</p>

          <h2>Breach Monitoring</h2>
          <h3>Q: Why is email monitoring important?</h3>
          <p>Your email address is the master key to your digital life. Think about it — almost every online account you have (banking, social media, utilities) is registered to an email address. If someone gets access to your email, they can reset passwords and break into all of those accounts.</p>

          <h3>Q: How often are my emails scanned for breaches?</h3>
          <p>Every <strong>48 hours</strong>, automatically. You don't need to lift a finger — just go about your day and we'll tap you on the shoulder if something comes up.</p>

          <blockquote>Trust your instincts! Our score is based on available data. If you weren't expecting the contact or something just feels "off" — it's always better to verify independently.</blockquote>

          <p className="last-updated">Last updated: April 18, 2026</p>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { AboutPage, FaqPage });