📁 프로젝트 구조
202308__hsplant/
├── theme/ # WordPress 테마 (roots/sage 기반)
│ ├── resources/
│ │ ├── views/ # Blade 템플릿 파일들
│ │ │ ├── template_home/ # 홈페이지 섹션들 (section1~6)
│ │ │ ├── sections/ # 헤더, 푸터, 사이드바
│ │ │ ├── partials/ # 컨텐츠 파편들
│ │ │ ├── components/ # 재사용 컴포넌트들
│ │ │ └── layouts/ # 레이아웃 템플릿들
│ │ ├── styles/ # CSS/SCSS 파일들
│ │ ├── scripts/ # JavaScript 파일들
│ │ └── images/ # 이미지 파일들
│ └── app/ # PHP 애플리케이션 로직
├── forms/ # 별도 프론트엔드 프로젝트 (Vite + TypeScript)
└── archive/ # 콘텐츠 아카이브
├── 시공사례/ # 포트폴리오 프로젝트들
├── 실적현황/ # 실적 데이터
├── 사업소개/ # 기업 정보 및 인증서들
└── assets/ # 웹사이트 이미지 리소스들Code language: PHP (php)🏠 홈페이지 구성 (6개 섹션)
- Section 1 – 히어로 섹션: 스와이퍼 슬라이더, “다양한 산업과 규모에 맞는 서비스로 비지니스 성공의 든든한 파트너” 메시지
- Section 2 – 전문성 강조: “숙련된 전문가들이 최고의 엔지니어링을 제공” + Lottie 애니메이션
- Section 3 – 포트폴리오: “단 하나뿐인 제품으로 보답” + 실적현황 카드들 (GSAP 애니메이션)
- Section 4 – 문의하기: 컨택트 폼
- Section 5 – 위치정보: 지도 + 주소/전화번호 (충북음성군 대소면)
- Section 6 – 소식: 공지사항 및 자료실
🏢 주요 콘텐츠 현황
포트폴리오 프로젝트들:
- LG화학
- 농협중앙회
- 오뚜기제유
- CJ푸드빌
- CNA
- 강원도 평창 올림픽 봅슬레이
- 시벨코코리아
기업 정보:
- 환경경영시스템인증서
- 품질경영시스템인증서
- 뿌리기업확인서
- 사업자등록증
🛠 기술 스택
- WordPress: roots/sage 테마 기반
- 프론트엔드: Laravel Blade + Tailwind CSS + TypeScript
- 애니메이션: GSAP, AOS, Lottie, Swiper
- 빌드 도구: Bud.js (webpack 기반)
- 별도 폼 프로젝트: Vite + TypeScript + Tailwind CSS
📋 포트폴리오 제작을 위한 준비 상황
이미 다음 내용들이 준비되어 있습니다:
- ✅ 주요 시공사례 이미지들과 프로젝트 정보
- ✅ 기업소개 관련 인증서 및 문서들
- ✅ 웹사이트 디자인 에셋들 (로고, 배경, 아이콘 등)
- ✅ 모던한 웹 개발 환경 구축 완료