Palmora CPO — Palm Oil Supply Chain 3D Landing Page
Bilingual cinematic landing page for a palm-oil supply-chain brand, built on a fully procedural Three.js 3D scene with scroll-linked camera choreography.
描述
A bilingual (EN/ID) Next.js 16 cinematic landing page for a palm-oil supply-chain brand. The 3D scene is fully procedural Three.js/React Three Fiber — no imported .glb/.gltf model files — with scroll-linked camera, field-of-view, and target choreography plus depth-of-field, bloom, vignette, and fog postprocessing. Automatically falls back to a bundled MP4 for browsers without WebGL. Includes a working inquiry form with Zod validation and a spam honeypot, an HMAC-signed HttpOnly admin session for reviewing submissions, and JSONL-file persistence — no external database or third-party API required.
已实现功能
包含内容
- Full source code
- README and setup guide
- InMyDraft Commercial License
- AI-ready docs (PRD, technical spec, architecture, Three.js motion spec)
运行方法
- Unzip the source and run npm ci (or npm install).
- Copy .env.example to .env.
- Run npm run dev and open http://localhost:3000.
- See FIX_INSTALL_WINDOWS.md if npm ci fails on Windows.
后续开发说明
- docs/fidelity-ledger.md documents an intentional deviation: the shipped geometry is stylized rather than photorealistic like the original concept art — worth knowing before customizing.
已知限制
- No certification, traceability, or quality claims are made about the palm-oil supply chain itself — explicitly disclaimed in the docs
- JSONL file persistence, not a production database
- No CMS — copy changes require editing source
- Admin default credentials must be changed before any public deployment
相关草稿
Affiliate Website
Affiliate catalog draft for curated products, multi-link comparison, disclosure-ready content, and admin-managed landing pages.
Bricket Export Website
Multi-language coconut charcoal export website draft for B2B quote requests, product specs, OEM/private-label positioning, and trust-heavy buyer flows.
Matcha Mini World — 3D Matcha Bar Landing Page
Bilingual landing page for a matcha bar, featuring a fully procedural Three.js 3D scene with five scroll-driven camera chapters.