Spencer
f57034e40d
Sections: - Add announcement-bar, cards, features-3col-cards, hero-card-homepage, hero-card-page, hero-slider - Rename content-image-right → content-image (image-left layout, better mobile stacking) Design system: - Add cards-grid global class (flex-wrap for fluid wrapping card grids) - Update feature-card with responsive _widthMax constraints (33%/50%/95%) - Document Bricks Style Manager spacing setup in design.md Headers: - Fix header-with-cta mobile hamburger positioning — wrap nav+button in block element with row-reverse on mobile Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
83 lines
1.8 KiB
JSON
83 lines
1.8 KiB
JSON
{
|
|
"title": "BCW — Hero Simple",
|
|
"type": "section",
|
|
"templateType": "section",
|
|
"content": [
|
|
{
|
|
"id": "con001",
|
|
"name": "container",
|
|
"parent": 0,
|
|
"children": ["hdg001", "txt001", "con002"],
|
|
"settings": {
|
|
"_direction": "column",
|
|
"_alignItems": "center",
|
|
"_justifyContent": "center",
|
|
"_gap": "24px",
|
|
"_background": {
|
|
"image": {
|
|
"url": "https://picsum.photos/1200/600",
|
|
"external": true,
|
|
"filename": "600"
|
|
}
|
|
},
|
|
"_height": "300px",
|
|
"_width": "100%"
|
|
},
|
|
"label": "Hero Simple"
|
|
},
|
|
{
|
|
"id": "hdg001",
|
|
"name": "heading",
|
|
"parent": "con001",
|
|
"children": [],
|
|
"settings": {
|
|
"tag": "h1",
|
|
"text": "Your Headline Goes Here"
|
|
}
|
|
},
|
|
{
|
|
"id": "txt001",
|
|
"name": "text-basic",
|
|
"parent": "con001",
|
|
"children": [],
|
|
"settings": {
|
|
"text": "Supporting text that describes your offer or value proposition goes here. Keep it concise and benefit-focused."
|
|
}
|
|
},
|
|
{
|
|
"id": "con002",
|
|
"name": "container",
|
|
"parent": "con001",
|
|
"children": ["btn001", "btn002"],
|
|
"settings": {
|
|
"_direction": "row",
|
|
"_alignItems": "center",
|
|
"_justifyContent": "center",
|
|
|
|
"_gap": "16px",
|
|
"_columnGap": "var(--col-gap)"
|
|
}
|
|
},
|
|
{
|
|
"id": "btn001",
|
|
"name": "button",
|
|
"parent": "con002",
|
|
"children": [],
|
|
"settings": {
|
|
"text": "Get Started",
|
|
"style": "primary"
|
|
}
|
|
},
|
|
{
|
|
"id": "btn002",
|
|
"name": "button",
|
|
"parent": "con002",
|
|
"children": [],
|
|
"settings": {
|
|
"text": "Learn More",
|
|
"style": "primary"
|
|
}
|
|
}
|
|
]
|
|
}
|