
Midcentury Modern Ranch
Indulge in the sleek sophistication of midcentury modern ranch living. With Hardie® siding, you can channel the iconic style of the mid-20th century, blending clean lines and natural materials to create a home that embodies timeless elegance and modern allure.Exploring midcentury modern ranch home hallmarks
These key hallmarks prove classic elegance and modern living can harmoniously coexist.
Single-level living
Midcentury modern ranch homes are characterized by their sprawling, single-story layout, offering easy accessibility and a seamless flow between indoor and outdoor spaces.
Horizontal emphasis
Ranch homes emphasize horizontal lines and a low-slung profile, echoing the expansive horizontality of the American landscape and promoting a sense of openness.
Minimalist design
Midcentury modern ranch homes often feature a minimalist design aesthetic, with clean lines, flat or low-pitched roofs, and an integration of natural materials such as wood and stone.
Unknown Component
Received request from Uniform to render a component with the public ID: tabsContainer
.
<UniformComposition />
does not have tabsContainer
mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function TabsContainer({ body, title }) { return ( <div> TabsContainer! <UniformSlot name="content" /> </div> ) } registerUniformComponent({ type: "tabsContainer", component: TabsContainer })
Props that your React component will receive
{ "body": "Find out how to capture the character of a midcentury modern ranch home in a variety of ways below.", "title": "Midcentury modern ranch, three ways", "component": { "type": "tabsContainer", "slots": { "content": [ { "type": "tab", "slots": { "content": [ { "type": "valuePropositionsContainer", "slots": { "content": [ { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Siding material", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Create the sleek lines and clean aesthetics of classic midcentury modern design with horizontal lap siding, completing the look with smooth trim.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - MCM-Style Ranch Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Color palette", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Opt for subtle yet distinctive colors like bright whites with crisp dark trim to complement the midcentury modern aesthetic.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - MCM-Style Ranch Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Landscaping", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Soften sharp lines with lush greenery and natural elements, blurring the lines between indoor and outdoor living.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Landscaping - MCM-Style Ranch Classic" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "3BJ1FBcsitQSiAHEaFUz2d", "type": "Entry", "publishedVersion": 14, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:24:31.866Z", "updatedAt": "2024-03-29T15:55:24.536Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 4, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Plank - Arctic White", "name": "fp-plank-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:47:11.817Z", "updatedAt": "2024-03-28T16:47:11.817Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1RlsA2QcnWrbPgctkOr8Hm/607fab97da3e870e41f7627435ad8e02/statement-arctic-white.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-arctic-white.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Plank", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Arctic White", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-plank-lap-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "1zEqBQ5qEgLWmsa4zdfW1s", "type": "Entry", "publishedVersion": 8, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:19.639Z", "updatedAt": "2024-03-29T16:29:04.873Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Midnight Black", "name": "fp-trim-midnight-black", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5YhSMyCAzGyWMzaFgqqcMD", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:05.485Z", "updatedAt": "2024-03-29T14:30:05.485Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-midnight-black", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/5YhSMyCAzGyWMzaFgqqcMD/30f8daa8c5a6ffa63db9946418b9a6dc/statement-midnight-black.png", "details": { "size": 6131, "image": { "width": 600, "height": 600 } }, "fileName": "statement-midnight-black.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Midnight Black", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "1kOaN6jQZKO1NBfPVriVFp", "type": "Entry", "publishedVersion": 12, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T23:54:52.517Z", "updatedAt": "2024-03-29T15:29:26.426Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Soffit - Arctic White", "name": "fp-soffit-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:47:11.817Z", "updatedAt": "2024-03-28T16:47:11.817Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1RlsA2QcnWrbPgctkOr8Hm/607fab97da3e870e41f7627435ad8e02/statement-arctic-white.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-arctic-white.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Soffit", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Arctic White", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/soffit-products/hardie-soffit-panels/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Ranch revival", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Discover the timeless appeal of a classic midcentury modern ranch home. From sleek lines to understated details, iconic design meets modern comfort.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/2HAj57L155SQbsWOMBRjcq/d2a5a2ccc2c162d86c7212fe930ce897/MCM-ranch-hardie-plank-arctic-white-hardie-trim-midnight-black.jpg" } } } ] }, "parameters": { "title": { "type": "text", "value": "Classic" } } }, { "type": "tab", "slots": { "content": [ { "type": "valuePropositionsContainer", "slots": { "content": [ { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Siding material", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Achieve both elegance and the sleek, clean lines characteristic of midcentury modern architecture by opting for smooth lap siding for your home.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - MCM-Style Ranch Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Color palette", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Choose subtle shades, like soft grays for trim and soffit, to complement your choice of siding in muted tones like cool blues.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - MCM-Style Ranch Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Landscaping", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Enhance privacy and evoke a sense of zen with carefully curated greenery and geometric shapes that echo the clean lines and strategic simplicity of midcentury modern architecture.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Landscaping - MCM-Style Ranch Elegant" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "products": { "type": "json", "value": [ { "sys": { "id": "3BJ1FBcsitQSiAHEaFUz2d", "type": "Entry", "publishedVersion": 14, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:24:31.866Z", "updatedAt": "2024-03-29T15:55:24.536Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 4, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Plank - Arctic White", "name": "fp-plank-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:47:11.817Z", "updatedAt": "2024-03-28T16:47:11.817Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1RlsA2QcnWrbPgctkOr8Hm/607fab97da3e870e41f7627435ad8e02/statement-arctic-white.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-arctic-white.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Plank", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Arctic White", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-plank-lap-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "630DsHtOWUbzGJqWTvFkjB", "type": "Entry", "publishedVersion": 8, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:37:49.411Z", "updatedAt": "2024-03-29T14:37:49.411Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Boothbay Blue", "name": "hardie-panel-boothbay-blue", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5aNohXpluPWbOnDEBhyZeo", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T04:49:16.918Z", "updatedAt": "2024-03-29T04:49:16.918Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-boothbay-blue", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/5aNohXpluPWbOnDEBhyZeo/2e85e2c4ccdbf58a26cf377309938c61/statement-boothbay-blue.png", "details": { "size": 6139, "image": { "width": 600, "height": 600 } }, "fileName": "statement-boothbay-blue.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Boothbay Blue", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "6fmVb9gPbptNVVHD1XofJO", "type": "Entry", "publishedVersion": 8, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:39:20.734Z", "updatedAt": "2024-03-29T14:39:20.734Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Monterey Taupe", "name": "fp-trim-monterey-taupe", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "2eNMS6iBEclBaLKV1PQ6lF", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:38:58.241Z", "updatedAt": "2024-03-29T14:38:58.241Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-monterey-taupe", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/2eNMS6iBEclBaLKV1PQ6lF/89c9ec11f6a82d27777ec297d87cbfb5/statement-monterey-taupe.png", "details": { "size": 6140, "image": { "width": 600, "height": 600 } }, "fileName": "statement-monterey-taupe.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Monterey Taupe", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://pp-prod.jameshardie.com/product-catalog/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Ranch meets refinement", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Elevate your living space with an elegant and updated midcentury modern ranch home. Embrace subtle shades for a refined backdrop, allowing architectural features to shine.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/HhgGfanqrw1clWk5BpyS9/fe11508fb82dcf4be73affb06df70a95/MCM-ranch-hardie-panel-batten-boothbay-blue-hardie-trim-monterey-taupe.jpg" }, "title": { "type": "text", "value": "Elegant" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Ranch meets refinement", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Elevate your living space with an elegant and updated midcentury modern ranch home. Embrace subtle shades for a refined backdrop, allowing architectural features to shine.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "Elegant" } } }, { "type": "tab", "slots": { "content": [ { "type": "valuePropositionsContainer", "slots": { "content": [ { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Siding material", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Achieve a striking contrast against the landscape by incorporating paneled siding and trim featuring rustic grain textures and wood accents to add visual interest.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - MCM-Style Ranch Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Color palette", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "For a dynamic color palette that adds depth, opt for primary siding in deep blues or greens paired with trim in an even deeper tone for a dramatic finish.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - MCM-Style Ranch Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Lighting", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Illuminate the boldness of your home with functional and striking lighting that creates a captivating ambiance both indoors and out.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Lighting - MCM-Style Ranch Bold" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "4ZyTSzHlsaeci2myDd1SDy", "type": "Entry", "publishedVersion": 6, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:46:35.050Z", "updatedAt": "2024-03-29T14:46:35.050Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Mountain Sage", "name": "fp-panel-mountain-sage", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1Yflca4ae40gIUbn51a6Pw", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:46:31.664Z", "updatedAt": "2024-03-29T14:46:31.664Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-mountain-sage", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1Yflca4ae40gIUbn51a6Pw/44f9cb5c8e95c0f68c6ca34f4c8477a8/statement-mountain-sage.png", "details": { "size": 6138, "image": { "width": 600, "height": 600 } }, "fileName": "statement-mountain-sage.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Mountain Sage", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "1zEqBQ5qEgLWmsa4zdfW1s", "type": "Entry", "publishedVersion": 8, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:19.639Z", "updatedAt": "2024-03-29T16:29:04.873Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Midnight Black", "name": "fp-trim-midnight-black", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5YhSMyCAzGyWMzaFgqqcMD", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:05.485Z", "updatedAt": "2024-03-29T14:30:05.485Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-midnight-black", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/5YhSMyCAzGyWMzaFgqqcMD/30f8daa8c5a6ffa63db9946418b9a6dc/statement-midnight-black.png", "details": { "size": 6131, "image": { "width": 600, "height": 600 } }, "fileName": "statement-midnight-black.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Midnight Black", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "2a7rrPf7bQrCvuhI4qwLaY", "type": "Entry", "publishedVersion": 8, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:48:52.045Z", "updatedAt": "2024-03-29T14:48:52.045Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Plank - Midnight Black", "name": "fp-plank-midnight-black", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5YhSMyCAzGyWMzaFgqqcMD", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:05.485Z", "updatedAt": "2024-03-29T14:30:05.485Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-midnight-black", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/5YhSMyCAzGyWMzaFgqqcMD/30f8daa8c5a6ffa63db9946418b9a6dc/statement-midnight-black.png", "details": { "size": 6131, "image": { "width": 600, "height": 600 } }, "fileName": "statement-midnight-black.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Plank", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Midnight Black", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-plank-lap-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Balanced boldness", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Easily accentuate architectural roots and balance boldness with Statement Collection® products and colors for your midcentury modern ranch home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/3KShVBLL5ODJQvleRqTcsb/4e6cac49744a754fec711824eda863de/MCM-ranch-hardie-panel-batten-mountain-sage-hardie-plank-trim-midnight-black.jpg" }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Balanced boldness", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Easily accentuate architectural roots and balance boldness with Statement Collection® products and colors for your midcentury modern ranch home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "text", "value": "Find out how to capture the character of a midcentury modern ranch home in a variety of ways below." }, "title": { "type": "text", "value": "Midcentury modern ranch, three ways" } } } }
- Import the component into the file where
<UniformComposition />
is defined, for exampleimport "../components/TabsContainer.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: textImageItem
.
<UniformComposition />
does not have textImageItem
mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function TextImageItem({ link, ctaText, bodyCopy, headline }) { return ( <div> TextImageItem! <UniformSlot name="media" /> </div> ) } registerUniformComponent({ type: "textImageItem", component: TextImageItem })
Props that your React component will receive
{ "link": { "path": "/hardie-designer", "type": "projectMapNode", "nodeId": "29baa14f-8672-4679-ba44-373c34ceb23f", "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9" }, "ctaText": "Customize your home with Hardie™ Designer", "bodyCopy": "Try Hardie® siding products on photos of your home! Adjust the style, material, and color, then save the photo-realistic images to share with your contractor. ", "headline": "Bring your project to life", "component": { "type": "textImageItem", "_pattern": "07c7bcf1-8414-4273-828e-5507586cffec", "parameters": { "link": { "type": "link", "value": { "path": "/hardie-designer", "type": "projectMapNode", "nodeId": "29baa14f-8672-4679-ba44-373c34ceb23f", "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9" } }, "ctaText": { "type": "text", "value": "Customize your home with Hardie™ Designer" }, "bodyCopy": { "type": "text", "value": "Try Hardie® siding products on photos of your home! Adjust the style, material, and color, then save the photo-realistic images to share with your contractor. " }, "headline": { "type": "text", "value": "Bring your project to life" } }, "slots": { "media": [ { "type": "media", "parameters": { "src": { "type": "text", "value": "//videos.ctfassets.net/dzi2asncd44t/23JIeUZ1bDVvZqI7Gwky3Q/100bf1bb50c4826d05d0e0872ab7d6a4/Inspiration_Hardie_1194x834.mp4" }, "autoplay": { "type": "checkbox", "value": true } } } ] } } }
- Import the component into the file where
<UniformComposition />
is defined, for exampleimport "../components/TextImageItem.tsx"
Need more help? Check out the documentation.
Inspiration meets possibility
Follow James HardieUnknown Component
Received request from Uniform to render a component with the public ID: disclaimerText
.
<UniformComposition />
does not have disclaimerText
mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function DisclaimerText({ text, theme }) { return ( <div> DisclaimerText! </div> ) } registerUniformComponent({ type: "disclaimerText", component: DisclaimerText })
Props that your React component will receive
{ "text": "Hover is a registered trademark of Hover Inc. Hardie® siding complies with ASTM E136 as a noncombustible cladding and with ASTM E84 for surface burning characteristics of building materials.", "theme": "dark", "component": { "type": "disclaimerText", "_pattern": "86bfbe85-3e37-4029-ac5e-97b14948d5a6", "parameters": { "text": { "type": "text", "value": "Hover is a registered trademark of Hover Inc. Hardie® siding complies with ASTM E136 as a noncombustible cladding and with ASTM E84 for surface burning characteristics of building materials." }, "theme": { "type": "select", "value": "dark" } } } }
- Import the component into the file where
<UniformComposition />
is defined, for exampleimport "../components/DisclaimerText.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.