{"id":55,"date":"2026-08-23T08:09:48","date_gmt":"2026-08-23T08:09:48","guid":{"rendered":"http:\/\/designonnpointconstruction.com\/?page_id=55"},"modified":"2026-08-24T09:24:01","modified_gmt":"2026-08-24T09:24:01","slug":"full-home-remodel","status":"publish","type":"page","link":"https:\/\/designonnpointconstruction.com\/","title":{"rendered":"Elementor #55"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Design Onn Point | Kitchen and Full Home Remodeling<\/title>\r\n <meta name=\"description\" content=\"Premium kitchen and full-home remodeling by Design Onn Point. Fixed-price kitchen package, 10-day installation, professional design, and 20+ years of hands-on experience.\" \/>\r\n\r\n <style>\r\n :root{\r\n --ink:#171717;\r\n --charcoal:#23211f;\r\n --charcoal2:#312d29;\r\n --cream:#f4eee6;\r\n --warm:#d8b48a;\r\n --warm2:#ead3b6;\r\n --white:#ffffff;\r\n --muted:#746d66;\r\n --line:#ded3c6;\r\n --green:#6e745f;\r\n --shadow:0 22px 70px rgba(20,16,12,.16);\r\n --radius:26px;\r\n }\r\n\r\n *{box-sizing:border-box}\r\n html{scroll-behavior:smooth}\r\n body{\r\n margin:0;\r\n direction:ltr !important;\r\n text-align:left;\r\n font-family:Inter,Arial,Helvetica,sans-serif;\r\n color:var(--ink);\r\n background:#fff;\r\n overflow-x:hidden;\r\n }\r\n\r\n img{display:block;max-width:100%}\r\n button,input,select,textarea{font:inherit}\r\n a{text-decoration:none;color:inherit}\r\n .dop-wrap{overflow:hidden;direction:ltr !important;text-align:left !important}\r\n .dop-wrap *{direction:ltr}\r\n .dop-wrap .dop-center{text-align:center !important}\r\n .dop-container{width:min(1180px,92%);margin:auto}\r\n .dop-section{padding:96px 0}\r\n .dop-section-sm{padding:64px 0}\r\n .dop-center{text-align:center}\r\n .dop-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:8px 13px;\r\n border-radius:999px;\r\n background:var(--cream);\r\n color:#78593a;\r\n font-size:12px;\r\n font-weight:900;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n }\r\n .dop-title{\r\n margin:16px 0 18px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:clamp(40px,5vw,68px);\r\n line-height:1.02;\r\n letter-spacing:-.035em;\r\n font-weight:500;\r\n }\r\n .dop-sub{\r\n max-width:760px;\r\n margin:0;\r\n color:var(--muted);\r\n font-size:18px;\r\n line-height:1.7;\r\n }\r\n .dop-center .dop-sub{margin-left:auto;margin-right:auto}\r\n\r\n .dop-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:56px;\r\n padding:0 28px;\r\n border:0;\r\n border-radius:999px;\r\n cursor:pointer;\r\n font-weight:900;\r\n transition:.2s ease;\r\n }\r\n .dop-btn:hover{transform:translateY(-2px)}\r\n .dop-btn-dark{background:var(--charcoal);color:#fff}\r\n .dop-btn-light{background:#fff;color:var(--charcoal)}\r\n .dop-btn-warm{\r\n background:linear-gradient(180deg,var(--warm2),var(--warm));\r\n color:#2d2116;\r\n box-shadow:0 12px 28px rgba(169,123,79,.24);\r\n }\r\n\r\n \/* NAV *\/\r\n .dop-header{\r\n position:sticky;\r\n top:0;\r\n z-index:60;\r\n background:rgba(26,24,22,.93);\r\n backdrop-filter:blur(14px);\r\n border-bottom:1px solid rgba(255,255,255,.07);\r\n }\r\n .dop-nav{\r\n min-height:82px;\r\n display:grid;\r\n grid-template-columns:315px 1fr 210px;\r\n align-items:center;\r\n gap:24px;\r\n direction:ltr !important;\r\n }\r\n .dop-logo{\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n justify-self:start;\r\n width:275px;\r\n overflow:visible;\r\n }\r\n .dop-logo img{\r\n width:230px;\r\n height:auto;\r\n max-height:78px;\r\n object-fit:contain;\r\n object-position:left center;\r\n border-radius:0;\r\n image-rendering:auto;\r\n mix-blend-mode:screen;\r\n filter:contrast(1.08) brightness(1.05);\r\n }\r\n .dop-links{\r\n display:flex;\r\n justify-content:center;\r\n gap:26px;\r\n align-items:center;\r\n color:#fff;\r\n font-size:14px;\r\n font-weight:700;\r\n direction:ltr !important;\r\n white-space:nowrap;\r\n }\r\n .dop-links a{opacity:.82}\r\n .dop-links a:hover{opacity:1}\r\n .dop-nav .dop-btn{min-height:44px;padding:0 18px;justify-self:end}\r\n\r\n \/* HERO *\/\r\n .dop-hero{\r\n position:relative;\r\n min-height:760px;\r\n display:flex;\r\n align-items:center;\r\n color:#fff;\r\n background:\r\n linear-gradient(90deg,rgba(18,17,15,.94) 0%,rgba(18,17,15,.76) 42%,rgba(18,17,15,.20) 73%,rgba(18,17,15,.06) 100%),\r\n url('https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/66cdb52d-9033-419c-a78b-69bf4a857e27.jpg') center\/cover no-repeat;\r\n }\r\n .dop-hero-inner{padding:110px 0 130px;max-width:760px;text-align:left !important;direction:ltr !important}\r\n .dop-hero .dop-kicker{\r\n background:rgba(239,215,184,.92);\r\n color:#3b2c1f;\r\n }\r\n .dop-hero h1{\r\n text-align:left !important;\r\n margin:20px 0 20px;\r\n max-width:760px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:clamp(50px,6vw,82px);\r\n line-height:.98;\r\n letter-spacing:-.045em;\r\n font-weight:500;\r\n }\r\n .dop-hero-copy{\r\n text-align:left !important;\r\n max-width:680px;\r\n color:rgba(255,255,255,.9);\r\n font-size:18px;\r\n line-height:1.68;\r\n }\r\n .dop-hero-trust{\r\n justify-content:flex-start;\r\n text-align:left !important;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 22px;\r\n margin:28px 0 30px;\r\n font-size:14px;\r\n font-weight:850;\r\n }\r\n .dop-hero-trust span:before{\r\n content:\"\u2713\";\r\n margin-right:8px;\r\n color:#e7c69e;\r\n }\r\n .dop-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}\r\n .dop-fine{\r\n margin-top:12px;\r\n color:rgba(255,255,255,.65);\r\n font-size:12px;\r\n }\r\n\r\n \/* MARQUEE *\/\r\n .dop-marquee{\r\n overflow:hidden;\r\n background:var(--cream);\r\n border-top:1px solid var(--line);\r\n border-bottom:1px solid var(--line);\r\n }\r\n .dop-track{\r\n display:flex;\r\n gap:54px;\r\n width:max-content;\r\n padding:18px 0;\r\n animation:dopScroll 34s linear infinite;\r\n }\r\n .dop-track span{\r\n white-space:nowrap;\r\n font-size:18px;\r\n font-weight:900;\r\n color:#3a312a;\r\n }\r\n .dop-track span:nth-child(even){color:#9a6b3f}\r\n @keyframes dopScroll{\r\n from{transform:translateX(0)}\r\n to{transform:translateX(-50%)}\r\n }\r\n\r\n \/* OFFER *\/\r\n .dop-offer{\r\n background:linear-gradient(180deg,#fff,#fbf8f4);\r\n }\r\n .dop-offer-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:34px;\r\n align-items:stretch;\r\n margin-top:40px;\r\n }\r\n .dop-price-card{\r\n position:relative;\r\n overflow:hidden;\r\n padding:40px;\r\n border-radius:var(--radius);\r\n background:var(--charcoal);\r\n color:#fff;\r\n box-shadow:var(--shadow);\r\n }\r\n .dop-price-card:after{\r\n content:\"\";\r\n position:absolute;\r\n width:280px;height:280px;\r\n border-radius:50%;\r\n right:-110px;top:-110px;\r\n background:radial-gradient(circle,rgba(222,185,141,.28),transparent 68%);\r\n }\r\n .dop-price-card small{\r\n display:block;\r\n color:#dfc19a;\r\n font-weight:900;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n }\r\n .dop-price{\r\n margin:12px 0 3px;\r\n font-size:clamp(64px,8vw,96px);\r\n line-height:.9;\r\n font-weight:950;\r\n letter-spacing:-.06em;\r\n }\r\n .dop-price-caption{font-size:23px;font-weight:850}\r\n .dop-price-card p{\r\n margin:18px 0 0;\r\n color:rgba(255,255,255,.76);\r\n line-height:1.6;\r\n }\r\n .dop-package{\r\n padding:38px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n background:#fff;\r\n box-shadow:0 12px 40px rgba(40,31,23,.06);\r\n }\r\n .dop-package h3{\r\n margin:0 0 20px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:34px;\r\n font-weight:500;\r\n }\r\n .dop-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px}\r\n .dop-check{\r\n padding:13px 14px;\r\n border-radius:14px;\r\n background:#f7f2ec;\r\n font-weight:800;\r\n }\r\n .dop-check:before{content:\"\u2713\";margin-right:9px;color:#9a6a3a}\r\n .dop-package-note{\r\n margin-top:18px;\r\n color:var(--muted);\r\n font-size:13px;\r\n line-height:1.55;\r\n }\r\n\r\n\r\n .dop-project-no{\r\n display:block;\r\n margin-bottom:5px;\r\n font-size:11px;\r\n line-height:1.2;\r\n font-weight:800;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n color:#9a642e;\r\n }\r\n\r\n \/* BEFORE AFTER *\/\r\n .dop-ba{\r\n background:#f6f0e8;\r\n }\r\n .dop-ba-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:20px;\r\n margin-top:38px;\r\n }\r\n .dop-ba-card{\r\n overflow:hidden;\r\n border-radius:22px;\r\n background:#fff;\r\n box-shadow:0 12px 38px rgba(33,25,18,.08);\r\n border:1px solid #e8ded3;\r\n }\r\n .dop-ba-card img{\r\n width:100%;\r\n height:310px;\r\n object-fit:cover;\r\n }\r\n .dop-ba-cap{\r\n padding:18px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:14px;\r\n }\r\n .dop-ba-cap strong{font-size:18px}\r\n .dop-tag{\r\n padding:7px 10px;\r\n border-radius:999px;\r\n background:#ece1d4;\r\n color:#795532;\r\n font-size:11px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n }\r\n\r\n \/* WHY *\/\r\n .dop-why-grid{\r\n display:grid;\r\n grid-template-columns:.95fr 1.05fr;\r\n gap:52px;\r\n align-items:center;\r\n }\r\n .dop-why-photo{\r\n min-height:580px;\r\n border-radius:30px;\r\n background:url('https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/remove_wmk1773833214818.png') center\/cover no-repeat;\r\n box-shadow:var(--shadow);\r\n }\r\n .dop-list{\r\n display:grid;\r\n gap:12px;\r\n margin-top:26px;\r\n }\r\n .dop-list-item{\r\n padding:15px 17px;\r\n border:1px solid #eaded2;\r\n border-radius:15px;\r\n background:#fff;\r\n font-weight:800;\r\n }\r\n .dop-list-item:before{\r\n content:\"\";\r\n width:8px;height:8px;\r\n display:inline-block;\r\n margin-right:10px;\r\n border-radius:50%;\r\n background:#bc8d5f;\r\n vertical-align:1px;\r\n }\r\n\r\n \/* FULL HOME *\/\r\n .dop-fullhome{\r\n background:var(--charcoal);\r\n color:#fff;\r\n }\r\n .dop-full-grid{\r\n display:grid;\r\n grid-template-columns:1.05fr .95fr;\r\n gap:42px;\r\n align-items:center;\r\n }\r\n .dop-fullhome .dop-title{color:#fff}\r\n .dop-fullhome .dop-sub{color:rgba(255,255,255,.76)}\r\n .dop-full-cards{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:14px;\r\n }\r\n .dop-full-card{\r\n min-height:210px;\r\n padding:24px;\r\n border-radius:20px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.10);\r\n }\r\n .dop-full-card h3{\r\n margin:0 0 8px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:24px;\r\n font-weight:500;\r\n }\r\n .dop-full-card p{\r\n margin:0;\r\n color:rgba(255,255,255,.68);\r\n line-height:1.55;\r\n }\r\n\r\n \/* GALLERY *\/\r\n .dop-gallery{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:38px;\r\n }\r\n .dop-gallery figure{\r\n margin:0;\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:#eee;\r\n min-height:310px;\r\n }\r\n .dop-gallery img{\r\n width:100%;\r\n height:100%;\r\n min-height:310px;\r\n object-fit:cover;\r\n transition:.35s ease;\r\n }\r\n .dop-gallery figure:hover img{transform:scale(1.025)}\r\n\r\n\r\n .dop-gallery-cta{\r\n max-width:780px;\r\n margin:38px auto 0;\r\n padding:28px 30px;\r\n border-radius:22px;\r\n background:#f6f0e8;\r\n border:1px solid var(--line);\r\n text-align:center;\r\n }\r\n .dop-gallery-cta h3{\r\n margin:12px 0 10px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:30px;\r\n font-weight:500;\r\n }\r\n .dop-gallery-cta p{\r\n margin:0 auto 20px;\r\n max-width:650px;\r\n color:var(--muted);\r\n line-height:1.65;\r\n }\r\n\r\n \/* PROCESS *\/\r\n .dop-process{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin-top:38px;\r\n }\r\n .dop-step{\r\n padding:26px 22px;\r\n border:1px solid var(--line);\r\n border-radius:20px;\r\n background:#fff;\r\n }\r\n .dop-step-num{\r\n color:#986737;\r\n font-size:12px;\r\n font-weight:950;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n }\r\n .dop-step h3{\r\n margin:12px 0 8px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:25px;\r\n font-weight:500;\r\n }\r\n .dop-step p{\r\n margin:0;\r\n color:var(--muted);\r\n line-height:1.55;\r\n font-size:14px;\r\n }\r\n\r\n \/* TRUST *\/\r\n .dop-trust{\r\n background:#f6f1ea;\r\n }\r\n .dop-trust-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-top:36px;\r\n }\r\n .dop-stat{\r\n padding:30px;\r\n border-radius:22px;\r\n background:#fff;\r\n border:1px solid var(--line);\r\n text-align:center;\r\n }\r\n .dop-stat strong{\r\n display:block;\r\n font-size:38px;\r\n color:#6f4d2f;\r\n margin-bottom:6px;\r\n }\r\n .dop-stat span{color:var(--muted);font-weight:750}\r\n\r\n \/* FAQ *\/\r\n .dop-faq{max-width:900px;margin:36px auto 0}\r\n .dop-faq-item{border-bottom:1px solid var(--line)}\r\n .dop-faq-q{\r\n width:100%;\r\n padding:22px 0;\r\n border:0;\r\n background:none;\r\n display:flex;\r\n justify-content:space-between;\r\n gap:20px;\r\n text-align:left;\r\n cursor:pointer;\r\n font-weight:900;\r\n color:#2c2825;\r\n }\r\n .dop-faq-a{\r\n max-height:0;\r\n overflow:hidden;\r\n color:var(--muted);\r\n line-height:1.65;\r\n transition:.3s;\r\n }\r\n .dop-faq-a div{padding-bottom:22px}\r\n .dop-faq-item.open .dop-faq-a{max-height:260px}\r\n\r\n \/* FINAL CTA *\/\r\n .dop-final{\r\n position:relative;\r\n color:#fff;\r\n background:\r\n linear-gradient(90deg,rgba(20,18,16,.92),rgba(20,18,16,.42)),\r\n url('https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/SlavaBlazerPhotography_2.jpg') center\/cover no-repeat;\r\n }\r\n .dop-final .dop-title{color:#fff;max-width:800px}\r\n .dop-final .dop-sub{color:rgba(255,255,255,.8)}\r\n\r\n \/* MODAL *\/\r\n .dop-modal{\r\n position:fixed;\r\n inset:0;\r\n z-index:999;\r\n display:none;\r\n padding:20px;\r\n background:rgba(16,14,12,.76);\r\n backdrop-filter:blur(6px);\r\n overflow:auto;\r\n }\r\n .dop-modal.open{display:block}\r\n .dop-modal-card{\r\n max-width:720px;\r\n margin:30px auto;\r\n overflow:hidden;\r\n border-radius:26px;\r\n background:#fff;\r\n box-shadow:0 30px 90px rgba(0,0,0,.3);\r\n }\r\n .dop-modal-top{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:18px;\r\n padding:18px 22px;\r\n border-bottom:1px solid var(--line);\r\n }\r\n .dop-modal-top img{\r\n width:180px;\r\n height:auto;\r\n max-height:72px;\r\n object-fit:contain;\r\n object-position:left center;\r\n border-radius:0;\r\n image-rendering:auto;\r\n }\r\n .dop-close{\r\n border:0;\r\n border-radius:999px;\r\n padding:10px 16px;\r\n cursor:pointer;\r\n background:#eee3d6;\r\n color:#3f3024;\r\n font-weight:900;\r\n }\r\n .dop-form{padding:28px}\r\n .dop-form h3{\r\n margin:0 0 8px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:36px;\r\n font-weight:500;\r\n }\r\n .dop-form p{color:var(--muted);line-height:1.6}\r\n .dop-form-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:14px;\r\n margin-top:20px;\r\n }\r\n .dop-field.full{grid-column:1\/-1}\r\n .dop-field label{\r\n display:block;\r\n margin-bottom:7px;\r\n font-size:12px;\r\n font-weight:900;\r\n color:#4f4943;\r\n }\r\n .dop-field input,.dop-field select,.dop-field textarea{\r\n width:100%;\r\n padding:14px;\r\n border:1.5px solid #ddd2c7;\r\n border-radius:11px;\r\n outline:none;\r\n background:#fff;\r\n }\r\n .dop-field textarea{min-height:100px;resize:vertical}\r\n .dop-submit-note{\r\n margin-top:12px;\r\n color:#8a8179;\r\n font-size:11px;\r\n line-height:1.5;\r\n }\r\n\r\n\r\n .dop-form-highlight{\r\n margin:18px 0 4px;\r\n padding:14px 16px;\r\n border-radius:14px;\r\n background:#f5ede3;\r\n border:1px solid #e3d3c2;\r\n display:flex;\r\n gap:8px 14px;\r\n align-items:center;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n }\r\n .dop-form-highlight strong{\r\n color:#5f4227;\r\n font-size:14px;\r\n }\r\n .dop-form-highlight span{\r\n color:#7c7269;\r\n font-size:12px;\r\n line-height:1.45;\r\n }\r\n\r\n \/* FOOTER *\/\r\n .dop-footer{\r\n padding:42px 0;\r\n background:#171614;\r\n color:#fff;\r\n }\r\n .dop-footer-grid{\r\n display:grid;\r\n grid-template-columns:1.2fr .8fr .8fr;\r\n gap:34px;\r\n }\r\n .dop-footer img{\r\n width:190px;\r\n height:auto;\r\n max-height:88px;\r\n object-fit:contain;\r\n object-position:left center;\r\n border-radius:0;\r\n margin-bottom:14px;\r\n image-rendering:auto;\r\n }\r\n .dop-footer p,.dop-footer a{\r\n color:rgba(255,255,255,.68);\r\n font-size:14px;\r\n line-height:1.65;\r\n }\r\n .dop-footer h4{margin:0 0 10px}\r\n .dop-copy{\r\n margin-top:24px;\r\n padding-top:18px;\r\n border-top:1px solid rgba(255,255,255,.08);\r\n color:rgba(255,255,255,.44);\r\n font-size:12px;\r\n line-height:1.55;\r\n }\r\n\r\n\r\n\r\n .dop-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}\r\n .dop-service-card{padding:28px 24px;text-align:left;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(40,31,23,.05)}\r\n .dop-service-num{color:#9a6b3f;font-size:12px;font-weight:950;letter-spacing:.09em}\r\n .dop-service-card h3{margin:14px 0 10px;font-family:Georgia,\"Times New Roman\",serif;font-size:25px;font-weight:500}\r\n .dop-service-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}\r\n .dop-full-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:26px}\r\n .dop-full-checks span{color:#fff;font-weight:800}\r\n .dop-full-checks span:before{content:\"\u2713\";color:#e7c69e;margin-right:8px}\r\n .dop-kitchen-offer{background:#f7f2ec}\r\n .dop-kitchen-offer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}\r\n .dop-kitchen-price{margin:28px 0 22px;padding:22px 24px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(40,31,23,.05)}\r\n .dop-kitchen-price small{display:block;color:#8f6338;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}\r\n .dop-kitchen-price strong{display:block;font-size:58px;line-height:1;margin-bottom:8px;letter-spacing:-.04em}\r\n .dop-kitchen-price span{color:var(--muted);line-height:1.55}\r\n .dop-kitchen-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}\r\n .dop-kitchen-checks span{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:800}\r\n .dop-kitchen-checks span:before{content:\"\u2713\";color:#9a6b3f;margin-right:8px}\r\n .dop-kitchen-speed{padding:18px 20px;margin-bottom:22px;border-left:4px solid #b98653;background:#efe4d7;border-radius:12px}\r\n .dop-kitchen-speed strong{display:block;font-size:20px;margin-bottom:6px}\r\n .dop-kitchen-speed p{margin:0;color:#6f665e;line-height:1.55}\r\n .dop-kitchen-offer-image{overflow:hidden;border-radius:26px;min-height:560px;box-shadow:var(--shadow)}\r\n .dop-kitchen-offer-image img{width:100%;height:100%;min-height:560px;object-fit:cover}\r\n\r\n \/* MATCHED BEFORE \/ AFTER PROJECT PAIRS *\/\r\n .dop-project-pairs{\r\n display:grid;\r\n gap:30px;\r\n margin-top:42px;\r\n }\r\n .dop-project-pair{\r\n padding:22px;\r\n border-radius:24px;\r\n background:#fff;\r\n border:1px solid #e7dbcf;\r\n box-shadow:0 12px 38px rgba(33,25,18,.07);\r\n text-align:left;\r\n }\r\n .dop-pair-head{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:18px;\r\n margin-bottom:18px;\r\n }\r\n .dop-project-label{\r\n display:block;\r\n margin-bottom:5px;\r\n color:#9b6c3e;\r\n font-size:11px;\r\n font-weight:950;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n }\r\n .dop-pair-head h3{\r\n margin:0;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:30px;\r\n font-weight:500;\r\n letter-spacing:-.02em;\r\n }\r\n .dop-pair-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:16px;\r\n }\r\n .dop-pair-card{\r\n overflow:hidden;\r\n border-radius:18px;\r\n background:#f8f4ef;\r\n border:1px solid #e7ddd3;\r\n }\r\n .dop-image-wrap{\r\n position:relative;\r\n overflow:hidden;\r\n aspect-ratio:4\/3;\r\n background:#eee;\r\n }\r\n .dop-image-wrap img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition:.35s ease;\r\n }\r\n .dop-pair-card:hover .dop-image-wrap img{\r\n transform:scale(1.02);\r\n }\r\n .dop-image-badge{\r\n position:absolute;\r\n left:14px;\r\n top:14px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n font-size:11px;\r\n font-weight:950;\r\n letter-spacing:.08em;\r\n box-shadow:0 8px 22px rgba(0,0,0,.16);\r\n }\r\n .dop-before{\r\n background:rgba(34,31,28,.9);\r\n color:#fff;\r\n }\r\n .dop-after{\r\n background:#e8c59d;\r\n color:#2c2118;\r\n }\r\n .dop-pair-copy{\r\n padding:16px 17px 18px;\r\n }\r\n .dop-pair-copy strong{\r\n display:block;\r\n margin-bottom:5px;\r\n font-size:17px;\r\n }\r\n .dop-pair-copy span{\r\n color:#746d66;\r\n line-height:1.55;\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dop-nav-actions{\r\n display:flex;\r\n justify-content:flex-end;\r\n align-items:center;\r\n gap:12px;\r\n }\r\n .dop-logo img{\r\n width:290px !important;\r\n max-height:98px !important;\r\n object-fit:contain !important;\r\n object-position:left center !important;\r\n mix-blend-mode:normal !important;\r\n filter:none !important;\r\n opacity:.92;\r\n }\r\n .dop-menu-toggle{\r\n display:none;\r\n width:46px;\r\n height:46px;\r\n padding:0;\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:12px;\r\n background:rgba(255,255,255,.06);\r\n cursor:pointer;\r\n align-items:center;\r\n justify-content:center;\r\n flex-direction:column;\r\n gap:5px;\r\n }\r\n .dop-menu-toggle span{\r\n width:21px;\r\n height:2px;\r\n background:#fff;\r\n border-radius:999px;\r\n transition:.2s ease;\r\n }\r\n .dop-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}\r\n .dop-menu-toggle.open span:nth-child(2){opacity:0}\r\n .dop-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\r\n\r\n .dop-mobile-menu{\r\n display:none;\r\n background:#23211f;\r\n border-top:1px solid rgba(255,255,255,.08);\r\n }\r\n .dop-mobile-menu.open{display:block}\r\n .dop-mobile-menu-inner{\r\n display:grid;\r\n gap:0;\r\n padding:10px 0 18px;\r\n }\r\n .dop-mobile-menu a{\r\n padding:14px 4px;\r\n color:#fff;\r\n font-weight:800;\r\n border-bottom:1px solid rgba(255,255,255,.08);\r\n }\r\n .dop-mobile-menu .dop-btn{\r\n margin-top:16px;\r\n width:100%;\r\n }\r\n\r\n .dop-gallery-mixed{\r\n align-items:stretch;\r\n }\r\n .dop-gallery-card{\r\n position:relative;\r\n min-height:330px;\r\n background:#eee;\r\n }\r\n .dop-gallery-card img{\r\n height:330px;\r\n min-height:330px;\r\n }\r\n .dop-gallery-card figcaption{\r\n position:absolute;\r\n left:14px;\r\n bottom:14px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:rgba(24,22,20,.78);\r\n color:#fff;\r\n font-size:12px;\r\n font-weight:900;\r\n backdrop-filter:blur(8px);\r\n }\r\n\r\n @media(max-width:980px){\r\n .dop-service-grid{grid-template-columns:repeat(2,1fr)}\r\n .dop-kitchen-offer-grid{grid-template-columns:1fr}\r\n .dop-kitchen-offer-image,.dop-kitchen-offer-image img{min-height:420px}\r\n .dop-nav{grid-template-columns:1fr auto;min-height:72px}\r\n .dop-pair-grid{grid-template-columns:1fr}\r\n .dop-pair-head{align-items:flex-start}\r\n .dop-pair-head h3{font-size:26px}\r\n .dop-links{display:none}\r\n .dop-desktop-cta{display:none}\r\n .dop-menu-toggle{display:flex}\r\n .dop-logo{width:225px}\r\n .dop-logo img{width:220px !important;max-height:80px !important}\r\n .dop-gallery-card,.dop-gallery-card img{min-height:280px;height:280px}\r\n .dop-offer-grid,\r\n .dop-why-grid,\r\n .dop-full-grid{grid-template-columns:1fr}\r\n .dop-ba-grid,.dop-gallery{grid-template-columns:repeat(2,1fr)}\r\n .dop-process{grid-template-columns:repeat(2,1fr)}\r\n .dop-trust-grid{grid-template-columns:1fr}\r\n .dop-footer-grid{grid-template-columns:1fr}\r\n }\r\n\r\n @media(max-width:680px){\r\n .dop-service-grid{grid-template-columns:1fr}\r\n .dop-full-checks{grid-template-columns:1fr}\r\n .dop-kitchen-checks{grid-template-columns:1fr}\r\n .dop-kitchen-price strong{font-size:48px}\r\n .dop-section{padding:68px 0}\r\n .dop-hero{min-height:680px;background-position:62% center}\r\n .dop-hero-inner{padding:90px 0 100px}\r\n .dop-hero-actions{flex-direction:column;align-items:flex-start}\r\n .dop-ba-grid,.dop-gallery,.dop-process,.dop-full-cards{grid-template-columns:1fr}\r\n .dop-package{padding:26px}\r\n .dop-checks{grid-template-columns:1fr}\r\n .dop-form-grid{grid-template-columns:1fr}\r\n .dop-field.full{grid-column:auto}\r\n .dop-nav .dop-btn{display:none}\r\n .dop-logo{width:205px}.dop-logo img{width:205px !important;height:auto;max-height:74px !important;mix-blend-mode:normal !important;opacity:1}\r\n }\r\n \r\n \/* PREMIUM BEFORE \/ AFTER SECTION *\/\r\n .dop-ba-premium{\r\n background:#f6f0e8;\r\n padding:100px 0;\r\n direction:ltr !important;\r\n }\r\n .dop-ba-premium .dop-container{\r\n width:min(1180px, calc(100% - 40px));\r\n margin:0 auto !important;\r\n padding:0 !important;\r\n }\r\n .dop-ba-heading{\r\n max-width:900px;\r\n margin:0 auto 52px;\r\n text-align:center !important;\r\n }\r\n .dop-ba-heading .dop-title{\r\n margin:10px auto 16px;\r\n max-width:900px;\r\n text-align:center !important;\r\n }\r\n .dop-ba-heading .dop-sub{\r\n max-width:800px;\r\n margin:0 auto;\r\n text-align:center !important;\r\n line-height:1.7;\r\n }\r\n .dop-ba-list{\r\n display:grid;\r\n gap:30px;\r\n width:100%;\r\n max-width:1040px;\r\n margin:0 auto !important;\r\n }\r\n .dop-ba-project{\r\n width:100%;\r\n margin:0 auto !important;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid #e4d8ca;\r\n border-radius:24px;\r\n box-shadow:0 14px 36px rgba(42,32,24,.07);\r\n }\r\n .dop-ba-top{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-end;\r\n gap:20px;\r\n margin-bottom:18px;\r\n text-align:left !important;\r\n }\r\n .dop-ba-project-title{\r\n flex:1 1 auto;\r\n min-width:0;\r\n }\r\n .dop-ba-project-title h3{\r\n margin:5px 0 0;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:30px;\r\n line-height:1.08;\r\n font-weight:500;\r\n letter-spacing:-.02em;\r\n color:#171717;\r\n }\r\n .dop-project-no{\r\n display:block;\r\n color:#a36c36;\r\n font-size:11px;\r\n line-height:1.2;\r\n font-weight:900;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n }\r\n .dop-ba-pill{\r\n flex:0 0 auto;\r\n padding:7px 11px;\r\n border-radius:999px;\r\n background:#efe2d2;\r\n color:#7c4d21;\r\n font-size:10px;\r\n font-weight:900;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n }\r\n .dop-ba-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:16px;\r\n width:100%;\r\n }\r\n .dop-ba-card{\r\n overflow:hidden;\r\n border-radius:17px;\r\n border:1px solid #e7ddd3;\r\n background:#fbf8f4;\r\n text-align:left !important;\r\n }\r\n .dop-ba-img{\r\n position:relative;\r\n aspect-ratio:16\/10;\r\n overflow:hidden;\r\n background:#e9e4de;\r\n }\r\n .dop-ba-img img{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n }\r\n .dop-img-label{\r\n position:absolute;\r\n top:14px;\r\n left:14px;\r\n z-index:2;\r\n padding:7px 10px;\r\n border-radius:999px;\r\n font-size:10px;\r\n line-height:1;\r\n font-weight:900;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n box-shadow:0 6px 18px rgba(0,0,0,.12);\r\n }\r\n .dop-img-label.dop-before{\r\n background:#221f1c;\r\n color:#fff;\r\n }\r\n .dop-img-label.dop-after{\r\n background:#e6bd88;\r\n color:#2c2117;\r\n }\r\n .dop-ba-copy{\r\n padding:16px 17px 18px;\r\n text-align:left !important;\r\n }\r\n .dop-ba-copy strong{\r\n display:block;\r\n margin-bottom:6px;\r\n font-size:16px;\r\n line-height:1.25;\r\n color:#171717;\r\n }\r\n .dop-ba-copy p{\r\n margin:0;\r\n color:#746b63;\r\n font-size:13px;\r\n line-height:1.55;\r\n }\r\n .dop-ba-bottom-cta{\r\n max-width:780px;\r\n margin:46px auto 0 !important;\r\n padding:30px;\r\n text-align:center !important;\r\n background:#fff;\r\n border:1px solid #e4d8ca;\r\n border-radius:22px;\r\n box-shadow:0 12px 30px rgba(42,32,24,.05);\r\n }\r\n .dop-ba-bottom-cta h3{\r\n margin:10px auto 20px;\r\n max-width:620px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:30px;\r\n line-height:1.2;\r\n font-weight:500;\r\n }\r\n\r\n @media(max-width:780px){\r\n .dop-ba-premium{padding:72px 0}\r\n .dop-ba-premium .dop-container{width:min(100% - 24px, 1180px)}\r\n .dop-ba-heading{margin-bottom:34px}\r\n .dop-ba-project{padding:16px;border-radius:20px}\r\n .dop-ba-top{align-items:flex-start;flex-direction:column;gap:10px}\r\n .dop-ba-project-title h3{font-size:25px}\r\n .dop-ba-grid{grid-template-columns:1fr}\r\n .dop-ba-img{aspect-ratio:4\/3}\r\n .dop-ba-bottom-cta{padding:24px 18px}\r\n .dop-ba-bottom-cta h3{font-size:25px}\r\n }\r\n\r\n\r\n \/* REFERENCE-STYLE BEFORE \/ AFTER STACK *\/\r\n .dop-ba-premium{\r\n background:#f6f0e8 !important;\r\n padding:70px 0 90px !important;\r\n }\r\n\r\n .dop-ba-premium .dop-container{\r\n width:min(760px, calc(100% - 30px)) !important;\r\n margin:0 auto !important;\r\n padding:0 !important;\r\n }\r\n\r\n .dop-ba-heading{\r\n max-width:700px !important;\r\n margin:0 auto 34px !important;\r\n text-align:center !important;\r\n }\r\n\r\n .dop-ba-heading .dop-kicker{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n }\r\n\r\n .dop-ba-heading .dop-title{\r\n max-width:700px !important;\r\n margin:0 auto 10px !important;\r\n text-align:center !important;\r\n font-size:clamp(34px,4.2vw,58px) !important;\r\n line-height:1.02 !important;\r\n }\r\n\r\n .dop-ba-heading .dop-sub{\r\n max-width:640px !important;\r\n margin:0 auto !important;\r\n text-align:center !important;\r\n font-size:14px !important;\r\n line-height:1.6 !important;\r\n }\r\n\r\n .dop-ba-list{\r\n width:100% !important;\r\n max-width:760px !important;\r\n margin:0 auto !important;\r\n display:grid !important;\r\n gap:16px !important;\r\n }\r\n\r\n .dop-ba-project{\r\n width:100% !important;\r\n margin:0 auto !important;\r\n padding:12px 12px 14px !important;\r\n background:#fff !important;\r\n border:1px solid #dfd3c5 !important;\r\n border-radius:14px !important;\r\n box-shadow:0 7px 16px rgba(39,30,22,.055) !important;\r\n }\r\n\r\n .dop-ba-top{\r\n display:flex !important;\r\n align-items:flex-start !important;\r\n justify-content:space-between !important;\r\n gap:12px !important;\r\n margin:0 0 10px !important;\r\n text-align:left !important;\r\n }\r\n\r\n .dop-ba-project-title h3{\r\n margin:3px 0 0 !important;\r\n font-size:20px !important;\r\n line-height:1.08 !important;\r\n font-weight:500 !important;\r\n letter-spacing:-.02em !important;\r\n }\r\n\r\n .dop-project-no{\r\n font-size:8px !important;\r\n line-height:1.2 !important;\r\n letter-spacing:.11em !important;\r\n font-weight:900 !important;\r\n color:#9d652e !important;\r\n margin-bottom:2px !important;\r\n }\r\n\r\n .dop-ba-pill{\r\n margin-top:3px !important;\r\n padding:5px 9px !important;\r\n font-size:8px !important;\r\n line-height:1 !important;\r\n border-radius:999px !important;\r\n background:#efe3d3 !important;\r\n color:#815122 !important;\r\n white-space:nowrap !important;\r\n }\r\n\r\n .dop-ba-grid{\r\n display:grid !important;\r\n grid-template-columns:1fr 1fr !important;\r\n gap:10px !important;\r\n width:100% !important;\r\n }\r\n\r\n .dop-ba-card{\r\n overflow:hidden !important;\r\n border-radius:10px !important;\r\n border:1px solid #e3d9cf !important;\r\n background:#fbf8f4 !important;\r\n text-align:left !important;\r\n }\r\n\r\n .dop-ba-img{\r\n position:relative !important;\r\n aspect-ratio:1.48 \/ 1 !important;\r\n overflow:hidden !important;\r\n background:#e9e5df !important;\r\n }\r\n\r\n .dop-ba-img img{\r\n width:100% !important;\r\n height:100% !important;\r\n object-fit:cover !important;\r\n display:block !important;\r\n }\r\n\r\n .dop-img-label{\r\n top:8px !important;\r\n left:8px !important;\r\n padding:4px 7px !important;\r\n font-size:7px !important;\r\n border-radius:999px !important;\r\n font-weight:900 !important;\r\n letter-spacing:.05em !important;\r\n box-shadow:none !important;\r\n }\r\n\r\n .dop-ba-copy{\r\n padding:8px 9px 9px !important;\r\n min-height:58px !important;\r\n text-align:left !important;\r\n }\r\n\r\n .dop-ba-copy strong{\r\n margin-bottom:3px !important;\r\n font-size:11px !important;\r\n line-height:1.2 !important;\r\n font-weight:700 !important;\r\n }\r\n\r\n .dop-ba-copy p{\r\n margin:0 !important;\r\n font-size:8px !important;\r\n line-height:1.42 !important;\r\n color:#7a7169 !important;\r\n }\r\n\r\n .dop-ba-bottom-cta{\r\n max-width:700px !important;\r\n margin:30px auto 0 !important;\r\n padding:22px !important;\r\n border-radius:16px !important;\r\n }\r\n\r\n .dop-ba-bottom-cta h3{\r\n font-size:24px !important;\r\n margin:8px auto 16px !important;\r\n }\r\n\r\n @media(max-width:780px){\r\n .dop-ba-premium{padding:56px 0 70px !important}\r\n .dop-ba-premium .dop-container{width:min(100% - 18px, 760px) !important}\r\n .dop-ba-heading{margin-bottom:26px !important}\r\n .dop-ba-project{padding:10px !important}\r\n .dop-ba-top{gap:8px !important}\r\n .dop-ba-project-title h3{font-size:17px !important}\r\n .dop-ba-pill{font-size:7px !important;padding:5px 7px !important}\r\n .dop-ba-grid{grid-template-columns:1fr 1fr !important;gap:7px !important}\r\n .dop-ba-img{aspect-ratio:1.25 \/ 1 !important}\r\n .dop-ba-copy{padding:7px !important;min-height:54px !important}\r\n .dop-ba-copy strong{font-size:10px !important}\r\n .dop-ba-copy p{font-size:7px !important}\r\n }\r\n\r\n @media(max-width:520px){\r\n .dop-ba-grid{grid-template-columns:1fr !important}\r\n .dop-ba-img{aspect-ratio:4 \/ 3 !important}\r\n .dop-ba-project-title h3{font-size:19px !important}\r\n .dop-ba-top{align-items:flex-start !important}\r\n }\r\n\r\n\r\n \/* WIDER DESKTOP LAYOUT FOR SERVICES + PROJECTS *\/\r\n @media(min-width:1100px){\r\n #services .dop-container,\r\n #projects .dop-container{\r\n width:min(1320px, calc(100% - 72px)) !important;\r\n max-width:none !important;\r\n margin-left:auto !important;\r\n margin-right:auto !important;\r\n }\r\n\r\n #services .dop-service-grid{\r\n grid-template-columns:repeat(4, minmax(0,1fr)) !important;\r\n gap:20px !important;\r\n }\r\n\r\n #services .dop-service-card{\r\n padding:32px 28px !important;\r\n }\r\n\r\n #services .dop-title,\r\n #projects .dop-title{\r\n max-width:980px !important;\r\n margin-left:auto !important;\r\n margin-right:auto !important;\r\n }\r\n\r\n #services .dop-sub,\r\n #projects .dop-sub{\r\n max-width:860px !important;\r\n margin-left:auto !important;\r\n margin-right:auto !important;\r\n }\r\n\r\n #projects .dop-project-grid,\r\n #projects .dop-gallery,\r\n #projects .dop-gallery-grid{\r\n width:100% !important;\r\n max-width:1180px !important;\r\n margin-left:auto !important;\r\n margin-right:auto !important;\r\n gap:16px !important;\r\n }\r\n }\r\n\r\n @media(min-width:1450px){\r\n #services .dop-container,\r\n #projects .dop-container{\r\n width:min(1400px, calc(100% - 90px)) !important;\r\n }\r\n\r\n #projects .dop-project-grid,\r\n #projects .dop-gallery,\r\n #projects .dop-gallery-grid{\r\n max-width:1240px !important;\r\n }\r\n }\r\n\r\n\r\n\/* FULL HOME MULTI-STEP LEAD FORM *\/\r\n.dop-msf{\r\n padding:28px;\r\n}\r\n.dop-msf-progress{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n margin-bottom:28px;\r\n}\r\n.dop-msf-dot{\r\n width:32px;\r\n height:32px;\r\n display:grid;\r\n place-items:center;\r\n flex:0 0 32px;\r\n border-radius:50%;\r\n border:1px solid var(--line);\r\n background:#fff;\r\n color:#9a938b;\r\n font-size:11px;\r\n font-weight:900;\r\n}\r\n.dop-msf-dot.active,\r\n.dop-msf-dot.done{\r\n background:#efe2d2;\r\n border-color:#d7b98d;\r\n color:#7a4f27;\r\n}\r\n.dop-msf-line{\r\n width:25px;\r\n height:2px;\r\n background:#e6ddd3;\r\n}\r\n.dop-msf-step{\r\n display:none;\r\n}\r\n.dop-msf-step.active{\r\n display:block;\r\n}\r\n.dop-msf-step h3{\r\n margin:8px 0 10px;\r\n font-family:Georgia,\"Times New Roman\",serif;\r\n font-size:34px;\r\n line-height:1.06;\r\n font-weight:500;\r\n}\r\n.dop-msf-step > p{\r\n margin:0 0 22px;\r\n color:var(--muted);\r\n line-height:1.55;\r\n}\r\n.dop-choice-grid{\r\n display:grid;\r\n gap:11px;\r\n margin-bottom:20px;\r\n}\r\n.dop-choice{\r\n width:100%;\r\n min-height:58px;\r\n padding:13px 16px;\r\n border:1px solid #dbcdbd;\r\n border-radius:14px;\r\n background:#fff;\r\n color:#222;\r\n text-align:left;\r\n font:inherit;\r\n font-weight:800;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n}\r\n.dop-choice:hover{\r\n border-color:#c8a36f;\r\n background:#fbf6ef;\r\n}\r\n.dop-choice.selected{\r\n border-color:#c6924b;\r\n background:#f1dfc0;\r\n box-shadow:inset 0 0 0 1px #c6924b;\r\n}\r\n.dop-msf-next{\r\n width:100%;\r\n}\r\n.dop-msf-next:disabled{\r\n opacity:.45;\r\n cursor:not-allowed;\r\n}\r\n.dop-msf-actions{\r\n display:flex;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n.dop-msf-actions .dop-btn{\r\n flex:1;\r\n}\r\n.dop-msf-back{\r\n min-width:100px;\r\n padding:12px 16px;\r\n border:1px solid var(--line);\r\n border-radius:999px;\r\n background:#fff;\r\n font-weight:800;\r\n cursor:pointer;\r\n}\r\n.dop-msf-final-note{\r\n margin-top:16px;\r\n padding:12px 14px;\r\n border-radius:12px;\r\n background:#f7f2ec;\r\n color:#6f665e;\r\n font-size:12px;\r\n line-height:1.45;\r\n}\r\n\r\n@media(max-width:780px){\r\n .dop-msf{\r\n padding:18px 16px 20px !important;\r\n }\r\n .dop-msf-progress{\r\n margin-bottom:20px;\r\n gap:4px;\r\n }\r\n .dop-msf-dot{\r\n width:27px;\r\n height:27px;\r\n flex-basis:27px;\r\n font-size:10px;\r\n }\r\n .dop-msf-line{\r\n width:15px;\r\n }\r\n .dop-msf-step h3{\r\n font-size:28px;\r\n }\r\n .dop-msf-step > p{\r\n margin-bottom:15px;\r\n font-size:13px;\r\n }\r\n .dop-choice-grid{\r\n gap:9px;\r\n }\r\n .dop-choice{\r\n min-height:52px;\r\n padding:11px 13px;\r\n border-radius:12px;\r\n font-size:14px;\r\n }\r\n .dop-msf-actions{\r\n position:sticky;\r\n bottom:0;\r\n padding-top:10px;\r\n background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 35%);\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"dop-wrap\">\r\n\r\n \r\n <header class=\"dop-header\">\r\n <div class=\"dop-container dop-nav\">\r\n <a class=\"dop-logo\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/1111-1.png\" alt=\"Design Onn Point\">\r\n <\/a>\r\n\r\n <nav class=\"dop-links\" id=\"dopDesktopNav\">\r\n <a href=\"#fullhome\">Full Home Remodeling<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#projects\">Projects<\/a>\r\n <a href=\"#transformations\">Before & After<\/a>\r\n <a href=\"#process\">How It Works<\/a>\r\n <\/nav>\r\n\r\n <div class=\"dop-nav-actions\">\r\n <button class=\"dop-btn dop-btn-light dop-open-form dop-desktop-cta\">Free Consultation<\/button>\r\n <button class=\"dop-menu-toggle\" id=\"dopMenuToggle\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-mobile-menu\" id=\"dopMobileMenu\">\r\n <div class=\"dop-container dop-mobile-menu-inner\">\r\n <a href=\"#fullhome\">Full Home Remodeling<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#projects\">Projects<\/a>\r\n <a href=\"#transformations\">Before & After<\/a>\r\n <a href=\"#process\">How It Works<\/a>\r\n <button class=\"dop-btn dop-btn-warm dop-open-form\">Free Consultation<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"dop-hero\">\r\n <div class=\"dop-container\">\r\n <div class=\"dop-hero-inner\">\r\n <span class=\"dop-kicker\">Full Home Remodeling \u2022 Kitchens \u2022 Bathrooms<\/span>\r\n <h1>Transform Your Home With One Experienced Design & Build Team.<\/h1>\r\n <p class=\"dop-hero-copy\">\r\n From kitchens and bathrooms to complete home renovations, Design Onn Point brings design, planning, materials, construction, and finishing together under one experienced team.\r\n <\/p>\r\n <div class=\"dop-hero-trust\">\r\n <span>20+ Years Experience<\/span>\r\n <span>2,000+ REMODELING PROJECTS COMPLETED<\/span>\r\n <span>Family Owned Design & Build Studio<\/span>\r\n <span>Free 3D Design<\/span>\r\n <\/div>\r\n <div class=\"dop-hero-actions\">\r\n <button class=\"dop-btn dop-btn-warm dop-open-form\">Get My Free Design Consultation<\/button>\r\n <a class=\"dop-btn dop-btn-light\" href=\"#projects\">Explore Our Remodeling Projects<\/a>\r\n <\/div>\r\n <div class=\"dop-fine\">Project pricing and timelines are confirmed after scope review, site evaluation, and material selection.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"dop-marquee\">\r\n <div class=\"dop-track\">\r\n <span>20+ YEARS EXPERIENCE<\/span>\r\n <span>2,000+ REMODELING PROJECTS COMPLETED<\/span>\r\n <span>FULL HOME REMODELING<\/span>\r\n <span>KITCHEN REMODELING<\/span>\r\n <span>BATHROOM REMODELING<\/span>\r\n <span>OPEN CONCEPT RENOVATIONS<\/span>\r\n <span>FREE 3D DESIGN<\/span>\r\n <span>FAMILY OWNED DESIGN & BUILD<\/span>\r\n <span>20+ YEARS EXPERIENCE<\/span>\r\n <span>2,000+ REMODELING PROJECTS COMPLETED<\/span>\r\n <span>FULL HOME REMODELING<\/span>\r\n <span>KITCHEN REMODELING<\/span>\r\n <span>BATHROOM REMODELING<\/span>\r\n <span>OPEN CONCEPT RENOVATIONS<\/span>\r\n <span>FREE 3D DESIGN<\/span>\r\n <span>FAMILY OWNED DESIGN & BUILD<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"dop-section dop-offer\" id=\"services\">\r\n <div class=\"dop-container dop-center\">\r\n <span class=\"dop-kicker\">Design. Remodel. Transform.<\/span>\r\n <h2 class=\"dop-title\">One Team. Every Space. One Complete Vision.<\/h2>\r\n <p class=\"dop-sub\">\r\n Whether you're remodeling one room or reimagining your entire home, we bring design, planning, materials, construction, and finishing together under one coordinated team.\r\n <\/p>\r\n <div class=\"dop-service-grid\">\r\n <article class=\"dop-service-card\">\r\n <span class=\"dop-service-num\">01<\/span>\r\n <h3>Full Home Remodeling<\/h3>\r\n <p>Transform multiple spaces together with one cohesive design and construction plan.<\/p>\r\n <\/article>\r\n <article class=\"dop-service-card\">\r\n <span class=\"dop-service-num\">02<\/span>\r\n <h3>Kitchen Remodeling<\/h3>\r\n <p>Thoughtful layouts, cabinetry, countertops, fixtures, finishes, and professional installation.<\/p>\r\n <\/article>\r\n <article class=\"dop-service-card\">\r\n <span class=\"dop-service-num\">03<\/span>\r\n <h3>Bathroom Remodeling<\/h3>\r\n <p>Create a more functional, refined bathroom with updated layouts, fixtures, surfaces, and finishes.<\/p>\r\n <\/article>\r\n <article class=\"dop-service-card\">\r\n <span class=\"dop-service-num\">04<\/span>\r\n <h3>Living Spaces & Interiors<\/h3>\r\n <p>Open up, redesign, and refresh the spaces that connect your home and the way your family lives.<\/p>\r\n <\/article>\r\n <\/div>\r\n <div style=\"margin-top:30px\">\r\n <button class=\"dop-btn dop-btn-dark dop-open-form\">Tell Us About My Remodeling Project<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section class=\"dop-section\" id=\"projects\">\r\n <div class=\"dop-container dop-center\">\r\n <span class=\"dop-kicker\">Selected Remodeling Projects<\/span>\r\n <h2 class=\"dop-title\">Remodeling Designed Around The Way You Live.<\/h2>\r\n <p class=\"dop-sub\">\r\n From kitchens and bathrooms to open living spaces and larger home renovations, every project is planned around how the home needs to look, feel, and function.\r\n <\/p>\r\n\r\n <div class=\"dop-gallery dop-gallery-mixed\">\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/66cdb52d-9033-419c-a78b-69bf4a857e27.jpg\" alt=\"Completed kitchen remodel\">\r\n <figcaption>Kitchen Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/b86f2223-60d6-418d-8f39-83ecdd23f8d4.png\" alt=\"Full home remodeling project\">\r\n <figcaption>Bathroom Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/SlavaBlazerPhotography_3-2-scaled.jpg\" alt=\"Interior remodeling project\">\r\n <figcaption>Bathroom Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/3e1b9d8e-a91f-472b-b2fa-c912ec36a25d.jpg\" alt=\"Kitchen remodel project\">\r\n <figcaption>Open Concept Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/SlavaBlazerPhotography_29-scaled.jpg\" alt=\"Living area remodel\">\r\n <figcaption>Kitchen Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/b99fe1fc-e260-43d7-933d-ebd64fba694f.png\" alt=\"Home remodeling project\">\r\n <figcaption>Bathroom Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/SlavaBlazerPhotography_3-1-scaled.jpg\" alt=\"Interior design and remodel\">\r\n <figcaption>Bathroom Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/SlavaBlazerPhotography_13-scaled.jpg\" alt=\"Remodeled home interior\">\r\n <figcaption>Bathroom Remodeling<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"dop-gallery-card\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/1f86bd4f-38da-4b03-ab7e-2b245c6b7a2e.png\" alt=\"Full home renovation detail\">\r\n <figcaption>Bathroom Remodeling<\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n\r\n <div class=\"dop-gallery-cta\">\r\n <span class=\"dop-kicker\">Planning More Than One Space?<\/span>\r\n <h3>Tell Us About Your Remodeling Project.<\/h3>\r\n <p>Whether you are remodeling a kitchen, updating multiple rooms, or planning a larger home renovation, our team can help you bring the entire project together.<\/p>\r\n <button class=\"dop-btn dop-btn-dark dop-open-form\">Plan My Home Remodel<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section class=\"dop-section dop-ba dop-ba-premium\" id=\"transformations\">\r\n <div class=\"dop-container\">\r\n\r\n <div class=\"dop-ba-heading\">\r\n <span class=\"dop-kicker\">Real Remodeling Transformations<\/span>\r\n <h2 class=\"dop-title\">See What Thoughtful Remodeling Can Change.<\/h2>\r\n <p class=\"dop-sub\">\r\n Explore real kitchen and bathroom transformations and see how thoughtful planning,\r\n design, and construction can completely change the way a space looks, feels, and functions.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"dop-ba-list\">\r\n\r\n <article class=\"dop-ba-project\">\r\n <div class=\"dop-ba-top\">\r\n <div class=\"dop-ba-project-title\">\r\n <span class=\"dop-project-no\">Project 01 \u00b7 Kitchen Remodeling<\/span>\r\n <h3>Warm Traditional Kitchen Transformation<\/h3>\r\n <\/div>\r\n <span class=\"dop-ba-pill\">Before \u2192 After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-grid\">\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/3054-Before-Photos_3.jpg\" alt=\"Traditional kitchen before remodeling\">\r\n <span class=\"dop-img-label dop-before\">Before<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Outdated Kitchen<\/strong>\r\n <p>Older finishes, limited visual flow, and a space ready for a complete refresh.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed-1.png\" alt=\"Bright kitchen after remodeling\">\r\n <span class=\"dop-img-label dop-after\">After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Refined & Functional<\/strong>\r\n <p>A cleaner, brighter kitchen designed for everyday use and long-term comfort.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"dop-ba-project\">\r\n <div class=\"dop-ba-top\">\r\n <div class=\"dop-ba-project-title\">\r\n <span class=\"dop-project-no\">Project 02 \u00b7 Bathroom Remodeling<\/span>\r\n <h3>Outdated Bathroom To Modern Retreat<\/h3>\r\n <\/div>\r\n <span class=\"dop-ba-pill\">Before \u2192 After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-grid\">\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/Pauley-Old-Bath-1-scaled-1.jpg\" alt=\"Bathroom before remodeling\">\r\n <span class=\"dop-img-label dop-before\">Before<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Dated & Disconnected<\/strong>\r\n <p>An older bathroom layout and finishes that no longer felt current or cohesive.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/Pauley-4-scaled-1.jpg\" alt=\"Modern bathroom after remodeling\">\r\n <span class=\"dop-img-label dop-after\">After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Modern, Bright & Relaxing<\/strong>\r\n <p>A refreshed bathroom with updated fixtures, brighter finishes, and a more refined feel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"dop-ba-project\">\r\n <div class=\"dop-ba-top\">\r\n <div class=\"dop-ba-project-title\">\r\n <span class=\"dop-project-no\">Project 03 \u00b7 Kitchen Remodeling<\/span>\r\n <h3>Traditional Kitchen To Bright & Open<\/h3>\r\n <\/div>\r\n <span class=\"dop-ba-pill\">Before \u2192 After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-grid\">\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/4bf5008f-e044-432c-a5d3-843a95a38a0c.png\" alt=\"Traditional kitchen before remodeling\">\r\n <span class=\"dop-img-label dop-before\">Before<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Traditional & Heavy<\/strong>\r\n <p>A substantial kitchen with darker finishes and a more traditional visual direction.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/3ca624c7-5eb4-4833-ba98-4ad01cbb4175.png\" alt=\"Bright open kitchen after remodeling\">\r\n <span class=\"dop-img-label dop-after\">After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Bright, Open & Refined<\/strong>\r\n <p>A lighter, more contemporary kitchen with a strong island centerpiece and a refreshed overall feel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"dop-ba-project\">\r\n <div class=\"dop-ba-top\">\r\n <div class=\"dop-ba-project-title\">\r\n <span class=\"dop-project-no\">Project 04 \u00b7 Kitchen Remodeling<\/span>\r\n <h3>Compact Kitchen Reimagined<\/h3>\r\n <\/div>\r\n <span class=\"dop-ba-pill\">Before \u2192 After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-grid\">\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/IMG_0206.jpg\" alt=\"Compact kitchen before remodeling\">\r\n <span class=\"dop-img-label dop-before\">Before<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Limited Function<\/strong>\r\n <p>A tight kitchen layout with dated finishes and limited visual openness.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/IMG_0221.jpg\" alt=\"Compact kitchen after remodeling\">\r\n <span class=\"dop-img-label dop-after\">After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Fresh, Bright & Better Organized<\/strong>\r\n <p>A more polished kitchen with improved flow and a much more intentional feel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"dop-ba-project\">\r\n <div class=\"dop-ba-top\">\r\n <div class=\"dop-ba-project-title\">\r\n <span class=\"dop-project-no\">Project 05 \u00b7 Kitchen Remodeling<\/span>\r\n <h3>Closed & Dated To Open Concept Kitchen<\/h3>\r\n <\/div>\r\n <span class=\"dop-ba-pill\">Before \u2192 After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-grid\">\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/Harriger-2-scaled-1.jpg\" alt=\"Dated kitchen before remodeling\">\r\n <span class=\"dop-img-label dop-before\">Before<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Limited Layout<\/strong>\r\n <p>A dated kitchen with an older layout, smaller island, and finishes ready for a complete rethink.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/Harriger-7-scaled-1.jpg\" alt=\"Open concept kitchen after remodeling\">\r\n <span class=\"dop-img-label dop-after\">After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Open, Functional & Inviting<\/strong>\r\n <p>A brighter open-concept kitchen with a larger island, updated cabinetry, and a more connected layout.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"dop-ba-project\">\r\n <div class=\"dop-ba-top\">\r\n <div class=\"dop-ba-project-title\">\r\n <span class=\"dop-project-no\">Project 06 \u00b7 Kitchen Remodeling<\/span>\r\n <h3>Classic Kitchen To Clean Contemporary<\/h3>\r\n <\/div>\r\n <span class=\"dop-ba-pill\">Before \u2192 After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-grid\">\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/3838-Before-Photos_23-1.jpeg\" alt=\"Classic kitchen before remodeling\">\r\n <span class=\"dop-img-label dop-before\">Before<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Outdated Layout & Finishes<\/strong>\r\n <p>A kitchen that no longer matched the way the home needed to function or feel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-ba-card\">\r\n <div class=\"dop-ba-img\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/blues1-4-1-scaled.jpg\" alt=\"Contemporary kitchen after remodeling\">\r\n <span class=\"dop-img-label dop-after\">After<\/span>\r\n <\/div>\r\n <div class=\"dop-ba-copy\">\r\n <strong>Designed For Real Life<\/strong>\r\n <p>Modernized finishes, stronger storage, and a cleaner layout built around everyday living.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"dop-ba-bottom-cta\">\r\n <span class=\"dop-kicker\">Ready To Transform Your Space?<\/span>\r\n <h3>Start With A Conversation About Your Remodeling Project.<\/h3>\r\n <button class=\"dop-btn dop-btn-dark dop-open-form\">Start My Remodeling Project<\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n <section class=\"dop-section dop-fullhome\" id=\"fullhome\">\r\n <div class=\"dop-container dop-full-grid\">\r\n <div>\r\n <span class=\"dop-kicker\">Thinking Beyond One Room?<\/span>\r\n <h2 class=\"dop-title\">Remodel More Of Your Home With One Team Behind It All.<\/h2>\r\n <p class=\"dop-sub\">\r\n When your project involves more than one space, coordinating everything under one design and build team can make the entire process more cohesive. From layout and materials to construction and finishing, we help connect every part of the renovation.\r\n <\/p>\r\n <div class=\"dop-full-checks\">\r\n <span>Kitchens & Bathrooms<\/span>\r\n <span>Flooring & Finishes<\/span>\r\n <span>Living Spaces<\/span>\r\n <span>Layout Changes<\/span>\r\n <span>Multiple Room Renovations<\/span>\r\n <span>Complete Home Remodeling<\/span>\r\n <\/div>\r\n <div style=\"margin-top:28px\">\r\n <button class=\"dop-btn dop-btn-warm dop-open-form\">Plan My Home Remodel<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dop-full-cards\">\r\n <div class=\"dop-full-card\"><h3>Full Home Remodeling<\/h3><p>Coordinate multiple spaces with one design direction, one team, and one construction plan.<\/p><\/div>\r\n <div class=\"dop-full-card\"><h3>Multiple Areas<\/h3><p>Combine kitchen, bathroom, flooring, and living-space updates into one coordinated project.<\/p><\/div>\r\n <div class=\"dop-full-card\"><h3>Open Concept Renovations<\/h3><p>Rework flow, sightlines, and connected spaces so the home feels more open and intentional.<\/p><\/div>\r\n <div class=\"dop-full-card\"><h3>Design & Build<\/h3><p>Keep planning, selections, construction, and finishing connected from start to completion.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section class=\"dop-section dop-kitchen-offer\" id=\"offer\">\r\n <div class=\"dop-container\">\r\n <div class=\"dop-kitchen-offer-grid\">\r\n <div>\r\n <span class=\"dop-kicker\">Planning A Kitchen Only Project?<\/span>\r\n <h2 class=\"dop-title\">A Complete Kitchen Package With A Clear Starting Point.<\/h2>\r\n <p class=\"dop-sub\">\r\n For homeowners focused specifically on their kitchen, we offer a streamlined package that brings design, materials, and installation together under one experienced team.\r\n <\/p>\r\n <div class=\"dop-kitchen-price\">\r\n <small>Fixed Price Kitchen Package<\/small>\r\n <strong>$15,000<\/strong>\r\n <span>Design, materials and installation for qualifying kitchen projects.<\/span>\r\n <\/div>\r\n <div class=\"dop-kitchen-checks\">\r\n <span>Cabinets<\/span><span>Countertops<\/span><span>Sink<\/span><span>Faucet<\/span><span>Professional Design<\/span><span>Full Installation<\/span>\r\n <\/div>\r\n <div class=\"dop-kitchen-speed\">\r\n <strong>Kitchen Installation In As Little As 10 Days<\/strong>\r\n <p>Once your project is ready for installation, our streamlined kitchen process is designed to move efficiently and minimize disruption.<\/p>\r\n <\/div>\r\n <button class=\"dop-btn dop-btn-dark dop-open-form\">Explore The $15,000 Kitchen Package<\/button>\r\n <div class=\"dop-package-note\">Kitchen package pricing and 10-day installation apply to qualifying kitchen projects. Final scope, site conditions, requested upgrades, structural work, permits, and material selections may affect pricing and timing.<\/div>\r\n <\/div>\r\n <div class=\"dop-kitchen-offer-image\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/66cdb52d-9033-419c-a78b-69bf4a857e27.jpg\" alt=\"Completed kitchen remodel\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n\r\n\r\n <section class=\"dop-section\" id=\"process\">\r\n <div class=\"dop-container dop-center\">\r\n <span class=\"dop-kicker\">Simple By Design<\/span>\r\n <h2 class=\"dop-title\">One Team From First Idea To Final Installation.<\/h2>\r\n <p class=\"dop-sub\">\r\n You should not have to coordinate designers, cabinet suppliers, installers, and multiple contractors on your own.\r\n <\/p>\r\n\r\n <div class=\"dop-process\">\r\n <div class=\"dop-step\">\r\n <div class=\"dop-step-num\">Step 01<\/div>\r\n <h3>Consultation<\/h3>\r\n <p>We learn how you use the space, what is not working, and what you want the finished result to feel like.<\/p>\r\n <\/div>\r\n <div class=\"dop-step\">\r\n <div class=\"dop-step-num\">Step 02<\/div>\r\n <h3>3D Design<\/h3>\r\n <p>See the direction before construction begins and refine layouts, materials, and details with confidence.<\/p>\r\n <\/div>\r\n <div class=\"dop-step\">\r\n <div class=\"dop-step-num\">Step 03<\/div>\r\n <h3>Plan & Prepare<\/h3>\r\n <p>Finalize the scope, materials, project details, and construction plan before work begins.<\/p>\r\n <\/div>\r\n <div class=\"dop-step\">\r\n <div class=\"dop-step-num\">Step 04<\/div>\r\n <h3>Build & Install<\/h3>\r\n <p>Our team coordinates construction, installation, and finishing from start to completion.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"dop-section dop-trust\">\r\n <div class=\"dop-container dop-center\">\r\n <span class=\"dop-kicker\">Experience You Can Feel In The Details<\/span>\r\n <h2 class=\"dop-title\">20+ Years Of Remodeling Experience. One Team From Design To Completion.<\/h2>\r\n\r\n <div class=\"dop-trust-grid\">\r\n <div class=\"dop-stat\"><strong>20+<\/strong><span>Years of hands-on experience<\/span><\/div>\r\n <div class=\"dop-stat\"><strong>2,000+<\/strong><span>Remodeling Projects Completed<\/span><\/div>\r\n <div class=\"dop-stat\"><strong>5\u2605<\/strong><span>Reputation built on real projects<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"dop-section\">\r\n <div class=\"dop-container dop-center\">\r\n <span class=\"dop-kicker\">FAQ<\/span>\r\n <h2 class=\"dop-title\">Before You Start, Know What To Expect.<\/h2>\r\n <div class=\"dop-faq\">\r\n <div class=\"dop-faq-item\">\r\n <button class=\"dop-faq-q\">What types of remodeling projects do you take on?<span>+<\/span><\/button>\r\n <div class=\"dop-faq-a\"><div>We work on kitchen remodeling, bathroom remodeling, open-concept renovations, multiple-area projects, and full-home remodeling.<\/div><\/div>\r\n <\/div>\r\n <div class=\"dop-faq-item\">\r\n <button class=\"dop-faq-q\">Can you remodel multiple areas of my home at the same time?<span>+<\/span><\/button>\r\n <div class=\"dop-faq-a\"><div>Yes. Larger projects can be planned as one coordinated renovation so design, materials, construction, and finishing stay connected across multiple spaces.<\/div><\/div>\r\n <\/div>\r\n <div class=\"dop-faq-item\">\r\n <button class=\"dop-faq-q\">Do you provide design before construction?<span>+<\/span><\/button>\r\n <div class=\"dop-faq-a\"><div>Yes. Our process includes professional planning and 3D design so you can understand the direction before construction begins.<\/div><\/div>\r\n <\/div>\r\n <div class=\"dop-faq-item\">\r\n <button class=\"dop-faq-q\">How does the $15,000 kitchen package work?<span>+<\/span><\/button>\r\n <div class=\"dop-faq-a\"><div>The kitchen package is designed for qualifying kitchen-only projects and includes cabinets, countertops, sink, faucet, professional design, and full installation. Final scope is confirmed during consultation.<\/div><\/div>\r\n <\/div>\r\n <div class=\"dop-faq-item\">\r\n <button class=\"dop-faq-q\">Can a kitchen really be installed in as little as 10 days?<span>+<\/span><\/button>\r\n <div class=\"dop-faq-a\"><div>For qualifying kitchen projects, the installation phase can be completed in as little as 10 days once design, measurements, materials, site preparation, and project scope are finalized.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"dop-section dop-final\">\r\n <div class=\"dop-container\">\r\n <span class=\"dop-kicker\">Ready To Start Your Remodel?<\/span>\r\n <h2 class=\"dop-title\">Let\u2019s Talk About What Your Home Could Become.<\/h2>\r\n <p class=\"dop-sub\">\r\n Whether you are planning a new kitchen, remodeling multiple spaces, or considering a complete home renovation, start with a conversation about your home, your goals, and what you want to create.\r\n <\/p>\r\n\r\n <div style=\"margin-top:28px\">\r\n <button class=\"dop-btn dop-btn-warm dop-open-form\">Request My Free Consultation<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"dop-footer\">\r\n <div class=\"dop-container dop-footer-grid\">\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/1111-1.png\" alt=\"Design Onn Point\">\r\n <p>Kitchen, bathroom, and full-home remodeling designed around the way your family actually lives.<\/p>\r\n <\/div>\r\n <div>\r\n <h4>Services<\/h4>\r\n <p>Kitchen Remodeling<br>Bathroom Remodeling<br>Full Home Remodeling<br>Professional Design<\/p>\r\n <\/div>\r\n <div>\r\n <h4>Start Here<\/h4>\r\n <p><a href=\"#fullhome\">Full Home Remodeling<\/a><br><a href=\"#projects\">Projects<\/a><br><a href=\"#offer\">$15,000 Kitchen Package<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-container dop-copy\">\r\n Pricing, timelines, package eligibility, and final scope are confirmed after project review and may vary based on site conditions, requested upgrades, permits, structural work, and project complexity.\r\n <\/div>\r\n <\/footer>\r\n\r\n <div class=\"dop-modal\" id=\"dopLeadModal\" aria-hidden=\"true\">\r\n <div class=\"dop-modal-card\">\r\n <div class=\"dop-modal-top\">\r\n <img decoding=\"async\" src=\"https:\/\/designonnpointconstruction.com\/wp-content\/uploads\/2026\/08\/1111-1.png\" alt=\"Design Onn Point\">\r\n <button class=\"dop-close\" type=\"button\" id=\"dopClose\">Close<\/button>\r\n <\/div>\r\n\r\n <form class=\"dop-form dop-msf dop-msf-fullhome\" id=\"dopForm\">\r\n <div class=\"dop-msf-progress\" aria-label=\"Form progress\">\r\n <span class=\"dop-msf-dot active\" data-step-dot=\"1\">1<\/span>\r\n <span class=\"dop-msf-line\"><\/span>\r\n <span class=\"dop-msf-dot\" data-step-dot=\"2\">2<\/span>\r\n <span class=\"dop-msf-line\"><\/span>\r\n <span class=\"dop-msf-dot\" data-step-dot=\"3\">3<\/span>\r\n <span class=\"dop-msf-line\"><\/span>\r\n <span class=\"dop-msf-dot\" data-step-dot=\"4\">4<\/span>\r\n <span class=\"dop-msf-line\"><\/span>\r\n <span class=\"dop-msf-dot\" data-step-dot=\"5\">5<\/span>\r\n <span class=\"dop-msf-line\"><\/span>\r\n <span class=\"dop-msf-dot\" data-step-dot=\"6\">\u2713<\/span>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-step active\" data-step=\"1\">\r\n <span class=\"dop-kicker\">Step 01<\/span>\r\n <h3>What Type Of Project Are You Planning?<\/h3>\r\n <p>Choose the option that best matches the scope you are considering.<\/p>\r\n\r\n <div class=\"dop-choice-grid\">\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"project_type\" data-value=\"Full Home Remodeling\">Full Home Remodeling<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"project_type\" data-value=\"Multiple Areas\">Multiple Areas<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"project_type\" data-value=\"Kitchen Remodeling\">Kitchen Remodeling<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"project_type\" data-value=\"Bathroom Remodeling\">Bathroom Remodeling<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"project_type\" data-value=\"Open Concept Renovation\">Open Concept Renovation<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"project_type\" data-value=\"Not Sure Yet\">Not Sure Yet<\/button>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"project_type\" id=\"project_type\">\r\n <button type=\"button\" class=\"dop-btn dop-btn-dark dop-msf-next\" disabled>Continue<\/button>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-step\" data-step=\"2\">\r\n <span class=\"dop-kicker\">Step 02<\/span>\r\n <h3>When Are You Looking To Start?<\/h3>\r\n <p>This helps us understand how soon you would like to move your project forward.<\/p>\r\n\r\n <div class=\"dop-choice-grid\">\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"timeline\" data-value=\"Ready to start\">Ready To Start<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"timeline\" data-value=\"Within 30 days\">Within 30 Days<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"timeline\" data-value=\"Within 1\u20133 months\">Within 1\u20133 Months<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"timeline\" data-value=\"More than 3 months\">More Than 3 Months<\/button>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"timeline\" id=\"timeline\">\r\n <div class=\"dop-msf-actions\">\r\n <button type=\"button\" class=\"dop-msf-back\">Back<\/button>\r\n <button type=\"button\" class=\"dop-btn dop-btn-dark dop-msf-next\" disabled>Continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-step\" data-step=\"3\">\r\n <span class=\"dop-kicker\">Step 03<\/span>\r\n <h3>What Budget Range Are You Considering?<\/h3>\r\n <p>An estimated range is enough. This helps our team understand the scale of the project you are planning.<\/p>\r\n\r\n <div class=\"dop-choice-grid\">\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"budget_range\" data-value=\"$25,000\u2013$50,000\">$25,000\u2013$50,000<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"budget_range\" data-value=\"$50,000\u2013$100,000\">$50,000\u2013$100,000<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"budget_range\" data-value=\"$100,000\u2013$200,000\">$100,000\u2013$200,000<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"budget_range\" data-value=\"$200,000+\">$200,000+<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"budget_range\" data-value=\"I\u2019d Like Help Understanding My Budget\">I\u2019d Like Help Understanding My Budget<\/button>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"budget_range\" id=\"budget_range\">\r\n <div class=\"dop-msf-actions\">\r\n <button type=\"button\" class=\"dop-msf-back\">Back<\/button>\r\n <button type=\"button\" class=\"dop-btn dop-btn-dark dop-msf-next\" disabled>Continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-step\" data-step=\"4\">\r\n <span class=\"dop-kicker\">Step 04<\/span>\r\n <h3>How Do You Plan To Finance Your Remodeling Project?<\/h3>\r\n <p>Choose the option that best describes how you are currently planning to fund the project.<\/p>\r\n\r\n <div class=\"dop-choice-grid\">\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"financing_plan\" data-value=\"Paying Out of Pocket\">Paying Out Of Pocket<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"financing_plan\" data-value=\"Financing the Project\">Financing The Project<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"financing_plan\" data-value=\"A Combination of Both\">A Combination Of Both<\/button>\r\n <button type=\"button\" class=\"dop-choice\" data-name=\"financing_plan\" data-value=\"Not Sure Yet\">Not Sure Yet<\/button>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"financing_plan\" id=\"financing_plan\">\r\n <div class=\"dop-msf-actions\">\r\n <button type=\"button\" class=\"dop-msf-back\">Back<\/button>\r\n <button type=\"button\" class=\"dop-btn dop-btn-dark dop-msf-next\" disabled>Continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-step\" data-step=\"5\">\r\n <span class=\"dop-kicker\">Step 05<\/span>\r\n <h3>Tell Us A Little About Your Project<\/h3>\r\n <p>Optional. Share anything that would help us better understand what you want to change, improve, or renovate.<\/p>\r\n\r\n <div class=\"dop-field full\">\r\n <textarea name=\"notes\" id=\"notes\" placeholder=\"Tell us briefly about your project.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-actions\">\r\n <button type=\"button\" class=\"dop-msf-back\">Back<\/button>\r\n <button type=\"button\" class=\"dop-btn dop-btn-dark dop-msf-next\">Continue<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-step\" data-step=\"6\">\r\n <span class=\"dop-kicker\">Final Step<\/span>\r\n <h3>Where Should We Send Your Consultation Details?<\/h3>\r\n <p>Enter your contact information and our team will follow up to discuss the next step for your remodeling project.<\/p>\r\n\r\n <div class=\"dop-form-grid\">\r\n <div class=\"dop-field full\">\r\n <label>Name<\/label>\r\n <input name=\"name\" autocomplete=\"name\" required>\r\n <\/div>\r\n\r\n <div class=\"dop-field\">\r\n <label>Phone<\/label>\r\n <input name=\"phone\" inputmode=\"tel\" autocomplete=\"tel\" required>\r\n <\/div>\r\n\r\n <div class=\"dop-field\">\r\n <label>Email<\/label>\r\n <input name=\"email\" type=\"email\" autocomplete=\"email\" required>\r\n <\/div>\r\n\r\n <div class=\"dop-field full\">\r\n <label>ZIP Code<\/label>\r\n <input name=\"zip_code\" id=\"zip_code\" inputmode=\"numeric\" autocomplete=\"postal-code\" maxlength=\"10\" placeholder=\"ZIP Code\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dop-msf-final-note\">\r\n Project pricing, timing, and scope are confirmed after consultation and project review.\r\n <\/div>\r\n\r\n <div class=\"dop-msf-actions\">\r\n <button type=\"button\" class=\"dop-msf-back\">Back<\/button>\r\n <button type=\"submit\" class=\"dop-btn dop-btn-dark\">Request My Free Remodeling Consultation<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const modal = document.getElementById('dopLeadModal');\r\n const closeBtn = document.getElementById('dopClose');\r\n const form = document.getElementById('dopForm');\r\n const menuToggle = document.getElementById('dopMenuToggle');\r\n const mobileMenu = document.getElementById('dopMobileMenu');\r\n\r\n document.querySelectorAll('.dop-open-form').forEach(btn=>{\r\n btn.addEventListener('click',()=>{\r\n modal.classList.add('open');\r\n modal.setAttribute('aria-hidden','false');\r\n document.body.style.overflow='hidden';\r\n });\r\n });\r\n\r\n function closeModal(){\r\n modal.classList.remove('open');\r\n modal.setAttribute('aria-hidden','true');\r\n document.body.style.overflow='';\r\n }\r\n\r\n closeBtn.addEventListener('click',closeModal);\r\n\r\n if(menuToggle && mobileMenu){\r\n menuToggle.addEventListener('click',()=>{\r\n const isOpen = mobileMenu.classList.toggle('open');\r\n menuToggle.classList.toggle('open', isOpen);\r\n menuToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\r\n });\r\n\r\n mobileMenu.querySelectorAll('a, .dop-open-form').forEach(item=>{\r\n item.addEventListener('click',()=>{\r\n mobileMenu.classList.remove('open');\r\n menuToggle.classList.remove('open');\r\n menuToggle.setAttribute('aria-expanded','false');\r\n });\r\n });\r\n }\r\n modal.addEventListener('click',e=>{\r\n if(e.target===modal) closeModal();\r\n });\r\n\r\n document.querySelectorAll('.dop-faq-q').forEach(q=>{\r\n q.addEventListener('click',()=>{\r\n const item=q.closest('.dop-faq-item');\r\n item.classList.toggle('open');\r\n q.querySelector('span').textContent=item.classList.contains('open')?'\u2212':'+';\r\n });\r\n });\r\n\r\n \r\n})();\r\n<\/script>\r\n\r\n<script>\r\n(function(){\r\n const form = document.getElementById('dopForm');\r\n if(!form || !form.classList.contains('dop-msf-fullhome')) return;\r\n\r\n const steps = Array.from(form.querySelectorAll('.dop-msf-step'));\r\n const dots = Array.from(form.querySelectorAll('.dop-msf-dot'));\r\n let currentStep = 1;\r\n\r\n function updateDots(){\r\n dots.forEach((dot, index) => {\r\n const n = index + 1;\r\n dot.classList.toggle('active', n === currentStep);\r\n dot.classList.toggle('done', n < currentStep);\r\n });\r\n }\r\n\r\n function showStep(step){\r\n currentStep = Math.max(1, Math.min(6, step));\r\n steps.forEach(s => s.classList.toggle('active', Number(s.dataset.step) === currentStep));\r\n updateDots();\r\n\r\n const modal = document.getElementById('dopLeadModal');\r\n if(modal){\r\n try { modal.scrollTo({top:0, behavior:'smooth'}); } catch(e) { modal.scrollTop = 0; }\r\n }\r\n }\r\n\r\n form.querySelectorAll('.dop-choice[data-name]').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const name = btn.dataset.name;\r\n const value = btn.dataset.value;\r\n const step = btn.closest('.dop-msf-step');\r\n\r\n step.querySelectorAll(`.dop-choice[data-name=\"${name}\"]`).forEach(b => b.classList.remove('selected'));\r\n btn.classList.add('selected');\r\n\r\n const hidden = document.getElementById(name);\r\n if(hidden) hidden.value = value;\r\n\r\n const next = step.querySelector('.dop-msf-next');\r\n if(next) next.disabled = false;\r\n });\r\n });\r\n\r\n form.querySelectorAll('.dop-msf-next').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n if(btn.disabled) return;\r\n showStep(currentStep + 1);\r\n });\r\n });\r\n\r\n form.querySelectorAll('.dop-msf-back').forEach(btn => {\r\n btn.addEventListener('click', () => showStep(currentStep - 1));\r\n });\r\n\r\n showStep(1);\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- DOP LEAD INTEGRATION START -->\r\n<script>\r\n(function(){\r\n \/*\r\n DESIGN ONN POINT - LEAD INTEGRATION\r\n ----------------------------------\r\n 1. When your Zapier\/CRM webhook is ready, paste it into LEAD_WEBHOOK_URL.\r\n 2. When your thank-you page is ready, update THANK_YOU_URL if needed.\r\n 3. The GTM custom event is:\r\n designponnpoint_lead_submitted\r\n *\/\r\n\r\n const LEAD_WEBHOOK_URL = \"https:\/\/hooks.zapier.com\/hooks\/catch\/15192032\/4tla5xu\/\";\r\n const THANK_YOU_URL = \"https:\/\/designonnpointconstruction.com\/?page_id=122\";\r\n\r\n const form = document.getElementById(\"dopForm\");\r\n if (!form) return;\r\n\r\n \/\/ Prevent duplicate submit handlers from the page builder \/ older code.\r\n form.setAttribute(\"novalidate\", \"novalidate\");\r\n\r\n let isSubmitting = false;\r\n\r\n function getValue(name){\r\n const el = form.querySelector('[name=\"' + name + '\"]');\r\n return el ? String(el.value || \"\").trim() : \"\";\r\n }\r\n\r\n function showInlineMessage(text, type){\r\n let box = document.getElementById(\"dopLeadStatus\");\r\n if (!box){\r\n box = document.createElement(\"div\");\r\n box.id = \"dopLeadStatus\";\r\n box.style.marginTop = \"12px\";\r\n box.style.padding = \"11px 13px\";\r\n box.style.borderRadius = \"10px\";\r\n box.style.fontSize = \"12px\";\r\n box.style.lineHeight = \"1.45\";\r\n const finalStep = form.querySelector('.dop-msf-step[data-step=\"6\"]') || form;\r\n finalStep.appendChild(box);\r\n }\r\n box.textContent = text;\r\n if(type === \"error\"){\r\n box.style.background = \"#fff1f1\";\r\n box.style.color = \"#8f2727\";\r\n box.style.border = \"1px solid #efcaca\";\r\n }else{\r\n box.style.background = \"#f4eee6\";\r\n box.style.color = \"#4d443d\";\r\n box.style.border = \"1px solid #ded3c6\";\r\n }\r\n }\r\n\r\n function validEmail(email){\r\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n }\r\n\r\n function validZip(zip){\r\n return \/^\\d{5}(-\\d{4})?$\/.test(zip);\r\n }\r\n\r\n function createEventId(){\r\n if (window.crypto && crypto.randomUUID) return crypto.randomUUID();\r\n return \"dop_\" + Date.now() + \"_\" + Math.random().toString(36).slice(2,10);\r\n }\r\n\r\n form.addEventListener(\"submit\", async function(e){\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n\r\n if (isSubmitting) return;\r\n\r\n const name = getValue(\"name\");\r\n const phone = getValue(\"phone\");\r\n const email = getValue(\"email\");\r\n const zip = getValue(\"zip_code\");\r\n\r\n if (!name || phone.replace(\/\\D\/g,\"\").length < 7 || !validEmail(email) || !validZip(zip)){\r\n showInlineMessage(\"Please complete your name, phone, email, and ZIP Code before submitting.\", \"error\");\r\n return;\r\n }\r\n\r\n if (!LEAD_WEBHOOK_URL){\r\n \/*\r\n We deliberately DO NOT fire the conversion event yet when no webhook exists.\r\n This prevents Meta \/ GA4 from counting a lead that was never delivered.\r\n *\/\r\n showInlineMessage(\"The form is ready. Add your CRM\/Zapier webhook URL before publishing the page live.\", \"error\");\r\n return;\r\n }\r\n\r\n isSubmitting = true;\r\n\r\n const submitButton = form.querySelector('button[type=\"submit\"]');\r\n const originalText = submitButton ? submitButton.textContent : \"\";\r\n if (submitButton){\r\n submitButton.disabled = true;\r\n submitButton.textContent = \"Submitting...\";\r\n }\r\n\r\n const eventId = createEventId();\r\n\r\n \/\/ Send a flat, explicit payload so Zapier exposes clean field names.\r\n const payload = new URLSearchParams();\r\n payload.append(\"name\", getValue(\"name\"));\r\n payload.append(\"phone\", getValue(\"phone\"));\r\n payload.append(\"email\", getValue(\"email\"));\r\n payload.append(\"zip_code\", getValue(\"zip_code\"));\r\n payload.append(\"project_type\", getValue(\"project_type\"));\r\n payload.append(\"timeline\", getValue(\"timeline\"));\r\n payload.append(\"budget_range\", getValue(\"budget_range\"));\r\n payload.append(\"financing_plan\", getValue(\"financing_plan\"));\r\n payload.append(\"notes\", getValue(\"notes\"));\r\n payload.append(\"event_id\", eventId);\r\n payload.append(\"source_page\", window.location.href);\r\n payload.append(\"landing_page\", \"Design Onn Point - Main Remodeling Landing Page\");\r\n\r\n try{\r\n await fetch(LEAD_WEBHOOK_URL, {\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application\/x-www-form-urlencoded;charset=UTF-8\"\r\n },\r\n body: payload.toString()\r\n });\r\n\r\n \/\/ Fire only AFTER the lead was handed to the webhook request.\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n event: \"designponnpoint_lead_submitted\",\r\n event_id: eventId,\r\n project_type: getValue(\"project_type\"),\r\n timeline: getValue(\"timeline\"),\r\n budget_range: getValue(\"budget_range\"),\r\n financing_plan: getValue(\"financing_plan\"),\r\n zip_code: zip\r\n });\r\n\r\n \/*\r\n Small delay gives GTM time to process the custom event\r\n before navigating to the thank-you page.\r\n *\/\r\n setTimeout(function(){\r\n window.location.href = THANK_YOU_URL;\r\n }, 700);\r\n\r\n }catch(err){\r\n console.error(\"Lead submit error:\", err);\r\n showInlineMessage(\"We could not submit your request. Please try again.\", \"error\");\r\n isSubmitting = false;\r\n if (submitButton){\r\n submitButton.disabled = false;\r\n submitButton.textContent = originalText;\r\n }\r\n }\r\n }, true);\r\n})();\r\n<\/script>\r\n<!-- DOP LEAD INTEGRATION END -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design Onn Point | Kitchen and Full Home Remodeling Full Home Remodeling Services Projects Before & After How It Works Free Consultation Full Home Remodeling Services Projects Before & After How It Works Free Consultation Full Home Remodeling \u2022 Kitchens \u2022 Bathrooms Transform Your Home With One Experienced Design & Build Team. From kitchens and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=55"}],"version-history":[{"count":32,"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/designonnpointconstruction.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}