PuReCycle Website

PuReCycle의 첫 번째 아이템 PURECOFFOIL® 소개 랜딩 페이지입니다. IoT 기반 신선도 보증형 커피박 업사이클링 오일 원료를 소개합니다.

기술 스택

• React 18 - UI 라이브러리
• Vite - 빌드 도구
• Tailwind CSS - 스타일링
• Framer Motion - 애니메이션
• Lucide React - 아이콘

시작하기

설치

npm install

개발 서버 실행

npm run dev

개발 서버는 http://localhost:5173에서 실행됩니다.

빌드

npm run build

빌드된 파일은 dist 폴더에 생성됩니다.

미리보기

npm run preview

프로젝트 구조

website/
├── 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