// AGENDA
function Agenda() {
  const blocks = [
    {
      time: "8:30 — 9:30 AM",
      label: "Opening",
      title: "Business Foundation &amp; Networking",
      bullets: [
        "Diagnose where your business actually sits on the scale curve",
        "Speed-network with 500+ peer founders",
        "Set the one outcome you&rsquo;ll leave with by 6 PM",
        "Pre-day breakfast &amp; mindset reset",
      ],
      icon: <Icon.Coffee size={18} />,
    },
    {
      time: "9:30 — 11:30 AM",
      label: "Core 1",
      title: "Entrepreneurship Freedom Blueprint &amp; Scaling 100×",
      bullets: [
        "The Founder-Dependency audit &mdash; what only you can do vs. what shouldn&rsquo;t be on you",
        "Decision rights, escalation matrix, the &lsquo;CEO&rsquo;s 4 boxes&rsquo;",
        "Pricing power &amp; positioning rebuild",
        "Live tear-downs of three real Indian SMEs",
      ],
      icon: <Icon.Compass size={18} />,
    },
    {
      time: "11:30 — 1:00 PM",
      label: "Core 2",
      title: "Team Building &amp; IPO Readiness",
      bullets: [
        "Hiring the layer between you and the work",
        "Org charts that survive 10× growth",
        "Compliance, governance, &amp; the IPO checklist most CFOs miss",
        "ESOP architecture without giving away the company",
      ],
      icon: <Icon.Users size={18} />,
    },
    {
      time: "2:00 — 3:00 PM",
      label: "Core 3",
      title: "Finance Mastery &amp; Raising Funds",
      bullets: [
        "Reading your P&amp;L like an investor would",
        "Capital stack: debt, equity, mezzanine, when each makes sense",
        "Pitch deck framework that&rsquo;s closed ₹400 cr+",
        "Negotiating term sheets &mdash; the four clauses founders lose on",
      ],
      icon: <Icon.PiggyBank size={18} />,
    },
    {
      time: "3:00 — 5:00 PM",
      label: "Core 4",
      title: "Marketing, Sales &amp; Multiplying Valuation",
      bullets: [
        "The AI-augmented sales engine you can run with 4 people",
        "Funnel math &mdash; CAC, payback, LTV the way acquirers measure",
        "Brand vs. performance &mdash; allocate without guessing",
        "Building the story that gets you a 12× revenue multiple",
      ],
      icon: <Icon.Megaphone size={18} />,
    },
  ];

  return (
    <section id="agenda" className="relative py-20 lg:py-28">
      <div className="mx-auto max-w-[1320px] px-5 lg:px-10">
        <div className="grid lg:grid-cols-12 gap-10 reveal">
          <div className="lg:col-span-5">
            <SectionEyebrow>One day · five blocks</SectionEyebrow>
            <h2 className="mt-5 text-[40px] lg:text-[54px] leading-[1.05] font-semibold tracking-tight">
              You&rsquo;ll master what takes others <span className="grad-text">10 years</span> to learn.
            </h2>
            <p className="mt-5 text-mute leading-relaxed max-w-[440px]">
              Every block ends with a worksheet you commit to. By 6 PM you don&rsquo;t leave with notes &mdash;
              you leave with a 90-day execution calendar, signed.
            </p>
            <div className="mt-8 glass rounded-2xl p-5 flex items-center gap-4 max-w-[440px]">
              <div className="w-11 h-11 rounded-xl bg-amber/15 text-amber grid place-items-center"><Icon.Clock size={18} /></div>
              <div className="text-[13px]">
                <div className="text-white font-semibold">9:00 AM &mdash; 6:00 PM</div>
                <div className="text-mute">07 May Ahmedabad &middot; 09 May Mumbai</div>
              </div>
            </div>
          </div>

          {/* Timeline */}
          <div className="lg:col-span-7">
            <ol className="relative">
              {/* vertical line */}
              <div className="absolute left-[18px] top-2 bottom-2 w-px bg-gradient-to-b from-teal/60 via-white/10 to-transparent" />
              {blocks.map((b, i) => (
                <li key={i} className="relative pl-12 pb-8 last:pb-0">
                  <span className="absolute left-0 top-1 w-9 h-9 rounded-full bg-ink-700 border border-white/10 grid place-items-center text-teal glow-dot">
                    {b.icon}
                  </span>
                  <div className="glass rounded-2xl p-5 lg:p-6 hover:border-teal/40 transition">
                    <div className="flex flex-wrap items-center gap-3 justify-between">
                      <div className="text-[12px] uppercase tracking-[0.2em] text-teal font-semibold">{b.time}</div>
                      <div className="text-[10px] uppercase tracking-[0.2em] px-2 py-0.5 rounded glass text-mute">{b.label}</div>
                    </div>
                    <h3 className="mt-3 text-[20px] lg:text-[24px] font-semibold leading-snug"
                        dangerouslySetInnerHTML={{__html:b.title}} />
                    <ul className="mt-4 space-y-2">
                      {b.bullets.map((bl, j) => (
                        <li key={j} className="flex items-start gap-2.5 text-[14px] text-white/80">
                          <span className="mt-1.5 w-1.5 h-1.5 rounded-full bg-teal/70 shrink-0" />
                          <span dangerouslySetInnerHTML={{__html:bl}} />
                        </li>
                      ))}
                    </ul>
                  </div>
                </li>
              ))}
            </ol>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Agenda = Agenda;
