export default function PGTXWebsite() {
  return (
    <div className="bg-white text-gray-900 font-sans">
      {/* HERO SECTION */}
      <section className="relative h-screen overflow-hidden bg-gradient-to-br from-slate-950 via-blue-950 to-slate-900 text-white">
        <div className="absolute inset-0 opacity-20 bg-[url('https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center"></div>

        <div className="relative z-10 max-w-7xl mx-auto px-6 h-full flex flex-col justify-center">
          <div className="max-w-4xl">
            <img
              src="/mnt/data/33f07410-1cef-43f3-b1e3-b0ed41c63238.png"
              alt="PGTX Logo"
              className="w-72 mb-10 drop-shadow-2xl"
            />

            <h1 className="text-6xl md:text-7xl font-black leading-tight tracking-tight mb-6">
              Precision Aerospace
              <span className="block text-blue-400">Manufacturing</span>
            </h1>

            <p className="text-xl text-slate-300 max-w-3xl leading-relaxed mb-10">
              Advanced turbine component manufacturing, precision CNC machining,
              engineering support and repair technologies for aerospace,
              defence and industrial gas turbine markets.
            </p>

            <div className="flex flex-wrap gap-5">
              <button className="bg-blue-600 hover:bg-blue-500 transition px-8 py-4 rounded-2xl text-lg font-semibold shadow-2xl">
                Explore Capabilities
              </button>

              <button className="border border-slate-400 hover:border-blue-400 hover:text-blue-300 transition px-8 py-4 rounded-2xl text-lg font-semibold">
                Request a Quote
              </button>
            </div>
          </div>
        </div>
      </section>

      {/* ABOUT */}
      <section className="py-24 bg-white">
        <div className="max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center">
          <div>
            <h2 className="text-5xl font-black text-slate-900 mb-8">
              About PGTX
            </h2>

            <p className="text-lg text-slate-700 leading-relaxed mb-6">
              PGTX delivers high-performance engineering and manufacturing
              solutions for critical rotating equipment applications. Serving
              aerospace, energy and industrial turbine sectors, the company
              combines precision machining, advanced inspection and engineering
              expertise to support demanding global customers.
            </p>

            <p className="text-lg text-slate-700 leading-relaxed">
              Inspired by the performance and motion represented within the
              PGTX brand identity, the company focuses on innovation,
              reliability and technical excellence throughout every stage of
              manufacture and repair.
            </p>
          </div>

          <div className="rounded-3xl overflow-hidden shadow-2xl">
            <img
              src="https://images.unsplash.com/photo-1565043589221-1a6fd9ae45c7?q=80&w=2070&auto=format&fit=crop"
              alt="Aerospace Manufacturing"
              className="w-full h-full object-cover"
            />
          </div>
        </div>
      </section>

      {/* CAPABILITIES */}
      <section className="py-24 bg-slate-100">
        <div className="max-w-7xl mx-auto px-6">
          <div className="text-center mb-20">
            <h2 className="text-5xl font-black text-slate-900 mb-6">
              Core Capabilities
            </h2>

            <p className="text-xl text-slate-600 max-w-3xl mx-auto">
              Aerospace-grade manufacturing, inspection and engineering
              solutions designed for high-performance rotating equipment.
            </p>
          </div>

          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
            {[
              {
                title: '5-Axis CNC Machining',
                text: 'High precision machining of complex aerospace and turbine components using advanced multi-axis technology.',
              },
              {
                title: 'Turbine Components',
                text: 'Manufacture of shafts, casings, blades, seals and compressor hardware for critical applications.',
              },
              {
                title: 'Repair & Overhaul',
                text: 'Dimensional restoration, weld repair, blending and component recovery solutions.',
              },
              {
                title: 'Inspection & Quality',
                text: 'CMM inspection, laser scanning, traceability and aerospace-level quality assurance systems.',
              },
            ].map((item, idx) => (
              <div
                key={idx}
                className="bg-white p-8 rounded-3xl shadow-lg hover:shadow-2xl transition"
              >
                <div className="w-16 h-16 rounded-2xl bg-blue-600 mb-6"></div>
                <h3 className="text-2xl font-bold mb-4 text-slate-900">
                  {item.title}
                </h3>
                <p className="text-slate-600 leading-relaxed">{item.text}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* INDUSTRIES */}
      <section className="py-24 bg-slate-950 text-white">
        <div className="max-w-7xl mx-auto px-6">
          <div className="text-center mb-20">
            <h2 className="text-5xl font-black mb-6">Industries Served</h2>
            <p className="text-xl text-slate-300 max-w-3xl mx-auto">
              Supporting high-performance engineering sectors where precision,
              reliability and quality are mission critical.
            </p>
          </div>

          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
            {['Aerospace', 'Defence', 'Power Generation', 'Industrial Energy'].map((industry, idx) => (
              <div
                key={idx}
                className="border border-slate-700 rounded-3xl p-10 hover:border-blue-500 transition"
              >
                <h3 className="text-3xl font-bold mb-4 text-blue-400">
                  {industry}
                </h3>
                <p className="text-slate-300 leading-relaxed">
                  Precision engineered components and advanced manufacturing
                  solutions tailored to demanding operational environments.
                </p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* QUALITY */}
      <section className="py-24 bg-white">
        <div className="max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center">
          <div className="rounded-3xl overflow-hidden shadow-2xl">
            <img
              src="https://images.unsplash.com/photo-1581093458791-9f3c3900df4b?q=80&w=2070&auto=format&fit=crop"
              alt="Inspection"
              className="w-full h-full object-cover"
            />
          </div>

          <div>
            <h2 className="text-5xl font-black text-slate-900 mb-8">
              Quality & Certifications
            </h2>

            <p className="text-lg text-slate-700 leading-relaxed mb-8">
              PGTX is committed to delivering aerospace-grade manufacturing
              quality through rigorous process control, inspection systems and
              full component traceability.
            </p>

            <div className="space-y-5">
              {['AS9100 Ready', 'ISO 9001 Systems', 'Full Material Traceability', 'Advanced CMM Inspection'].map((item, idx) => (
                <div
                  key={idx}
                  className="bg-slate-100 rounded-2xl px-6 py-5 font-semibold text-slate-800"
                >
                  {item}
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* CTA */}
      <section className="py-24 bg-gradient-to-r from-blue-700 to-slate-900 text-white text-center">
        <div className="max-w-4xl mx-auto px-6">
          <h2 className="text-5xl font-black mb-8">
            Engineering Precision Into Every Rotation
          </h2>

          <p className="text-xl text-slate-200 leading-relaxed mb-10">
            Partner with PGTX for advanced aerospace manufacturing,
            turbine component solutions and precision engineering support.
          </p>

          <button className="bg-white text-slate-900 hover:bg-slate-200 transition px-10 py-5 rounded-2xl text-lg font-bold shadow-2xl">
            Contact PGTX
          </button>
        </div>
      </section>

      {/* FOOTER */}
      <footer className="bg-black text-slate-400 py-14">
        <div className="max-w-7xl mx-auto px-6 grid md:grid-cols-4 gap-10">
          <div>
            <img
              src="/mnt/data/33f07410-1cef-43f3-b1e3-b0ed41c63238.png"
              alt="PGTX Logo"
              className="w-40 mb-6"
            />
            <p className="leading-relaxed">
              Precision aerospace manufacturing and turbine technology
              solutions.
            </p>
          </div>

          <div>
            <h4 className="text-white font-bold mb-5">Capabilities</h4>
            <ul className="space-y-3">
              <li>CNC Machining</li>
              <li>Turbine Components</li>
              <li>Repair & Overhaul</li>
              <li>Inspection</li>
            </ul>
          </div>

          <div>
            <h4 className="text-white font-bold mb-5">Industries</h4>
            <ul className="space-y-3">
              <li>Aerospace</li>
              <li>Defence</li>
              <li>Energy</li>
              <li>Industrial</li>
            </ul>
          </div>

          <div>
            <h4 className="text-white font-bold mb-5">Contact</h4>
            <ul className="space-y-3">
              <li>info@pgtx.com</li>
              <li>+1 (000) 000-0000</li>
              <li>Houston, Texas</li>
            </ul>
          </div>
        </div>
      </footer>
    </div>
  );
}