@diviops/mcp-server 0.1.0

package/templates/cta-gradient.json

@@ -0,0 +1,16 @@
+{
+  "name": "cta-gradient",
+  "description": "Call-to-action section with gradient background, centered heading, subtitle, and button.",
+  "customizable": ["gradient colors", "heading", "subtitle", "button text/colors", "font family"],
+  "markup": "<!-- wp:divi/section {\"module\":{\"decoration\":{\"background\":{\"desktop\":{\"value\":{\"gradient\":{\"enabled\":\"on\",\"direction\":\"135deg\",\"stops\":[{\"position\":0,\"color\":\"{{gradient_start}}\"},{\"position\":100,\"color\":\"{{gradient_end}}\"}]}}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"80px\",\"right\":\"\",\"bottom\":\"80px\",\"left\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/row {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/column {\"module\":{\"advanced\":{\"type\":{\"desktop\":{\"value\":\"4_4\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"margin\":{\"top\":\"\",\"right\":\"\",\"bottom\":\"20px\",\"left\":\"\",\"syncVertical\":\"off\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"#ffffff\",\"size\":\"48px\",\"lineHeight\":\"1.2em\"}},\"tablet\":{\"value\":{\"size\":\"36px\"}},\"phone\":{\"value\":{\"size\":\"28px\"}}}}},\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"textAlign\":\"center\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e{{heading_text}}\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"sizing\":{\"desktop\":{\"value\":{\"maxWidth\":\"600px\"}}},\"spacing\":{\"desktop\":{\"value\":{\"margin\":{\"top\":\"\",\"right\":\"auto\",\"bottom\":\"\",\"left\":\"auto\",\"syncVertical\":\"off\",\"syncHorizontal\":\"on\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"color\":\"rgba(255,255,255,0.85)\",\"size\":\"18px\",\"lineHeight\":\"1.8em\",\"textAlign\":\"center\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp\\u003e{{subtitle_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/button {\"module\":{\"advanced\":{\"alignment\":{\"desktop\":{\"value\":\"center\"}}},\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"margin\":{\"top\":\"30px\",\"right\":\"\",\"bottom\":\"\",\"left\":\"\",\"syncVertical\":\"off\",\"syncHorizontal\":\"off\"},\"padding\":{\"top\":\"14px\",\"bottom\":\"14px\",\"left\":\"30px\",\"right\":\"30px\",\"syncVertical\":\"on\",\"syncHorizontal\":\"on\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"button\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{button_text}}\"}}},\"decoration\":{\"button\":{\"desktop\":{\"value\":{\"enable\":\"on\",\"icon\":{\"enable\":\"off\"}}}},\"font\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"{{button_text_color}}\",\"family\":\"{{font_family}}\",\"weight\":\"700\"}}}},\"background\":{\"desktop\":{\"value\":{\"color\":\"{{button_bg_color}}\"}}},\"border\":{\"desktop\":{\"value\":{\"radius\":{\"topLeft\":\"10px\",\"topRight\":\"10px\",\"bottomLeft\":\"10px\",\"bottomRight\":\"10px\",\"sync\":\"on\"}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/column -->\n<!-- /wp:divi/row -->\n<!-- /wp:divi/section -->",
+  "variables": {
+    "gradient_start": "#6366f1",
+    "gradient_end": "#8b5cf6",
+    "font_family": "Inter",
+    "heading_text": "Ready to Get Started?",
+    "subtitle_text": "Your compelling call-to-action subtitle here.",
+    "button_text": "Get Started Now",
+    "button_text_color": "#6366f1",
+    "button_bg_color": "#ffffff"
+  }
+}

package/templates/features-blurbs.json

