import * as React from "react";
import { TopBar } from "./ui/topbar";
import { HeroSection } from "./ui/hero-section";
import { FeaturesSection } from "./ui/features-section";
import { CTASection } from "./ui/cta-section";
import { Footer } from "./ui/footer";

interface LandingPageProps {
  onGetStarted?: () => void;
  onDownloadClick?: () => void;
  onAccountClick?: () => void;
}

/**
 * sheetEasy AI 랜딩페이지 메인 컴포넌트
 * - Vooster.ai 스타일을 참고한 모던한 디자인
 * - semantic HTML 및 접근성 지원
 * - 반응형 레이아웃
 * - ShadCN UI 컴포넌트 활용
 */
const LandingPage: React.FC<LandingPageProps> = ({
  onGetStarted,
  onDownloadClick,
  onAccountClick,
}) => {
  return (
    <div className="min-h-screen bg-white">
      {/* TopBar - 상단 고정 네비게이션 */}
      <TopBar
        onDownloadClick={onDownloadClick}
        onAccountClick={onAccountClick}
      />

      {/* Main Content */}
      <main role="main">
        {/* Hero Section - 메인 소개 및 CTA */}
        <HeroSection onGetStarted={onGetStarted} />

        {/* Features Section - 주요 기능 소개 */}
        <FeaturesSection />

        {/* CTA Section - 최종 행동 유도 */}
        <CTASection onGetStarted={onGetStarted} />
      </main>

      {/* Footer - 푸터 정보 */}
      <Footer />
    </div>
  );
};

export default LandingPage;
