Get a QuoteUnknown Component
Received request from Uniform to render a component with the public ID: articleHero.
<UniformComposition /> does not have articleHero 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 ArticleHero({ image, title, introText }) { return ( <div> ArticleHero! </div> ) } registerUniformComponent({ type: "articleHero", component: ArticleHero })Props that your React component will receive
{ "image": "//images.ctfassets.net/dzi2asncd44t/11dTJTjfD1QE5fJl6NJfSw/479232cfe28c8c061bc80ced32b61adb/FibercementvsHardie-1.jpg", "title": "Replace Cracked or Cracking Fiber Cement Siding with Hardie® Siding and Save", "introText": "At James Hardie, we stand by our values. So when we heard about a group of homeowners who were having major problems with a different brand’s fiber cement siding, we stepped in to help. ", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/11dTJTjfD1QE5fJl6NJfSw/479232cfe28c8c061bc80ced32b61adb/FibercementvsHardie-1.jpg" }, "title": { "type": "text", "value": "Replace Cracked or Cracking Fiber Cement Siding with Hardie® Siding and Save" }, "introText": { "type": "text", "value": "At James Hardie, we stand by our values. So when we heard about a group of homeowners who were having major problems with a different brand’s fiber cement siding, we stepped in to help. " } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/ArticleHero.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: articleBody.
<UniformComposition /> does not have articleBody 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 ArticleBody({ body, title }) { return ( <div> ArticleBody! </div> ) } registerUniformComponent({ type: "articleBody", component: ArticleBody })Props that your React component will receive
{ "body": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "We want to offer a valuable rebate to any homeowner who wants to replace a competitor's cracked or cracking fiber cement siding with Hardie® fiber cement siding.\n \nYou’ll also get peace of mind knowing that James Hardie is a recognized industry leader. We are America’s #1 siding brand, and our fiber cement products grace the sides of more than 10 million homes from coast to coast. The beauty and durability of our products have won over the press, the remodeling industry and, most important, our customers. ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "See the ABC7 I-Team Report", "nodeType": "text" } ], "nodeType": "heading-2" }, { "data": { "target": { "sys": { "id": "3ecZiH8cqCyGKIhHVa0SRV", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-04-02T17:05:26.921Z", "updatedAt": "2024-04-02T17:05:26.921Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceVideoEmbed" } }, "locale": "en-US" }, "fields": { "entryTitle": "Replace Cracked or Cracking Fiber Cement Siding - Video", "videoTitle": "Replace Cracked or Cracking Fiber Cement Siding - Video", "embedUrl": "https://www.youtube.com/watch?v=aRH_EmI0bRs" }, "metadata": { "tags": [] } } }, "content": [], "nodeType": "embedded-entry-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "The Hardie", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "superscript" } ], "value": "®", "nodeType": "text" }, { "data": {}, "marks": [], "value": " Difference", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Not all fiber cement siding is the same. Only Hardie® siding is Engineered for Climate® and designed specifically with your climate zone in mind to help ensure optimal performance. All Hardie® fiber cement products resist shrinking, swelling and cracking, making your home’s exterior as tough as it is beautiful. We also stand by our products – siding products are backed by a 30-year, non-prorated warranty, and trim products are backed by a 15-year, non-prorated warranty.", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": { "target": { "sys": { "id": "3SVxeKCKBdnWvvwLFMABNM", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-04-02T17:04:39.613Z", "updatedAt": "2024-04-02T17:04:39.613Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceMediaWrapper" } }, "locale": "en-US" }, "fields": { "entryTitle": "Replace Cracked or Cracking Fiber Cement Siding - 2", "title": "eplace Cracked or Cracking Fiber Cement Siding - 2", "altText": "Hardie Shingle Siding", "asset": { "sys": { "id": "3kWyafqhZZpA6jlnOE9ARm", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-04-02T17:04:29.433Z", "updatedAt": "2024-04-02T17:04:29.433Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "Hardie-Shingle-Siding", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/3kWyafqhZZpA6jlnOE9ARm/79960f8fb6b4f862dea809d615b6217c/Hardie-Shingle-Siding.JPG", "details": { "size": 151941, "image": { "width": 1234, "height": 933 } }, "fileName": "Hardie-Shingle-Siding.JPG", "contentType": "image/jpeg" } }, "metadata": { "tags": [] } } }, "metadata": { "tags": [] } } }, "content": [], "nodeType": "embedded-entry-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "REBATE FOR SIDING REPLACEMENT", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "If you have another company's fiber cement siding on your home that is cracked or cracking, you may be eligible for a rebate of up to $750. Click ", "nodeType": "text" }, { "data": { "uri": "https://hardiepromo.com/" }, "content": [ { "data": {}, "marks": [], "value": "here", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " to claim rebate. \n ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "FREQUENTLY ASKED QUESTIONS", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [ { "type": "bold" } ], "value": "What is the value of the rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n The rebate value is $500 per home for full-wrap Hardie® primed siding and trim or $750 per home for full wrap Hardie® siding and trim with ColorPlus® Technology (both rebates require purchasing a minimum of 2,000 square feet all products combined).\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Do I get the rebate applied right away at purchase?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n While you don’t get the rebate immediately at purchase, you can follow this two-step process at ", "nodeType": "text" }, { "data": { "uri": "https://HardiePromo.com" }, "content": [ { "data": {}, "marks": [], "value": "HardiePromo.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " to get the rebate:", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Submit photos to get your non-Hardie® siding validated", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "list-item" }, { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Submit your itemized proof of purchase to validate minimum purchase requirements are met", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "list-item" } ], "nodeType": "ordered-list" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "\nAfter both steps are validated and approved, a qualified homeowner can obtain their rebate via a digital Visa Gift Card.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Do I need to submit a receipt of my (non-Hardie® siding) to be eligible for the rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n A receipt will help the validation process but is not required. You will need to send in photos of your non-Hardie® fiber cement siding to our rebates team for validation. Follow the steps in the form on ", "nodeType": "text" }, { "data": { "uri": "https://HardiePromo.com" }, "content": [ { "data": {}, "marks": [], "value": "HardiePromo.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ".\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "How do I get the rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n Simply go to ", "nodeType": "text" }, { "data": { "uri": "https://HardiePromo.com" }, "content": [ { "data": {}, "marks": [], "value": "HardiePromo.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " and apply for the non-Hardie® fiber cement siding rebate.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Where is the rebate applicable?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n Currently the rebate is applicable for homeowners within the following Illinois Counties: McHenry, Will, Lake, DuPage, Cook, and Kane.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Is this rebate for wood siding as well?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n No. Currently this rebate is only for fiber cement siding made by companies other than James Hardie.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "What fiber cement siding problems qualify for this rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n Homeowners with fiber cement siding from other manufacturers that has cracked or is cracking are eligible for this rebate.\n ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "CONTACT US", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "If you have any questions that not answered above, call 1-888-J-HARDIE (1-888-542-7343).", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" }, "title": "Replace Cracked or Cracking Fiber Cement Siding with Hardie® Siding and Save", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "We want to offer a valuable rebate to any homeowner who wants to replace a competitor's cracked or cracking fiber cement siding with Hardie® fiber cement siding.\n \nYou’ll also get peace of mind knowing that James Hardie is a recognized industry leader. We are America’s #1 siding brand, and our fiber cement products grace the sides of more than 10 million homes from coast to coast. The beauty and durability of our products have won over the press, the remodeling industry and, most important, our customers. ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "See the ABC7 I-Team Report", "nodeType": "text" } ], "nodeType": "heading-2" }, { "data": { "target": { "sys": { "id": "3ecZiH8cqCyGKIhHVa0SRV", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-04-02T17:05:26.921Z", "updatedAt": "2024-04-02T17:05:26.921Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceVideoEmbed" } }, "locale": "en-US" }, "fields": { "entryTitle": "Replace Cracked or Cracking Fiber Cement Siding - Video", "videoTitle": "Replace Cracked or Cracking Fiber Cement Siding - Video", "embedUrl": "https://www.youtube.com/watch?v=aRH_EmI0bRs" }, "metadata": { "tags": [] } } }, "content": [], "nodeType": "embedded-entry-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "The Hardie", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "superscript" } ], "value": "®", "nodeType": "text" }, { "data": {}, "marks": [], "value": " Difference", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Not all fiber cement siding is the same. Only Hardie® siding is Engineered for Climate® and designed specifically with your climate zone in mind to help ensure optimal performance. All Hardie® fiber cement products resist shrinking, swelling and cracking, making your home’s exterior as tough as it is beautiful. We also stand by our products – siding products are backed by a 30-year, non-prorated warranty, and trim products are backed by a 15-year, non-prorated warranty.", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": { "target": { "sys": { "id": "3SVxeKCKBdnWvvwLFMABNM", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-04-02T17:04:39.613Z", "updatedAt": "2024-04-02T17:04:39.613Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceMediaWrapper" } }, "locale": "en-US" }, "fields": { "entryTitle": "Replace Cracked or Cracking Fiber Cement Siding - 2", "title": "eplace Cracked or Cracking Fiber Cement Siding - 2", "altText": "Hardie Shingle Siding", "asset": { "sys": { "id": "3kWyafqhZZpA6jlnOE9ARm", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-04-02T17:04:29.433Z", "updatedAt": "2024-04-02T17:04:29.433Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "Hardie-Shingle-Siding", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/3kWyafqhZZpA6jlnOE9ARm/79960f8fb6b4f862dea809d615b6217c/Hardie-Shingle-Siding.JPG", "details": { "size": 151941, "image": { "width": 1234, "height": 933 } }, "fileName": "Hardie-Shingle-Siding.JPG", "contentType": "image/jpeg" } }, "metadata": { "tags": [] } } }, "metadata": { "tags": [] } } }, "content": [], "nodeType": "embedded-entry-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "REBATE FOR SIDING REPLACEMENT", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "If you have another company's fiber cement siding on your home that is cracked or cracking, you may be eligible for a rebate of up to $750. Click ", "nodeType": "text" }, { "data": { "uri": "https://hardiepromo.com/" }, "content": [ { "data": {}, "marks": [], "value": "here", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " to claim rebate. \n ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "FREQUENTLY ASKED QUESTIONS", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [ { "type": "bold" } ], "value": "What is the value of the rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n The rebate value is $500 per home for full-wrap Hardie® primed siding and trim or $750 per home for full wrap Hardie® siding and trim with ColorPlus® Technology (both rebates require purchasing a minimum of 2,000 square feet all products combined).\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Do I get the rebate applied right away at purchase?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n While you don’t get the rebate immediately at purchase, you can follow this two-step process at ", "nodeType": "text" }, { "data": { "uri": "https://HardiePromo.com" }, "content": [ { "data": {}, "marks": [], "value": "HardiePromo.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " to get the rebate:", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Submit photos to get your non-Hardie® siding validated", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "list-item" }, { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Submit your itemized proof of purchase to validate minimum purchase requirements are met", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "list-item" } ], "nodeType": "ordered-list" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "\nAfter both steps are validated and approved, a qualified homeowner can obtain their rebate via a digital Visa Gift Card.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Do I need to submit a receipt of my (non-Hardie® siding) to be eligible for the rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n A receipt will help the validation process but is not required. You will need to send in photos of your non-Hardie® fiber cement siding to our rebates team for validation. Follow the steps in the form on ", "nodeType": "text" }, { "data": { "uri": "https://HardiePromo.com" }, "content": [ { "data": {}, "marks": [], "value": "HardiePromo.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ".\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "How do I get the rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n Simply go to ", "nodeType": "text" }, { "data": { "uri": "https://HardiePromo.com" }, "content": [ { "data": {}, "marks": [], "value": "HardiePromo.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " and apply for the non-Hardie® fiber cement siding rebate.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Where is the rebate applicable?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n Currently the rebate is applicable for homeowners within the following Illinois Counties: McHenry, Will, Lake, DuPage, Cook, and Kane.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Is this rebate for wood siding as well?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n No. Currently this rebate is only for fiber cement siding made by companies other than James Hardie.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "What fiber cement siding problems qualify for this rebate?", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\n Homeowners with fiber cement siding from other manufacturers that has cracked or is cracking are eligible for this rebate.\n ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "CONTACT US", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "If you have any questions that not answered above, call 1-888-J-HARDIE (1-888-542-7343).", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "Replace Cracked or Cracking Fiber Cement Siding with Hardie® Siding and Save" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/ArticleBody.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.
Get a Quote