@@ -0,0 +1,34 @@
+{
+  "name": "features-blurbs",
+  "description": "3-column feature section with label, heading, and blurb cards with icons. Uses classic row/column layout.",
+  "customizable": ["background color", "label", "heading", "blurb titles/descriptions/icons", "accent color", "font family"],
+  "markup": "<!-- wp:divi/section {\"module\":{\"decoration\":{\"background\":{\"desktop\":{\"value\":{\"color\":\"{{bg_color}}\"}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"80px\",\"right\":\"\",\"bottom\":\"80px\",\"left\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/row {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/column {\"module\":{\"advanced\":{\"type\":{\"desktop\":{\"value\":\"4_4\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{accent_color}}\",\"size\":\"13px\",\"letterSpacing\":\"3px\",\"lineHeight\":\"1.5em\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp style=\\u0022text-transform:uppercase;text-align:center\\u0022\\u003e{{label_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"margin\":{\"top\":\"\",\"right\":\"\",\"bottom\":\"50px\",\"left\":\"\",\"syncVertical\":\"off\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{heading_color}}\",\"size\":\"42px\",\"lineHeight\":\"1.2em\"}},\"tablet\":{\"value\":{\"size\":\"32px\"}},\"phone\":{\"value\":{\"size\":\"26px\"}}}}},\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"textAlign\":\"center\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e{{heading_text}}\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/column -->\n<!-- /wp:divi/row -->\n<!-- wp:divi/row {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/column {\"module\":{\"advanced\":{\"type\":{\"desktop\":{\"value\":\"1_3\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/blurb {\"imageIcon\":{\"innerContent\":{\"desktop\":{\"value\":{\"useIcon\":\"on\",\"icon\":{\"0\":\"{{icon_1_key}}\",\"unicode\":\"{{icon_1_unicode}}\",\"type\":\"fa\",\"weight\":\"{{icon_1_weight}}\"},\"animation\":\"off\"}}},\"advanced\":{\"color\":{\"desktop\":{\"value\":\"{{accent_color}}\"}},\"placement\":{\"desktop\":{\"value\":\"top\"}}}},\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"title\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{blurb_1_title}}\"}}},\"decoration\":{\"font\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{heading_color}}\",\"size\":\"20px\",\"lineHeight\":\"1.4em\"}}}}}},\"content\":{\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp\\u003e{{blurb_1_text}}\\u003c/p\\u003e\"}},\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"#555555\",\"lineHeight\":\"1.8em\"}}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/column -->\n<!-- wp:divi/column {\"module\":{\"advanced\":{\"type\":{\"desktop\":{\"value\":\"1_3\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/blurb {\"imageIcon\":{\"innerContent\":{\"desktop\":{\"value\":{\"useIcon\":\"on\",\"icon\":{\"0\":\"{{icon_2_key}}\",\"unicode\":\"{{icon_2_unicode}}\",\"type\":\"fa\",\"weight\":\"{{icon_2_weight}}\"},\"animation\":\"off\"}}},\"advanced\":{\"color\":{\"desktop\":{\"value\":\"{{accent_color}}\"}},\"placement\":{\"desktop\":{\"value\":\"top\"}}}},\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"title\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{blurb_2_title}}\"}}},\"decoration\":{\"font\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{heading_color}}\",\"size\":\"20px\",\"lineHeight\":\"1.4em\"}}}}}},\"content\":{\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp\\u003e{{blurb_2_text}}\\u003c/p\\u003e\"}},\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"#555555\",\"lineHeight\":\"1.8em\"}}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/column -->\n<!-- wp:divi/column {\"module\":{\"advanced\":{\"type\":{\"desktop\":{\"value\":\"1_3\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/blurb {\"imageIcon\":{\"innerContent\":{\"desktop\":{\"value\":{\"useIcon\":\"on\",\"icon\":{\"0\":\"{{icon_3_key}}\",\"unicode\":\"{{icon_3_unicode}}\",\"type\":\"fa\",\"weight\":\"{{icon_3_weight}}\"},\"animation\":\"off\"}}},\"advanced\":{\"color\":{\"desktop\":{\"value\":\"{{accent_color}}\"}},\"placement\":{\"desktop\":{\"value\":\"top\"}}}},\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"title\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{blurb_3_title}}\"}}},\"decoration\":{\"font\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{heading_color}}\",\"size\":\"20px\",\"lineHeight\":\"1.4em\"}}}}}},\"content\":{\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp\\u003e{{blurb_3_text}}\\u003c/p\\u003e\"}},\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"#555555\",\"lineHeight\":\"1.8em\"}}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/column -->\n<!-- /wp:divi/row -->\n<!-- /wp:divi/section -->",
+  "variables": {
+    "bg_color": "#ffffff",
+    "accent_color": "#6366f1",
+    "heading_color": "#0a0a2e",
+    "font_family": "Inter",
+    "label_text": "FEATURES",
+    "heading_text": "Why Choose Us",
+    "blurb_1_title": "Feature One",
+    "blurb_1_text": "Description of the first feature.",
+    "icon_1_key": "N",
+    "icon_1_unicode": "&#xf2dd;",
+    "icon_1_weight": "400",
+    "blurb_2_title": "Feature Two",
+    "blurb_2_text": "Description of the second feature.",
+    "icon_2_key": "x",
+    "icon_2_unicode": "&#xf044;",
+    "icon_2_weight": "900",
+    "blurb_3_title": "Feature Three",
+    "blurb_3_text": "Description of the third feature.",
+    "icon_3_key": "E",
+    "icon_3_unicode": "&#xf164;",
+    "icon_3_weight": "400"
+  },
+  "notes": [
+    "Blurb title MUST be object: {\"text\":\"Title\"} not plain string",
+    "Icon MUST be FA object: {\"0\":\"key\",\"unicode\":\"&#xcode;\",\"type\":\"fa\",\"weight\":\"400\"}",
+    "Common icons: N=brain, x=pencil, E=thumbsup, Q=lightbulb, U=code, P=eye"
+  ]
+}

