기업 홈페이지와 개인 포트폴리오 모두에 활용할 수 있는 올인원 단일 파일 템플릿입니다.

다크5 /라이트5  10가지 컬러셋테마, 풀스크린 인트로, 메가 드롭다운 내비게이션, 스크롤 애니메이션 섹션, 공지사항·FAQ·문의 등 홈페이지에 필요한 요소를 하나의 파일에 완성도 있게 담았습니다.

주요 기능

  헤더 & 내비게이션
    고정 헤더, 스크롤 시 자동 숨김/표시
    메가 드롭다운 메뉴 (슬라이드 다운)
    모바일 서랍 메뉴 + 아코디언 서브메뉴

  인트로 섹션
    풀스크린 히어로 (파티클 캔버스 배경)
    텍스트 순차 페이드업 등장 애니메이션
    페이지 로딩 인트로 (로고 + 프로그레스 바)

  콘텐츠 그리드
    반응형 4열 그리드 (모바일 1열까지 자동 축소)
    카드 마우스 오버 효과
    스크롤 진입 시 카드 순차 슬라이드업 등장

  기업형 섹션 (스크롤 애니메이션 적용)
    회사소개  —  좌우 슬라이드 인, 실적 카운트업
    사업영역  —  4개 카드 순차 등장
    핵심 수치  —  숫자 카운트업 애니메이션
    프로세스  —  5단계 스텝 구성
    공지사항 + FAQ 아코디언
    Contact CTA  —  문의 버튼

  테마 시스템
    다크 5종  /  라이트 5종  총 10가지 테마
    방문 시 랜덤 적용, 버튼 클릭으로 전환
    마지막 선택 모드 자동 저장 (localStorage)

  확장 방법

    콘텐츠 카드   —  카드 블록 복사 후 내용 교체
    메뉴 항목     —  gnb-item / drop-col 블록 추가·제거
    테마 추가     —  DARK_THEMES / LIGHT_THEMES 배열에 객체 추가
    신규 섹션     —  corp-section + reveal 클래스 조합으로 즉시 등장 효과 적용
    색상 변경     —  CSS 변수 (--accent, --bg0~3, --txt0~2) 값만 수정