{"id":148,"date":"2026-11-13T06:56:12","date_gmt":"2026-11-13T06:56:12","guid":{"rendered":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/"},"modified":"2026-11-13T12:56:49","modified_gmt":"2026-11-13T12:56:49","slug":"order","status":"publish","type":"page","link":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/","title":{"rendered":"Order"},"content":{"rendered":"<section class=\"hero hero--bleed hero--cream hero--compact\" id=\"order-hero\">\n  <div class=\"container hero__inner\">\n    <div class=\"hero__content\">\n      <p class=\"eyebrow\">Your home. Our art.<\/p>\n            <h1 class=\"hero__title\">Let&rsquo;s Create Your Custom Portrait.<\/h1>\n      \n            <p class=\"hero__subtitle\">Beautiful. Personal. Meaningful.<\/p>\n      \n      \n      \n      \n          <\/div>\n\n        <div class=\"hero__media\" style=\"--hero-ar: 1.848\">\n      <img decoding=\"async\" width=\"1018\" height=\"551\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/hero-order.png\" class=\"attachment-full size-full\" alt=\"A framed watercolor home portrait beside a lettered sign reading &ldquo;Different Homes. Same Love.&rdquo;\" loading=\"eager\" sizes=\"(max-width: 900px) 100vw, 55vw\" fetchpriority=\"high\" srcset=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/hero-order.png 1018w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/hero-order-300x162.png 300w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/hero-order-768x416.png 768w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/hero-order-370x200.png 370w\" \/>    <\/div>\n      <\/div>\n<\/section>\n<div class=\"order-flow\" id=\"order-flow\">\n\n  <div class=\"stepper\">\n    <div class=\"container\">\n      <ol class=\"stepper__list\" aria-label=\"Order progress\">\n                <li class=\"stepper__item\" data-step=\"1\" data-state=\"current\">\n          <span class=\"stepper__dot\">\n            <span class=\"stepper__num\">1<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg>\n          <\/span>\n          <button type=\"button\" class=\"stepper__label\" data-goto=\"1\">Choose Your Style<\/button>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"2\" data-state=\"todo\">\n          <span class=\"stepper__dot\">\n            <span class=\"stepper__num\">2<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg>\n          <\/span>\n          <button type=\"button\" class=\"stepper__label\" data-goto=\"2\">Upload Your Photo<\/button>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"3\" data-state=\"todo\">\n          <span class=\"stepper__dot\">\n            <span class=\"stepper__num\">3<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg>\n          <\/span>\n          <button type=\"button\" class=\"stepper__label\" data-goto=\"3\">Customize<\/button>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"4\" data-state=\"todo\">\n          <span class=\"stepper__dot\">\n            <span class=\"stepper__num\">4<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg>\n          <\/span>\n          <button type=\"button\" class=\"stepper__label\" data-goto=\"4\">Your Information<\/button>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"5\" data-state=\"todo\">\n          <span class=\"stepper__dot\">\n            <span class=\"stepper__num\">5<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg>\n          <\/span>\n          <button type=\"button\" class=\"stepper__label\" data-goto=\"5\">Review &amp; Add to Cart<\/button>\n        <\/li>\n              <\/ol>\n    <\/div>\n  <\/div>\n\n  <!-- Step 1 -->\n  <section class=\"order-step section section--tight is-active\" data-step=\"1\" aria-label=\"Step 1 of 5: Choose your portrait style\">\n    <div class=\"container\">\n      <header class=\"section__head\">\n        <h2>Step 1: Choose Your Portrait Style<\/h2>\n        <p class=\"mb-0\">Select the style that best fits your home and tells your story.<\/p>\n      <\/header>\n\n            <fieldset class=\"grid grid--3 u-reset-fieldset\">\n        <legend class=\"visually-hidden\">Portrait style<\/legend>\n                <label class=\"choice-card\">\n          <input type=\"radio\" name=\"portrait-style\" value=\"watercolor\" checked='checked'>\n          <span class=\"choice-card__media\">\n            <img decoding=\"async\" width=\"481\" height=\"266\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor.png\" class=\"attachment-large size-large\" alt=\"Watercolor portrait of a modern desert home with warm lighting and soft washes of colour\" loading=\"lazy\" srcset=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor.png 481w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor-300x166.png 300w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor-362x200.png 362w\" sizes=\"auto, (max-width: 481px) 100vw, 481px\" \/>          <\/span>\n          <span class=\"choice-card__body\">\n            <span class=\"choice-card__name h3-like\">Watercolor<\/span>\n            <span class=\"choice-card__price\">$145<\/span>\n            <span class=\"choice-card__desc\">Transform your favorite home photo into a beautifully detailed watercolor-style portrait designed to preserve the personality and warmth of the place you love.<\/span>\n                        <span class=\"choice-card__select\">\n              <span class=\"choice-card__dot\" aria-hidden=\"true\"><\/span> Select Watercolor            <\/span>\n          <\/span>\n        <\/label>\n                <label class=\"choice-card\">\n          <input type=\"radio\" name=\"portrait-style\" value=\"lineart\">\n          <span class=\"choice-card__media\">\n            <img decoding=\"async\" width=\"481\" height=\"285\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-lineart.png\" class=\"attachment-large size-large\" alt=\"Minimalist black and white line drawing of a single-storey modern home\" loading=\"lazy\" srcset=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-lineart.png 481w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-lineart-300x178.png 300w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-lineart-338x200.png 338w\" sizes=\"auto, (max-width: 481px) 100vw, 481px\" \/>          <\/span>\n          <span class=\"choice-card__body\">\n            <span class=\"choice-card__name h3-like\">Line Art<\/span>\n            <span class=\"choice-card__price\">$85<\/span>\n            <span class=\"choice-card__desc\">A refined black-and-white illustration that highlights the architectural character of your home through clean lines and understated detail.<\/span>\n                        <span class=\"choice-card__select\">\n              <span class=\"choice-card__dot\" aria-hidden=\"true\"><\/span> Select Line Art            <\/span>\n          <\/span>\n        <\/label>\n                <label class=\"choice-card\">\n          <input type=\"radio\" name=\"portrait-style\" value=\"blueprint\">\n          <span class=\"choice-card__media\">\n            <img decoding=\"async\" width=\"483\" height=\"299\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-blueprint.png\" class=\"attachment-large size-large\" alt=\"Architectural blueprint drawing of a modern home annotated with covered entry, two-car garage and desert landscaping\" loading=\"lazy\" srcset=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-blueprint.png 483w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-blueprint-300x186.png 300w, https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-blueprint-323x200.png 323w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/>          <\/span>\n          <span class=\"choice-card__body\">\n            <span class=\"choice-card__name h3-like\">Blueprint<\/span>\n            <span class=\"choice-card__price\">$165<\/span>\n            <span class=\"choice-card__desc\">Turn your home into a striking architectural-style blueprint featuring crisp linework and a classic technical presentation.<\/span>\n                        <span class=\"choice-card__select\">\n              <span class=\"choice-card__dot\" aria-hidden=\"true\"><\/span> Select Blueprint            <\/span>\n          <\/span>\n        <\/label>\n              <\/fieldset>\n      \n      <section class=\"includes-panel mt-lg\">\n        <h3 class=\"text-center\">Every Portrait Includes:<\/h3>\n        <ul class=\"split-3 split-3--five\">\n                    <li class=\"feature\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-image\"><\/use><\/svg>            <p class=\"feature__text\">High-resolution<br>digital files<\/p>\n          <\/li>\n                    <li class=\"feature\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-file\"><\/use><\/svg>            <p class=\"feature__text\">Multiple print-ready<br>sizes (JPEG + PNG + PDF)<\/p>\n          <\/li>\n                    <li class=\"feature\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-mail\"><\/use><\/svg>            <p class=\"feature__text\">Delivered via email<br>in 24\u201348 hours<\/p>\n          <\/li>\n                    <li class=\"feature\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-infinity\"><\/use><\/svg>            <p class=\"feature__text\">Personal use rights<br>(see <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/usage-licensing\/\">Usage &amp; Licensing<\/a>)<\/p>\n          <\/li>\n                    <li class=\"feature\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-heart\"><\/use><\/svg>            <p class=\"feature__text\">A one-of-a-kind<br>portrait made just for you<\/p>\n          <\/li>\n                  <\/ul>\n      <\/section>\n\n      <p class=\"secure-note\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-lock\"><\/use><\/svg> Secure Ordering. Your information is always protected.<\/p>\n\n      <div class=\"order-nav order-nav--single\"><div class=\"order-nav__side\"><button type=\"button\" class=\"btn btn--primary btn--lg\" data-next>Continue to Next Step\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-right\"><\/use><\/svg><\/button><span class=\"order-nav__hint\">Upload Your Photo<\/span><\/div>        <p class=\"script script--md order-nav__script\">Homes Tell Stories.<br>We Bring Them to Life.<\/p>      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Step 2 -->\n  <section class=\"order-step section section--tight\" data-step=\"2\" aria-label=\"Step 2 of 5: Upload your photo\">\n    <div class=\"container\">\n      <header class=\"section__head\">\n        <h2>Step 2: Upload Your Photo<\/h2>\n        <p class=\"mb-0\">Upload a clear photo of your home and tell us any special requests.<\/p>\n      <\/header>\n\n      <div class=\"order-layout\">\n        <div class=\"stack\">\n          <div class=\"dropzone\" id=\"dropzone\">\n            <svg class=\"icon icon-art\" aria-hidden=\"true\"><use href=\"#i-upload-cloud\"><\/use><\/svg>\n            <h2>Upload Your Home Photo<\/h2>\n            <p>Click to upload or drag and drop your photo here<\/p>\n            <button type=\"button\" class=\"btn btn--secondary\" id=\"choose-file\">Choose File<\/button>\n            <input type=\"file\" id=\"photo-input\" accept=\"image\/jpeg,image\/png,image\/heic,image\/heif,image\/webp,image\/*\" class=\"visually-hidden\">\n            <p class=\"dropzone__hint\">JPG, PNG or HEIC (Max 20 MB)<\/p>\n          <\/div>\n\n          <p class=\"field__error field__error--block\" id=\"photo-required\" hidden>\n            <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg>\n            <span>Please upload a photo of your home before continuing.<\/span>\n          <\/p>\n\n          <section class=\"card card__body\">\n            <h3>Photo Tips for the Best Results<\/h3>\n            <ul class=\"split-3 split-3--four mt-md\">\n                            <li class=\"feature\">\n                <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-camera\"><\/use><\/svg>                <p class=\"feature__text\">Clear &amp; well-lit photo (daylight is best)<\/p>\n              <\/li>\n                            <li class=\"feature\">\n                <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-home\"><\/use><\/svg>                <p class=\"feature__text\">Front view of the home<\/p>\n              <\/li>\n                            <li class=\"feature\">\n                <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-image\"><\/use><\/svg>                <p class=\"feature__text\">Highest resolution available<\/p>\n              <\/li>\n                            <li class=\"feature\">\n                <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-sun\"><\/use><\/svg>                <p class=\"feature__text\">Try to avoid heavy shadows or obstructions<\/p>\n              <\/li>\n                          <\/ul>\n          <\/section>\n\n          <div class=\"grid grid--2\">\n            <div class=\"example-box example-box--good\">\n              <p class=\"example-box__title\">\n                <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-check-circle-solid\"><\/use><\/svg> Good Examples              <\/p>\n              <div class=\"thumb-row\">\n                <img decoding=\"async\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/themes\/home-sketchery\/assets\/images\/photo-good-1.png\" alt=\"Well-lit front view of a two-storey home\" width=\"90\" height=\"82\" loading=\"lazy\">                <img decoding=\"async\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/themes\/home-sketchery\/assets\/images\/photo-good-2.png\" alt=\"Clear daylight photo of a home fa\u00e7ade\" width=\"90\" height=\"82\" loading=\"lazy\">                <img decoding=\"async\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/themes\/home-sketchery\/assets\/images\/photo-good-3.png\" alt=\"Straight-on photo of a home with an unobstructed view\" width=\"90\" height=\"82\" loading=\"lazy\">              <\/div>\n            <\/div>\n            <div class=\"example-box example-box--bad\">\n              <p class=\"example-box__title\">\n                <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg> Avoid These              <\/p>\n              <div class=\"thumb-row\">\n                <figure>\n                  <img decoding=\"async\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/themes\/home-sketchery\/assets\/images\/photo-avoid-1.png\" alt=\"Photo of a home taken in low light\" width=\"98\" height=\"82\" loading=\"lazy\">                  <figcaption>Too dark<\/figcaption>\n                <\/figure>\n                <figure>\n                  <img decoding=\"async\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/themes\/home-sketchery\/assets\/images\/photo-avoid-2.png\" alt=\"Photo of a home with a car parked in front of it\" width=\"125\" height=\"82\" loading=\"lazy\">                  <figcaption>Obstructed view<\/figcaption>\n                <\/figure>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"stack\">\n          <section class=\"summary\">\n            <div class=\"summary__head\"><h2>Your Uploaded Photo<\/h2><\/div>\n            <div class=\"summary__body\" id=\"photo-preview\"><\/div>\n          <\/section>\n\n          <section class=\"summary\">\n            <div class=\"summary__head\"><h2>Property Details<\/h2><\/div>\n            <div class=\"summary__body\">\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"property-address\">Property Address <span class=\"opt\">(optional)<\/span><\/label>\n                <input class=\"input\" type=\"text\" id=\"property-address\" placeholder=\"1234 N. Main St, Phoenix, AZ\" autocomplete=\"street-address\">\n              <\/div>\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"property-nickname\">Property Nickname <span class=\"opt\">(optional)<\/span><\/label>\n                <input class=\"input\" type=\"text\" id=\"property-nickname\" placeholder=\"Example: Our First Home, The Lake House, etc.\">\n              <\/div>\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"special-instructions\">Special Instructions <span class=\"opt\">(optional)<\/span><\/label>\n                <textarea class=\"textarea\" id=\"special-instructions\" maxlength=\"500\" data-counter=\"instructions-count\" placeholder=\"Let us know if you&#039;d like anything specific. Example: \u201cPlease remove the trash cans,\u201d \u201cInclude the backyard view,\u201d or \u201cAdd seasonal details.\u201d\"><\/textarea>\n                <span class=\"field__counter\" id=\"instructions-count\">0\/500<\/span>\n              <\/div>\n            <\/div>\n          <\/section>\n        <\/div>\n      <\/div>\n\n      <div class=\"callout mt-lg\">\n        <svg class=\"icon icon--xl\" aria-hidden=\"true\"><use href=\"#i-help\"><\/use><\/svg>\n        <div>\n          <h3>Need Help with Your Photo?<\/h3>\n          <p>If you\u2019re not sure which photo to use, feel free to upload your best option. We\u2019ll let you know if we need a different angle or a higher-resolution photo after your order is placed.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"order-nav\"><div class=\"order-nav__side order-nav__side--start\"><button type=\"button\" class=\"btn btn--white btn--lg\" data-prev>\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-left\"><\/use><\/svg> Back<\/button><span class=\"order-nav__hint\">Choose a Different Style<\/span><\/div><div class=\"order-nav__side order-nav__side--end\"><button type=\"button\" class=\"btn btn--primary btn--lg\" data-next>Continue to Next Step\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-right\"><\/use><\/svg><\/button><span class=\"order-nav__hint\">Customize Your Portrait<\/span><\/div><\/div>    <\/div>\n  <\/section>\n\n  <!-- Step 3 -->\n  <section class=\"order-step section section--tight\" data-step=\"3\" aria-label=\"Step 3 of 5: Customize your portrait\">\n    <div class=\"container\">\n      <header class=\"section__head\">\n        <p class=\"eyebrow\">Make it yours<\/p>        <h2>Step 3: Customize Your Portrait<\/h2>\n        <p class=\"mb-0\">Add any special touches to make your portrait uniquely yours.<\/p>\n      <\/header>\n\n      <div class=\"order-layout\">\n        <div class=\"stack\">\n          <section class=\"summary\">\n            <div class=\"summary__head\">\n              <h2>Selected Portrait Style<\/h2>\n              <button type=\"button\" class=\"link-action\" data-goto=\"1\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit<\/button>\n            <\/div>\n            <div class=\"selected-style\">\n              <img decoding=\"async\" data-bind-img=\"style\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor.png\" alt=\"Selected portrait style preview\">\n              <div>\n                <h3 data-bind=\"style-short-name\">Watercolor<\/h3>\n                <p class=\"selected-style__price\" data-bind=\"style-price\">$145<\/p>\n                <p class=\"text-sm mb-0\" data-bind=\"style-blurb\">Transform your favorite home photo into a beautifully detailed watercolor-style portrait designed to preserve the personality and warmth of the place you love.<\/p>\n              <\/div>\n            <\/div>\n          <\/section>\n\n          <div>\n            <h2>Optional Add-Ons<\/h2>\n            <p>Enhance your portrait with these popular options.<\/p>\n            <div class=\"stack stack--tight\">\n                            <label class=\"addon\">\n                <input type=\"checkbox\" data-addon=\"rush\">\n                <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>                <svg class=\"icon icon-art\" aria-hidden=\"true\"><use href=\"#i-clock\"><\/use><\/svg>\n                <span>\n                  <h3>Rush Delivery<\/h3>\n                  <p>Move your order to the front of the line. Delivered within 12\u201324 hours.<\/p>\n                <\/span>\n                <span class=\"addon__price\">+$40<\/span>\n              <\/label>\n                            <label class=\"addon\">\n                <input type=\"checkbox\" data-addon=\"palette\">\n                <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>                <svg class=\"icon icon-art\" aria-hidden=\"true\"><use href=\"#i-palette\"><\/use><\/svg>\n                <span>\n                  <h3>Custom Color Palette<\/h3>\n                  <p>Prefer a specific color style? We\u2019ll tailor the artwork to match your vision.<\/p>\n                <\/span>\n                <span class=\"addon__price\">+$25<\/span>\n              <\/label>\n                            <label class=\"addon\">\n                <input type=\"checkbox\" data-addon=\"logo\">\n                <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>                <svg class=\"icon icon-art\" aria-hidden=\"true\"><use href=\"#i-building\"><\/use><\/svg>\n                <span>\n                  <h3>Real Estate Logo Integration<\/h3>\n                  <p>Add your logo and\/or agent information. (Perfect for closing gifts and client marketing!)<\/p>\n                <\/span>\n                <span class=\"addon__price\">+$30<\/span>\n              <\/label>\n                          <\/div>\n          <\/div>\n\n          <div class=\"callout\">\n            <svg class=\"icon icon--xl\" aria-hidden=\"true\"><use href=\"#i-gift\"><\/use><\/svg>\n            <div>\n              <h3>Multiple Print-Ready Sizes Included FREE<\/h3>\n              <p>Every portrait includes high-resolution digital files in multiple sizes (JPG + PNG + PDF) at no extra cost!<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <aside class=\"stack sticky-aside\">\n          <section class=\"summary\">\n            <div class=\"summary__head\"><h2>Your Portrait Preview<\/h2><\/div>\n            <div class=\"summary__body\">\n              <div class=\"summary__media\">\n                <img decoding=\"async\" data-bind-img=\"style\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor.png\" alt=\"Selected portrait style preview\">\n              <\/div>\n              <div class=\"summary__row summary__row--head\">\n                <span><span data-bind=\"style-short-name\">Watercolor<\/span> &mdash; <span data-bind=\"style-price\">$145<\/span><\/span>\n                <button type=\"button\" class=\"link-action\" data-goto=\"1\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit Style<\/button>\n              <\/div>\n              <div class=\"summary__divider\"><\/div>\n              <h3>Your Add-Ons<\/h3>\n              <div data-bind=\"addons-list\"><\/div>\n              <div class=\"summary__total\"><span>Subtotal<\/span><span data-bind=\"subtotal\">$145<\/span><\/div>\n            <\/div>\n          <\/section>\n\n          <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-heart\"><\/use><\/svg>\n            <div>\n              <h3>A Few Things to Keep in Mind<\/h3>\n              <ul class=\"check-list check-list--navy mt-sm mb-0 text-sm\"><li><svg class=\"icon\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-check-circle-solid\"><\/use><\/svg> You can select multiple add-ons.<\/li><li><svg class=\"icon\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-check-circle-solid\"><\/use><\/svg> All options are customized from your photo.<\/li><li><svg class=\"icon\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-check-circle-solid\"><\/use><\/svg> You\u2019ll review your complete order on the next step before adding to cart.<\/li><\/ul>            <\/div>\n          <\/div>\n\n          <figure class=\"script-quote\">\n            <p class=\"script script--md\">\u201cIt\u2019s more than a house\u2026<br>It\u2019s a story worth capturing.\u201d<\/p>            <figcaption class=\"eyebrow mb-0\">&ndash; Home Sketchery&trade;<\/figcaption>\n          <\/figure>\n        <\/aside>\n      <\/div>\n\n      <div class=\"order-nav\"><div class=\"order-nav__side order-nav__side--start\"><button type=\"button\" class=\"btn btn--white btn--lg\" data-prev>\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-left\"><\/use><\/svg> Back<\/button><span class=\"order-nav__hint\">Go Back to Upload Your Photo<\/span><\/div><div class=\"order-nav__side order-nav__side--end\"><button type=\"button\" class=\"btn btn--primary btn--lg\" data-next>Continue to Next Step\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-right\"><\/use><\/svg><\/button><span class=\"order-nav__hint\">Your Information<\/span><\/div><\/div>    <\/div>\n  <\/section>\n\n  <!-- Step 4 -->\n  <section class=\"order-step section section--tight\" data-step=\"4\" aria-label=\"Step 4 of 5: Your information\">\n    <div class=\"container\">\n      <header class=\"section__head\">\n        <h2>Step 4: Your Information<\/h2>\n        <p class=\"mb-0\">Almost there! Tell us where to send your portrait and how to contact you.<\/p>\n      <\/header>\n\n      <div class=\"order-layout\">\n        <form class=\"form-panel\" id=\"info-form\" novalidate>\n          <div class=\"form-panel__head\">\n            <h2>Contact Information<\/h2>\n            <span class=\"hint\">All fields marked with <span class=\"text-primary\">*<\/span> are required.<\/span>\n          <\/div>\n          <div class=\"form-panel__body\">\n                        <div class=\"field\">\n              <label class=\"field__label\" for=\"full-name\">Full Name <span class=\"req\">*<\/span><\/label>\n              <input class=\"input\" type=\"text\" id=\"full-name\" placeholder=\"First and Last Name\" autocomplete=\"name\" required>\n              <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>\n            <\/div>\n                        <div class=\"field\">\n              <label class=\"field__label\" for=\"email-address\">Email Address <span class=\"req\">*<\/span><\/label>\n              <input class=\"input\" type=\"email\" id=\"email-address\" placeholder=\"youremail@example.com\" autocomplete=\"email\" required>\n              <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>\n            <\/div>\n                        <div class=\"field\">\n              <label class=\"field__label\" for=\"phone-number\">Phone Number <span class=\"req\">*<\/span><\/label>\n              <input class=\"input\" type=\"tel\" id=\"phone-number\" placeholder=\"(123) 456-7890\" autocomplete=\"tel\" required>\n              <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>\n            <\/div>\n            \n            <h2 class=\"form-section-title\">Delivery Information<\/h2>\n            <p>Your finished portrait will be delivered digitally via email.<\/p>\n\n            <label class=\"check mb-md\">\n              <input type=\"checkbox\" id=\"same-as-contact\" checked>\n              <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>              <span>Same as contact information<\/span>\n            <\/label>\n\n            <div class=\"field\" id=\"delivery-email-field\">\n              <label class=\"field__label\" for=\"delivery-email\">Email for Delivery <span class=\"req\">*<\/span><\/label>\n              <div class=\"field__control\">\n                <input class=\"input\" type=\"email\" id=\"delivery-email\" placeholder=\"youremail@example.com\" autocomplete=\"email\">\n                <span class=\"field__help\" title=\"We send your finished artwork to this address.\">\n                  <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-help\"><\/use><\/svg>\n                  <span class=\"visually-hidden\">We send your finished artwork to this address.<\/span>\n                <\/span>\n              <\/div>\n              <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>\n            <\/div>\n\n            <div class=\"callout\">\n              <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-mail\"><\/use><\/svg>\n              <p>Your portrait will be delivered via email in 24\u201348 hours after your order is placed.<\/p>\n            <\/div>\n\n            <h2 class=\"form-section-title\">How Did You Hear About Us? <span class=\"opt\">(Optional)<\/span><\/h2>\n            <div class=\"field\">\n              <label class=\"visually-hidden\" for=\"hear-about\">How did you hear about us?<\/label>\n              <select class=\"select\" id=\"hear-about\">\n                <option value=\"\">Select an option<\/option>\n                                <option>Instagram<\/option>\n                                <option>Facebook<\/option>\n                                <option>Pinterest<\/option>\n                                <option>A realtor<\/option>\n                                <option>Friend or family<\/option>\n                                <option>Google search<\/option>\n                                <option>Other<\/option>\n                              <\/select>\n            <\/div>\n\n            <h2 class=\"form-section-title\">Anything Else We Should Know? <span class=\"opt\">(Optional)<\/span><\/h2>\n            <div class=\"field\">\n              <label class=\"visually-hidden\" for=\"order-notes\">Anything else we should know?<\/label>\n              <textarea class=\"textarea\" id=\"order-notes\" maxlength=\"500\" data-counter=\"notes-count\" placeholder=\"Example: \u201cThis is a gift,\u201d \u201cPlease include the backyard,\u201d or \u201cAdd any special details here.\u201d\"><\/textarea>\n              <span class=\"field__counter\" id=\"notes-count\">0\/500<\/span>\n            <\/div>\n\n            <div class=\"callout\">\n              <svg class=\"icon icon--xl\" aria-hidden=\"true\"><use href=\"#i-shield-check\"><\/use><\/svg>\n              <div>\n                <h3>Your Information is Secure<\/h3>\n                <p>We respect your privacy. Your information is never shared or sold. It\u2019s only used to process and deliver your order.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/form>\n\n        <aside class=\"stack sticky-aside\">\n          <section class=\"summary\">\n            <div class=\"summary__head\"><h2>Order Summary<\/h2><\/div>\n            <div class=\"summary__body\">\n              <div class=\"summary__media\">\n                <img decoding=\"async\" data-bind-img=\"style\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor.png\" alt=\"Selected portrait style preview\">\n              <\/div>\n              <div class=\"summary__row summary__row--head\">\n                <span data-bind=\"style-name\">Watercolor Portrait<\/span>\n                <strong data-bind=\"style-price\">$145<\/strong>\n              <\/div>\n              <div class=\"summary__divider\"><\/div>\n              <div class=\"summary__row summary__row--head\">\n                <span>Add-Ons<\/span>\n                <button type=\"button\" class=\"link-action\" data-goto=\"3\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit<\/button>\n              <\/div>\n              <div data-bind=\"addons-list\"><\/div>\n              <div class=\"summary__total\"><span>Subtotal<\/span><span data-bind=\"subtotal\">$145<\/span><\/div>\n            <\/div>\n          <\/section>\n\n          <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-truck\"><\/use><\/svg>\n            <div>\n              <h3>Fast Delivery<\/h3>\n              <p>Your custom portrait will be delivered via email in 24\u201348 hours.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-heart\"><\/use><\/svg>\n            <div>\n              <h3>A One-of-a-Kind Keepsake<\/h3>\n              <p>More than a house\u2026 It\u2019s a story worth capturing.<\/p>\n            <\/div>\n          <\/div>\n          <figure class=\"script-quote\">\n            <p class=\"script script--md\">Different Homes.<br>Same Love.<\/p>            <figcaption class=\"eyebrow mb-0\">&ndash; Home Sketchery&trade;<\/figcaption>\n          <\/figure>\n        <\/aside>\n      <\/div>\n\n      <div class=\"order-nav\"><div class=\"order-nav__side order-nav__side--start\"><button type=\"button\" class=\"btn btn--white btn--lg\" data-prev>\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-left\"><\/use><\/svg> Back<\/button><span class=\"order-nav__hint\">Go Back to Customize<\/span><\/div><div class=\"order-nav__side order-nav__side--end\"><button type=\"button\" class=\"btn btn--primary btn--lg\" data-next>Continue to Next Step\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-right\"><\/use><\/svg><\/button><span class=\"order-nav__hint\">Review Your Order<\/span><\/div><\/div>    <\/div>\n  <\/section>\n\n  <!-- Step 5 -->\n  <section class=\"order-step section section--tight\" data-step=\"5\" aria-label=\"Step 5 of 5: Review and add to cart\">\n    <div class=\"container\">\n      <header class=\"section__head\">\n        <h2>Step 5: Review &amp; Add to Cart<\/h2>\n        <p class=\"mb-0\">Please review your order details below. If everything looks good, add to your cart and complete checkout.<\/p>\n      <\/header>\n\n      <div class=\"order-layout\">\n        <div class=\"stack\">\n          <section class=\"summary review-block\">\n            <div class=\"summary__head\">\n              <h2>Your Portrait <span class=\"text-muted u-normal\">(Final Result)<\/span><\/h2>\n              <button type=\"button\" class=\"link-action\" data-goto=\"1\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit<\/button>\n            <\/div>\n            <div class=\"review-block__grid\">\n              <img decoding=\"async\" data-bind-img=\"style\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/uploads\/2026\/11\/portrait-watercolor.png\" alt=\"Your selected portrait style\">\n              <div>\n                <h3 data-bind=\"style-name\">Watercolor Portrait<\/h3>\n                <p class=\"selected-style__price\" data-bind=\"style-price\">$145<\/p>\n                <p class=\"text-sm\" data-bind=\"style-blurb\">Transform your favorite home photo into a beautifully detailed watercolor-style portrait designed to preserve the personality and warmth of the place you love.<\/p>\n                <p class=\"callout callout--success mb-0\" id=\"review-instruction-note\" hidden>\n                  <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-check-circle-solid\"><\/use><\/svg>\n                  <span class=\"text-sm\">Your special instruction has been applied.<\/span>\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/section>\n\n          <section class=\"summary review-block\">\n            <div class=\"summary__head\">\n              <h2>Your Uploaded Photo <span class=\"text-muted u-normal\">(Original)<\/span><\/h2>\n              <button type=\"button\" class=\"link-action\" data-goto=\"2\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit<\/button>\n            <\/div>\n            <div id=\"review-photo\"><\/div>\n          <\/section>\n\n          <section class=\"summary review-block\">\n            <div class=\"summary__head\">\n              <h2>Selected Add-Ons<\/h2>\n              <button type=\"button\" class=\"link-action\" data-goto=\"3\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit<\/button>\n            <\/div>\n            <div id=\"review-addons\"><\/div>\n            <div class=\"callout radius-0\">\n              <svg class=\"icon icon--xl\" aria-hidden=\"true\"><use href=\"#i-gift\"><\/use><\/svg>\n              <div>\n                <h3>Multiple Print-Ready Sizes Included FREE<\/h3>\n                <p>Every portrait includes high-resolution digital files in multiple sizes (JPEG + PNG + PDF) at no extra cost.<\/p>\n              <\/div>\n            <\/div>\n          <\/section>\n\n          <section class=\"summary review-block\">\n            <div class=\"summary__head\">\n              <h2>Your Information<\/h2>\n              <button type=\"button\" class=\"link-action\" data-goto=\"4\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit<\/button>\n            <\/div>\n            <div class=\"summary__body\"><dl class=\"data-list\" id=\"review-info\"><\/dl><\/div>\n          <\/section>\n        <\/div>\n\n        <aside class=\"stack sticky-aside\">\n          <section class=\"summary\">\n            <div class=\"summary__head\"><h2>Order Summary<\/h2><\/div>\n            <div class=\"summary__body\">\n              <div class=\"summary__row summary__row--head\">\n                <span data-bind=\"style-name\">Watercolor Portrait<\/span>\n                <strong data-bind=\"style-price\">$145<\/strong>\n              <\/div>\n              <div data-bind=\"addons-list\"><\/div>\n              <div class=\"summary__divider\"><\/div>\n              <div class=\"summary__row summary__row--head\"><span>Subtotal<\/span><strong data-bind=\"subtotal\"><\/strong><\/div>\n              <div class=\"summary__total summary__total--lg\"><span>Total<\/span><span data-bind=\"total\"><\/span><\/div>\n            <\/div>\n          <\/section>\n\n          <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-mail\"><\/use><\/svg>\n            <div><h3>Fast Digital Delivery<\/h3><p>Your portrait will be delivered via email in 24\u201348 hours (or sooner with rush).<\/p><\/div>\n          <\/div>\n          <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-infinity\"><\/use><\/svg>\n            <div><h3>Multiple Print-Ready Sizes Included<\/h3><p>Every portrait includes high-resolution digital files in multiple sizes (JPEG + PNG + PDF) at no extra cost.<\/p><\/div>\n          <\/div>\n          <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\"><use href=\"#i-lock\"><\/use><\/svg>\n            <div><h3>Secure Checkout<\/h3><p>Your payment information is always protected.<\/p><\/div>\n          <\/div>\n\n          <section class=\"card card__body\">\n            <h3>Terms of Purchase<\/h3>\n            <label class=\"check mt-sm\">\n              <input type=\"checkbox\" id=\"accept-terms\" required>\n              <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>              <span>I have read and agree to the <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/terms-of-purchase\/\">Terms of Purchase<\/a>, including the <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/usage-licensing\/\">Usage &amp; Licensing Agreement<\/a>.<\/span>\n            <\/label>\n            <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This box must be checked.<\/span><\/p>\n\n            <h3 class=\"mt-lg\">Optional: Sign Up for Updates<\/h3>\n            <label class=\"check mt-sm\">\n              <input type=\"checkbox\" id=\"marketing-optin\">\n              <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>              <span>Yes! Send me updates, special offers and new product announcements.<\/span>\n            <\/label>\n\n            <div class=\"summary__total summary__total--lg mt-lg\"><span>Order Total<\/span><span data-bind=\"total\"><\/span><\/div>\n            <button type=\"button\" class=\"btn btn--primary btn--lg btn--block mt-md\" id=\"add-to-cart\">\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-cart\"><\/use><\/svg> <span>Add to Cart<\/span>\n            <\/button>\n          <\/section>\n\n          <figure class=\"script-quote\">\n            <p class=\"script script--md\">Homes Tell Stories.<br>We Bring Them to Life.<\/p>          <\/figure>\n        <\/aside>\n      <\/div>\n\n      <div class=\"order-nav order-nav--single\"><div class=\"order-nav__side\"><button type=\"button\" class=\"btn btn--white btn--lg\" data-prev>\n              <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-left\"><\/use><\/svg> Back<\/button><span class=\"order-nav__hint\">Edit Your Information<\/span><\/div><\/div>    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_hs_seo_title":"","_hs_seo_description":"","_hs_seo_keywords":"","_hs_seo_canonical":"","_hs_seo_robots_index":"","_hs_seo_robots_follow":"","_hs_seo_robots_extra":"","_hs_seo_og_title":"","_hs_seo_og_description":"","_hs_seo_og_image":"","_hs_seo_twitter_card":"","_hs_seo_schema_type":"","_hs_seo_schema_json":"","_hs_seo_head_html":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":2,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}