export default function PartnershipLifecycle() {
  return (
    <section className="py-20 lg:py-28 bg-brand-ivory">
      <div className="container max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-16">
          <span className="text-xs uppercase tracking-widest text-brand-gold font-bold">Execution Roadmap</span>
          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-title font-bold text-brand-dark mt-2">
            Collaboration Lifecycle in 4 Stages
          </h2>
        </div>

        <div className="relative border-l-2 border-brand-border pl-6 sm:pl-10 ml-4 sm:ml-8 space-y-12">
          {/* Step 1 */}
          <div className="relative group">
            <div className="absolute -left-[35px] sm:-left-[51px] top-0 w-8 h-8 rounded-full bg-brand-dark text-brand-gold flex items-center justify-center text-xs font-bold border-2 border-brand-gold">
              1
            </div>
            <h4 className="text-xl font-title font-bold text-brand-dark">Confidential Discovery &amp; Strategic Fit (Week 1)</h4>
            <p className="text-sm text-brand-muted mt-2 leading-relaxed">
              Direct bilateral discussion to evaluate your publishing capability, technical roadmap, and aesthetic standards. Selection of Standard ($222/mo) or Pro ($444/mo) pathway, and scoping of the optional UHNW Advisory add-on.
            </p>
          </div>

          {/* Step 2 */}
          <div className="relative group">
            <div className="absolute -left-[35px] sm:-left-[51px] top-0 w-8 h-8 rounded-full bg-brand-dark text-brand-gold flex items-center justify-center text-xs font-bold border-2 border-brand-gold">
              2
            </div>
            <h4 className="text-xl font-title font-bold text-brand-dark">Legal Execution &amp; Technical DNS Handover (Week 2)</h4>
            <p className="text-sm text-brand-muted mt-2 leading-relaxed">
              Formalization of the Bilingual Platform Licensing Agreement. Completion of the initial 6-month fit commitment, followed by rapid DNS configuration to your designated hosting infrastructure.
            </p>
          </div>

          {/* Step 3 */}
          <div className="relative group">
            <div className="absolute -left-[35px] sm:-left-[51px] top-0 w-8 h-8 rounded-full bg-brand-dark text-brand-gold flex items-center justify-center text-xs font-bold border-2 border-brand-gold">
              3
            </div>
            <h4 className="text-xl font-title font-bold text-brand-dark">Incubation, Publishing &amp; Commercial Scale (Months 1–6)</h4>
            <p className="text-sm text-brand-muted mt-2 leading-relaxed">
              Deployment of your bespoke blog and directory architecture. Publishing high-authority editorial pillars, building the luxury vendor roster, and conducting strategic advisory reviews if the Plus add-on is active.
            </p>
          </div>

          {/* Step 4 */}
          <div className="relative group">
            <div className="absolute -left-[35px] sm:-left-[51px] top-0 w-8 h-8 rounded-full bg-brand-dark text-brand-gold flex items-center justify-center text-xs font-bold border-2 border-brand-gold">
              4
            </div>
            <h4 className="text-xl font-title font-bold text-brand-dark">Synergy Review &amp; Multi-Year Extension (Month 5)</h4>
            <p className="text-sm text-brand-muted mt-2 leading-relaxed">
              Reviewing organic search traction, inbound commercial inquiries, and operational synergy. Formal transition into a stable 1 to 3-year partnership extension with guaranteed terms.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}