EGS Website Content Plan¶
Global Components (Breakdance)¶
- Header: Sticky, transparent-to-solid on scroll. Logo left, Nav center, Lang/CTA right.
- Footer: Dark theme. Columns: Logo/Bio, Quick Links, Products, Legal.
- Button Styles: Primary (Green), Secondary (Outline), Text Link.
Page Content Breakdown¶
1. Homepage¶
| Section | Content Type | Assets Needed | Breakdance Component |
|---|---|---|---|
| Hero | Text + Background Video/Image | Hero Video, Tagline | Hero Section |
| Storytelling | Text + Image Grid | Archival photos | Feature Grid |
| Products Teaser | Text + CTA | Product thumbnails | CTA Block |
| ESG Teaser | Text + Icon Grid | Icons (Eco, Social) | Icon Box Grid |
2. About¶
| Section | Content Type | Assets Needed | Breakdance Component |
|---|---|---|---|
| History | Timeline/Slider | Historic photos | Timeline Slider |
| Vision | 4 Columns Text | Icons for pillars | Icon Box Grid |
| Values | Text + Image | Team photos | Content Split |
3. Products¶
| Section | Content Type | Assets Needed | Breakdance Component |
|---|---|---|---|
| Intro | Text + Hero | Sisal close-ups | Page Header |
| Quiz | Interactive Form | Logic tree, Icons | Custom Code / Form |
| Grades | Data Table | Specs data | Table / Tabs |
| Catalog | WooCommerce Grid | Product images | Woo Products |
4. Transition & Impacts¶
| Section | Content Type | Assets Needed | Breakdance Component |
|---|---|---|---|
| 3 Axes | Tabs or Accordion | Impact photos | Tabs |
| Projects | Cards | Project photos | Post Loop / Cards |
| Partners | Logo Grid | Partner Logos | Logo Grid |
5. Build Together¶
| Section | Content Type | Assets Needed | Breakdance Component |
|---|---|---|---|
| Culture | Video/Text | Employee interviews | Video Popup |
| Jobs | List/Grid | Job descriptions | Post Loop (Jobs) |
| Application | Form | - | Form Builder |
6. Contact¶
| Section | Content Type | Assets Needed | Breakdance Component |
|---|---|---|---|
| Info | Text/Icons | - | Contact Info |
| Forms | Multi-step Form | - | Form Builder |
| Map | Interactive Map | Coordinates | Google Maps |
Asset Requirements¶
- Photography: High-quality plantation shots, factory details, historical archives.
- Icons: Custom icon set for Grades and ESG pillars.
- Copywriting: Tone should be "Premium, Heritage, Forward-looking".