// AboutPage.tsx
import { Anchor, Compass, BookOpen, Award } from 'lucide-react';

export default function AboutPage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-white">
      <div className="max-w-4xl mx-auto px-4 py-16">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-gray-900 mb-4">
            About Canvas & Cleat Sailing Log
          </h1>
          <p className="text-xl text-gray-600">
            The free sailing logbook designed for charter sailors
          </p>
        </div>

        <div className="bg-white rounded-lg shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
            <Anchor className="text-blue-600" />
            Our Mission
          </h2>
          <p className="text-gray-700 leading-relaxed mb-4">
            Canvas & Cleat Sailing Log was created to solve a real problem: charter companies 
            need verifiable sailing experience, but many sailors don't have a systematic way 
            to track their time on the water.
          </p>
          <p className="text-gray-700 leading-relaxed">
            Whether you're building hours for bareboat charters, documenting experience for 
            insurance, or simply keeping a personal record of your sailing adventures, our 
            app makes it easy and professional.
          </p>
        </div>

        <div className="grid md:grid-cols-2 gap-6 mb-8">
          <div className="bg-white rounded-lg shadow-lg p-6">
            <Compass className="text-blue-600 w-12 h-12 mb-4" />
            <h3 className="text-xl font-semibold mb-3">Built by Sailors</h3>
            <p className="text-gray-700">
              Created by Canvas & Cleat, a marine canvas and upholstery business run by 
              sailors who understand what charter companies need to see in your logbook.
            </p>
          </div>

          <div className="bg-white rounded-lg shadow-lg p-6">
            <BookOpen className="text-blue-600 w-12 h-12 mb-4" />
            <h3 className="text-xl font-semibold mb-3">Charter Ready</h3>
            <p className="text-gray-700">
              Generate professional résumés that show charter companies exactly what they 
              need: your total hours, conditions experienced, and boat types sailed.
            </p>
          </div>

          <div className="bg-white rounded-lg shadow-lg p-6">
            <Award className="text-blue-600 w-12 h-12 mb-4" />
            <h3 className="text-xl font-semibold mb-3">Always Free</h3>
            <p className="text-gray-700">
              No subscriptions, no hidden fees. We believe every sailor should have access 
              to professional logbook tools without breaking the bank.
            </p>
          </div>

          <div className="bg-white rounded-lg shadow-lg p-6">
            <Anchor className="text-blue-600 w-12 h-12 mb-4" />
            <h3 className="text-xl font-semibold mb-3">Privacy First</h3>
            <p className="text-gray-700">
              Your sailing logs are yours alone. We don't sell data, share information, 
              or track you. Simple, secure, and private.
            </p>
          </div>
        </div>

        <div className="bg-blue-50 rounded-lg p-8 text-center">
          <h2 className="text-2xl font-semibold mb-4">Need Marine Canvas Work?</h2>
          <p className="text-gray-700 mb-4">
            Canvas & Cleat also provides professional marine canvas and upholstery services 
            in the Chesapeake Bay region.
          </p>
          <a 
            href="https://canvasandcleat.com" 
            target="_blank" 
            rel="noopener noreferrer"
            className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition"
          >
            Visit CanvasAndCleat.com
          </a>
        </div>
      </div>
    </div>
  );
}

// HelpPage.tsx
import { BookOpen, Plus, FileText, Download, Search, TrendingUp } from 'lucide-react';

