인사말: 세로 인물 사진 + 대표 인사 글

const PARAGRAPHS = [
  "루멘 사진학교에 들러 주셔서 반갑습니다.",
  "사진은 장비보다 시선에서 시작된다고 믿습니다. 같은 골목도 아침과 저녁의 빛이 다르고, 같은 사람도 마주 보는 거리에 따라 다른 얼굴이 됩니다. 루멘은 그 차이를 알아보는 눈을 함께 기르는 곳입니다.",
  "한 클래스는 여덟 명 이내로 운영합니다. 강사가 한 장 한 장 사진을 함께 보고, 다음 촬영에서 무엇을 바꿔 볼지 구체적으로 이야기합니다.",
  "카메라를 처음 잡는 분도, 오래 찍어 왔지만 한 걸음 더 나아가고 싶은 분도 편하게 문을 두드려 주세요.",
];

const FONT = '"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif';

export default function Greeting() {
  return (
    <section className="w-full bg-white" style={{ fontFamily: FONT, wordBreak: "keep-all" }}>
      <div className="mx-auto grid w-full max-w-[1200px] grid-cols-1 items-center gap-10 px-4 py-14 sm:px-6 lg:grid-cols-[340px_1fr] lg:gap-14 lg:py-20 xl:grid-cols-[420px_1fr] xl:gap-20">
        <div className="max-w-[380px] lg:max-w-none">
          <img src="https://nnuer.site/media/yu7GYoQ65M0W" alt="이중 렌즈 카메라를 들고 있는 사람" className="aspect-[520/735] w-full rounded-2xl object-cover" />
        </div>
        <div>
          <p className="text-[26px] font-extrabold leading-[1.4] tracking-[-0.035em] text-[#172031] sm:text-[32px] lg:text-[38px]" style={{ textWrap: "balance" }}>
            좋은 사진은 <span className="text-[#3D64B1]">오래 바라보는 데서</span> 시작됩니다.
          </p>
          <div className="mt-8 grid max-w-[62ch] gap-[18px] text-[17px] leading-[1.9] text-[#4a5466]">
            {PARAGRAPHS.map((p) => (
              <p key={p.slice(0, 12)}>{p}</p>
            ))}
          </div>
          <p className="mt-10 font-bold text-[#172031]">
            <span className="mr-2.5 font-medium text-[#8a93a3]">루멘 사진학교</span>대표 올림
          </p>
        </div>
      </div>
    </section>
  );
}