export function EditorialPricingCard() {
  const features = [
    "124 premium components",
    "Velynkit CLI access",
    "Figma source files",
    "Unlimited personal & client projects",
    "Lifetime updates, no subscription",
  ];

  return (
    <div className="bg-[#FAFAF8] py-16 px-8 grid place-items-center">
      <div className="w-full max-w-sm border border-[#111111] bg-[#FAFAF8] p-8 relative">
        <div className="absolute -top-3 left-8 bg-[#FAFAF8] px-2 font-mono text-[10px] uppercase tracking-[0.16em] text-[#2A3D2F]">
          Most Chosen
        </div>

        <div className="flex items-baseline justify-between mb-2">
          <h3
            className="text-[40px] leading-none italic"
            style={{ fontFamily: "'Instrument Serif', Georgia, serif" }}
          >
            Pro
          </h3>
          <span className="font-mono text-[11px] uppercase tracking-[0.12em] text-[#6B6B66]">
            One-time
          </span>
        </div>

        <p className="text-[13px] text-[#6B6B66] mb-8">
          For builders who refuse to ship the same purple-gradient hero.
        </p>

        <div className="flex items-baseline gap-1 mb-8 pb-8 border-b border-[#1111111A]">
          <span className="font-mono text-[14px] text-[#6B6B66]">$</span>
          <span
            className="text-[72px] leading-none tracking-[-0.025em]"
            style={{ fontFamily: "'Instrument Serif', Georgia, serif" }}
          >
            79
          </span>
          <span className="font-mono text-[12px] text-[#6B6B66] ml-2">
            / lifetime
          </span>
        </div>

        <ul className="space-y-3 mb-8">
          {features.map((f) => (
            <li key={f} className="flex items-start gap-3 text-[14px]">
              <span className="text-[#2A3D2F] mt-0.5">✓</span>
              <span>{f}</span>
            </li>
          ))}
        </ul>

        <button
          type="button"
          className="w-full bg-[#111111] text-[#FAFAF8] py-3 text-[14px] font-medium hover:bg-[#1F1F1D] transition-colors"
        >
          Get Pro — $79
        </button>
      </div>
    </div>
  );
}
Editorial Pricing Card

Pro