export default function HelpPage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-white">
      <div className="max-w-4xl mx-auto px-4 py-16">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-gray-900 mb-4">
            How to Use Canvas & Cleat Sailing Log
          </h1>
          <p className="text-xl text-gray-600">
            Everything you need to know to track your sailing experience
          </p>
        </div>

        <div className="space-y-8">
          {/* Getting Started */}
          <div className="bg-white rounded-lg shadow-lg p-8">
            <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
              <BookOpen className="text-blue-600" />
              Getting Started
            </h2>
            <ol className="space-y-3 text-gray-700">
              <li><strong>1. Create your account</strong> - Sign up with your email address</li>
              <li><strong>2. Complete your profile</strong> - Add your name and sailing certifications</li>
              <li><strong>3. Start logging</strong> - Record your first sailing trip</li>
            </ol>
          </div>

          {/* Creating a Log Entry */}
          <div className="bg-white rounded-lg shadow-lg p-8">
            <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
              <Plus className="text-blue-600" />
              Creating a Log Entry
            </h2>
            <p className="text-gray-700 mb-4">
              Click the "New Log Entry" button on your dashboard. Each entry should include:
            </p>
            <ul className="space-y-2 text-gray-700 ml-6 list-disc">
              <li><strong>Date & Duration</strong> - When you sailed and for how long</li>
              <li><strong>Boat Details</strong> - Name, type, and length</li>
              <li><strong>Location</strong> - Where you sailed (port, region, or body of water)</li>
              <li><strong>Conditions</strong> - Wind, weather, and sea state</li>
              <li><strong>Role</strong> - Skipper, crew, or student</li>
              <li><strong>Activities</strong> - What you practiced (anchoring, navigation, etc.)</li>
              <li><strong>Notes</strong> - Any additional details or memorable moments</li>
            </ul>
          </div>

          {/* Charter Readiness Report */}
          <div className="bg-white rounded-lg shadow-lg p-8">
            <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
              <TrendingUp className="text-blue-600" />
              Charter Readiness Report
            </h2>
            <p className="text-gray-700 mb-4">
              The Charter Readiness Report shows charter companies what they need to see:
            </p>
            <ul className="space-y-2 text-gray-700 ml-6 list-disc">
              <li><strong>Total Hours</strong> - Your cumulative sailing experience</li>
              <li><strong>Recent Experience</strong> - Hours in the last 12 months</li>
              <li><strong>Conditions Experienced</strong> - Wind ranges and night sailing</li>
              <li><strong>Boat Types</strong> - Monohulls, catamarans, sizes sailed</li>
              <li><strong>Skills Practiced</strong> - Anchoring, docking, navigation, etc.</li>
            </ul>
            <p className="text-gray-700 mt-4">
              Access your report from the dashboard to see where you stand and what experience 
              gaps you might want to fill.
            </p>
          </div>

          {/* Generating Your Résumé */}
          <div className="bg-white rounded-lg shadow-lg p-8">
            <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
              <FileText className="text-blue-600" />
              Generating Your Sailing Résumé
            </h2>
            <p className="text-gray-700 mb-4">
              Create a professional sailing résumé to submit with charter applications:
            </p>
            <ol className="space-y-3 text-gray-700">
              <li><strong>1. Go to your Dashboard</strong> - Click "Generate Résumé"</li>
              <li><strong>2. Review the preview</strong> - Make sure all information is accurate</li>
              <li><strong>3. Download as PDF</strong> - Save or print for charter companies</li>
            </ol>
            <p className="text-gray-700 mt-4">
              Your résumé includes a summary of your experience, certifications, total hours, 
              and a detailed log of all your trips.
            </p>
          </div>

          {/* Tips for Charter Companies */}
          <div className="bg-blue-50 rounded-lg p-8">
            <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
              <Download className="text-blue-600" />
              Tips for Charter Applications
            </h2>
            <ul className="space-y-2 text-gray-700 ml-6 list-disc">
              <li>Most bareboat charters require 50-100+ hours of documented experience</li>
              <li>Include recent sailing within the last 1-2 years</li>
              <li>Show experience in similar boat sizes and types</li>
              <li>Document challenging conditions (night sailing, heavy weather)</li>
              <li>Be honest and accurate - charter companies may verify</li>
              <li>Update your log regularly to build a credible history</li>
            </ul>
          </div>

          {/* FAQ Section */}
          <div className="bg-white rounded-lg shadow-lg p-8">
            <h2 className="text-2xl font-semibold mb-4 flex items-center gap-2">
              <Search className="text-blue-600" />
              Frequently Asked Questions
            </h2>
            <div className="space-y-4">
              <div>
                <h3 className="font-semibold text-gray-900 mb-2">Is this really free?</h3>
                <p className="text-gray-700">
                  Yes! No subscriptions, no hidden fees, no credit card required. We built 
                  this because we believe every sailor deserves good logbook tools.
                </p>
              </div>
              <div>
                <h3 className="font-semibold text-gray-900 mb-2">Can I import existing logs?</h3>
                <p className="text-gray-700">
                  Currently you'll need to manually enter past trips. We're working on CSV 
                  import functionality for a future update.
                </p>
              </div>
              <div>
                <h3 className="font-semibold text-gray-900 mb-2">Is my data secure?</h3>
                <p className="text-gray-700">
                  Yes. We use industry-standard encryption and security practices. Your data 
                  is stored securely and is never shared or sold.
                </p>
              </div>
              <div>
                <h3 className="font-semibold text-gray-900 mb-2">Can I edit or delete logs?</h3>
                <p className="text-gray-700">
                  Yes. You have complete control over your logs and can edit or delete any 
                  entry at any time.
                </p>
              </div>
            </div>
          </div>

          {/* Support Section */}
          <div className="bg-white rounded-lg shadow-lg p-8 text-center">
            <h2 className="text-2xl font-semibold mb-4">Need More Help?</h2>
            <p className="text-gray-700 mb-4">
              Have questions or suggestions? We'd love to hear from you.
            </p>
            <a 
              href="mailto:support@canvasandcleat.com" 
              className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition"
            >
              Contact Support
            </a>
          </div>
        </div>
      </div>
    </div>
  );
}

