AI 요약관련 정보

• 랜딩 페이지의 마지막 섹션인 CTA(Call To Action) 섹션을 구축하는 과정입니다. 🚀
• Astro 컴포넌트(CTA.astro)를 사용하여 섹션을 정의하고, Tailwind CSS 유틸리티 클래스로 스타일링합니다. 🎨
• 섹션은 파란색 배경(bg-blue-900), 흰색 텍스트(text-white), 상단 마진(mt-28)을 가집니다. 🌌
• 내부 div는 컨테이너 역할을 하며, 패딩과 텍스트 중앙 정렬(text-center)을 적용합니다. ↔️
• "Ready to experience luxury?"라는 H2 제목은 반응형 폰트 크기(text-5xl, md:text-6xl)와 굵은 글씨체(font-bold)로 설정됩니다. ✍️
• 설명 P 태그는 최대 너비(max-w-md)와 자동 좌우 마진(mx-auto)으로 중앙에 배치됩니다. 📝
• Button 컴포넌트를 사용하여 "Book your stay now" 링크 버튼을 생성하며, /rooms 페이지로 연결됩니다. 🔗
• 버튼은 large 크기와 secondary 변형을 사용하며, 사용자 경험을 위해 cursor-pointer 스타일을 추가합니다. ✨
• 다음 레슨에서는 Sanity에서 데이터를 가져오기 전에 정적 콘텐츠로 카테고리 페이지를 구축할 예정입니다. ➡️