package/templates/hero-centered.json

@@ -0,0 +1,26 @@
+{
+  "name": "hero-centered",
+  "description": "Centered hero with background color/gradient, label, heading, subtitle, and CTA button",
+  "customizable": ["background color/gradient", "label text", "heading text", "subtitle text", "button text/colors", "spacing", "font family"],
+  "markup": "<!-- wp:divi/section {\"module\":{\"decoration\":{\"background\":{\"desktop\":{\"value\":{\"gradient\":{\"enabled\":\"on\",\"direction\":\"160deg\",\"stops\":[{\"position\":0,\"color\":\"{{bg_color_1}}\"},{\"position\":50,\"color\":\"{{bg_color_2}}\"},{\"position\":100,\"color\":\"{{bg_color_3}}\"}]}}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"100px\",\"right\":\"\",\"bottom\":\"100px\",\"left\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}},\"tablet\":{\"value\":{\"padding\":{\"top\":\"60px\",\"right\":\"\",\"bottom\":\"60px\",\"left\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/row {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/column {\"module\":{\"advanced\":{\"type\":{\"desktop\":{\"value\":\"4_4\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"600\",\"color\":\"{{accent_color}}\",\"size\":\"14px\",\"letterSpacing\":\"3px\",\"lineHeight\":\"1.5em\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp style=\\u0022text-transform:uppercase;text-align:center\\u0022\\u003e{{label_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"margin\":{\"top\":\"20px\",\"right\":\"\",\"bottom\":\"25px\",\"left\":\"\",\"syncVertical\":\"off\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h1\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"800\",\"color\":\"#ffffff\",\"size\":\"68px\",\"letterSpacing\":\"-2px\",\"lineHeight\":\"1.05em\"}},\"tablet\":{\"value\":{\"size\":\"46px\",\"letterSpacing\":\"-1px\"}},\"phone\":{\"value\":{\"size\":\"34px\",\"letterSpacing\":\"0px\"}}}}},\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"textAlign\":\"center\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch1\\u003e{{heading_text}}\\u003c/h1\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"margin\":{\"top\":\"\",\"right\":\"auto\",\"bottom\":\"50px\",\"left\":\"auto\",\"syncVertical\":\"off\",\"syncHorizontal\":\"on\"}}}},\"sizing\":{\"desktop\":{\"value\":{\"maxWidth\":\"640px\"}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"color\":\"{{subtitle_color}}\",\"size\":\"19px\",\"lineHeight\":\"1.8em\",\"textAlign\":\"center\"}},\"tablet\":{\"value\":{\"size\":\"17px\"}},\"phone\":{\"value\":{\"size\":\"16px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp\\u003e{{subtitle_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/button {\"module\":{\"advanced\":{\"alignment\":{\"desktop\":{\"value\":\"center\"}}},\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"14px\",\"bottom\":\"14px\",\"left\":\"32px\",\"right\":\"32px\",\"syncVertical\":\"on\",\"syncHorizontal\":\"on\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"button\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{button_text}}\"}}},\"decoration\":{\"button\":{\"desktop\":{\"value\":{\"enable\":\"on\",\"icon\":{\"enable\":\"off\"}}}},\"font\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"{{button_text_color}}\",\"family\":\"{{font_family}}\",\"weight\":\"700\"}}}},\"background\":{\"desktop\":{\"value\":{\"color\":\"{{button_bg_color}}\"}}},\"border\":{\"desktop\":{\"value\":{\"radius\":{\"topLeft\":\"10px\",\"topRight\":\"10px\",\"bottomLeft\":\"10px\",\"bottomRight\":\"10px\",\"sync\":\"on\"}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/column -->\n<!-- /wp:divi/row -->\n<!-- /wp:divi/section -->",
+  "variables": {
+    "bg_color_1": "#0a0a2e",
+    "bg_color_2": "#12124a",
+    "bg_color_3": "#1a0a3e",
+    "accent_color": "#7c83ff",
+    "subtitle_color": "#a0a3d6",
+    "font_family": "Inter",
+    "label_text": "YOUR LABEL HERE",
+    "heading_text": "Your Heading Here",
+    "subtitle_text": "Your subtitle text here describing the value proposition.",
+    "button_text": "Get Started",
+    "button_text_color": "#ffffff",
+    "button_bg_color": "#6366f1"
+  },
+  "notes": [
+    "Button padding goes on module.decoration.spacing, NOT button.decoration.spacing",
+    "Button hover has a known Divi 5 bug — hardcoded CSS overrides padding on hover",
+    "Use unicode escapes for HTML in innerContent: \\u003cp\\u003e not <p>",
+    "Heading uses h1 tag in innerContent, styled via content.decoration.headingFont.h1"
+  ]
+}