// PrivacyPage.tsx
export default function PrivacyPage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-white">
      <div className="max-w-4xl mx-auto px-4 py-16">
        <h1 className="text-4xl font-bold text-gray-900 mb-8">Privacy Policy</h1>
        
        <div className="bg-white rounded-lg shadow-lg p-8 space-y-6 text-gray-700">
          <p className="text-sm text-gray-500">Last updated: October 1, 2025</p>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Introduction</h2>
            <p>
              Canvas & Cleat Sailing Log ("we," "our," or "us") is committed to protecting 
              your privacy. This Privacy Policy explains how we collect, use, and safeguard 
              your information when you use our sailing logbook application.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Information We Collect</h2>
            <p className="mb-3">We collect only the information necessary to provide our service:</p>
            <ul className="list-disc ml-6 space-y-2">
              <li><strong>Account Information:</strong> Email address, name, and password (encrypted)</li>
              <li><strong>Profile Data:</strong> Sailing certifications and experience details you choose to add</li>
              <li><strong>Log Entries:</strong> Sailing trip details including dates, locations, boat information, and notes</li>
              <li><strong>Usage Data:</strong> Basic analytics about how you use the app to improve our service</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">How We Use Your Information</h2>
            <ul className="list-disc ml-6 space-y-2">
              <li>To provide and maintain the sailing log service</li>
              <li>To generate your sailing résumé and charter readiness reports</li>
              <li>To communicate with you about your account</li>
              <li>To improve and optimize our application</li>
              <li>To ensure security and prevent fraud</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Data Sharing and Disclosure</h2>
            <p className="mb-3">
              <strong>We do not sell, trade, or rent your personal information to third parties.</strong>
            </p>
            <p>We may share your information only in these limited circumstances:</p>
            <ul className="list-disc ml-6 space-y-2">
              <li>With your explicit consent</li>
              <li>To comply with legal obligations</li>
              <li>To protect our rights, privacy, safety, or property</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Data Security</h2>
            <p>
              We implement industry-standard security measures to protect your data, including 
              encryption, secure authentication, and regular security updates. However, no 
              internet transmission is completely secure, and we cannot guarantee absolute security.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Your Rights</h2>
            <p className="mb-3">You have the right to:</p>
            <ul className="list-disc ml-6 space-y-2">
              <li>Access your personal data</li>
              <li>Correct inaccurate data</li>
              <li>Delete your account and all associated data</li>
              <li>Export your sailing logs</li>
              <li>Opt out of communications</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Data Retention</h2>
            <p>
              We retain your data for as long as your account is active. If you delete your 
              account, all your personal data and log entries will be permanently deleted 
              within 30 days.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Children's Privacy</h2>
            <p>
              Our service is not intended for users under 13 years of age. We do not knowingly 
              collect information from children under 13.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Changes to This Policy</h2>
            <p>
              We may update this Privacy Policy from time to time. We will notify you of any 
              changes by posting the new policy on this page and updating the "Last updated" date.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Contact Us</h2>
            <p>
              If you have questions about this Privacy Policy, please contact us at:{' '}
              <a href="mailto:privacy@canvasandcleat.com" className="text-blue-600 hover:underline">
                privacy@canvasandcleat.com
              </a>
            </p>
          </section>
        </div>
      </div>
    </div>
  );
}

