export default function FireWestTrainingSolutionsPage() {
  return (
    <div className="min-h-screen bg-white text-slate-900">
      <header className="border-b border-slate-200 bg-white/95 backdrop-blur sticky top-0 z-10">
        <div className="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
          <div>
            <h1 className="text-2xl font-bold tracking-tight">FireWest Training Solutions</h1>
            <p className="text-sm text-slate-600">Professional fire service and emergency response training</p>
          </div>
          <nav className="hidden md:flex gap-6 text-sm font-medium text-slate-700">
            <a href="#services" className="hover:text-slate-900">Services</a>
            <a href="#about" className="hover:text-slate-900">About</a>
            <a href="#contact" className="hover:text-slate-900">Contact</a>
          </nav>
        </div>
      </header>

      <main>
        <section className="bg-gradient-to-br from-red-700 via-red-800 to-slate-900 text-white">
          <div className="max-w-6xl mx-auto px-6 py-24 md:py-32 grid md:grid-cols-2 gap-10 items-center">
            <div>
              <p className="uppercase tracking-[0.2em] text-sm text-red-200 mb-4">Trusted Training • Practical Skills • Operational Readiness</p>
              <h2 className="text-4xl md:text-6xl font-bold leading-tight mb-6">
                Preparing responders with training that works in the real world.
              </h2>
              <p className="text-lg text-slate-100 mb-8 max-w-xl">
                FireWest Training Solutions provides practical, standards-based instruction for fire service,
                emergency response, and incident readiness programs.
              </p>
              <div className="flex flex-wrap gap-4">
                <a
                  href="#contact"
                  className="rounded-2xl bg-white text-red-800 px-6 py-3 font-semibold shadow-lg hover:scale-[1.02] transition"
                >
                  Request Training
                </a>
                <a
                  href="#services"
                  className="rounded-2xl border border-white/40 px-6 py-3 font-semibold hover:bg-white/10 transition"
                >
                  View Services
                </a>
              </div>
            </div>

            <div className="grid gap-4">
              <div className="rounded-3xl bg-white/10 border border-white/15 p-6 shadow-2xl backdrop-blur">
                <h3 className="text-xl font-semibold mb-2">What We Offer</h3>
                <ul className="space-y-2 text-slate-100">
                  <li>• Firefighter training programs</li>
                  <li>• Wildland and WUI training</li>
                  <li>• Emergency medical response instruction</li>
                  <li>• Instructor development and course design</li>
                </ul>
              </div>
              <div className="rounded-3xl bg-white text-slate-900 p-6 shadow-2xl">
                <p className="text-sm font-semibold uppercase tracking-wide text-red-700 mb-2">Mission</p>
                <p className="text-lg leading-relaxed">
                  Delivering high-quality training that builds confidence, capability, and safer outcomes on every scene.
                </p>
              </div>
            </div>
          </div>
        </section>

        <section id="services" className="max-w-6xl mx-auto px-6 py-20">
          <div className="max-w-2xl mb-12">
            <p className="text-sm font-semibold uppercase tracking-wide text-red-700 mb-2">Services</p>
            <h3 className="text-3xl md:text-4xl font-bold mb-4">Training built for operational excellence</h3>
            <p className="text-slate-600 text-lg">
              We support departments, agencies, and organizations with practical instruction and customized learning solutions.
            </p>
          </div>

          <div className="grid md:grid-cols-3 gap-6">
            <div className="rounded-3xl border border-slate-200 p-6 shadow-sm">
              <h4 className="text-xl font-semibold mb-3">Fire Service Training</h4>
              <p className="text-slate-600">
                Entry-level and advanced training focused on core firefighting skills, tactics, safety, and incident performance.
              </p>
            </div>
            <div className="rounded-3xl border border-slate-200 p-6 shadow-sm">
              <h4 className="text-xl font-semibold mb-3">Wildland & WUI Programs</h4>
              <p className="text-slate-600">
                Specialized instruction for wildland operations, structure triage, interface firefighting, and deployment readiness.
              </p>
            </div>
            <div className="rounded-3xl border border-slate-200 p-6 shadow-sm">
              <h4 className="text-xl font-semibold mb-3">Course Development</h4>
              <p className="text-slate-600">
                Custom lesson plans, student workbooks, scenario design, and instructor support tailored to your organization.
              </p>
            </div>
          </div>
        </section>

        <section id="about" className="bg-slate-50 border-y border-slate-200">
          <div className="max-w-6xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-10 items-start">
            <div>
              <p className="text-sm font-semibold uppercase tracking-wide text-red-700 mb-2">About</p>
              <h3 className="text-3xl md:text-4xl font-bold mb-4">Training with purpose and professionalism</h3>
              <p className="text-slate-700 leading-8">
                FireWest Training Solutions is dedicated to helping responders develop the knowledge, skills, and confidence
                needed to perform safely and effectively. Our approach emphasizes practical application, learner engagement,
                and alignment with recognized standards.
              </p>
            </div>
            <div className="rounded-3xl bg-white border border-slate-200 p-8 shadow-sm">
              <h4 className="text-xl font-semibold mb-4">Why departments choose FireWest</h4>
              <ul className="space-y-3 text-slate-700">
                <li>• Standards-based, field-relevant instruction</li>
                <li>• Customizable training for local needs</li>
                <li>• Experienced instructional approach</li>
                <li>• Clear focus on safety, competency, and readiness</li>
              </ul>
            </div>
          </div>
        </section>

        <section id="contact" className="max-w-6xl mx-auto px-6 py-20">
          <div className="rounded-3xl bg-slate-900 text-white p-8 md:p-12 grid md:grid-cols-2 gap-10 items-center">
            <div>
              <p className="text-sm font-semibold uppercase tracking-wide text-red-300 mb-2">Contact</p>
              <h3 className="text-3xl md:text-4xl font-bold mb-4">Let’s talk about your training needs</h3>
              <p className="text-slate-300 leading-7">
                Ready to build a course, schedule instruction, or discuss a custom training solution? Reach out to get started.
              </p>
            </div>
            <div className="rounded-2xl bg-white/5 border border-white/10 p-6">
              <div className="space-y-4 text-slate-200">
                <p><span className="font-semibold text-white">Email:</span> info@firewesttraining.com</p>
                <p><span className="font-semibold text-white">Phone:</span> (555) 123-4567</p>
                <p><span className="font-semibold text-white">Service Area:</span> On-site and customized training solutions</p>
              </div>
              <a
                href="mailto:info@firewesttraining.com"
                className="inline-block mt-6 rounded-2xl bg-red-600 px-5 py-3 font-semibold hover:bg-red-500 transition"
              >
                Email FireWest
              </a>
            </div>
          </div>
        </section>
      </main>

      <footer className="border-t border-slate-200 bg-white">
        <div className="max-w-6xl mx-auto px-6 py-6 text-sm text-slate-500 flex flex-col md:flex-row justify-between gap-2">
          <p>© 2026 FireWest Training Solutions. All rights reserved.</p>
          <p>Professional training for fire service and emergency response organizations.</p>
        </div>
      </footer>
    </div>
  );
}