import React from 'react';

// Apple-style focal statement: a quiet vertical list beside a single thin divider.
export default function KrowSays() {
  const lines = ['Learn this.', 'Prove it.', 'Get hired.'];
  return (
    <div>
      <p className="text-[13px] font-medium text-[#333333] mb-6">KROW says</p>
      <div className="relative pl-6">
        <div className="absolute left-0 top-2 bottom-2 w-px bg-[#CCCCCC]" />
        <ul className="space-y-5 sm:space-y-6">
          {lines.map((l) => (
            <li
              key={l}
              className="text-[26px] sm:text-[34px] font-semibold tracking-tight text-[#333333] leading-tight"
            >
              {l}
            </li>
          ))}
        </ul>
      </div>
    </div>
  );
}