// TermsPage.tsx
export default function TermsPage() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-white">
      <div className="max-w-4xl mx-auto px-4 py-16">
        <h1 className="text-4xl font-bold text-gray-900 mb-8">Terms of Service</h1>
        
        <div className="bg-white rounded-lg shadow-lg p-8 space-y-6 text-gray-700">
          <p className="text-sm text-gray-500">Last updated: October 1, 2025</p>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Agreement to Terms</h2>
            <p>
              By accessing or using Canvas & Cleat Sailing Log, you agree to be bound by these 
              Terms of Service. If you disagree with any part of these terms, you may not use 
              our service.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Description of Service</h2>
            <p>
              Canvas & Cleat Sailing Log is a free web-based application that allows users to 
              track sailing experience, create professional sailing résumés, and analyze charter 
              readiness. The service is provided "as is" without warranties of any kind.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">User Accounts</h2>
            <p className="mb-3">When you create an account, you agree to:</p>
            <ul className="list-disc ml-6 space-y-2">
              <li>Provide accurate and complete information</li>
              <li>Maintain the security of your password</li>
              <li>Accept responsibility for all activities under your account</li>
              <li>Notify us immediately of any unauthorized use</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">User Responsibilities</h2>
            <p className="mb-3">You agree to:</p>
            <ul className="list-disc ml-6 space-y-2">
              <li>Use the service for lawful purposes only</li>
              <li>Provide accurate sailing log information</li>
              <li>Not attempt to gain unauthorized access to the service</li>
              <li>Not interfere with or disrupt the service</li>
              <li>Not use the service to transmit harmful code or malware</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Content Accuracy</h2>
            <p>
              You are solely responsible for the accuracy of information you enter into your 
              sailing log. While we provide tools to organize and present your data, we do not 
              verify the accuracy of log entries. Charter companies and other parties may 
              independently verify your claimed experience.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Intellectual Property</h2>
            <p className="mb-3">
              The Canvas & Cleat Sailing Log application, including its design, features, and 
              code, is owned by Canvas & Cleat and protected by copyright laws.
            </p>
            <p>
              You retain all rights to the content you create (your log entries). By using our 
              service, you grant us a license to store and display your content as necessary 
              to provide the service.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Limitation of Liability</h2>
            <p>
              Canvas & Cleat Sailing Log is provided free of charge. To the fullest extent 
              permitted by law, we shall not be liable for any indirect, incidental, special, 
              consequential, or punitive damages resulting from your use or inability to use 
              the service.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Service Availability</h2>
            <p>
              We strive to maintain high availability but do not guarantee uninterrupted access. 
              We reserve the right to modify, suspend, or discontinue the service at any time 
              without notice.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Account Termination</h2>
            <p>
              We reserve the right to terminate or suspend accounts that violate these terms, 
              engage in fraudulent activity, or harm the service. You may delete your account 
              at any time from your profile settings.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Changes to Terms</h2>
            <p>
              We may modify these terms at any time. Continued use of the service after changes 
              constitutes acceptance of the new terms. We will notify users of significant 
              changes via email or in-app notification.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Governing Law</h2>
            <p>
              These Terms shall be governed by the laws of the Commonwealth of Pennsylvania, 
              without regard to its conflict of law provisions.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Contact</h2>
            <p>
              For questions about these Terms of Service, contact us at:{' '}
              <a href="mailto:support@canvasandcleat.com" className="text-blue-600 hover:underline">
                support@canvasandcleat.com
              </a>
            </p>
          </section>

          <section className="bg-blue-50 p-6 rounded-lg">
            <h2 className="text-2xl font-semibold text-gray-900 mb-3">Disclaimer</h2>
            <p className="font-semibold">
              Canvas & Cleat Sailing Log is a tool for personal record-keeping. We are not 
              affiliated with any charter companies or certification organizations. Acceptance 
              of your sailing résumé is at the sole discretion of charter companies and other 
              third parties.
            </p>
          </section>
        </div>
      </div>
    </div>
  );
}