`app/support/page.tsx`

107 lines
export default function Support() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-900 via-blue-700 to-red-700 text-white p-8">
      <div className="max-w-3xl mx-auto">
        <h1 className="text-4xl font-bold mb-8">🇺🇸 67 Calc Support</h1>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">About 67 Calc</h2>
          <p className="text-gray-100 leading-relaxed">
            67 Calc is a proudly American calculator app designed for simplicity and power.
            It performs calculations with patriotic pride - simple, reliable, and made in the USA.
          </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-100 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-100">Does 67 Calc collect my data?</h3>
            <p className="text-gray-100 leading-relaxed">
              No. 67 Calc does not collect, store, or transmit any data. All calculations
              happen locally on your device. See our <a href="/privacy" className="text-white hover:text-gray-200 underline font-bold">privacy policy</a> for details.
            </p>
          </div>

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

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

          <div className="mb-6">
            <h3 className="text-xl font-semibold mb-2 text-gray-100">Why is it called "67 Calc"?</h3>
            <p className="text-gray-100 leading-relaxed">
              Because it's proudly American and built with patriotic values. Simple, reliable,
              and made with pride in the USA. No nonsense, just great 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-100 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-100 leading-relaxed mb-4">
            We'd love to hear from you! If you have questions, suggestions, or need help:
          </p>
          <div className="bg-blue-950/50 p-6 rounded-lg border-2 border-white/30">
            <p className="text-gray-100 mb-2">
              <strong>Developer:</strong> Steve Abrams Designs
            </p>
            <p className="text-gray-100">
              <strong>Email:</strong> <a href="mailto:steveabramsdesigns@gmail.com" className="text-white hover:text-gray-200 underline font-bold">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-100 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-100 leading-relaxed">
            If you encounter any issues while using 67 Calc, please email us at{' '}
            <a href="mailto:steveabramsdesigns@gmail.com" className="text-white hover:text-gray-200 underline font-bold">steveabramsdesigns@gmail.com</a> with:
          </p>
          <ul className="list-disc list-inside text-gray-100 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>
  );
}