export function IconFeatureCard() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <div className="w-full max-w-xs border border-[#1111111A] bg-[#FAFAF8] p-7">
        <div
          className="w-11 h-11 rounded-md grid place-items-center mb-6"
          style={{ background: "#2A3D2F" }}
        >
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#FAFAF8" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
            <path d="M3 8l9-5 9 5-9 5-9-5z" />
            <path d="M3 12l9 5 9-5" />
            <path d="M3 16l9 5 9-5" />
          </svg>
        </div>
        <h3
          className="text-[#111111] tracking-[-0.01em] leading-[1.15]"
          style={{
            fontFamily: "'Instrument Serif', Georgia, serif",
            fontSize: 22,
          }}
        >
          Own the source.
        </h3>
        <p className="text-[14px] text-[#6B6B66] leading-[1.55] mt-3">
          The CLI writes components directly into your repo. No opaque NPM
          dependency, no version lock-in.
        </p>
        <div className="flex items-center gap-2 mt-5 font-mono text-[11px] uppercase tracking-[0.12em] text-[#111111]">
          Read docs
          <span aria-hidden>→</span>
        </div>
      </div>
    </div>
  );
}
Icon Feature Card

Own the source.
