PuReCycle의 첫 번째 아이템 PURECOFFOIL® 소개 랜딩 페이지입니다. IoT 기반 신선도 보증형 커피박 업사이클링 오일 원료를 소개합니다.
- React 18 - UI 라이브러리
- Vite - 빌드 도구
- Tailwind CSS - 스타일링
- Framer Motion - 애니메이션
- Lucide React - 아이콘
npm installnpm run dev개발 서버는 http://localhost:5173에서 실행됩니다.
npm run build빌드된 파일은 dist 폴더에 생성됩니다.
npm run previewwebsite/
├── public/
│ └── logo.png # PuReCycle 로고 이미지 (선택사항)
├── src/
│ ├── components/
│ │ ├── Navigation.jsx
│ │ ├── Hero.jsx
│ │ ├── Tech.jsx
│ │ ├── Product.jsx
│ │ └── Footer.jsx
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
├── index.html
├── package.json
├── vite.config.js
├── tailwind.config.js
└── postcss.config.js
참고: 로고 이미지는
public/logo.png에 저장하세요. 로고가 없으면 텍스트로 "PuReCycle"이 표시됩니다.
- 🎨 파스텔 톤 컬러 테마 (#ffffff와 #4B3621 기반)
- 📱 완전 반응형 디자인
- ✨ Framer Motion 기반 스크롤 애니메이션
- 🏢 PuReCycle 기업 소개 및 PURECOFFOIL® 아이템 소개
- 🔬 IoT 센싱 기반 산패 예찰 알고리즘 소개
- 특허 출원번호: 특허-2025-0212940
- IoT 센싱 기반 산패 예찰 알고리즘
- 기업명: PuReCycle
- 첫 아이템: PURECOFFOIL®
- 특허 출원번호: 특허-2025-0212940
- IoT 센싱 기반 산패 예찰 알고리즘
정건 M. 010-5894-5533 E. junggun28@gmail.com