Vitol Foundation

Prototype pages

• Project Map
  Individual project markers with single-panel detail view
• Border Examples
  Static, rotating, scrolling, and @property animated gradient borders
• Our History
  Timeline with GSAP animated counters and word-by-word text reveal
• Stats Component
  Reusable stat card with counting numbers on scroll — editable in Webflow CMS

Appendix / Others

• Regional Map
  Regional markers with two-panel drill-down (country → project)
• Coord Picker Tool
  Click on the map to get x/y coordinates for marker placement