Get a Quote
Contemporary
Step into the sleek world of contemporary architecture, where clean lines and modern sophistication converge. With Hardie® siding, you can transform your home into a sanctuary of refined elegance, blending contemporary flair with timeless charm.Exploring Contemporary home hallmarks
These key hallmarks prove classic elegance and modern living can harmoniously coexist.
Clean lines
Contemporary homes are characterized by sleek and minimalist design, featuring clean lines, geometric shapes, and an emphasis on simplicity.
Large windows
Contemporary architecture often incorporates expansive windows and glass walls, maximizing natural light and blurring the boundaries between indoor and outdoor spaces.
Innovative materials
Contemporary homes embrace modern—and often eco-friendly—building materials such as concrete, steel, and glass, creating a distinctive and forward-thinking aesthetic.
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 Contemporary home in a variety of ways below.", "title": "Contemporary, three ways", "component": { "type": "tabsContainer", "slots": { "content": [ { "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": "Opt for plank shiplap siding to achieve a contemporary look that exudes refined simplicity and timeless sophistication.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Contemporary Classic" } } }, { "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": "Choose from a palette of timeless grays to enhance your home's design and create a harmonious blend with the architectural details of your home. ", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Contemporary Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Landscaping", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Soften sharp lines with lush greenery and natural elements, blurring the lines between indoor and outdoor living.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Landscaping - Contemporary Classic" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "1J728iqp4AQKpLqZNXOM9Q", "type": "Entry", "publishedVersion": 14, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T23:40:59.135Z", "updatedAt": "2024-03-29T00:08:17.784Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Architectural Panel - Fine Sand in Cobble Stone", "name": "fp-architectural-panel-fine-sand-in-cobble-stone", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "HAODtZ13eEIsKbLySkl6B", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:49:49.407Z", "updatedAt": "2024-03-28T16:49:49.407Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-cobble-stone", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/HAODtZ13eEIsKbLySkl6B/c96b659645087f8d519b37e625ed70a2/statement-cobble-stone.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-cobble-stone.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Architectural Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Fine Sand in Cobble Stone", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://pp-prod.jameshardie.com/product-catalog/exterior-siding-products/hardie-architectural-panel-siding" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "4IpCFRspObLIMdHa92kqY3", "type": "Entry", "publishedVersion": 18, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T23:43:47.985Z", "updatedAt": "2024-12-12T17:39:29.310Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 4, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Artisan® Siding - V-Groove in Midnight Black", "name": "fp-artisan-midnight-black", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "62KfY26rGAPuV6sdxLnUYH", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T23:42:44.853Z", "updatedAt": "2024-03-28T23:42:44.853Z", "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/62KfY26rGAPuV6sdxLnUYH/8d1a5d3a7191cb660707e8d7ffbce15c/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® Artisan® Siding", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "V-Groove in Midnight Black", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-artisan-siding/" }, "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": "Timeless transformation", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Explore the enduring allure of contemporary design, where understated elegance meets modern functionality. Discover its timeless appeal and seamless integration with contemporary living.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/6rTmpDSVD3Hn0uLICvD0rN/5a71e884c341acca8f6ee744f6f8da80/contemporary-hardie-architectural-panel-cobble-stone-hardie-artisan-shiplap-iron-gray-architectural-trim.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": "Choose architectural panels to achieve an elegant contemporary look, infusing your home with modern refinement.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Contemporary Elegant" } } }, { "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": "Opt for subtle yet distinctive colors like bright whites or pale grays to complement your natural surroundings, creating a harmonious blend of contemporary elegance and organic beauty.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Contemporary Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Stone accents", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Enhance the elegance of your home with stone accents, adding texture and visual interest to your exterior while maintaining a clean, polished look.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Stone accents - Contemporary Elegant" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "49daI2FkO50gOz8k9dWqGl", "type": "Entry", "publishedVersion": 11, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T23:50:36.315Z", "updatedAt": "2024-03-29T17:41:06.188Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Architectural Panel - Fine Sand-Grooved in Arctic White", "name": "fp-architectural-panel-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": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Architectural Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Fine Sand-Grooved in Arctic White", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-architectural-panel-siding" }, "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": "Modern chic", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Step into the world of elegant contemporary design, where warmth and sophistication combine to create a space that is both inviting and effortlessly chic.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/3SLJMkHGznnTRakgUVk3I3/eca270ac54297fe5f2bfee7632cc2bdd/contemporary-hardie-architectural-panel-arctic-white-architectural-trim.jpg" }, "title": { "type": "text", "value": "Elegant" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Modern chic", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Step into the world of elegant contemporary design, where warmth and sophistication combine to create a space that is both inviting and effortlessly chic.", "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": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Siding material", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Choose sleek panel siding for a bold look. This modern siding option provides a clean and streamlined appearance that enhances the architectural style of your home.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Contemporary 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": "Choose muted colors like slate, sage, or deep blue to make a bold statement with your home's exterior, infusing it with energy and personality.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Contemporary Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Dynamic landscaping", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Elevate your contemporary home with dynamic landscaping, featuring geometric shapes and strategic plantings for a striking visual impact.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Dynamic landscaping - Contemporary Bold" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "2YVyMhGUMtQnDDaxyWGC8r", "type": "Entry", "publishedVersion": 14, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T00:01:23.203Z", "updatedAt": "2024-12-12T17:40:44.690Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Artisan® Siding - V-Groove in Gray Slate", "name": "fp-artisan-gray-slate", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "7tT2DienT53AHsCUGkeOEF", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T00:01:12.509Z", "updatedAt": "2024-03-29T00:01:12.509Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-gray-slate", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/7tT2DienT53AHsCUGkeOEF/3a3ae80d2c81e85641e0806b21389cb8/statement-gray-slate.png", "details": { "size": 6132, "image": { "width": 600, "height": 600 } }, "fileName": "statement-gray-slate.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Artisan® Siding", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "V-Groove in Gray Slate", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-artisan-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "u9BA62JwkngzIQtCSjlxR", "type": "Entry", "publishedVersion": 9, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T00:07:25.707Z", "updatedAt": "2024-03-29T00:07:25.707Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Architectural Panel - Sea Grass in Light Mist", "name": "fp-architectural-panel-light-mist", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "3x2cMSJVC14YDjwg95f82k", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T00:06:37.679Z", "updatedAt": "2024-03-29T00:06:37.679Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-light-mist", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/3x2cMSJVC14YDjwg95f82k/b847934b1c9207f7f49a15556011b178/statement-light-mist.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-light-mist.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Architectural Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Sea Grass in Light Mist", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://pp-prod.jameshardie.com/product-catalog/exterior-siding-products/hardie-architectural-panel-siding" }, "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": "Vibrant statement", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace the bold allure of contemporary architecture with distinctive siding that commands attention and creates a striking focal point for your home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/SflPu1xCelLok35xbmPK2/fed90c6e5ad528738d9866a10a13bc4b/contemporary-hardie-artisan-v-groove-gray-slate-hardie-architectural-panel-light-mist-architectural-trim.jpg" }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Vibrant statement", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace the bold allure of contemporary architecture with distinctive siding that commands attention and creates a striking focal point for your 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 Contemporary home in a variety of ways below." }, "title": { "type": "text", "value": "Contemporary, three ways" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/TabsContainer.tsx"
Need more help? Check out the documentation.
Preview your design ideas on a model of your actual home
See how different materials choices can completely change your home's look
Instantly swap out different colors to find your favorite color palette
Feel confident in your design decisions before your project starts
Bring your vision to life
See how beautifully things can come together with the Hover® Design Studio app, brought to you by James Hardie. Using just eight photos of your exterior, Hover® creates a 3D model of your home so you can start designing.
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.
Get a Quote