Image 1

Image 2

Image 3

Image 4

{ "name": "Timeline transformation", "tag": "section", "class": "section-lumagrow-timeline", "settings": [ { "type": "header", "content": "Header" }, { "type": "text", "id": "title", "label": "Section title", "default": "The Lumagrow Transformation" }, { "type": "text", "id": "subtitle", "label": "Section subtitle", "default": "What 20 minutes a day looks like at 4 weeks, 8 weeks, 4 months, and 6 months." }, { "type": "header", "content": "Column 1" }, { "type": "image_picker", "id": "col1_image", "label": "Image" }, { "type": "text", "id": "col1_alt", "label": "Image alt text", "default": "Before starting Lumagrow — week 0" }, { "type": "text", "id": "col1_stage", "label": "Stage label", "default": "Week 0" }, { "type": "text", "id": "col1_heading", "label": "Heading", "default": "Before" }, { "type": "richtext", "id": "col1_body", "label": "Body", "default": "

Receding hairline. Thinning crown. Scalp visible in overhead light. This is where most men start — and where most men give up. Lumagrow starts here too.

" }, { "type": "header", "content": "Column 2" }, { "type": "image_picker", "id": "col2_image", "label": "Image" }, { "type": "text", "id": "col2_alt", "label": "Image alt text", "default": "Early progress — weeks 4 to 8" }, { "type": "text", "id": "col2_stage", "label": "Stage label", "default": "Weeks 4–8" }, { "type": "text", "id": "col2_heading", "label": "Heading", "default": "The First Signs" }, { "type": "richtext", "id": "col2_body", "label": "Body", "default": "

Shedding slows. Fine new ‘baby hairs’ begin appearing at the hairline and crown — the first signs that dormant follicles are waking up.

" }, { "type": "header", "content": "Column 3" }, { "type": "image_picker", "id": "col3_image", "label": "Image" }, { "type": "text", "id": "col3_alt", "label": "Image alt text", "default": "Visible regrowth — months 2 to 4" }, { "type": "text", "id": "col3_stage", "label": "Stage label", "default": "Months 2–4" }, { "type": "text", "id": "col3_heading", "label": "Heading", "default": "The Turning Point" }, { "type": "richtext", "id": "col3_body", "label": "Body", "default": "

Visible coverage returns. Hair is thicker at the root, fuller at the crown. This is the month people start to notice.

" }, { "type": "header", "content": "Column 4" }, { "type": "image_picker", "id": "col4_image", "label": "Image" }, { "type": "text", "id": "col4_alt", "label": "Image alt text", "default": "Full transformation — months 4 to 6" }, { "type": "text", "id": "col4_stage", "label": "Stage label", "default": "Months 4–6" }, { "type": "text", "id": "col4_heading", "label": "Heading", "default": "The Full Transformation" }, { "type": "richtext", "id": "col4_body", "label": "Body", "default": "

Fuller, thicker, healthier hair — the kind of transformation that makes people ask what you're doing differently. 20 minutes a day. No pills. No surgery.

" }, { "type": "header", "content": "Progress line" }, { "type": "checkbox", "id": "show_progress_line", "label": "Show connecting progress line (desktop)", "default": true }, { "type": "header", "content": "Call to action" }, { "type": "checkbox", "id": "show_cta", "label": "Show CTA button", "default": true }, { "type": "text", "id": "cta_label", "label": "Button label", "default": "Start Your Transformation — $99" }, { "type": "url", "id": "cta_link", "label": "Button link" }, { "type": "header", "content": "Disclaimer" }, { "type": "textarea", "id": "disclaimer", "label": "Disclaimer text", "default": "Illustrative of a typical progression with consistent daily use. Individual results may vary. These images are not photographs of actual Lumagrow customers." }, { "type": "header", "content": "Appearance" }, { "type": "select", "id": "color_scheme", "label": "Color scheme", "options": [ { "value": "accent-1", "label": "Accent 1" }, { "value": "accent-2", "label": "Accent 2" }, { "value": "background-1", "label": "Background 1" }, { "value": "background-2", "label": "Background 2" }, { "value": "inverse", "label": "Inverse" } ], "default": "background-1" }, { "type": "header", "content": "Section padding" }, { "type": "range", "id": "padding_top_desktop", "label": "Top padding (desktop)", "min": 0, "max": 200, "step": 4, "unit": "px", "default": 100 }, { "type": "range", "id": "padding_bottom_desktop", "label": "Bottom padding (desktop)", "min": 0, "max": 200, "step": 4, "unit": "px", "default": 100 }, { "type": "range", "id": "padding_top_mobile", "label": "Top padding (mobile)", "min": 0, "max": 160, "step": 4, "unit": "px", "default": 60 }, { "type": "range", "id": "padding_bottom_mobile", "label": "Bottom padding (mobile)", "min": 0, "max": 160, "step": 4, "unit": "px", "default": 60 } ], "presets": [ { "name": "Timeline transformation", "category": "Lumagrow" } ], "enabled_on": { "templates": ["product", "page", "index", "collection", "blog", "article"] } }