Initial commit

src/components/krow/KrowSays.jsx

@@ -0,0 +1,24 @@
+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>
+  );
+}