export function ProfileCard() {
  return (
    <div className="bg-[#F4F3EF] p-12 grid place-items-center">
      <div className="w-full max-w-xs bg-[#FAFAF8] border border-[#1111111A] p-7 text-center">
        <div
          className="w-20 h-20 rounded-full mx-auto mb-5 grid place-items-center border-2 border-[#111111]"
          style={{
            background:
              "radial-gradient(circle at 30% 30%, #FFFFFF, #EFECE5 60%, #D8D6CF 100%)",
          }}
        >
          <span
            className="text-[#111111]"
            style={{
              fontFamily: "'Instrument Serif', Georgia, serif",
              fontSize: 28,
              fontStyle: "italic",
            }}
          >
            LV
          </span>
        </div>
        <h3
          className="text-[#111111] tracking-[-0.01em] leading-[1.1]"
          style={{
            fontFamily: "'Instrument Serif', Georgia, serif",
            fontSize: 22,
          }}
        >
          Lena Voss
        </h3>
        <div
          className="font-mono text-[10px] uppercase tracking-[0.16em] text-[#6B6B66] mt-1"
        >
          Design Engineer · Form Studio
        </div>
        <p className="text-[13px] text-[#6B6B66] leading-[1.55] mt-4">
          Builds editorial systems for studios that ship with discipline.
          Currently in Berlin.
        </p>
        <div className="flex gap-2 justify-center mt-5">
          <span className="font-mono text-[10px] px-2 py-1 border border-[#1111111A] text-[#111111]">
            available
          </span>
          <span className="font-mono text-[10px] px-2 py-1 border border-[#1111111A] text-[#111111]">
            EU/UTC+1
          </span>
        </div>
      </div>
    </div>
  );
}
Profile Card

Lena Voss