package/templates/hero-marquee.json

@@ -0,0 +1,35 @@
+{
+  "name": "hero-marquee",
+  "description": "Full-viewport hero with video background, dark overlay, subtitle, and continuously scrolling marquee text at the bottom. Requires minimal CSS for animation.",
+  "customizable": ["video url", "overlay gradient", "subtitle text", "marquee text segments", "accent color", "font family", "animation speed"],
+  "requires_css": true,
+  "css_note": "This template needs CSS for @keyframes animation, inline-flex, and white-space:nowrap. Place in section freeForm CSS or Code module.",
+  "css": ".hero-section::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.7) 100%);z-index:1;pointer-events:none}\n.hero-section>.et_pb_row{position:relative;z-index:2}\n@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n.mq-scroll{display:inline-flex!important;animation:mq 30s linear infinite}\n.mq-scroll .et_pb_module{flex-shrink:0}\n.mq-scroll .et_pb_text_inner,.mq-scroll .et_pb_text_inner *{white-space:nowrap}",
+  "markup": "<!-- wp:divi/section {\"module\":{\"decoration\":{\"background\":{\"desktop\":{\"value\":{\"color\":\"#0a0a0a\",\"video\":{\"webm\":\"{{video_url}}\"}}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"syncVertical\":\"on\",\"syncHorizontal\":\"on\"}}}},\"sizing\":{\"desktop\":{\"value\":{\"minHeight\":\"100vh\"}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"justifyContent\":\"flex-end\"}}},\"attributes\":{\"desktop\":{\"value\":{\"attributes\":[{\"id\":\"hs1\",\"name\":\"class\",\"value\":\"hero-section\",\"adminLabel\":\"class hero-section\",\"targetElement\":\"main\"}]}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Section Hero\"}}}},\"builderVersion\":\"5.0.3\",\"css\":{\"desktop\":{\"value\":{\"freeForm\":\"{{css}}\"}}}} -->\n<!-- wp:divi/row {\"module\":{\"advanced\":{\"flexColumnStructure\":{\"desktop\":{\"value\":\"equal-columns_1\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"flexWrap\":\"nowrap\"}}},\"sizing\":{\"desktop\":{\"value\":{\"maxWidth\":\"100%\",\"width\":\"100%\"}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"syncVertical\":\"on\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Row One\"}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/column {\"module\":{\"decoration\":{\"sizing\":{\"desktop\":{\"value\":{\"flexType\":\"24_24\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"20px\",\"left\":\"20px\",\"right\":\"20px\",\"syncVertical\":\"off\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Subtitle\"}}}},\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"400\",\"color\":\"rgba(255,255,255,0.6)\",\"size\":\"15px\",\"letterSpacing\":\"4px\",\"lineHeight\":\"1.5em\",\"textAlign\":\"center\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp style=\\u0022text-transform:uppercase\\u0022\\u003e{{subtitle_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/group {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"flexDirection\":\"row\"}}},\"overflow\":{\"desktop\":{\"value\":{\"overflow-x\":\"hidden\",\"overflow-y\":\"hidden\",\"x\":\"hidden\",\"y\":\"hidden\"}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"20px\",\"bottom\":\"60px\",\"left\":\"0px\",\"right\":\"0px\",\"syncVertical\":\"off\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Group One (Track)\"}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/group {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"flexDirection\":\"row\",\"alignItems\":\"baseline\",\"flexWrap\":\"nowrap\"}}},\"attributes\":{\"desktop\":{\"value\":{\"attributes\":[{\"id\":\"mqs1\",\"name\":\"class\",\"value\":\"mq-scroll\",\"adminLabel\":\"class mq-scroll\",\"targetElement\":\"main\"}]}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Group Two (Scroll)\"}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"30px\",\"right\":\"30px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Main Text 1\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"#ffffff\",\"size\":\"100px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"60px\"}},\"phone\":{\"value\":{\"size\":\"40px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e{{marquee_text_1}}\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"20px\",\"right\":\"20px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Star 1\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{accent_color}}\",\"size\":\"60px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"40px\"}},\"phone\":{\"value\":{\"size\":\"28px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e\\u2726\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"30px\",\"right\":\"30px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Outline Text 1\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"rgba(255,255,255,0.15)\",\"size\":\"100px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"60px\"}},\"phone\":{\"value\":{\"size\":\"40px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e{{marquee_text_2}}\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"20px\",\"right\":\"20px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Star 2\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{accent_color}}\",\"size\":\"60px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"40px\"}},\"phone\":{\"value\":{\"size\":\"28px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e\\u2726\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"30px\",\"right\":\"30px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Main Text 2 (dup)\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"#ffffff\",\"size\":\"100px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"60px\"}},\"phone\":{\"value\":{\"size\":\"40px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e{{marquee_text_1}}\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"20px\",\"right\":\"20px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Star 3 (dup)\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{accent_color}}\",\"size\":\"60px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"40px\"}},\"phone\":{\"value\":{\"size\":\"28px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e\\u2726\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"30px\",\"right\":\"30px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Outline Text 2 (dup)\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"rgba(255,255,255,0.15)\",\"size\":\"100px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"60px\"}},\"phone\":{\"value\":{\"size\":\"40px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e{{marquee_text_2}}\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"left\":\"20px\",\"right\":\"20px\",\"syncHorizontal\":\"on\"}}}}},\"meta\":{\"adminLabel\":{\"desktop\":{\"value\":\"Star 4 (dup)\"}}}},\"content\":{\"decoration\":{\"headingFont\":{\"h2\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"700\",\"color\":\"{{accent_color}}\",\"size\":\"60px\",\"lineHeight\":\"1em\"}},\"tablet\":{\"value\":{\"size\":\"40px\"}},\"phone\":{\"value\":{\"size\":\"28px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch2\\u003e\\u2726\\u003c/h2\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/group -->\n<!-- /wp:divi/group -->\n<!-- /wp:divi/column -->\n<!-- /wp:divi/row -->\n<!-- /wp:divi/section -->",
+  "variables": {
+    "video_url": "http://site.local/wp-content/uploads/video.webm",
+    "font_family": "Space Grotesk",
+    "accent_color": "#f5c518",
+    "subtitle_text": "Label \u00b7 Date \u00b7 Location",
+    "marquee_text_1": "Your Main Text Here",
+    "marquee_text_2": "Secondary Text 2026"
+  },
+  "structure": {
+    "Section": "video bg + freeForm CSS + class: hero-section",
+    "Row": "full width (100%), no padding",
+    "Column": "full width (flexType 24_24)",
+    "Subtitle": "Text module, VB-editable",
+    "Group One (Track)": "overflow:hidden, flex row",
+    "Group Two (Scroll)": "flex row, nowrap, baseline, class: mq-scroll — CSS overrides to inline-flex + animation",
+    "Text modules x8": "4 content items duplicated for seamless loop"
+  },
+  "notes": [
+    "Marquee needs exactly 2x duplicate content for seamless -50% loop",
+    "inline-flex is NOT available in VB — must be set via CSS",
+    "CSS can go in section freeForm (css.desktop.value.freeForm) or Code module",
+    "All text modules are VB-editable — change text directly in Visual Builder",
+    "video_url MUST be a direct .webm file URL (e.g. https://site.com/uploads/video.webm) — YouTube/Vimeo URLs will NOT work. This template maps to the webm field; for .mp4, modify the markup to use video.mp4 instead",
+    "Overlay uses ::after pseudo-element via CSS — not available natively in VB",
+    "Admin labels help identify modules in VB layer panel"
+  ]
+}

