`app/support/page.tsx`

107 lines
export default function Support() {
  return (
    <div className="min-h-screen bg-gray-900 text-gray-100 p-8">
      <div className="max-w-3xl mx-auto">
        <h1 className="text-4xl font-bold mb-8">Boomer Calc Support</h1>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">About Boomer Calc</h2>
          <p className="text-gray-300 leading-relaxed">
            Boomer Calc is a simple, no-frills calculator app designed for ease of use.
            It performs basic arithmetic operations without any unnecessary complexity.
          </p>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">How to Use</h2>
          <ul className="list-disc list-inside text-gray-300 space-y-2">
            <li>Tap numbers to enter them</li>
            <li>Use +, -, ×, ÷ for operations</li>
            <li>Press = to see the result</li>
            <li>Press C to clear the current calculation</li>
            <li>Press AC to clear everything</li>
          </ul>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">Frequently Asked Questions</h2>

          <div className="mb-6">
            <h3 className="text-xl font-semibold mb-2 text-gray-200">Does Boomer Calc collect my data?</h3>
            <p className="text-gray-300 leading-relaxed">
              No. Boomer Calc does not collect, store, or transmit any data. All calculations
              happen locally on your device. See our <a href="/privacy" className="text-blue-400 hover:text-blue-300 underline">privacy policy</a> for details.
            </p>
          </div>

          <div className="mb-6">
            <h3 className="text-xl font-semibold mb-2 text-gray-200">Does it work offline?</h3>
            <p className="text-gray-300 leading-relaxed">
              Yes! Boomer Calc works completely offline. No internet connection required.
            </p>
          </div>

          <div className="mb-6">
            <h3 className="text-xl font-semibold mb-2 text-gray-200">Are there any ads?</h3>
            <p className="text-gray-300 leading-relaxed">
              No. Boomer Calc is ad-free and always will be.
            </p>
          </div>

          <div className="mb-6">
            <h3 className="text-xl font-semibold mb-2 text-gray-200">Why is it called "Boomer Calc"?</h3>
            <p className="text-gray-300 leading-relaxed">
              Because it's straightforward and simple - just like calculators used to be.
              No learning curve, no unnecessary features, just reliable calculations.
            </p>
          </div>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">System Requirements</h2>
          <ul className="list-disc list-inside text-gray-300 space-y-2">
            <li>iOS 13.0 or later</li>
            <li>Compatible with iPhone and iPad</li>
            <li>No internet connection required</li>
          </ul>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">Contact & Feedback</h2>
          <p className="text-gray-300 leading-relaxed mb-4">
            We'd love to hear from you! If you have questions, suggestions, or need help:
          </p>
          <div className="bg-gray-800 p-6 rounded-lg">
            <p className="text-gray-300 mb-2">
              <strong>Developer:</strong> Steve Abrams Designs
            </p>
            <p className="text-gray-300">
              <strong>Email:</strong> <a href="mailto:steveabramsdesigns@gmail.com" className="text-blue-400 hover:text-blue-300">steveabramsdesigns@gmail.com</a>
            </p>
          </div>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">Version Information</h2>
          <p className="text-gray-300 leading-relaxed">
            Current Version: 1.0.0
          </p>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">Report a Bug</h2>
          <p className="text-gray-300 leading-relaxed">
            If you encounter any issues while using Boomer Calc, please email us at{' '}
            <a href="mailto:steveabramsdesigns@gmail.com" className="text-blue-400 hover:text-blue-300">steveabramsdesigns@gmail.com</a> with:
          </p>
          <ul className="list-disc list-inside text-gray-300 space-y-2 mt-4">
            <li>Description of the problem</li>
            <li>Your device model and iOS version</li>
            <li>Steps to reproduce the issue</li>
          </ul>
        </section>
      </div>
    </div>
  );
}