Get a Quote
Cape Cod
Step into the timeless allure of Cape Cod architecture, where coastal charm and historical elegance intertwine effortlessly. With Hardie® siding, transform your home into a sanctuary that reflects the serene beauty of seaside living while embracing classic design elements with a modern twist.Exploring Cape Cod home hallmarks
These key hallmarks prove classic elegance and modern living can harmoniously coexist.
Quaint dormers
Characteristic of Cape Cod homes, charming dormer windows punctuate the roofline, adding architectural interest and providing natural light to upper-level spaces.
Cozy atmosphere
Cape Cod homes evoke a cozy, nostalgic ambiance with their compact size, steeply pitched roofs, and simple yet charming aesthetic.
Shingle siding
Traditional Cape Cod homes feature weathered cedar shingle siding, imparting a timeless and coastal-inspired look that blends seamlessly with natural surroundings.
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 Cape Cod home in a variety of ways below.", "title": "Cape Cod, 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": "To capture the essence of Cape Cod architecture, opt for siding that mimics the look of traditional cedar shingles weathered by coastal elements.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Cape Cod 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": "Achieve Cape Cod’s classic coastal charm by opting for a neutral palette with soft whites or subdued grays, mirroring sun-bleached driftwood and sandy shores.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Cape Cod Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Symmetrical layout", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Master the coastal aesthetic by integrating traditional architectural elements like gables and shutters, capturing the quintessential charm of coastal living.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Symmetrical layout - Cape Cod Classic" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "6eZEzPwYTmzIVqsDew5qNN", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:20:50.886Z", "updatedAt": "2024-05-01T12:39:07.378Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Shingle - Aged Pewter", "name": "fp-shingle-aged-pewter", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5nOdmM0ZtTFoUcEoMSH48k", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:46:27.281Z", "updatedAt": "2024-03-28T16:46:27.281Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-aged-pewter", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/5nOdmM0ZtTFoUcEoMSH48k/0b137edc1a256ea1e19318a3b0c5d65b/statement-aged-pewter.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-aged-pewter.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Shingle", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Aged Pewter", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-shingle-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "4VPeHd9qmTfhYiEWwMeQSL", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:22:32.637Z", "updatedAt": "2024-03-29T15:55:10.937Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Arctic White", "name": "fp-trim-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "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": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "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/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "3BJ1FBcsitQSiAHEaFUz2d", "type": "Entry", "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", "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": [] } } }, "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": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Timeless tranquility", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Experience the magic of the classic Cape Cod home style. With its nod to simplicity and seaside elegance, create a space where the timeless beauty of the coast meets the comfort of home.", "marks": [], "data": {} } ] } ] } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/5t2RP06hIjzXAKvPAmwHy0/9f1398a9ad2129a2cff0564e1ebd0872/cape-cod-hardie-shingle-aged-pewter-hardie-trim-arctic-white.jpg" } } } ] }, "parameters": { "title": { "type": "text", "value": "Classic" } } }, { "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": "Elevate your home's aesthetic with the quiet harmony of plank lap siding, blending rustic Cape Cod style with contemporary flair.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Cape Cod 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": "Achieve Cape Cod elegance by incorporating muted, sophisticated hues like warm beiges, soft greens, and light browns that echo the natural landscape.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Cape Cod 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": "Achieve balance in your landscape by layering native plants of varying heights, adding depth and dimension to your outdoor space.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Landscaping - Cape Cod Elegant" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "2tk7x6Nb4d5HyqlNJQrnoj", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:26:15.044Z", "updatedAt": "2024-03-28T16:49:59.182Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Plank - Cobble Stone", "name": "fp-plank-cobble-stone", "value": { "data": {}, "content": [ { "data": { "target": { "sys": { "id": "HAODtZ13eEIsKbLySkl6B", "type": "Asset", "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": [] } } }, "content": [], "nodeType": "embedded-asset-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Hardie® Plank", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Cobble Stone", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" }, { "data": { "uri": "https://pp-prod.jameshardie.com/product-catalog/exterior-siding-products/hardie-plank-lap-siding/" }, "content": [ { "data": {}, "marks": [], "value": "View product details", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "metadata": { "tags": [] } }, { "sys": { "id": "2zLx6hZmfKp69vMgGEIVFu", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:27:52.501Z", "updatedAt": "2024-03-28T16:50:20.048Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Cobble Stone", "name": "fp-trim-cobble-stone", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "HAODtZ13eEIsKbLySkl6B", "type": "Asset", "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": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Cobble Stone", "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": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Coastal reverie", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Channeling the elegance of our Statement Collection® products, effortlessly achieve a blend of classic Cape Cod charm with understated luxury, ensuring a retreat of style and tranquility.", "marks": [], "data": {} } ] } ] } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/6ZHzUdv5oSzCdaZeCUiS92/fb6274153ca98a77e31426298759fce8/cape-cod-hardie-plank-hardie-trim-cobble-stone.jpg" }, "title": { "type": "text", "value": "Elegant" } } } ] }, "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Coastal reverie", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Channeling the elegance of our Statement Collection® products, effortlessly achieve a blend of classic Cape Cod charm with understated luxury, ensuring a retreat of style and tranquility.", "marks": [], "data": {} } ] } ] } }, "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": "For a bold Cape Cod-style home, opt for straight edge panel shingle siding to achieve a striking take on classic charm, creating a standout exterior.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Cape Cod Bold" } } }, { "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": "Complete a bold Cape Cod design by opting for deep, rich colors like navy blue, forest green, or striking burgundy to make a statement with your home’s facade.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Cape Cod Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Trim", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Highlight your home's boldness with a contrasting trim that offers a crisp foil to the deep siding color—creating a dynamic visual impact that grabs attention.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Trim - Cape Cod Bold" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "4Uk2IGbmymMOmzscA8lO3U", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:31:15.603Z", "updatedAt": "2024-03-28T17:59:35.298Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Shingle - Deep Ocean", "name": "fp-shingle-deep-ocean", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "32n9sPaoneYrXRPi4ohB1n", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T17:59:22.388Z", "updatedAt": "2024-03-28T17:59:22.388Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-deep-ocean", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/32n9sPaoneYrXRPi4ohB1n/280a514799104791713291d6f2e76901/statement-deep-ocean.png", "details": { "size": 6130, "image": { "width": 600, "height": 600 } }, "fileName": "statement-deep-ocean.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Shingle", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Deep Ocean", "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-shingle-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "4VPeHd9qmTfhYiEWwMeQSL", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:22:32.637Z", "updatedAt": "2024-03-29T15:55:10.937Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Arctic White", "name": "fp-trim-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "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": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "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/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "3BJ1FBcsitQSiAHEaFUz2d", "type": "Entry", "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", "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": [] } } }, "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": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Bold meets beachfront", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Explore the transformative potential of a Cape Cod-style home—bold color choices and captivating details take its classic charm to new heights.", "marks": [], "data": {} } ] } ] } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/1OW27n5aLNAWAtQWnO0FlH/80fd0e6d1aac7d47686614cda2dadd79/cape-cod-hardie-shingle-deep-ocean-hardie-trim-arctic-white.jpg" }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Bold meets beachfront", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Explore the transformative potential of a Cape Cod-style home—bold color choices and captivating details take its classic charm to new heights.", "marks": [], "data": {} } ] } ] } }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "text", "value": "Find out how to capture the character of a Cape Cod home in a variety of ways below." }, "title": { "type": "text", "value": "Cape Cod, 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