Get a Quote
Tudor
Step into the enchanting world of Tudor architecture, where medieval charm intertwines with modern luxury. With Hardie® siding, you can reimagine your home as a haven of timeless elegance, embodying the essence of Tudor style while embracing the convenience of contemporary living.Exploring Tudor home hallmarks
These key hallmarks prove classic elegance and modern living can harmoniously coexist.
Half-timbering
Tudor homes are characterized by their distinctive half-timbered exteriors, with exposed wooden framing filled with stucco or brick, creating a picturesque and Old-World charm.
Steeply pitched roof
Tudor homes often feature steeply pitched roofs with multiple gables and dormers, adding to their fairy-tale-like appearance and providing architectural interest.
Leaded glass windows
A hallmark of Tudor architecture, leaded glass windows feature intricate patterns of small panes held together by lead caming, adding character and warmth to the home's facade.
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 Tudor home in a variety of ways below.", "title": "Tudor, 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": "Achieve a classic Tudor home that exudes traditional elegance and enduring charm by using vertical panels that pay homage to the style.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Tudor 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": "Choose from soft browns, greens, or grays to enhance the Tudor style’s allure, creating a harmonious blend with the architectural features of your home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Tudor Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Wide trim", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Capture the essence of classic Tudor architecture by opting for a wide trim profile, reminiscent of exposed timber framing, to add authenticity and character.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Wide trim - Tudor Classic" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "3KnDWur0RYt05PPcp3sJ6O", "type": "Entry", "publishedVersion": 10, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:12:36.832Z", "updatedAt": "2024-03-29T14:36:48.978Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Arctic White", "name": "hardie-panel-arctic-white", "value": { "data": {}, "content": [ { "data": { "target": { "sys": { "id": "67SVDeP7MmPzIE6VgHxBpx", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:14.558Z", "updatedAt": "2024-03-27T08:08:14.558Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/67SVDeP7MmPzIE6VgHxBpx/c2b67c580f7d85f0a48509e9f2e785b7/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": "embedded-asset-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Hardie® Panel", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Arctic White", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" }, { "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "data": {}, "marks": [], "value": "View product details", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "6xD25FYIvpeanqLDq1m2TS", "type": "Entry", "publishedVersion": 5, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T17:26:37.954Z", "updatedAt": "2024-03-29T17:26:37.954Z", "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 - Navajo Beige", "name": "hardie-panel-navajo-beige", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "SDlT5xAzPcr56WoHcOPp0", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T17:26:34.839Z", "updatedAt": "2024-03-29T17:26:34.839Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-navajo-beige", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/SDlT5xAzPcr56WoHcOPp0/8d486eda06a493bc965d37d628837831/statement-navajo-beige.png", "details": { "size": 6138, "image": { "width": 600, "height": 600 } }, "fileName": "statement-navajo-beige.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": "Navajo Beige", "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": "3YEEuoVm6QRBPFBlzWij9s", "type": "Entry", "publishedVersion": 10, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T17:27:41.255Z", "updatedAt": "2024-03-29T17:43:12.358Z", "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 - Timber Bark", "name": "fp-trim-timber-bark", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "o4heiDHismZsGJDW6QD5G", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:04:26.526Z", "updatedAt": "2024-03-29T15:04:26.526Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-timber-bark", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/o4heiDHismZsGJDW6QD5G/9f1ddc3a8f447e803e1bd0d01723615d/statement-timber-bark.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-timber-bark.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": "Timber Bark", "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": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Resplendent revival", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Step into the timeless charm of Tudor architecture, where classic elegance meets modern durability. Rediscover the enduring allure of this style and its timeless appeal.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/2WXaqas6oyNdiy9pHBzMVc/973b3383c8ec3d2c01962b4120003aaa/tudor-hardie-panel-arctic-white-panel-navajo-beige-hardie-trim-timber-bark.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": "Bridge tradition with board and batten for sleek and sophisticated look that complements the clean lines of a modern Tudor home.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Tudor 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 tones that harmonize with the surrounding landscape. Select neutral or pastel tones to enhance the modern yet classic appeal of your home's facade.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Tudor Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Quaint doorway", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Personalize your entryway with a quaint Tudor doorway featuring an arched or panelled door, embellished with ornate hardware.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Quaint doorway - Tudor Elegant" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "1X2U41rFm3HH13aJn5cDKV", "type": "Entry", "publishedVersion": 4, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T17:41:37.062Z", "updatedAt": "2024-03-29T17:41:37.062Z", "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 - Mounded Sand in Arctic White", "name": "fp-architectural-panel-arctic-white-2", "value": { "data": {}, "content": [ { "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": "embedded-asset-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Hardie® Architectural Panel", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Mounded Sand in Arctic White", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" }, { "data": { "uri": "/product-catalog/exterior-siding-products/hardie-architectural-panel-siding" }, "content": [ { "data": {}, "marks": [], "value": "View product details", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "1v70V2VJiwtYyny8dlqn3O", "type": "Entry", "publishedVersion": 4, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T17:43:43.585Z", "updatedAt": "2024-03-29T17:43:43.585Z", "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 - Iron Gray", "name": "fp-trim-iron-gray", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "koCTYhyfkHRtNUalEUyrc", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:00.438Z", "updatedAt": "2024-03-27T08:08:00.438Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-iron-gray", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/koCTYhyfkHRtNUalEUyrc/52b3e44f9fa906144382db950136bbd6/statement-iron-gray.png", "details": { "size": 6128, "image": { "width": 600, "height": 600 } }, "fileName": "statement-iron-gray.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": "Iron Gray", "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": "47ANLzl0OCOPoezTGP34La", "type": "Entry", "publishedVersion": 12, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:48.067Z", "updatedAt": "2024-03-29T14:45:44.515Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Iron Gray", "name": "fp-panel-iron-gray", "value": { "data": {}, "content": [ { "data": { "target": { "sys": { "id": "koCTYhyfkHRtNUalEUyrc", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:00.438Z", "updatedAt": "2024-03-27T08:08:00.438Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-iron-gray", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/koCTYhyfkHRtNUalEUyrc/52b3e44f9fa906144382db950136bbd6/statement-iron-gray.png", "details": { "size": 6128, "image": { "width": 600, "height": 600 } }, "fileName": "statement-iron-gray.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [], "nodeType": "embedded-asset-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Hardie® Panel", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Iron Gray", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" }, { "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "data": {}, "marks": [], "value": "View product details", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Majestic makeover", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Step into the world of Modern Tudor design, where clean lines and subtle elegance combine to create a space that is both inviting and effortlessly chic.", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/4NXHWIhz4SvsaC2p16FmAP/93d588b0e0f615704c139683dcfea400/tudor-hardie-architectural-panel-arctic-white-hardie-panel-batten-iron-gray.jpg" }, "title": { "type": "text", "value": "Elegant" } } } ] }, "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Majestic makeover", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Step into the world of Modern Tudor design, where clean lines and subtle elegance combine to create a space that is both inviting and effortlessly chic.", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "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 vertical panels with batten trim to craft a bold juxtaposition against traditional Tudor elements, all the while preserving the home's inherent elegance.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Tudor 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 bold and vibrant colors like deep blues or greens for your Tudor home's siding to create a striking contrast with its classic features.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Tudor Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Siding layout", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "For a bold reinterpretation of a Tudor home, consider a modern approach with large panels to simplify the silhouette, offering a grand yet subdued aesthetic.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Siding layout - Tudor Bold" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "6ucU9b5cMzVSnmlNpnu6rr", "type": "Entry", "publishedVersion": 5, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T17:49:28.517Z", "updatedAt": "2024-03-29T17:49:28.517Z", "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 - Fine Sand in Mountain Sage", "name": "fp-architectural-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® Architectural Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Fine Sand in Mountain Sage", "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": "3KnDWur0RYt05PPcp3sJ6O", "type": "Entry", "publishedVersion": 10, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:12:36.832Z", "updatedAt": "2024-03-29T14:36:48.978Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Arctic White", "name": "hardie-panel-arctic-white", "value": { "data": {}, "content": [ { "data": { "target": { "sys": { "id": "67SVDeP7MmPzIE6VgHxBpx", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:14.558Z", "updatedAt": "2024-03-27T08:08:14.558Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/67SVDeP7MmPzIE6VgHxBpx/c2b67c580f7d85f0a48509e9f2e785b7/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": "embedded-asset-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Hardie® Panel", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Arctic White", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" }, { "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "data": {}, "marks": [], "value": "View product details", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "5fxBEn7u98mfJKQhSUXPXD", "type": "Entry", "publishedVersion": 14, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:13:54.182Z", "updatedAt": "2024-03-29T17:50:56.307Z", "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 Batten - Arctic White", "name": "fp-trim-batten-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "67SVDeP7MmPzIE6VgHxBpx", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:14.558Z", "updatedAt": "2024-03-27T08:08:14.558Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/67SVDeP7MmPzIE6VgHxBpx/c2b67c580f7d85f0a48509e9f2e785b7/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® Trim Batten", "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/hardie-trim-products/hardie-trim-batten-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": "Fairytale twist", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace the bold allure of Tudor architecture with vibrant siding colors that command attention and create a striking contrast with traditional elements.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/GofdXj6dLO0Nx2e8OSGm1/53299d8d3cfd62246f372983aeb3f7f6/tudor-hardie-architectural-panel-mountain-sage-hardie-panel-batten-arctic-white.jpg" }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Fairytale twist", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace the bold allure of Tudor architecture with vibrant siding colors that command attention and create a striking contrast with traditional elements.", "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 Tudor home in a variety of ways below." }, "title": { "type": "text", "value": "Tudor, 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