package/templates/hero-split.json

@@ -0,0 +1,28 @@
+{
+  "name": "hero-split",
+  "description": "Split hero: text+buttons left, image right. Uses Group module for flex layout. Stacks vertically on tablet/phone.",
+  "customizable": ["background", "heading", "subtitle", "buttons", "image", "spacing", "responsive breakpoints"],
+  "markup": "<!-- wp:divi/section {\"module\":{\"decoration\":{\"background\":{\"desktop\":{\"value\":{\"gradient\":{\"enabled\":\"on\",\"direction\":\"160deg\",\"stops\":[{\"position\":0,\"color\":\"{{bg_color_1}}\"},{\"position\":50,\"color\":\"{{bg_color_2}}\"},{\"position\":100,\"color\":\"{{bg_color_3}}\"}]}}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"80px\",\"right\":\"\",\"bottom\":\"80px\",\"left\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}},\"tablet\":{\"value\":{\"padding\":{\"top\":\"60px\",\"right\":\"\",\"bottom\":\"60px\",\"left\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"block\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/row {\"module\":{\"advanced\":{\"flexColumnStructure\":{\"desktop\":{\"value\":\"equal-columns_1\"}}},\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"flexWrap\":\"nowrap\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/column {\"module\":{\"decoration\":{\"sizing\":{\"desktop\":{\"value\":{\"flexType\":\"24_24\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/group {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"flexDirection\":\"row\",\"alignItems\":\"center\",\"gap\":\"60px\"}},\"tablet\":{\"value\":{\"flexDirection\":\"column\",\"gap\":\"40px\"}}},\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"40px\",\"left\":\"\",\"right\":\"\",\"syncVertical\":\"on\",\"syncHorizontal\":\"off\"}}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/group {\"module\":{\"decoration\":{\"sizing\":{\"desktop\":{\"value\":{\"size\":[\"flexShrink\",\"flexGrow\"],\"maxWidth\":\"55%\"}},\"tablet\":{\"value\":{\"maxWidth\":\"100%\"}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"gap\":\"24px\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/text {\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"600\",\"color\":\"{{accent_color}}\",\"size\":\"13px\",\"letterSpacing\":\"3px\",\"lineHeight\":\"1.5em\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp style=\\u0022text-transform:uppercase\\u0022\\u003e{{label_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"content\":{\"decoration\":{\"headingFont\":{\"h1\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"weight\":\"800\",\"color\":\"#ffffff\",\"size\":\"56px\",\"letterSpacing\":\"-2px\",\"lineHeight\":\"1.08em\"}},\"tablet\":{\"value\":{\"size\":\"42px\",\"letterSpacing\":\"-1px\"}},\"phone\":{\"value\":{\"size\":\"32px\",\"letterSpacing\":\"0px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003ch1\\u003e{{heading_text}}\\u003c/h1\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/text {\"content\":{\"decoration\":{\"bodyFont\":{\"body\":{\"font\":{\"desktop\":{\"value\":{\"family\":\"{{font_family}}\",\"color\":\"{{subtitle_color}}\",\"size\":\"17px\",\"lineHeight\":\"1.8em\"}},\"tablet\":{\"value\":{\"size\":\"16px\"}}}}}},\"innerContent\":{\"desktop\":{\"value\":\"\\u003cp\\u003e{{subtitle_text}}\\u003c/p\\u003e\"}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/group {\"module\":{\"decoration\":{\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"flexDirection\":\"row\",\"gap\":\"16px\",\"alignItems\":\"center\"}},\"phone\":{\"value\":{\"flexDirection\":\"column\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/button {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"14px\",\"bottom\":\"14px\",\"left\":\"28px\",\"right\":\"28px\",\"syncVertical\":\"on\",\"syncHorizontal\":\"on\"}}}}}},\"button\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{primary_button_text}}\"}}},\"decoration\":{\"button\":{\"desktop\":{\"value\":{\"enable\":\"on\",\"icon\":{\"enable\":\"off\"}}}},\"font\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"#ffffff\",\"family\":\"{{font_family}}\",\"weight\":\"700\"}}}},\"background\":{\"desktop\":{\"value\":{\"color\":\"{{accent_color}}\"}}},\"border\":{\"desktop\":{\"value\":{\"radius\":{\"topLeft\":\"10px\",\"topRight\":\"10px\",\"bottomLeft\":\"10px\",\"bottomRight\":\"10px\",\"sync\":\"on\"}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- wp:divi/button {\"module\":{\"decoration\":{\"spacing\":{\"desktop\":{\"value\":{\"padding\":{\"top\":\"14px\",\"bottom\":\"14px\",\"left\":\"28px\",\"right\":\"28px\",\"syncVertical\":\"on\",\"syncHorizontal\":\"on\"}}}}}},\"button\":{\"innerContent\":{\"desktop\":{\"value\":{\"text\":\"{{secondary_button_text}}\"}}},\"decoration\":{\"button\":{\"desktop\":{\"value\":{\"enable\":\"on\",\"icon\":{\"enable\":\"off\"}}}},\"font\":{\"font\":{\"desktop\":{\"value\":{\"color\":\"{{subtitle_color}}\",\"family\":\"{{font_family}}\",\"weight\":\"600\"}}}},\"background\":{\"desktop\":{\"value\":{\"color\":\"transparent\"}}},\"border\":{\"desktop\":{\"value\":{\"radius\":{\"topLeft\":\"10px\",\"topRight\":\"10px\",\"bottomLeft\":\"10px\",\"bottomRight\":\"10px\",\"sync\":\"on\"},\"styles\":{\"all\":{\"width\":\"1px\",\"color\":\"rgba(160,163,214,0.3)\",\"style\":\"solid\"}}}}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/group -->\n<!-- /wp:divi/group -->\n<!-- wp:divi/group {\"module\":{\"decoration\":{\"sizing\":{\"desktop\":{\"value\":{\"size\":[\"flexShrink\"],\"maxWidth\":\"40%\"}},\"tablet\":{\"value\":{\"maxWidth\":\"70%\"}},\"phone\":{\"value\":{\"maxWidth\":\"100%\"}}},\"layout\":{\"desktop\":{\"value\":{\"display\":\"flex\",\"justifyContent\":\"center\",\"alignItems\":\"center\"}}}}},\"builderVersion\":\"5.0.3\"} -->\n<!-- wp:divi/image {\"module\":{\"decoration\":{\"border\":{\"desktop\":{\"value\":{\"radius\":{\"topLeft\":\"1.5rem\",\"topRight\":\"1.5rem\",\"bottomLeft\":\"1.5rem\",\"bottomRight\":\"1.5rem\",\"sync\":\"on\"}}}},\"boxShadow\":{\"desktop\":{\"value\":{\"style\":\"preset1\",\"vertical\":\"30px\",\"blur\":\"60px\",\"color\":\"rgba(99,102,241,0.3)\"}}}},\"advanced\":{\"sizing\":{\"desktop\":{\"value\":{\"size\":[\"flexShrink\"]}}}}},\"image\":{\"innerContent\":{\"desktop\":{\"value\":{\"src\":\"{{image_url}}\",\"alt\":\"{{image_alt}}\",\"titleText\":\"\"}}}},\"builderVersion\":\"5.0.3\"} /-->\n<!-- /wp:divi/group -->\n<!-- /wp:divi/group -->\n<!-- /wp:divi/column -->\n<!-- /wp:divi/row -->\n<!-- /wp:divi/section -->",
+  "variables": {
+    "bg_color_1": "#0a0a2e",
+    "bg_color_2": "#12124a",
+    "bg_color_3": "#1a0a3e",
+    "accent_color": "#6366f1",
+    "subtitle_color": "#a0a3d6",
+    "font_family": "Inter",
+    "label_text": "YOUR LABEL",
+    "heading_text": "Your Heading\\u003cbr\\u003eGoes Here",
+    "subtitle_text": "Subtitle description text.",
+    "primary_button_text": "Primary CTA",
+    "secondary_button_text": "Secondary CTA",
+    "image_url": "http://example.com/image.jpg",
+    "image_alt": "Hero image"
+  },
+  "notes": [
+    "Outer Group uses flexDirection:row with gap:60px, switches to column on tablet",
+    "Left Group takes 55% width, right Group takes 40% — remaining 5% is gap",
+    "Two buttons in a nested Group with flexDirection:row, stacks on phone",
+    "Image has box shadow for depth — adjust color to match accent",
+    "Secondary button uses transparent bg with subtle border"
+  ]
+}