<!doctype html><html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- This is Squarespace. --><!-- new-idcoc --><base href=""><meta charset="utf-8" /><title>Interior Door & Closet Company: Your Source for Premium Doors</title><meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/8a0ec64d-b029-4e69-af36-a855a8b690b2/favicon.ico?format=100w"/><link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/8dd58140-cec0-4b5c-b02a-234b293a123e/favicon.ico?format=100w"/><link rel="canonical" href="https://www.interiordoorandcloset.com"/><meta property="og:site_name" content="New Interior Door & Closet Company"/><meta property="og:title" content="Interior Door & Closet Company: Your Source for Premium Doors"/><meta property="og:url" content="https://www.interiordoorandcloset.com"/><meta property="og:type" content="website"/><meta property="og:description" content="Explore premium interior and sliding closet door installation at Interior Door & Closet Company. As a closet door installer, we elevate your home with luxe doors."/><meta property="og:image" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/><meta property="og:image:width" content="1500"/><meta property="og:image:height" content="714"/><meta itemprop="name" content="Interior Door & Closet Company: Your Source for Premium Doors"/><meta itemprop="url" content="https://www.interiordoorandcloset.com"/><meta itemprop="description" content="Explore premium interior and sliding closet door installation at Interior Door & Closet Company. As a closet door installer, we elevate your home with luxe doors."/><meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/><link rel="image_src" href="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w" /><meta itemprop="image" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/><meta name="twitter:title" content="Interior Door & Closet Company: Your Source for Premium Doors"/><meta name="twitter:image" content="http://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1752772766408/idcoc-primary-logo-03.jpg?format=1500w"/><meta name="twitter:url" content="https://www.interiordoorandcloset.com"/><meta name="twitter:card" content="summary"/><meta name="twitter:description" content="Explore premium interior and sliding closet door installation at Interior Door & Closet Company. As a closet door installer, we elevate your home with luxe doors."/><meta name="description" content="Explore premium interior and sliding closet door installation at Interior Door & Closet Company. As a closet door installer, we elevate your home with luxe doors." /><link rel="preconnect" href="https://images.squarespace-cdn.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700"><script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script><script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script><script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-449a0ee233436009-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-449a0ee233436009-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f2a1f6ec9a41489-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f2a1f6ec9a41489-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-c5175d8ac6fd7505-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-c5175d8ac6fd7505-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-fbd854d40b0804b7-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-fbd854d40b0804b7-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-5be3aa453febca8a-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-5be3aa453febca8a-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-d917a5a23b98b66d-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-d917a5a23b98b66d-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/user-account-core-02e58e1e0ca42064-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/user-account-core-02e58e1e0ca42064-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].css = ["//assets.squarespace.com/universal/styles-compressed/user-account-core-fe5c190ea7c4282d-min.en-US.css"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script><link rel="stylesheet" type="text/css" href="//assets.squarespace.com/universal/styles-compressed/user-account-core-fe5c190ea7c4282d-min.en-US.css"><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-367d26fb3b6fe35c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script><script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-367d26fb3b6fe35c-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["campaigns_merch_state","campaigns_discount_section_in_automations","marketing_landing_page","supports_versioned_template_assets","campaigns_import_discounts","contacts_and_campaigns_redesign","use_react_flow_in_automations_flowchart","campaigns_thumbnail_layout","i18n_beta_website_locales","member_areas_feature","enable_form_submission_trigger","marketing_automations","campaigns_discount_section_in_blasts","section-sdk-plp-mobile-optimizations","campaigns_new_image_layout_picker","scripts_defer","override_block_styles","new_stacked_index","nested_categories"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-56e6236740e1a556-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-b05f5197a871c566-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-dc6da8fd8350f8bb-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-d311389abad5cb4e-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-07e423228904abb5-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-9dceb144c7651c6b-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-6fcdd4a4c0a1dd5d-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-4cfffaf8d0bdba68-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-43ea6220b748d4a4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-5b2804366f79e1a1-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-f9093f2d526b94df-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-85b6d1e6205a4919-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-febb3af62cea5c5d-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-30f95b6944efccb4-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-b8ea6271be7e0e6a-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-576f85f760af6e95-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-48fa25f53a8051bf-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-9f6fdd124bdea20a-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-90d33791baf7404c-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-9052fb446c5800ee-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-ede570524642e2c6-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-18f8dd35f59f518d-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-de04c98879eafaa3-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-e00249143b49215d-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-a89c3fd7e338a25f-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-8213887e30899090-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-29c43f8081c385c1-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-56ede5cc8107aee7-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-44ce067a6a01c6fb-min.en-US.js"}},"pageType":2,"website":{"id":"6808910f9ad6d047ac5c845e","identifier":"new-idcoc","websiteType":4,"contentModifiedOn":1759800532055,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","translationLocale":"en-US","formattingLocale":"en-US","timeZone":"America/Los_Angeles","machineTimeZoneOffset":-25200000,"timeZoneOffset":-25200000,"timeZoneAbbr":"PDT","siteTitle":"New Interior Door & Closet Company","fullSiteTitle":"Interior Door & Closet Company: Your Source for Premium Doors","location":{},"logoImageId":"6879309ee969e3204eb3c363","mobileLogoImageId":"681144da8989f309da80d25d","shareButtonOptions":{"2":true,"7":true,"8":true,"6":true,"1":true,"3":true,"4":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg","mobileLogoImageUrl":"//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png","authenticUrl":"https://www.interiordoorandcloset.com","internalUrl":"https://new-idcoc.squarespace.com","baseUrl":"https://www.interiordoorandcloset.com","primaryDomain":"www.interiordoorandcloset.com","sslSetting":3,"isHstsEnabled":true,"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"db8d57b176897da6636de12a5983a9aec0e136cbd8021608f0cddbf15ee35c58","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"680891109ad6d047ac5c8461","websiteId":"6808910f9ad6d047ac5c845e","subjects":[],"country":"US","state":"CA","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\">We service Orange County, CA</p>"},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"businessHours":{},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"PHP","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"PHP","value":"0.00"},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":true,"signupAllowed":true}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Home","id":"680891619ad6d047ac5c9389","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"125px","header-mobile-logo-max-height":"80px","header-vert-padding":"0.0vw","header-width":"Full","maxPageWidth":"1200px","mobile-header-vert-padding":"6vw","pagePadding":"0vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"3","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"30px","tweak-blog-basic-grid-meta-spacing":"10px","tweak-blog-basic-grid-primary-meta":"Date","tweak-blog-basic-grid-read-more-spacing":"20px","tweak-blog-basic-grid-secondary-meta":"Categories","tweak-blog-item-custom-width":"75","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Medium","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"50px","tweak-blog-single-column-meta-spacing":"0px","tweak-blog-single-column-primary-meta":"Date","tweak-blog-single-column-read-more-spacing":"0px","tweak-blog-single-column-secondary-meta":"Categories","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"true","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.6s","tweak-global-animations-animation-duration":"0.65s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"2vw","tweak-product-basic-item-image-zoom-factor":"2","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"2","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"2vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"2:3 Standard (Vertical)","tweak-products-image-text-spacing":"0.5vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Full","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[-480,"US","P%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"America/Los_Angeles","name":"Pacific Time"}},"env":"PRODUCTION","visitorFormContext":{"formFieldFormats":{"countries":[{"name":"Afghanistan","code":"AF","phoneCode":"+93"},{"name":"\u00C5land Islands","code":"AX","phoneCode":"+358"},{"name":"Albania","code":"AL","phoneCode":"+355"},{"name":"Algeria","code":"DZ","phoneCode":"+213"},{"name":"American Samoa","code":"AS","phoneCode":"+1"},{"name":"Andorra","code":"AD","phoneCode":"+376"},{"name":"Angola","code":"AO","phoneCode":"+244"},{"name":"Anguilla","code":"AI","phoneCode":"+1"},{"name":"Antigua & Barbuda","code":"AG","phoneCode":"+1"},{"name":"Argentina","code":"AR","phoneCode":"+54"},{"name":"Armenia","code":"AM","phoneCode":"+374"},{"name":"Aruba","code":"AW","phoneCode":"+297"},{"name":"Ascension Island","code":"AC","phoneCode":"+247"},{"name":"Australia","code":"AU","phoneCode":"+61"},{"name":"Austria","code":"AT","phoneCode":"+43"},{"name":"Azerbaijan","code":"AZ","phoneCode":"+994"},{"name":"Bahamas","code":"BS","phoneCode":"+1"},{"name":"Bahrain","code":"BH","phoneCode":"+973"},{"name":"Bangladesh","code":"BD","phoneCode":"+880"},{"name":"Barbados","code":"BB","phoneCode":"+1"},{"name":"Belarus","code":"BY","phoneCode":"+375"},{"name":"Belgium","code":"BE","phoneCode":"+32"},{"name":"Belize","code":"BZ","phoneCode":"+501"},{"name":"Benin","code":"BJ","phoneCode":"+229"},{"name":"Bermuda","code":"BM","phoneCode":"+1"},{"name":"Bhutan","code":"BT","phoneCode":"+975"},{"name":"Bolivia","code":"BO","phoneCode":"+591"},{"name":"Bosnia & Herzegovina","code":"BA","phoneCode":"+387"},{"name":"Botswana","code":"BW","phoneCode":"+267"},{"name":"Brazil","code":"BR","phoneCode":"+55"},{"name":"British Indian Ocean Territory","code":"IO","phoneCode":"+246"},{"name":"British Virgin Islands","code":"VG","phoneCode":"+1"},{"name":"Brunei","code":"BN","phoneCode":"+673"},{"name":"Bulgaria","code":"BG","phoneCode":"+359"},{"name":"Burkina Faso","code":"BF","phoneCode":"+226"},{"name":"Burundi","code":"BI","phoneCode":"+257"},{"name":"Cambodia","code":"KH","phoneCode":"+855"},{"name":"Cameroon","code":"CM","phoneCode":"+237"},{"name":"Canada","code":"CA","phoneCode":"+1"},{"name":"Cape Verde","code":"CV","phoneCode":"+238"},{"name":"Caribbean Netherlands","code":"BQ","phoneCode":"+599"},{"name":"Cayman Islands","code":"KY","phoneCode":"+1"},{"name":"Central African Republic","code":"CF","phoneCode":"+236"},{"name":"Chad","code":"TD","phoneCode":"+235"},{"name":"Chile","code":"CL","phoneCode":"+56"},{"name":"China","code":"CN","phoneCode":"+86"},{"name":"Christmas Island","code":"CX","phoneCode":"+61"},{"name":"Cocos (Keeling) Islands","code":"CC","phoneCode":"+61"},{"name":"Colombia","code":"CO","phoneCode":"+57"},{"name":"Comoros","code":"KM","phoneCode":"+269"},{"name":"Congo - Brazzaville","code":"CG","phoneCode":"+242"},{"name":"Congo - Kinshasa","code":"CD","phoneCode":"+243"},{"name":"Cook Islands","code":"CK","phoneCode":"+682"},{"name":"Costa Rica","code":"CR","phoneCode":"+506"},{"name":"C\u00F4te d\u2019Ivoire","code":"CI","phoneCode":"+225"},{"name":"Croatia","code":"HR","phoneCode":"+385"},{"name":"Cuba","code":"CU","phoneCode":"+53"},{"name":"Cura\u00E7ao","code":"CW","phoneCode":"+599"},{"name":"Cyprus","code":"CY","phoneCode":"+357"},{"name":"Czechia","code":"CZ","phoneCode":"+420"},{"name":"Denmark","code":"DK","phoneCode":"+45"},{"name":"Djibouti","code":"DJ","phoneCode":"+253"},{"name":"Dominica","code":"DM","phoneCode":"+1"},{"name":"Dominican Republic","code":"DO","phoneCode":"+1"},{"name":"Ecuador","code":"EC","phoneCode":"+593"},{"name":"Egypt","code":"EG","phoneCode":"+20"},{"name":"El Salvador","code":"SV","phoneCode":"+503"},{"name":"Equatorial Guinea","code":"GQ","phoneCode":"+240"},{"name":"Eritrea","code":"ER","phoneCode":"+291"},{"name":"Estonia","code":"EE","phoneCode":"+372"},{"name":"Eswatini","code":"SZ","phoneCode":"+268"},{"name":"Ethiopia","code":"ET","phoneCode":"+251"},{"name":"Falkland Islands","code":"FK","phoneCode":"+500"},{"name":"Faroe Islands","code":"FO","phoneCode":"+298"},{"name":"Fiji","code":"FJ","phoneCode":"+679"},{"name":"Finland","code":"FI","phoneCode":"+358"},{"name":"France","code":"FR","phoneCode":"+33"},{"name":"French Guiana","code":"GF","phoneCode":"+594"},{"name":"French Polynesia","code":"PF","phoneCode":"+689"},{"name":"Gabon","code":"GA","phoneCode":"+241"},{"name":"Gambia","code":"GM","phoneCode":"+220"},{"name":"Georgia","code":"GE","phoneCode":"+995"},{"name":"Germany","code":"DE","phoneCode":"+49"},{"name":"Ghana","code":"GH","phoneCode":"+233"},{"name":"Gibraltar","code":"GI","phoneCode":"+350"},{"name":"Greece","code":"GR","phoneCode":"+30"},{"name":"Greenland","code":"GL","phoneCode":"+299"},{"name":"Grenada","code":"GD","phoneCode":"+1"},{"name":"Guadeloupe","code":"GP","phoneCode":"+590"},{"name":"Guam","code":"GU","phoneCode":"+1"},{"name":"Guatemala","code":"GT","phoneCode":"+502"},{"name":"Guernsey","code":"GG","phoneCode":"+44"},{"name":"Guinea","code":"GN","phoneCode":"+224"},{"name":"Guinea-Bissau","code":"GW","phoneCode":"+245"},{"name":"Guyana","code":"GY","phoneCode":"+592"},{"name":"Haiti","code":"HT","phoneCode":"+509"},{"name":"Honduras","code":"HN","phoneCode":"+504"},{"name":"Hong Kong SAR China","code":"HK","phoneCode":"+852"},{"name":"Hungary","code":"HU","phoneCode":"+36"},{"name":"Iceland","code":"IS","phoneCode":"+354"},{"name":"India","code":"IN","phoneCode":"+91"},{"name":"Indonesia","code":"ID","phoneCode":"+62"},{"name":"Iran","code":"IR","phoneCode":"+98"},{"name":"Iraq","code":"IQ","phoneCode":"+964"},{"name":"Ireland","code":"IE","phoneCode":"+353"},{"name":"Isle of Man","code":"IM","phoneCode":"+44"},{"name":"Israel","code":"IL","phoneCode":"+972"},{"name":"Italy","code":"IT","phoneCode":"+39"},{"name":"Jamaica","code":"JM","phoneCode":"+1"},{"name":"Japan","code":"JP","phoneCode":"+81"},{"name":"Jersey","code":"JE","phoneCode":"+44"},{"name":"Jordan","code":"JO","phoneCode":"+962"},{"name":"Kazakhstan","code":"KZ","phoneCode":"+7"},{"name":"Kenya","code":"KE","phoneCode":"+254"},{"name":"Kiribati","code":"KI","phoneCode":"+686"},{"name":"Kosovo","code":"XK","phoneCode":"+383"},{"name":"Kuwait","code":"KW","phoneCode":"+965"},{"name":"Kyrgyzstan","code":"KG","phoneCode":"+996"},{"name":"Laos","code":"LA","phoneCode":"+856"},{"name":"Latvia","code":"LV","phoneCode":"+371"},{"name":"Lebanon","code":"LB","phoneCode":"+961"},{"name":"Lesotho","code":"LS","phoneCode":"+266"},{"name":"Liberia","code":"LR","phoneCode":"+231"},{"name":"Libya","code":"LY","phoneCode":"+218"},{"name":"Liechtenstein","code":"LI","phoneCode":"+423"},{"name":"Lithuania","code":"LT","phoneCode":"+370"},{"name":"Luxembourg","code":"LU","phoneCode":"+352"},{"name":"Macao SAR China","code":"MO","phoneCode":"+853"},{"name":"Madagascar","code":"MG","phoneCode":"+261"},{"name":"Malawi","code":"MW","phoneCode":"+265"},{"name":"Malaysia","code":"MY","phoneCode":"+60"},{"name":"Maldives","code":"MV","phoneCode":"+960"},{"name":"Mali","code":"ML","phoneCode":"+223"},{"name":"Malta","code":"MT","phoneCode":"+356"},{"name":"Marshall Islands","code":"MH","phoneCode":"+692"},{"name":"Martinique","code":"MQ","phoneCode":"+596"},{"name":"Mauritania","code":"MR","phoneCode":"+222"},{"name":"Mauritius","code":"MU","phoneCode":"+230"},{"name":"Mayotte","code":"YT","phoneCode":"+262"},{"name":"Mexico","code":"MX","phoneCode":"+52"},{"name":"Micronesia","code":"FM","phoneCode":"+691"},{"name":"Moldova","code":"MD","phoneCode":"+373"},{"name":"Monaco","code":"MC","phoneCode":"+377"},{"name":"Mongolia","code":"MN","phoneCode":"+976"},{"name":"Montenegro","code":"ME","phoneCode":"+382"},{"name":"Montserrat","code":"MS","phoneCode":"+1"},{"name":"Morocco","code":"MA","phoneCode":"+212"},{"name":"Mozambique","code":"MZ","phoneCode":"+258"},{"name":"Myanmar (Burma)","code":"MM","phoneCode":"+95"},{"name":"Namibia","code":"NA","phoneCode":"+264"},{"name":"Nauru","code":"NR","phoneCode":"+674"},{"name":"Nepal","code":"NP","phoneCode":"+977"},{"name":"Netherlands","code":"NL","phoneCode":"+31"},{"name":"New Caledonia","code":"NC","phoneCode":"+687"},{"name":"New Zealand","code":"NZ","phoneCode":"+64"},{"name":"Nicaragua","code":"NI","phoneCode":"+505"},{"name":"Niger","code":"NE","phoneCode":"+227"},{"name":"Nigeria","code":"NG","phoneCode":"+234"},{"name":"Niue","code":"NU","phoneCode":"+683"},{"name":"Norfolk Island","code":"NF","phoneCode":"+672"},{"name":"Northern Mariana Islands","code":"MP","phoneCode":"+1"},{"name":"North Korea","code":"KP","phoneCode":"+850"},{"name":"North Macedonia","code":"MK","phoneCode":"+389"},{"name":"Norway","code":"NO","phoneCode":"+47"},{"name":"Oman","code":"OM","phoneCode":"+968"},{"name":"Pakistan","code":"PK","phoneCode":"+92"},{"name":"Palau","code":"PW","phoneCode":"+680"},{"name":"Palestinian Territories","code":"PS","phoneCode":"+970"},{"name":"Panama","code":"PA","phoneCode":"+507"},{"name":"Papua New Guinea","code":"PG","phoneCode":"+675"},{"name":"Paraguay","code":"PY","phoneCode":"+595"},{"name":"Peru","code":"PE","phoneCode":"+51"},{"name":"Philippines","code":"PH","phoneCode":"+63"},{"name":"Poland","code":"PL","phoneCode":"+48"},{"name":"Portugal","code":"PT","phoneCode":"+351"},{"name":"Puerto Rico","code":"PR","phoneCode":"+1"},{"name":"Qatar","code":"QA","phoneCode":"+974"},{"name":"R\u00E9union","code":"RE","phoneCode":"+262"},{"name":"Romania","code":"RO","phoneCode":"+40"},{"name":"Russia","code":"RU","phoneCode":"+7"},{"name":"Rwanda","code":"RW","phoneCode":"+250"},{"name":"Samoa","code":"WS","phoneCode":"+685"},{"name":"San Marino","code":"SM","phoneCode":"+378"},{"name":"S\u00E3o Tom\u00E9 & Pr\u00EDncipe","code":"ST","phoneCode":"+239"},{"name":"Saudi Arabia","code":"SA","phoneCode":"+966"},{"name":"Senegal","code":"SN","phoneCode":"+221"},{"name":"Serbia","code":"RS","phoneCode":"+381"},{"name":"Seychelles","code":"SC","phoneCode":"+248"},{"name":"Sierra Leone","code":"SL","phoneCode":"+232"},{"name":"Singapore","code":"SG","phoneCode":"+65"},{"name":"Sint Maarten","code":"SX","phoneCode":"+1"},{"name":"Slovakia","code":"SK","phoneCode":"+421"},{"name":"Slovenia","code":"SI","phoneCode":"+386"},{"name":"Solomon Islands","code":"SB","phoneCode":"+677"},{"name":"Somalia","code":"SO","phoneCode":"+252"},{"name":"South Africa","code":"ZA","phoneCode":"+27"},{"name":"South Korea","code":"KR","phoneCode":"+82"},{"name":"South Sudan","code":"SS","phoneCode":"+211"},{"name":"Spain","code":"ES","phoneCode":"+34"},{"name":"Sri Lanka","code":"LK","phoneCode":"+94"},{"name":"St. Barth\u00E9lemy","code":"BL","phoneCode":"+590"},{"name":"St. Helena","code":"SH","phoneCode":"+290"},{"name":"St. Kitts & Nevis","code":"KN","phoneCode":"+1"},{"name":"St. Lucia","code":"LC","phoneCode":"+1"},{"name":"St. Martin","code":"MF","phoneCode":"+590"},{"name":"St. Pierre & Miquelon","code":"PM","phoneCode":"+508"},{"name":"St. Vincent & Grenadines","code":"VC","phoneCode":"+1"},{"name":"Sudan","code":"SD","phoneCode":"+249"},{"name":"Suriname","code":"SR","phoneCode":"+597"},{"name":"Svalbard & Jan Mayen","code":"SJ","phoneCode":"+47"},{"name":"Sweden","code":"SE","phoneCode":"+46"},{"name":"Switzerland","code":"CH","phoneCode":"+41"},{"name":"Syria","code":"SY","phoneCode":"+963"},{"name":"Taiwan","code":"TW","phoneCode":"+886"},{"name":"Tajikistan","code":"TJ","phoneCode":"+992"},{"name":"Tanzania","code":"TZ","phoneCode":"+255"},{"name":"Thailand","code":"TH","phoneCode":"+66"},{"name":"Timor-Leste","code":"TL","phoneCode":"+670"},{"name":"Togo","code":"TG","phoneCode":"+228"},{"name":"Tokelau","code":"TK","phoneCode":"+690"},{"name":"Tonga","code":"TO","phoneCode":"+676"},{"name":"Trinidad & Tobago","code":"TT","phoneCode":"+1"},{"name":"Tristan da Cunha","code":"TA","phoneCode":"+290"},{"name":"Tunisia","code":"TN","phoneCode":"+216"},{"name":"T\u00FCrkiye","code":"TR","phoneCode":"+90"},{"name":"Turkmenistan","code":"TM","phoneCode":"+993"},{"name":"Turks & Caicos Islands","code":"TC","phoneCode":"+1"},{"name":"Tuvalu","code":"TV","phoneCode":"+688"},{"name":"U.S. Virgin Islands","code":"VI","phoneCode":"+1"},{"name":"Uganda","code":"UG","phoneCode":"+256"},{"name":"Ukraine","code":"UA","phoneCode":"+380"},{"name":"United Arab Emirates","code":"AE","phoneCode":"+971"},{"name":"United Kingdom","code":"GB","phoneCode":"+44"},{"name":"United States","code":"US","phoneCode":"+1"},{"name":"Uruguay","code":"UY","phoneCode":"+598"},{"name":"Uzbekistan","code":"UZ","phoneCode":"+998"},{"name":"Vanuatu","code":"VU","phoneCode":"+678"},{"name":"Vatican City","code":"VA","phoneCode":"+39"},{"name":"Venezuela","code":"VE","phoneCode":"+58"},{"name":"Vietnam","code":"VN","phoneCode":"+84"},{"name":"Wallis & Futuna","code":"WF","phoneCode":"+681"},{"name":"Western Sahara","code":"EH","phoneCode":"+212"},{"name":"Yemen","code":"YE","phoneCode":"+967"},{"name":"Zambia","code":"ZM","phoneCode":"+260"},{"name":"Zimbabwe","code":"ZW","phoneCode":"+263"}],"initialAddressFormat":{"id":0,"type":"ADDRESS","country":"US","labelLocale":"en","fields":[{"type":"FIELD","label":"Address Line 1","identifier":"Line1","length":0,"required":true,"metadata":{"autocomplete":"address-line1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Address Line 2","identifier":"Line2","length":0,"required":false,"metadata":{"autocomplete":"address-line2"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"City","identifier":"City","length":0,"required":true,"metadata":{"autocomplete":"address-level2"}},{"type":"SEPARATOR","label":",","identifier":"Comma","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"State","identifier":"State","length":0,"required":true,"metadata":{"autocomplete":"address-level1"}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"ZIP Code","identifier":"Zip","length":0,"required":true,"metadata":{"autocomplete":"postal-code"}}]},"initialNameOrder":"GIVEN_FIRST","initialPhoneFormat":{"id":0,"type":"PHONE_NUMBER","country":"US","labelLocale":"en-US","fields":[{"type":"SEPARATOR","label":"(","identifier":"LeftParen","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"1","identifier":"1","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":")","identifier":"RightParen","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"2","identifier":"2","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":"-","identifier":"Dash","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"3","identifier":"3","length":14,"required":false,"metadata":{}}]}},"localizedStrings":{"validation":{"noValidSelection":"A valid selection must be made.","invalidUrl":"Must be a valid URL.","stringTooLong":"Value should have a length no longer than {0}.","containsInvalidKey":"{0} contains an invalid key.","invalidTwitterUsername":"Must be a valid Twitter username.","valueOutsideRange":"Value must be in the range {0} to {1}.","invalidPassword":"Passwords should not contain whitespace.","missingRequiredSubfields":"{0} is missing required subfields: {1}","invalidCurrency":"Currency value should be formatted like 1234 or 123.99.","invalidMapSize":"Value should contain exactly {0} elements.","subfieldsRequired":"All fields in {0} are required.","formSubmissionFailed":"Form submission failed. Review the following information: {0}.","invalidCountryCode":"Country code should have an optional plus and up to 4 digits.","invalidDate":"This is not a real date.","required":"{0} is required.","invalidStringLength":"Value should be {0} characters long.","invalidEmail":"Email addresses should follow the format user@domain.com.","invalidListLength":"Value should be {0} elements long.","allEmpty":"Please fill out at least one form field.","missingRequiredQuestion":"Missing a required question.","invalidQuestion":"Contained an invalid question.","captchaFailure":"Captcha validation failed. Please try again.","stringTooShort":"Value should have a length of at least {0}.","invalid":"{0} is not valid.","formErrors":"Form Errors","containsInvalidValue":"{0} contains an invalid value.","invalidUnsignedNumber":"Numbers must contain only digits and no other characters.","invalidName":"Valid names contain only letters, numbers, spaces, ', or - characters."},"submit":"Submit","status":{"title":"{@} Block","learnMore":"Learn more"},"name":{"firstName":"First Name","lastName":"Last Name"},"lightbox":{"openForm":"Open Form"},"likert":{"agree":"Agree","stronglyDisagree":"Strongly Disagree","disagree":"Disagree","stronglyAgree":"Strongly Agree","neutral":"Neutral"},"time":{"am":"AM","second":"Second","pm":"PM","minute":"Minute","amPm":"AM/PM","hour":"Hour"},"notFound":"Form not found.","date":{"yyyy":"YYYY","year":"Year","mm":"MM","day":"Day","month":"Month","dd":"DD"},"phone":{"country":"Country","number":"Number","prefix":"Prefix","areaCode":"Area Code","line":"Line"},"submitError":"Unable to submit form. Please try again later.","address":{"stateProvince":"State/Province","country":"Country","zipPostalCode":"Zip/Postal Code","address2":"Address 2","address1":"Address 1","city":"City"},"email":{"signUp":"Sign up for news and updates"},"cannotSubmitDemoForm":"This is a demo form and cannot be submitted.","required":"(required)","invalidData":"Invalid form data."}}};</script><script type="application/ld+json">{"url":"https://www.interiordoorandcloset.com","name":"New Interior Door & Closet Company","image":"//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"address":"","image":"https://static1.squarespace.com/static/6808910f9ad6d047ac5c845e/t/6879309ee969e3204eb3c363/1759800532055/","openingHours":"","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/6808910f9ad6d047ac5c845e/72/5c5a519771c10ba3470d8101/680891109ad6d047ac5c8466/1698/site.css"/><link rel="stylesheet" href="//assets.squarewebsites.org/custom-tables/style.css"><style> /*body { overflow: hidden; width: 100vw; height: 100vh; } .hide-body-loading { overflow: auto; width: auto; height: auto; } #loading-screen { position: fixed; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; z-index: 9999; background-color: #FCFCFC; } #loading-screen.hide-loading { display: none; } .logo-center { padding: 1rem 2rem; } .header-nav-list-center { align-items: center; } #loading-image { animation: pulse 3s ease-in-out infinite; }*/ .arrow-svg { height: 1em; padding-left: 1em; fill: currentColor; stroke: currentColor; } @keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(2);} 100% {transform: scale(1);} }</style><!--div id="loading-screen"> <div id="loading-image"> <img src=""> </div></div> <script> let faviconLink = document.querySelector('link[rel="shortcut icon"]'); let url = faviconLink.getAttribute('href'); document.querySelector('#loading-screen img').setAttribute('src', url); function hideLoadingScreen() { document.querySelector("#loading-screen").classList.add("hide-loading"); document.querySelector("body").classList.add("hide-body-loading"); } // Hide loading screen after document is ready or after 3 seconds. setTimeout(function() { setTimeout(hideLoadingScreen, 200); let checkLoadState = setInterval(function(){ if(document.readyState === "complete") { hideLoadingScreen(); clearInterval(checkLoadState); } }, 100); }, 2000);</script--> <!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K6TQXN');</script><!-- End Google Tag Manager --><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> class SWSSlides { constructor(id, data) { this.id = id; this.target = data.settings.target; this.data = data; this.slideIndex = 0; this.prevSlide = 0; this.animationInStyle = null; this.animationOutStyle = null; this.prevAnimationInStyle = null; this.prevAnimationOutStyle = null; this.images = []; this.slideInterval = this.setSlideInterval(); } createContainer = (children) => { var mainContainer = document.createElement("div"); mainContainer.setAttribute("id", this.id); mainContainer.classList.add("sw-slider-container"); children.forEach((child) => { mainContainer.appendChild(child); }); return mainContainer; }; createSlides = () => { // Get parent object where to attached the objects // var parent = document.currentScript.parentElement; var galleryContainer = document.getElementsByClassName("sqs-gallery-container")[ this.target ]; if (galleryContainer !== undefined) { //get Images var images = galleryContainer.getElementsByTagName("img"); for (var img of images) { this.images.push(img.getAttribute("data-src")); } var arrows = this.createArrows(); // Old description - An Interior Door upgrade is the most cost effective way to transform the look of every room in your home. // var content = this.createContent({title: "Title", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur sapien rhoncus nisl consectetur iaculis.", buttonText: "See More"}) var content = this.createContent({ title: "Interior Door & Closet Company", description: "Transform Your Home with Expert Interior Door, Closet Door, and Closet Organizer Installations.", buttonText: "See Our Products", contactNumber: "(714) 895-5100", buttonUrl: "/products", }); var imageSlide = this.createImageSlides(this.images); var container = this.createContainer([content, imageSlide, arrows]); var parent = galleryContainer.parentNode; parent.style.width = "100%"; parent.style.height = "100%"; parent.removeChild(galleryContainer) parent.appendChild(container); } }; createContent = ({ title, description, buttonText, buttonUrl, contactNumber}) => { var contentContainer = document.createElement("div"); contentContainer.classList.add("sw-content-container"); var contentBox = document.createElement("div"); contentBox.classList.add("sw-content-box"); //Add objects to content box. var contentHeader = document.createElement("h1"); contentHeader.classList.add("sw-content-header"); contentHeader.innerHTML = title; var contentText = document.createElement("h2"); contentText.classList.add("sw-content-text"); var titleDiv = document.getElementById("block-yui_3_17_2_1_1718252774278_20087"); var subTitle = document.getElementById("block-yui_3_17_2_1_1717650238425_14446"); //contentText.innerHTML = description; titleDiv.style.display = "none"; subTitle.style.display = "none"; contentText.style.fontWeight = "normal"; contentText.innerHTML = subTitle.innerText; var contentButtonContainer = document.createElement("div"); contentButtonContainer.classList.add("sw-content-button-container"); var contentButton = document.createElement("a"); contentButton.classList.add("sw-content-button"); contentButton.innerHTML = buttonText; contentButton.href = buttonUrl; contentButtonContainer.appendChild(contentButton); var contentContactContainer = document.createElement("div"); var contactNumberLink = document.createElement("a"); contactNumberLink.href = "tel:(714) 895-5100"; contactNumberLink.innerText = "☎ (714) 895-5100"; contentContactContainer.appendChild(contactNumberLink); contentContactContainer.classList.add("sw-content-contact-number"); contentBox.appendChild(contentHeader); contentBox.appendChild(contentText); contentBox.appendChild(contentButtonContainer); contentBox.appendChild(contentContactContainer); console.log(contentContactContainer); contentContainer.appendChild(contentBox); return contentContainer; }; createImageSlides = (slides) => { var imageContainer = document.createElement("div"); imageContainer.classList.add("sw-image-container"); slides.forEach((slide, index) => { var imageSlide = document.createElement("div"); imageSlide.classList.add("sw-image-slide"); imageSlide.classList.add( index === 0 ? "sw-image-slide-show" : "sw-image-slide-hidden" ); imageSlide.style.backgroundImage = `url(${slide.trim()})`; imageSlide.innerHTML = " "; imageContainer.appendChild(imageSlide); }); return imageContainer; }; createArrows = () => { var arrowContainer = document.createElement("div"); arrowContainer.classList.add("sw-arrow-container"); var previousArrow = document.createElement("div"); previousArrow.classList.add("sw-arrow-previous"); previousArrow.onclick = () => { this.moveSlide(-1, this.data.settings.interval); }; previousArrow.innerHTML = "❮"; var nextArrow = document.createElement("div"); nextArrow.classList.add("sw-arrow-next"); nextArrow.onclick = () => { this.moveSlide(1, this.data.settings.interval); }; nextArrow.innerHTML = "❯"; arrowContainer.appendChild(previousArrow); arrowContainer.appendChild(nextArrow); return arrowContainer; }; // Logic for moving slides moveSlide = (n) => { clearInterval(this.slideInterval); this.slideInterval = this.setSlideInterval(); this.plusSlides(n); }; setSlideInterval = () => { if ( this.data !== undefined && this.data.settings !== undefined && this.data.settings.interval > 0 ) { return setInterval(() => { this.plusSlides(1); }, this.data.settings.interval * 1000); } }; // Next/previous controls plusSlides = (n) => { this.showSlides((this.slideIndex += n)); }; determineSlideAnimation = (direction, style) => { var inAnimation = null; var outAnimation = null; switch (style?.toLowerCase()) { case "fade": { inAnimation = "sw-fade-in-slide"; outAnimation = "sw-fade-out-slide"; break; } case "blur": { inAnimation = "sw-slide-blur-in"; outAnimation = "sw-slide-blur-out"; break; } default: { if (direction === "left") { inAnimation = "sw-right-to-left-in-slide-left"; outAnimation = "sw-right-to-left-out-slide-left"; } else { inAnimation = "sw-right-to-left-in-slide-right"; outAnimation = "sw-right-to-left-out-slide-right"; } break; } } return { inAnimation, outAnimation, }; }; showSlides = (n) => { var container = document.getElementById(this.id); var i; var direction = "forward"; var slides = container.getElementsByClassName("sw-image-slide"); var slideContents = container.getElementsByClassName( "sw-content-container" ); var dots = container.getElementsByClassName("sw-arrow-container"); // Determine direction if (n > this.prevSlide) { direction = "left"; } else { direction = "right"; } if (n >= slides.length) { this.slideIndex = 0; } if (n < 0) { this.slideIndex = slides.length - 1; } this.prevAnimationInStyle = this.animationInStyle; this.prevAnimationOutStyle = this.animationOutStyle; ({ inAnimation: this.animationInStyle, outAnimation: this.animationOutStyle, } = this.determineSlideAnimation(direction, data.settings.slideAnimation)); // hide content settings to properly animate // slideContents[this.prevSlide].style.display = "none"; for (i = 0; i < dots.length; i++) { dots[i].classList.remove("sw-slides-dot-active"); } if (slides.length > 0) { // remove previous animations for (i = 0; i < slides.length; i++) { slides[i].classList.remove(this.prevAnimationInStyle); slides[i].classList.remove(this.prevAnimationOutStyle); if (i === this.slideIndex) { slides[i].classList.remove("sw-image-slide-hidden"); slides[i].classList.add("sw-image-slide-show"); slides[i].classList.remove(this.animationOutStyle); slides[i].classList.add(this.animationInStyle); } else { if (i === this.prevSlide) { slides[i].classList.add(this.animationOutStyle); slides[i].classList.remove(this.animationInStyle); } else { slides[i].classList.add("sw-image-slide-hidden"); slides[i].classList.remove("sw-image-slide-show"); } } } } this.prevSlide = this.slideIndex; };} function createBC() { $(document).ready(function () { const href = window.location.href let jsonURL = (href.includes("?") ? href.substring(0,href.lastIndexOf("?")) : href) + "?format=json-pretty"; var siteData = null; $.ajax({ url: jsonURL, type: "GET", dataType: "text", success: function (data) { siteData = JSON.parse(data); const paths = siteData.collection.urlId.split("/"); let pathUrl = siteData.website.baseUrl; let pathLinks = [ { title: "Home", url: "/", }, ]; if (siteData && !siteData.collection.homepage) { let nLinks = paths.length; for (let i = 0; i < paths.length; i++) { let pathData = null; pathUrl += "/" + paths[i]; pathLinks.push({ title: "", url: paths[i], }); $.ajax({ url: pathUrl + "?format=json-pretty", type: "GET", dataType: "text", success: function (rootData) { pathData = JSON.parse(rootData); // Update Path Links let pathLink = pathLinks.find((pathLink) => { return pathLink.url === paths[i]; }); if (pathLink) { pathLink.title = pathData.collection.title; pathLink.url = pathData.collection.fullUrl; } --nLinks; if (nLinks === 0) { createBRElements(siteData.collection.title, pathLinks); } }, }); } } }, }); });} function createBRElements(pageTitle, pathLinks) { var bcContainer = document.createElement("div"); bcContainer.classList.add("sw-bc-container"); var title = document.createElement("h1"); var pathContainer = document.createElement("div"); pathContainer.classList.add("sw-bc-nav"); title.innerHTML = pageTitle; var paths = createParentPath(pathLinks); for (var i = 0; i < paths.length-1; i++) { pathContainer.appendChild(paths[i]); } const titleElement = document.querySelector(".sw-bc-container h1") if (titleElement) titleElement.innerHTML = pageTitle; const navLinksContainer = document.querySelector("#bc-nav-links") if (navLinksContainer) navLinksContainer.appendChild(pathContainer); const bcContainerParent = document.querySelector(".sw-bc-container")?.parentElement?.parentElement; if(bcContainerParent) { bcContainerParent.style.display = "flex"; bcContainerParent.style.alignItems = "center"; bcContainerParent.style.justifyContent = "center"; }} function createParentPath(pathLinks) { var paths = []; for (var i = 0; i < pathLinks.length-1; i++) { var pathElement; var separator = document.createElement("span"); separator.innerHTML = "/"; if (pathLinks[i].url) { pathElement = document.createElement("a"); pathElement.classList.add("sw-bc-path") pathElement.innerHTML = pathLinks[i].title; pathElement.href = pathLinks[i].url; } else { pathElement = document.createElement("span"); pathElement.innerHTML = pathLinks[i].title; } paths.push(pathElement); if (i+1 < pathLinks.length) paths.push(separator); } return paths;} function swDecorateImage(id) { var imageBlock = document.getElementById(id); if (imageBlock) { imageBlock.classList.add("sw-image-decor"); imageBlock.parentElement.classList.add("sw-image-decor-container"); }} function swModifyTestimonialSlide(id) { var testimonialSlideContainer = $(id); var leftButton = testimonialSlideContainer.find( ".user-items-list-carousel__arrow-button--left" ); var rightButton = testimonialSlideContainer.find( ".user-items-list-carousel__arrow-button--right" ); var buttonContainer = testimonialSlideContainer.find( ".arrows-bottom" ); leftButton.css("border-radius", "0px"); leftButton.css("width", "unset"); leftButton.empty(); leftButton.append($("<div>❮</div>").addClass("sw-arrow-previous")); rightButton.css("border-radius", "0px"); rightButton.css("width", "unset"); rightButton.empty(); rightButton.append($("<div>❯</div>").addClass("sw-arrow-next")); buttonContainer.css("grid-gap", "0px"); // Modify radius testimonialSlideContainer.find(".user-items-list-carousel__slide").css("border-radius","2rem"); // Get mobile arrows var mobileLeft = testimonialSlideContainer.find(".mobile-arrow-button--left"); mobileLeft.empty(); mobileLeft.append($("<div>❮</div>").addClass("sw-arrow-previous")); mobileLeft.css("width", "unset"); mobileLeft.css("border-radius", "0px"); mobileLeft.css("margin", "0px"); var mobileRight = testimonialSlideContainer.find(".mobile-arrow-button--right"); mobileRight.empty(); mobileRight.append($("<div>❯</div>").addClass("sw-arrow-next")); mobileRight.css("width", "unset"); mobileRight.css("border-radius", "0px"); mobileRight.css("margin", "0px");} function createTopAction() { $(document).ready(function () { // change folder href var folderNav = document.querySelector(".header-nav").getElementsByClassName("header-nav-folder-title") for(let i=0;i < folderNav.length;i++) { const folderIndex = folderNav[i].href.indexOf("-folder") const newHref = folderNav[i].href.substring(0,folderIndex); folderNav[i].href = newHref; folderNav[i].addEventListener("click", () => {window.location.href = newHref}); } // relocate actions const headerTitalNavWrapper = document.querySelector(".header-title-nav-wrapper"); var headerDesktopContainer = document.createElement("div"); headerDesktopContainer.classList.add("header-desktop-container"); var headerActions = document.getElementsByClassName("header-actions")[0]; var headerActionsCloned = null; if (headerActions !== undefined) { headerActions.style.display = "flex"; headerActionsCloned = headerActions.cloneNode(true); } var headerNav = document.getElementsByClassName( "header-display-desktop" )[0]; headerNav.removeChild(headerActions); var headerNavCloned = headerNav.cloneNode(true); if (headerNav !== undefined && headerActionsCloned) { var parentNode = headerNav.parentNode; headerNav.insertBefore(headerActionsCloned, headerTitalNavWrapper); } const href = window.location.href var jsonURL = href.substring(0,href.lastIndexOf("/")) + "?format=json-pretty"; var siteData = null; $.ajax({ url: jsonURL, type: "GET", dataType: "text", success: function (data) { siteData = JSON.parse(data.replace("<!doctype html>","")); var divPhoneEmailContainer = document.createElement("div"); var linkPhone = document.createElement("a"); var divPhoneIcon = document.createElement("div"); var divPhoneText = document.createElement("div"); var linkEmail = document.createElement("a"); var divEmailIcon = document.createElement("div"); var divEmailText = document.createElement("div"); divPhoneIcon.innerHTML = "☎"; divEmailIcon.innerHTML = "✉"; divPhoneText.innerHTML = siteData.websiteSettings.contactPhoneNumber ?? "(888) 287-4211"; divEmailText.innerHTML = siteData.websiteSettings.contactEmail ?? "info@interiordoorandcloset.com"; linkPhone.href = "tel:" + (siteData.websiteSettings.contactPhoneNumber ? siteData.websiteSettings.contactPhoneNumber : "(888) 287-4211"); linkEmail.href = "mailto:" + (siteData.websiteSettings.contactEmail ? siteData.websiteSettings.contactEmail : "info@interiordoorandcloset.com"); linkPhone.classList.add("sw-navigation-actions-item"); linkEmail.classList.add("sw-navigation-actions-item"); divPhoneIcon.classList.add("sw-navigation-actions-icon"); divEmailIcon.classList.add("sw-navigation-actions-icon"); linkPhone.appendChild(divPhoneIcon); linkPhone.appendChild(divPhoneText); linkEmail.appendChild(divEmailIcon); linkEmail.appendChild(divEmailText); divPhoneEmailContainer.appendChild(linkPhone); divPhoneEmailContainer.appendChild(linkEmail); divPhoneEmailContainer.classList.add("sw-navigation-actions-top"); headerActionsCloned.insertBefore(divPhoneEmailContainer, headerActionsCloned.firstChild); }, }); });} class SWGalleryPagination { constructor() { this.currentPage = 1; this.itemsPerPage = 12; this.imageCount = 0; this.pageCount = 0; } initGalleryLabels() { setTimeout(() => { this.addLabels(); }, 2000); } initGalleryPage() { // Hook body on resize document.body.onresize = () => { this.setFluidContainerHeight(); }; setTimeout(() => { this.hideImages(); this.createPageButtons(); this.setFluidContainerHeight(); }, 2000); } addLabelToLightBox() { const lightBoxDiv = document.querySelectorAll(".sqs-lightbox-slide"); for (let i = 0; i < lightBoxDiv.length; i++) { const lightBoxLabel = lightBoxDiv[i].querySelector(".sw-gallery-lightbox-label"); if (lightBoxLabel === null) { const imageSrc = lightBoxDiv[i].querySelector("img").getAttribute("data-image"); const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length); const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf("."))); const spanLabel = document.createElement("span"); spanLabel.classList.add("sw-gallery-lightbox-label"); spanLabel.innerHTML = "#" + (i+1) + " " + label.replaceAll("+"," "); lightBoxDiv[i].append(spanLabel); } } } addLabels() { var galleryBlock = document.getElementsByClassName("sqs-block-gallery")[0]; setTimeout(() => { galleryBlock.style.setProperty('display', 'block', 'important'); }, 500); document.addEventListener("scroll", () => { galleryBlock.style.setProperty('display', 'block', 'important'); }); var imageList = document.getElementsByClassName( "sqs-gallery-design-grid-slide" ); for (let i = 0; i < imageList.length; i++) { const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label"); //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide"); if(imageLabelClass === null) { const imageLink = imageList[i].querySelector("a"); const imageSrc = imageList[i].querySelector("img").getAttribute("data-image"); const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length); const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf("."))); const spanLabel = document.createElement("span"); spanLabel.classList.add("sw-gallery-image-label"); spanLabel.innerHTML = label.replaceAll("+"," "); const spanNumber = document.createElement("span"); spanNumber.innerHTML = "#" + (i+1); spanNumber.classList.add("sw-gallery-image-number"); imageLink.style.position = "relative"; imageLink.append(spanLabel); imageLink.append(spanNumber); imageLink.addEventListener("click", this.addLabelToLightBox); } } } hideImages() { var imageList = document.getElementsByClassName( "sqs-gallery-design-grid-slide" ); var lowerLimit = (this.currentPage - 1) * this.itemsPerPage; var upperLimit = this.currentPage * this.itemsPerPage; this.imageCount = imageList.length; for (let i = 0; i < imageList.length; i++) { const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label"); //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide"); if(imageLabelClass === null) { const imageLink = imageList[i].querySelector("a"); const imageSrc = imageList[i].querySelector("img").getAttribute("data-image"); const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length); const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf("."))); const spanLabel = document.createElement("span"); spanLabel.classList.add("sw-gallery-image-label"); spanLabel.innerHTML = label.replaceAll("+"," "); const spanNumber = document.createElement("span"); spanNumber.innerHTML = "#" + (i+1); spanNumber.classList.add("sw-gallery-image-number"); imageLink.style.position = "relative"; imageLink.append(spanLabel); imageLink.append(spanNumber); imageLink.addEventListener("click", this.addLabelToLightBox); } if (i >= lowerLimit && i < upperLimit) { imageList[i].style.cssText = 'display:initial !important'; } else { imageList[i].style.cssText = 'display:none !important'; } } var pages = document.getElementsByClassName("sw-gallery-page-item"); var fillers = document.getElementsByClassName("sw-gallery-page-filler"); for (var i = 0; i < pages?.length; i++) { pages[i].style.display = "flex"; var pageNumber = i + 1; if (pageNumber === this.currentPage) { pages[i].classList.add("sw-gallery-page-item-active"); pages[i].style.display = "flex"; } else { pages[i].classList?.remove("sw-gallery-page-item-active"); } } if (this.pageCount > 5) { if (this.currentPage >= 4) { fillers[0].style.display = "flex"; } else { fillers[0].style.display = "none"; } if (this.currentPage + 2 >= this.pageCount) { fillers[1].style.display = "none"; for (var i = pages.length - 5; i > 0; i--) { pages[i].style.display = "none"; } } else { fillers[1].style.display = "flex"; for (var i = 4; i < pages.length - 1; i++) { pages[i].style.display = "none"; } } } } createPageButtons() { var galleryContainer = document.getElementsByClassName("sqs-block-gallery")[0]; var pageContainer = document.createElement("div"); pageContainer.classList.add("sw-gallery-page-container"); var previousArrow = document.createElement("div"); previousArrow.classList.add("sw-arrow-previous"); previousArrow.onclick = () => { this.movePageNumber(this.currentPage - 1); }; previousArrow.innerHTML = "❮"; var nextArrow = document.createElement("div"); nextArrow.classList.add("sw-arrow-next"); nextArrow.onclick = () => { this.movePageNumber(this.currentPage + 1); }; nextArrow.innerHTML = "❯"; pageContainer.appendChild(previousArrow); this.pageCount = Math.trunc(this.imageCount / this.itemsPerPage) + 1; var fillerGapLeft = document.createElement("div"); fillerGapLeft.classList.add("sw-gallery-page-filler"); fillerGapLeft.style.display = "none"; fillerGapLeft.innerHTML = "..."; var fillerGapRight = document.createElement("div"); fillerGapRight.classList.add("sw-gallery-page-filler"); fillerGapRight.innerHTML = "..."; for (var i = 0; i < this.pageCount; i++) { const pageNumber = i + 1; let pageNumberElement = document.createElement("div"); pageNumberElement.classList.add("sw-gallery-page-item"); if (i + 1 === this.currentPage) pageNumberElement.classList.add("sw-gallery-page-item-active"); pageNumberElement.innerHTML = pageNumber; pageNumberElement.onclick = () => { this.movePageNumber(pageNumber); }; pageContainer.appendChild(pageNumberElement); if (this.pageCount > 5) { if (pageNumber === 1) { pageContainer.appendChild(fillerGapLeft); } else if (pageNumber + 1 === this.pageCount) { pageContainer.appendChild(fillerGapRight); } if (pageNumber > 4 && pageNumber !== this.pageCount) { pageNumberElement.style.display = "none"; } } } pageContainer.appendChild(nextArrow); if (this.pageCount > 1) { galleryContainer.appendChild(pageContainer); } } setFluidContainerHeight() { // Set height fluid container const fluidContainer = document.getElementsByClassName("sqs-block-gallery")[0].parentElement .parentElement; const galleryContainer = document.getElementsByClassName("sqs-block-gallery")[0].parentElement; const itemHeight = document.getElementsByClassName( "sqs-gallery-design-grid-slide" )[0].offsetHeight; const pageContainerHeight = document.getElementsByClassName( "sw-gallery-page-container" )[0]?.offsetHeight; const multiplier = document.body.offsetWidth < 768 ? 6 : 3; let newHeight = itemHeight * multiplier + (pageContainerHeight ?? 0) // Get heading and title var textElements = fluidContainer.getElementsByClassName("html-block"); for(var i=0; i < textElements?.length; i++) { newHeight += textElements[i].offsetHeight; } newHeight = (newHeight + 200) + "px";console.log(newHeight); galleryContainer.style.height = newHeight; fluidContainer.style.height = newHeight; const contentWrapper = document.getElementsByClassName("sqs-block-gallery")[0].parentElement.parentElement.parentElement; contentWrapper.style.height = newHeight; } movePageNumber(pageNumber) { if (pageNumber < 1) pageNumber = 1; else if (pageNumber > this.pageCount) pageNumber = this.pageCount; if (this.currentPage !== pageNumber) { this.currentPage = pageNumber; this.hideImages(); } }} </script><style> .header-actions { display: none; }</style><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- Clarity tracking code for https://www.interiordoorandcloset.com/ --><script> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt"; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "n9oz9g9h9y");</script> <script type="application/ld+json">{"url":"https://www.interiordoorandcloset.com","name":"Interior Door & Closet Company","description":"","image":"//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png","@context":"http://schema.org","@type":"WebSite"}</script> <script type="application/ld+json">{"name": "Interior Door and Closet Company","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1719490341817/","legalName":"Interior Door and Closet Company","address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","email":"info@interiordoorandcloset.com","telephone":"(714) 895-5100","sameAs":["https://goo.gl/maps/GnSrfPScLQR2","https://www.facebook.com/interiordoorandcloset","https://www.pinterest.com/ocdoors/","https://www.linkedin.com/company/interior-door-and-closet-company/about/","https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company","https://www.instagram.com/ocdoorsandclosets/"],"@context":"http://schema.org","@type":"Organization"}</script> <script type="application/ld+json">{"address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1719490341817/","name":"Interior Door and Closet Company","openingHours":"Mo 09:00-17:00, Tu 09:00-17:00, We 09:00-17:00, Th 09:00-17:00, Fr 09:00-17:00, Sa 11:00-15:00, ","@context":"http://schema.org","@type":"LocalBusiness"}</script> <script> document.addEventListener("DOMContentLoaded", function() { // Select all schema scripts of type "application/ld+json" const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]'); // Remove the first three schema scripts added by Squarespace schemaScripts.forEach((script, index) => { if (index < 3) { script.remove(); } }); });</script> <script> document.addEventListener("DOMContentLoaded", function() { // Get the current page URL const currentUrl = window.location.pathname; // Check if the URL matches the FAQ page if (currentUrl.includes('/faq')) { // Select all schema scripts of type "application/ld+json" const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]'); // Remove the first three schema scripts added by Squarespace schemaScripts.forEach((script, index) => { if (index < 3) { script.remove(); } }); } else { // Remove the manually added FAQ Schema if not on the FAQ page const faqSchema = document.querySelector('script#faq-schema'); if (faqSchema) { faqSchema.remove(); } } });</script><style> section[data-section-id="62e7a6759f6aeb2bb6a015ff"] .sqs-block-image{ background-color: white !important;} /* mobile */@media screen and (max-width:767px) { section[data-section-id="62e7b6368b3184307aa195d5"] { padding-left: 1rem; padding-right: 1rem; }} </style><!-- Bing Site Authorization Tag --><meta name="msvalidate.01" content="DECEDEEE11268D13C34E9702F50DE4DC" /><script>Static.COOKIE_BANNER_CAPABLE = true;</script><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.styles.css"/><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.visitor.js"></script><!-- End of Squarespace Headers --> <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1760993719780-8BIQLG2VO0KW1AR5GSNK/static.css"> </head> <body id="collection-680891619ad6d047ac5c9389" class=" form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-date tweak-blog-single-column-secondary-meta-categories tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-title-only tweak-blog-item-width-medium tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-delimiter-bullet primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill tweak-events-stacked-width-full tweak-events-stacked-height-large tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-show-excerpt tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-date tweak-blog-basic-grid-secondary-meta-categories tweak-blog-basic-grid-excerpt-show header-overlay-alignment-left tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show header-width-full tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-large tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-php collection-680891619ad6d047ac5c9389 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one " tabindex="-1" > <div id="siteWrapper" class="clearfix site-wrapper" > <div id="floatingCart" class="floating-cart hidden"> <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"> <span class="Cart-inner"> <svg class="icon icon--cart" viewBox="0 0 31 24"> <g class="svg-icon cart-icon--odd"> <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/> <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/> <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13 c0.1,0.5,0.6,1,1.1,1h15c0.5,0,1.2-0.4,1.4-0.9l3.3-8.1c0.2-0.5-0.1-0.9-0.6-0.9H12"/> </g></svg> <div class="legacy-cart icon-cart-quantity"> <span class="sqs-cart-quantity">0</span> </div> </span> </a> </div> <header data-test="header" id="header" class=" header theme-col--primary " data-section-theme="" data-controller="Header" data-current-styles="{ "layout": "brandingCenterNavCenter", "action": { "href": "/donate", "buttonText": "Donate", "newWindow": false }, "showSocial": true, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayTheme": "white", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "stroke-1", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.1 }, "strokeWidth": { "unit": "px", "value": 4.0 }, "endcapType": "round", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.15 }, "strokeWidth": { "unit": "px", "value": 0.5 }, "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoRightNavLeft", "menuIconOptions": { "style": "tripleLineHamburger", "thickness": { "unit": "px", "value": 3.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "lightAccent", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 91.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": true, "position": "allSides", "thickness": { "unit": "px", "value": 1.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="theme" data-language-picker="{ "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" data-first-focusable-element tabindex="-1" style=" --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(var(--lightAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); " > <svg style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <symbol id="circle" > <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" /> </symbol> <symbol id="circleFilled" > <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" /> </symbol> <symbol id="dash" > <path d="M11 11H19H3" /> </symbol> <symbol id="squareFilled" > <rect x="6" y="6" width="11" height="11" /> </symbol> <symbol id="square" > <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" /> </symbol> <symbol id="plus" > <path d="M11 3V19" /> <path d="M19 11L3 11"/> </symbol> <symbol id="closedArrow" > <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" /> </symbol> <symbol id="closedArrowFilled" > <path d="M11 11L11 2" stroke="inherit" fill="none" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" /> </symbol> <symbol id="closedArrowHead" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol"> <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" /> </symbol> <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol"> <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" /> </symbol> <symbol id="openArrow" > <path d="M11 18.3591L11 3" stroke="inherit" fill="none" /> <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none" /> </symbol> <symbol id="openArrowHead" > <path d="M18 7L11 14L4 7" fill="none" /> </symbol> <symbol id="pinchedArrow" > <path d="M11 17.3591L11 2" fill="none" /> <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" /> </symbol> <symbol id="pinchedArrowFilled" > <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/> <path d="M11 11L11 1" fill="none"/> </symbol> <symbol id="pinchedArrowHead" > <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091" fill="none" /> </symbol> <symbol id="pinchedArrowHeadFilled" > <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" /> </symbol> </svg> <script> function shouldShowAnnouncementBar() { try { if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) { return false; } var localDataStr = localStorage.getItem('squarespace-announcement-bar'); if (localDataStr && JSON.parse(localDataStr).closed) { return false; } return true; } catch(e) { console.error(e); return true; } } if (shouldShowAnnouncementBar()) { document.body.classList.add('announcement-bar-reserved-space'); } //# sourceURL=reserveSpaceForAnnouncementBar.js </script> <div class="sqs-announcement-bar-dropzone"></div> <div class="header-announcement-bar-wrapper"> <a href="#page" class="header-skip-link sqs-button-element--primary" > Skip to Content </a> <style> @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { } }</style> <div class="header-border" data-header-style="theme" data-header-border="true" data-test="header-border" style=" border-width: 1px !important; " ></div> <div class="header-dropshadow" data-header-style="theme" data-header-dropshadow="false" data-test="header-dropshadow" style="" ></div> <div class='header-inner container--fluid header-mobile-layout-logo-right-nav-left header-layout-branding-center-nav-center ' data-test="header-inner" > <!-- Background --> <div class="header-background theme-bg--primary"></div> <div class="header-display-desktop" data-content-field="site-title"> <!-- Social --> <div class="header-actions header-actions--left"> <div class="header-actions-action header-actions-action--social"> </div> </div> <!-- Title and nav wrapper --> <div class="header-title-nav-wrapper"> <!-- Title --> <div class=" header-title header-title--use-mobile-logo " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w"><img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w" alt="New Interior Door &amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture> </a> </div> <div class="header-mobile-logo"> <a href="/" data-animation-role="header-element"> <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w"><img elementtiming="nbf-header-logo-mobile" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w" alt="New Interior Door &amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture> </a> </div> </div> <!-- Nav --> <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/interior-doors-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="interior-doors" > <span class="header-nav-folder-title-text"> Interior Doors </span> </a> <div class="header-nav-folder-content" id="interior-doors"> <div class="header-nav-folder-item"> <a href="/interior-doors/signature-collection" > <span class="header-nav-folder-item-content"> Signature Collection </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/premium-doors" > <span class="header-nav-folder-item-content"> Premium Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/glass-doors" > <span class="header-nav-folder-item-content"> Glass Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/stain-grade-doors" > <span class="header-nav-folder-item-content"> Stain Grade Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/contemporary-doors" > <span class="header-nav-folder-item-content"> Contemporary Doors </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/closet-doors-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="closet-doors" > <span class="header-nav-folder-title-text"> Closet Doors </span> </a> <div class="header-nav-folder-content" id="closet-doors"> <div class="header-nav-folder-item"> <a href="/closet-doors/mirrored-closet-doors" > <span class="header-nav-folder-item-content"> Mirrored Closet Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/closet-doors/panel-louver-and-flush-doors" > <span class="header-nav-folder-item-content"> Paneled & Louver Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/closet-doors/glass-closet-doors" > <span class="header-nav-folder-item-content"> Glass Closet Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/closet-doors/sliding-true-shoji" > <span class="header-nav-folder-item-content"> True Shoji </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/room-dividers" data-animation-role="header-element" > Room Dividers </a> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/barn-doors-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="barn-doors" > <span class="header-nav-folder-title-text"> Barn Doors </span> </a> <div class="header-nav-folder-content" id="barn-doors"> <div class="header-nav-folder-item"> <a href="/barn-doors/paneled-wood-doors" > <span class="header-nav-folder-item-content"> Paneled Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/barn-doors/glass-mirrored-doors" > <span class="header-nav-folder-item-content"> Glass & Mirrored Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/barn-doors/tracks" > <span class="header-nav-folder-item-content"> Tracks </span> </a> </div> <div class="header-nav-folder-item"> <a href="/barn-doors/pulls" > <span class="header-nav-folder-item-content"> Pulls </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/organizers-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="organizers" > <span class="header-nav-folder-title-text"> Organizers </span> </a> <div class="header-nav-folder-content" id="organizers"> <div class="header-nav-folder-item"> <a href="/organizers/reach-in-closet-organizers" > <span class="header-nav-folder-item-content"> Reach-in Closet Organizers </span> </a> </div> <div class="header-nav-folder-item"> <a href="/organizers/walk-in-closet-organizers" > <span class="header-nav-folder-item-content"> Walk-in Closet Organizers </span> </a> </div> <div class="header-nav-folder-item"> <a href="/organizers/closet-accessories" > <span class="header-nav-folder-item-content"> Closet Accessories </span> </a> </div> <div class="header-nav-folder-item"> <a href="/organizers/garage-accessories" > <span class="header-nav-folder-item-content"> Garage Organizers </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/door-installation-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="door-installation" > <span class="header-nav-folder-title-text"> Door Installation </span> </a> <div class="header-nav-folder-content" id="door-installation"> <div class="header-nav-folder-item"> <a href="/door-installation/contractors" > <span class="header-nav-folder-item-content"> Contractors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/door-installation/real-estate-agents" > <span class="header-nav-folder-item-content"> Real Estate Agents </span> </a> </div> <div class="header-nav-folder-item"> <a href="/door-installation/interior-designers" > <span class="header-nav-folder-item-content"> Interior Designers </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/about-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="about-us" > <span class="header-nav-folder-title-text"> About Us </span> </a> <div class="header-nav-folder-content" id="about-us"> <div class="header-nav-folder-item"> <a href="/faq" > <span class="header-nav-folder-item-content"> FAQ </span> </a> </div> <div class="header-nav-folder-item"> <a href="/testimonials" > <span class="header-nav-folder-item-content"> Testimonials </span> </a> </div> <div class="header-nav-folder-item"> <a href="/will-call" > <span class="header-nav-folder-item-content"> Local pickup / Will Call </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/contact-us" data-animation-role="header-element" > Contact Us </a> </div> </nav> </div> </div> </div> <!-- Actions --> <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 3px; }</style> <!-- Burger --><div class="header-burger menu-overlay-has-visible-non-navigation-items " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-tripleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button></div> </div> <div class="header-display-mobile" data-content-field="site-title"> <!-- Social --> <div class="header-actions header-actions--left"> <div class="header-actions-action header-actions-action--social"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 3px; }</style> <!-- Burger --><div class="header-burger menu-overlay-has-visible-non-navigation-items " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-tripleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button></div> <!-- Actions --> <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <!-- Title and nav wrapper --> <div class="header-title-nav-wrapper"> <!-- Title --> <div class=" header-title header-title--use-mobile-logo " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w"><img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w" alt="New Interior Door &amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture> </a> </div> <div class="header-mobile-logo"> <a href="/" data-animation-role="header-element"> <picture><source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w"><source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/c3562928-f015-4ef7-9a9e-27ad39c4f598/idcoc-primary-logo-03.jpg?format=1500w"><img elementtiming="nbf-header-logo-mobile" src="//images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/9c500b3b-9e83-4f7a-b615-84e624982743/idcoc-primary-logo-03.png?format=1500w" alt="New Interior Door &amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"></picture> </a> </div> </div> <!-- Nav --> <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/interior-doors-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="interior-doors" > <span class="header-nav-folder-title-text"> Interior Doors </span> </a> <div class="header-nav-folder-content" id="interior-doors"> <div class="header-nav-folder-item"> <a href="/interior-doors/signature-collection" > <span class="header-nav-folder-item-content"> Signature Collection </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/premium-doors" > <span class="header-nav-folder-item-content"> Premium Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/glass-doors" > <span class="header-nav-folder-item-content"> Glass Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/stain-grade-doors" > <span class="header-nav-folder-item-content"> Stain Grade Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/interior-doors/contemporary-doors" > <span class="header-nav-folder-item-content"> Contemporary Doors </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/closet-doors-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="closet-doors" > <span class="header-nav-folder-title-text"> Closet Doors </span> </a> <div class="header-nav-folder-content" id="closet-doors"> <div class="header-nav-folder-item"> <a href="/closet-doors/mirrored-closet-doors" > <span class="header-nav-folder-item-content"> Mirrored Closet Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/closet-doors/panel-louver-and-flush-doors" > <span class="header-nav-folder-item-content"> Paneled & Louver Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/closet-doors/glass-closet-doors" > <span class="header-nav-folder-item-content"> Glass Closet Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/closet-doors/sliding-true-shoji" > <span class="header-nav-folder-item-content"> True Shoji </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/room-dividers" data-animation-role="header-element" > Room Dividers </a> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/barn-doors-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="barn-doors" > <span class="header-nav-folder-title-text"> Barn Doors </span> </a> <div class="header-nav-folder-content" id="barn-doors"> <div class="header-nav-folder-item"> <a href="/barn-doors/paneled-wood-doors" > <span class="header-nav-folder-item-content"> Paneled Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/barn-doors/glass-mirrored-doors" > <span class="header-nav-folder-item-content"> Glass & Mirrored Doors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/barn-doors/tracks" > <span class="header-nav-folder-item-content"> Tracks </span> </a> </div> <div class="header-nav-folder-item"> <a href="/barn-doors/pulls" > <span class="header-nav-folder-item-content"> Pulls </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/organizers-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="organizers" > <span class="header-nav-folder-title-text"> Organizers </span> </a> <div class="header-nav-folder-content" id="organizers"> <div class="header-nav-folder-item"> <a href="/organizers/reach-in-closet-organizers" > <span class="header-nav-folder-item-content"> Reach-in Closet Organizers </span> </a> </div> <div class="header-nav-folder-item"> <a href="/organizers/walk-in-closet-organizers" > <span class="header-nav-folder-item-content"> Walk-in Closet Organizers </span> </a> </div> <div class="header-nav-folder-item"> <a href="/organizers/closet-accessories" > <span class="header-nav-folder-item-content"> Closet Accessories </span> </a> </div> <div class="header-nav-folder-item"> <a href="/organizers/garage-accessories" > <span class="header-nav-folder-item-content"> Garage Organizers </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/door-installation-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="door-installation" > <span class="header-nav-folder-title-text"> Door Installation </span> </a> <div class="header-nav-folder-content" id="door-installation"> <div class="header-nav-folder-item"> <a href="/door-installation/contractors" > <span class="header-nav-folder-item-content"> Contractors </span> </a> </div> <div class="header-nav-folder-item"> <a href="/door-installation/real-estate-agents" > <span class="header-nav-folder-item-content"> Real Estate Agents </span> </a> </div> <div class="header-nav-folder-item"> <a href="/door-installation/interior-designers" > <span class="header-nav-folder-item-content"> Interior Designers </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--folder"> <a class="header-nav-folder-title" href="/about-folder" data-animation-role="header-element" aria-expanded="false" aria-label="folder dropdown" aria-controls="about-us" > <span class="header-nav-folder-title-text"> About Us </span> </a> <div class="header-nav-folder-content" id="about-us"> <div class="header-nav-folder-item"> <a href="/faq" > <span class="header-nav-folder-item-content"> FAQ </span> </a> </div> <div class="header-nav-folder-item"> <a href="/testimonials" > <span class="header-nav-folder-item-content"> Testimonials </span> </a> </div> <div class="header-nav-folder-item"> <a href="/will-call" > <span class="header-nav-folder-item-content"> Local pickup / Will Call </span> </a> </div> </div> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/contact-us" data-animation-role="header-element" > Contact Us </a> </div> </nav> </div> </div> </div> </div> </div> </div> <!-- (Mobile) Menu Navigation --> <div class="header-menu header-menu--folder-list white " data-section-theme="white" data-current-styles="{ "layout": "brandingCenterNavCenter", "action": { "href": "/donate", "buttonText": "Donate", "newWindow": false }, "showSocial": true, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayTheme": "white", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "stroke-1", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.1 }, "strokeWidth": { "unit": "px", "value": 4.0 }, "endcapType": "round", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.15 }, "strokeWidth": { "unit": "px", "value": 0.5 }, "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoRightNavLeft", "menuIconOptions": { "style": "tripleLineHamburger", "thickness": { "unit": "px", "value": 3.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "lightAccent", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 91.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": true, "position": "allSides", "thickness": { "unit": "px", "value": 1.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="overlay-nav" data-show-account-login="false" data-test="header-menu"> <div class="header-menu-bg theme-bg--primary"></div> <div class="header-menu-nav"> <nav class="header-menu-nav-list"> <div data-folder="root" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <!-- Menu Navigation --><div class="header-menu-nav-wrapper"> <div class="container header-menu-nav-item"> <a data-folder-id="/interior-doors-folder" href="/interior-doors-folder" > <div class="header-menu-nav-item-content header-menu-nav-item-content-folder"> <span class="visually-hidden">Folder:</span> <span class="header-nav-folder-title-text">Interior Doors</span> </div> </a> </div> <div data-folder="/interior-doors-folder" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/interior-doors/signature-collection" > <div class="header-menu-nav-item-content"> Signature Collection </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/interior-doors/premium-doors" > <div class="header-menu-nav-item-content"> Premium Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/interior-doors/glass-doors" > <div class="header-menu-nav-item-content"> Glass Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/interior-doors/stain-grade-doors" > <div class="header-menu-nav-item-content"> Stain Grade Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/interior-doors/contemporary-doors" > <div class="header-menu-nav-item-content"> Contemporary Doors </div> </a> </div> </div> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/closet-doors-folder" href="/closet-doors-folder" > <div class="header-menu-nav-item-content header-menu-nav-item-content-folder"> <span class="visually-hidden">Folder:</span> <span class="header-nav-folder-title-text">Closet Doors</span> </div> </a> </div> <div data-folder="/closet-doors-folder" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/closet-doors/mirrored-closet-doors" > <div class="header-menu-nav-item-content"> Mirrored Closet Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/closet-doors/panel-louver-and-flush-doors" > <div class="header-menu-nav-item-content"> Paneled & Louver Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/closet-doors/glass-closet-doors" > <div class="header-menu-nav-item-content"> Glass Closet Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/closet-doors/sliding-true-shoji" > <div class="header-menu-nav-item-content"> True Shoji </div> </a> </div> </div> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/room-dividers" > <div class="header-menu-nav-item-content"> Room Dividers </div> </a> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/barn-doors-folder" href="/barn-doors-folder" > <div class="header-menu-nav-item-content header-menu-nav-item-content-folder"> <span class="visually-hidden">Folder:</span> <span class="header-nav-folder-title-text">Barn Doors</span> </div> </a> </div> <div data-folder="/barn-doors-folder" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/barn-doors/paneled-wood-doors" > <div class="header-menu-nav-item-content"> Paneled Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/barn-doors/glass-mirrored-doors" > <div class="header-menu-nav-item-content"> Glass & Mirrored Doors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/barn-doors/tracks" > <div class="header-menu-nav-item-content"> Tracks </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/barn-doors/pulls" > <div class="header-menu-nav-item-content"> Pulls </div> </a> </div> </div> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/organizers-folder" href="/organizers-folder" > <div class="header-menu-nav-item-content header-menu-nav-item-content-folder"> <span class="visually-hidden">Folder:</span> <span class="header-nav-folder-title-text">Organizers</span> </div> </a> </div> <div data-folder="/organizers-folder" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/organizers/reach-in-closet-organizers" > <div class="header-menu-nav-item-content"> Reach-in Closet Organizers </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/organizers/walk-in-closet-organizers" > <div class="header-menu-nav-item-content"> Walk-in Closet Organizers </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/organizers/closet-accessories" > <div class="header-menu-nav-item-content"> Closet Accessories </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/organizers/garage-accessories" > <div class="header-menu-nav-item-content"> Garage Organizers </div> </a> </div> </div> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/door-installation-folder" href="/door-installation-folder" > <div class="header-menu-nav-item-content header-menu-nav-item-content-folder"> <span class="visually-hidden">Folder:</span> <span class="header-nav-folder-title-text">Door Installation</span> </div> </a> </div> <div data-folder="/door-installation-folder" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/door-installation/contractors" > <div class="header-menu-nav-item-content"> Contractors </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/door-installation/real-estate-agents" > <div class="header-menu-nav-item-content"> Real Estate Agents </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/door-installation/interior-designers" > <div class="header-menu-nav-item-content"> Interior Designers </div> </a> </div> </div> </div> <div class="container header-menu-nav-item"> <a data-folder-id="/about-folder" href="/about-folder" > <div class="header-menu-nav-item-content header-menu-nav-item-content-folder"> <span class="visually-hidden">Folder:</span> <span class="header-nav-folder-title-text">About Us</span> </div> </a> </div> <div data-folder="/about-folder" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <div class="header-menu-controls container header-menu-nav-item"> <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/"> <span>Back</span> </a> </div> <div class="container header-menu-nav-item"> <a href="/faq" > <div class="header-menu-nav-item-content"> FAQ </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/testimonials" > <div class="header-menu-nav-item-content"> Testimonials </div> </a> </div> <div class="container header-menu-nav-item"> <a href="/will-call" > <div class="header-menu-nav-item-content"> Local pickup / Will Call </div> </a> </div> </div> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/contact-us" > <div class="header-menu-nav-item-content"> Contact Us </div> </a> </div> </div> </div> <div class="header-menu-actions social-accounts"> </div> </div> </nav> </div> </div> </header> <main id="page" class="container" role="main"> <article class="sections" id="sections" data-page-sections="680891619ad6d047ac5c9388"> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="680891619ad6d047ac5c938c" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c938b { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(42,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c938b { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c938b { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(33,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-ee8a6211b777e349435e { grid-area: 2/2/6/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-ee8a6211b777e349435e .sqs-block { justify-content: flex-start; } .fe-block-ee8a6211b777e349435e .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-ee8a6211b777e349435e { grid-area: 1/2/4/26; z-index: 1; } .fe-block-ee8a6211b777e349435e .sqs-block { justify-content: flex-start; } .fe-block-ee8a6211b777e349435e .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-798b7ba5eb0d95d8d718 { grid-area: 8/3/12/9; z-index: 2; @media (max-width: 767px) { } } .fe-block-798b7ba5eb0d95d8d718 .sqs-block { justify-content: flex-start; } .fe-block-798b7ba5eb0d95d8d718 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-798b7ba5eb0d95d8d718 { grid-area: 5/10/9/18; z-index: 2; } .fe-block-798b7ba5eb0d95d8d718 .sqs-block { justify-content: flex-start; } .fe-block-798b7ba5eb0d95d8d718 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-0da475ce5452a3b885b7 { grid-area: 13/2/42/10; z-index: 3; @media (max-width: 767px) { } } .fe-block-0da475ce5452a3b885b7 .sqs-block { justify-content: flex-start; } .fe-block-0da475ce5452a3b885b7 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-0da475ce5452a3b885b7 { grid-area: 10/3/34/25; z-index: 3; } .fe-block-0da475ce5452a3b885b7 .sqs-block { justify-content: flex-start; } .fe-block-0da475ce5452a3b885b7 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c938b"><div class="fe-block fe-block-ee8a6211b777e349435e"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-ee8a6211b777e349435e"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h1 style="text-align:center;white-space:pre-wrap;">Interior Door & Closet Company</h1></div> </div></div></div><div class="fe-block fe-block-798b7ba5eb0d95d8d718"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-798b7ba5eb0d95d8d718"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large">Transform your home with Interior Doors, Sliding Closet Doors, Hinged Closet Doors, Barn Doors, Room Dividers, Shoji Doors and Closet & Garage Organizers.</p></div> </div></div></div><div class="fe-block fe-block-0da475ce5452a3b885b7"><div class="sqs-block gallery-block sqs-block-gallery" data-blend-mode="NORMAL" data-block-json="{"methodOption":"transient","aspect-ratio":"square","aspectRatio":null,"auto-crop":true,"blockAnimation":"none","collectionId":"680891619ad6d047ac5c933a","design":"grid","lightbox":false,"padding":20,"show-meta":true,"show-meta-basic":true,"show-meta-only-title":false,"show-meta-only-description":false,"square-thumbs":true,"thumbnails-per-row":4,"vSize":null,"transientGalleryId":"680891619ad6d047ac5c933a","existingGallery":null,"newWindow":false}" data-block-type="8" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-0da475ce5452a3b885b7"><div class="sqs-block-content"> <div class=" sqs-gallery-container sqs-gallery-block-grid sqs-gallery-aspect-ratio-square sqs-gallery-thumbnails-per-row-4 sqs-gallery-block-show-meta block-animation-none clear" > <div class="sqs-gallery"> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689720319-ZLJ83ZSWXDT7AFCB8WJB/1%2BPanel%2BShaker%2BInterior%2BDoors.jpg" alt="1+Panel+Shaker+Interior+Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689720319-ZLJ83ZSWXDT7AFCB8WJB/1%2BPanel%2BShaker%2BInterior%2BDoors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689720319-ZLJ83ZSWXDT7AFCB8WJB/1%2BPanel%2BShaker%2BInterior%2BDoors.jpg" data-image-dimensions="1667x1667" data-image-focal-point="0.5,0.5" alt="1+Panel+Shaker+Interior+Doors.jpg" data-load="false" data-image-id="6877ebf90aef4a631ace1110" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689761442-B4DSQ3AFQDQUVY5PY2YM/Cloud%2BAllegra%2BCloset.png" alt="Cloud+Allegra+Closet.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689761442-B4DSQ3AFQDQUVY5PY2YM/Cloud%2BAllegra%2BCloset.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689761442-B4DSQ3AFQDQUVY5PY2YM/Cloud%2BAllegra%2BCloset.png" data-image-dimensions="2499x1406" data-image-focal-point="0.5,0.5" alt="Cloud+Allegra+Closet.png" data-load="false" data-image-id="680891619ad6d047ac5c9347" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969368-FUGQIZJR3CR6D5TPBZWE/interior-door+%281%29.jpg" alt="interior door" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969368-FUGQIZJR3CR6D5TPBZWE/interior-door+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969368-FUGQIZJR3CR6D5TPBZWE/interior-door+%281%29.jpg" data-image-dimensions="800x575" data-image-focal-point="0.18027210884353742,0.45125766970076653" alt="interior door" data-load="false" data-image-id="680891619ad6d047ac5c9349" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689816567-9F49SRHZSG1DORJLZW47/1Z2A5181.jpg" alt="1Z2A5181.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689816567-9F49SRHZSG1DORJLZW47/1Z2A5181.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752689816567-9F49SRHZSG1DORJLZW47/1Z2A5181.jpg" data-image-dimensions="3053x4579" data-image-focal-point="0.5053150410554847,0.46253770062712585" alt="1Z2A5181.jpg" data-load="false" data-image-id="6877ec93293c7736cd33a5b7" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969328-QOHIQRZVIEI815YLRP4U/4+Door%2C+Quad+track%2C+3-lite.jpg" alt="4 Door, Quad track, 3-lite.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969328-QOHIQRZVIEI815YLRP4U/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969328-QOHIQRZVIEI815YLRP4U/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image-dimensions="4032x2268" data-image-focal-point="0.5,0.5" alt="4 Door, Quad track, 3-lite.jpg" data-load="false" data-image-id="680891619ad6d047ac5c933d" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969321-ND2RWOAML57VKTCCSC0B/Jeld-Wen+Birkdale.png" alt="Jeld-Wen Birkdale.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969321-ND2RWOAML57VKTCCSC0B/Jeld-Wen+Birkdale.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969321-ND2RWOAML57VKTCCSC0B/Jeld-Wen+Birkdale.png" data-image-dimensions="4500x3435" data-image-focal-point="0.5,0.5" alt="Jeld-Wen Birkdale.png" data-load="false" data-image-id="680891619ad6d047ac5c933b" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969335-WOULRVF7BWM7XSE8PS6X/1-Lite+Mirror+Double+Doors.jpg" alt="1-Lite Mirror Double Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969335-WOULRVF7BWM7XSE8PS6X/1-Lite+Mirror+Double+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969335-WOULRVF7BWM7XSE8PS6X/1-Lite+Mirror+Double+Doors.jpg" data-image-dimensions="821x691" data-image-focal-point="0.5,0.5" alt="1-Lite Mirror Double Doors.jpg" data-load="false" data-image-id="680891619ad6d047ac5c933f" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704452204-POL09LCXTD9XM1841MAV/2%2BPanel%2BShaker.jpg" alt="2+Panel+Shaker.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704452204-POL09LCXTD9XM1841MAV/2%2BPanel%2BShaker.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704452204-POL09LCXTD9XM1841MAV/2%2BPanel%2BShaker.jpg" data-image-dimensions="1891x1345" data-image-focal-point="0.4149427349064626,0.708960843373494" alt="2+Panel+Shaker.jpg" data-load="false" data-image-id="687824741d6fb2775405937c" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752703946242-LTV7N8T3544JVHWGTR5B/Tahoe+Flat+Panel.jpg" alt="Tahoe Flat Panel.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752703946242-LTV7N8T3544JVHWGTR5B/Tahoe+Flat+Panel.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752703946242-LTV7N8T3544JVHWGTR5B/Tahoe+Flat+Panel.jpg" data-image-dimensions="3029x4240" data-image-focal-point="0.5428896949404762,0.3536468298256803" alt="Tahoe Flat Panel.jpg" data-load="false" data-image-id="687823c77404d25443d4ed3f" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969349-7877S8DX622BCJNU3H9A/5-Lite+White+Glass+Closet+Doors.jpg" alt="5-Lite White Glass Closet Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969349-7877S8DX622BCJNU3H9A/5-Lite+White+Glass+Closet+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969349-7877S8DX622BCJNU3H9A/5-Lite+White+Glass+Closet+Doors.jpg" data-image-dimensions="3024x4032" data-image-focal-point="0.49196999289772725,0.22789115646258504" alt="5-Lite White Glass Closet Doors.jpg" data-load="false" data-image-id="680891619ad6d047ac5c9343" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704289712-K1ZW2PSXHT65M36BFHKE/5-Lite%2BPrivacy%2B-%2B2%2B-%2BCopy.jpg" alt="5-Lite+Privacy+-+2+-+Copy.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704289712-K1ZW2PSXHT65M36BFHKE/5-Lite%2BPrivacy%2B-%2B2%2B-%2BCopy.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1752704289712-K1ZW2PSXHT65M36BFHKE/5-Lite%2BPrivacy%2B-%2B2%2B-%2BCopy.jpg" data-image-dimensions="2500x2000" data-image-focal-point="0.9874367453835228,0.06795621080463435" alt="5-Lite+Privacy+-+2+-+Copy.jpg" data-load="false" data-image-id="680891619ad6d047ac5c9345" data-type="image" /> </a> </div> </div> <div class="slide" data-type="image" data-animation-role="image"> <div class="margin-wrapper"> <a role="presentation" class=" image-slide-anchor content-fill " > <noscript><img src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969384-VV30IDXJNX0FSM74BTAT/organizers.png" alt="closet organizers" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969384-VV30IDXJNX0FSM74BTAT/organizers.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969384-VV30IDXJNX0FSM74BTAT/organizers.png" data-image-dimensions="997x774" data-image-focal-point="0.5,0.5" alt="closet organizers" data-load="false" data-image-id="680891619ad6d047ac5c934d" data-type="image" /> </a> </div> </div> </div> </div> <style type="text/css" id="design-grid-css">#block-0da475ce5452a3b885b7 .sqs-gallery-block-grid .sqs-gallery-design-grid { margin-right: -20px; }#block-0da475ce5452a3b885b7 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper { margin-right: 20px; margin-bottom: 20px; }</style> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="680891619ad6d047ac5c938f" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image", "imageEffect": "none" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c938e { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 27.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(14,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 27.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c938e { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c938e { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 27.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-f68f6087fc15b114fa52 { grid-area: 2/2/4/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-f68f6087fc15b114fa52 .sqs-block { justify-content: flex-start; } .fe-block-f68f6087fc15b114fa52 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-f68f6087fc15b114fa52 { grid-area: 1/9/3/19; z-index: 2; } .fe-block-f68f6087fc15b114fa52 .sqs-block { justify-content: flex-start; } .fe-block-f68f6087fc15b114fa52 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-b3df95bd24475c893bbd { grid-area: 4/3/7/5; z-index: 3; @media (max-width: 767px) { } } .fe-block-b3df95bd24475c893bbd .sqs-block { justify-content: center; } .fe-block-b3df95bd24475c893bbd .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-b3df95bd24475c893bbd { grid-area: 4/5/7/7; z-index: 3; } .fe-block-b3df95bd24475c893bbd .sqs-block { justify-content: center; } .fe-block-b3df95bd24475c893bbd .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-bb29bb37b11c794ba866 { grid-area: 4/5/7/7; z-index: 4; @media (max-width: 767px) { } } .fe-block-bb29bb37b11c794ba866 .sqs-block { justify-content: center; } .fe-block-bb29bb37b11c794ba866 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-bb29bb37b11c794ba866 { grid-area: 4/7/7/9; z-index: 4; } .fe-block-bb29bb37b11c794ba866 .sqs-block { justify-content: center; } .fe-block-bb29bb37b11c794ba866 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-1bbc329151e003464bd4 { grid-area: 4/7/7/9; z-index: 5; @media (max-width: 767px) { } } .fe-block-1bbc329151e003464bd4 .sqs-block { justify-content: center; } .fe-block-1bbc329151e003464bd4 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-1bbc329151e003464bd4 { grid-area: 4/9/7/11; z-index: 5; } .fe-block-1bbc329151e003464bd4 .sqs-block { justify-content: center; } .fe-block-1bbc329151e003464bd4 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-0e6611ef129f2c4c72ab { grid-area: 7/7/10/9; z-index: 8; @media (max-width: 767px) { } } .fe-block-0e6611ef129f2c4c72ab .sqs-block { justify-content: center; } .fe-block-0e6611ef129f2c4c72ab .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-0e6611ef129f2c4c72ab { grid-area: 4/15/7/17; z-index: 8; } .fe-block-0e6611ef129f2c4c72ab .sqs-block { justify-content: center; } .fe-block-0e6611ef129f2c4c72ab .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-67e584186e5d1419a740 { grid-area: 7/3/10/5; z-index: 6; @media (max-width: 767px) { } } .fe-block-67e584186e5d1419a740 .sqs-block { justify-content: center; } .fe-block-67e584186e5d1419a740 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-67e584186e5d1419a740 { grid-area: 4/11/7/13; z-index: 6; } .fe-block-67e584186e5d1419a740 .sqs-block { justify-content: center; } .fe-block-67e584186e5d1419a740 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-c94498cca53926398f27 { grid-area: 7/5/10/7; z-index: 7; @media (max-width: 767px) { } } .fe-block-c94498cca53926398f27 .sqs-block { justify-content: center; } .fe-block-c94498cca53926398f27 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-c94498cca53926398f27 { grid-area: 4/13/7/15; z-index: 7; } .fe-block-c94498cca53926398f27 .sqs-block { justify-content: center; } .fe-block-c94498cca53926398f27 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-7d66c383036b7d59dd79 { grid-area: 10/7/13/9; z-index: 11; @media (max-width: 767px) { } } .fe-block-7d66c383036b7d59dd79 .sqs-block { justify-content: center; } .fe-block-7d66c383036b7d59dd79 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-7d66c383036b7d59dd79 { grid-area: 4/21/7/23; z-index: 11; } .fe-block-7d66c383036b7d59dd79 .sqs-block { justify-content: center; } .fe-block-7d66c383036b7d59dd79 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-0948d6ada77784ca3d16 { grid-area: 10/3/13/5; z-index: 9; @media (max-width: 767px) { } } .fe-block-0948d6ada77784ca3d16 .sqs-block { justify-content: center; } .fe-block-0948d6ada77784ca3d16 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-0948d6ada77784ca3d16 { grid-area: 4/17/7/19; z-index: 9; } .fe-block-0948d6ada77784ca3d16 .sqs-block { justify-content: center; } .fe-block-0948d6ada77784ca3d16 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-9618697d87627b7ea30b { grid-area: 10/5/13/7; z-index: 10; @media (max-width: 767px) { } } .fe-block-9618697d87627b7ea30b .sqs-block { justify-content: center; } .fe-block-9618697d87627b7ea30b .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-9618697d87627b7ea30b { grid-area: 4/19/7/21; z-index: 10; } .fe-block-9618697d87627b7ea30b .sqs-block { justify-content: center; } .fe-block-9618697d87627b7ea30b .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c938e"><div class="fe-block fe-block-f68f6087fc15b114fa52"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-f68f6087fc15b114fa52"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Trusted by</span></h2></div> </div></div></div><div class="fe-block fe-block-b3df95bd24475c893bbd"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-b3df95bd24475c893bbd"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png" data-image-dimensions="71x96" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png" width="71" height="96" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969404-MARGKKMEQWMVHL2KAML4/chambercommerce_logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-b3df95bd24475c893bbd .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-bb29bb37b11c794ba866"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-bb29bb37b11c794ba866"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png" data-image-dimensions="189x96" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png" width="189" height="96" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969408-KSRY9JLRSI37O3K9PTC8/extrememakeover_logo1.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-bb29bb37b11c794ba866 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-1bbc329151e003464bd4"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-1bbc329151e003464bd4"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png" data-image-dimensions="125x96" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png" width="125" height="96" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969412-1QHJBJNQOUETEC6L8TJX/goodhousekeep_logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-1bbc329151e003464bd4 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-0e6611ef129f2c4c72ab"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-0e6611ef129f2c4c72ab"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg" data-image-dimensions="146x147" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg" width="146" height="147" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969417-0C54JQIOKHFZXMFE0JKO/best-of-Houzz-2014.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-0e6611ef129f2c4c72ab .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-67e584186e5d1419a740"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-67e584186e5d1419a740"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png" data-image-dimensions="150x150" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png" width="150" height="150" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969421-HNOK1JZXJ303NEAQUUFV/Angies-List.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-67e584186e5d1419a740 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-c94498cca53926398f27"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-c94498cca53926398f27"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png" data-image-dimensions="125x125" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png" width="125" height="125" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969425-6DDV2O1UB3TM13490337/SSA_Logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-c94498cca53926398f27 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-7d66c383036b7d59dd79"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-7d66c383036b7d59dd79"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png" data-image-dimensions="122x169" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png" width="122" height="169" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969428-63NH5Z1VDGGT8M35H929/bbb_logo_square.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-7d66c383036b7d59dd79 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-0948d6ada77784ca3d16"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-0948d6ada77784ca3d16"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg" data-image-dimensions="107x107" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg" width="107" height="107" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969433-LAVBVJXW2GC6JFA670LI/houzz-best-of-2015.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-0948d6ada77784ca3d16 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-9618697d87627b7ea30b"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-9618697d87627b7ea30b"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png" data-image-dimensions="100x113" data-image-focal-point="0.5,0.5" alt="interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png" width="100" height="113" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 8.333333333333332vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969437-71LV0U2ZGXX8F8PTRFES/PayTraceSeal.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-9618697d87627b7ea30b .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="680891619ad6d047ac5c9392" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c9391 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(39,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c9391 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c9391 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(25,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-16552b66423f0c1ed4d0 { grid-area: 3/3/14/9; z-index: 0; @media (max-width: 767px) { } } .fe-block-16552b66423f0c1ed4d0 .sqs-block { justify-content: center; } .fe-block-16552b66423f0c1ed4d0 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-16552b66423f0c1ed4d0 { grid-area: 4/3/20/13; z-index: 0; } .fe-block-16552b66423f0c1ed4d0 .sqs-block { justify-content: center; } .fe-block-16552b66423f0c1ed4d0 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-c6065b1d2b89a305c348 { grid-area: 16/2/35/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-c6065b1d2b89a305c348 .sqs-block { justify-content: flex-start; } .fe-block-c6065b1d2b89a305c348 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-c6065b1d2b89a305c348 { grid-area: 3/15/23/25; z-index: 4; } .fe-block-c6065b1d2b89a305c348 .sqs-block { justify-content: flex-start; } .fe-block-c6065b1d2b89a305c348 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-41b775e3166fa926e3d5 { grid-area: 36/4/38/8; z-index: 5; @media (max-width: 767px) { } } .fe-block-41b775e3166fa926e3d5 .sqs-block { justify-content: center; } .fe-block-41b775e3166fa926e3d5 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-41b775e3166fa926e3d5 { grid-area: 24/15/26/20; z-index: 5; } .fe-block-41b775e3166fa926e3d5 .sqs-block { justify-content: center; } .fe-block-41b775e3166fa926e3d5 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c9391"><div class="fe-block fe-block-16552b66423f0c1ed4d0"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="82.39999497070343" data-block-type="5" data-sqsp-block="image" id="block-16552b66423f0c1ed4d0"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 70px;border-top-right-radius: 70px;border-bottom-left-radius: 70px;border-bottom-right-radius: 70px;position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fill"> <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg" data-image-dimensions="1136x844" data-image-focal-point="0.5,0.5" alt="white interior door" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg" width="1136" height="844" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969440-16Y2BWXZMPIU5S50UU5J/interior-door+%282%29+%281%29.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-16552b66423f0c1ed4d0 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: ; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-c6065b1d2b89a305c348"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-c6065b1d2b89a305c348"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Welcome to </span><a href="/" target=""><span class="sqsrte-text-color--lightAccent">Interior Door and Closet Company</span></a><span class="sqsrte-text-color--lightAccent"> (IDCC), located in </span><a href="/testimonials/huntington-beach-ca"><span class="sqsrte-text-color--lightAccent">Huntington Beach</span></a><span class="sqsrte-text-color--lightAccent">, California, we provide service to all cities in Orange County, California. We have developed the most convenient and affordable door and </span><a href="/closet-doors"><span class="sqsrte-text-color--lightAccent">closet doors</span></a><span class="sqsrte-text-color--lightAccent"> system to beautify, organize and add value to your most prized possession; your home.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">As our name simply states, we improve the appearance and function of four vital areas of your home: </span><a href="/interior-doors"><span class="sqsrte-text-color--lightAccent">interior doors</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="/closet-doors"><span class="sqsrte-text-color--lightAccent">closet door</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="/barn-doors"><span class="sqsrte-text-color--lightAccent">barn doors</span></a><span class="sqsrte-text-color--lightAccent"> and </span><a href="/organizers"><span class="sqsrte-text-color--lightAccent">closet & garage organizers</span></a><span class="sqsrte-text-color--lightAccent">. We are your closet door installer and offer hassle free sliding closet door installation service. We have the unique ability to provide you with both expert design guidance and professional, convenient sliding closet door installation.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Established in 2006, we are a family owned and operated company.</span></p></div> </div></div></div><div class="fe-block fe-block-41b775e3166fa926e3d5"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-41b775e3166fa926e3d5"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--center sqs-stretched" data-animation-role="button" data-alignment="center" data-button-size="medium" data-button-type="primary"> <a href="/about" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" data-sqsp-button > Learn more </a> <style> #block-41b775e3166fa926e3d5 { --sqs-block-content-flex: 1; } </style></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="680891619ad6d047ac5c9395" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c9394 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(8,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c9394 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c9394 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-54c6e95817a2f3b15296 { grid-area: 2/2/8/10; z-index: 9; @media (max-width: 767px) { } } .fe-block-54c6e95817a2f3b15296 .sqs-block { justify-content: flex-start; } .fe-block-54c6e95817a2f3b15296 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-54c6e95817a2f3b15296 { grid-area: 2/2/7/26; z-index: 2; } .fe-block-54c6e95817a2f3b15296 .sqs-block { justify-content: flex-start; } .fe-block-54c6e95817a2f3b15296 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c9394"><div class="fe-block fe-block-54c6e95817a2f3b15296"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-54c6e95817a2f3b15296"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Our Specialty</span></h2><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Specialization within our trade, our proprietary tools, processes and our volume of work allow us to offer you competitive prices. We offer a wide range of beautiful products to enhance your home. Our doors and organizers gallery contains many popular designs, however the possibilities are endless. If you do not see the doors or organizer layout you are looking for, please contact us.</span></p></div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="680891619ad6d047ac5c9398" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 2, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c9397 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(29,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c9397 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c9397 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-e7bb54eb013756b7fd73 { grid-area: 1/2/13/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-e7bb54eb013756b7fd73 .sqs-block { justify-content: center; } .fe-block-e7bb54eb013756b7fd73 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-e7bb54eb013756b7fd73 { grid-area: 1/2/19/13; z-index: 0; } .fe-block-e7bb54eb013756b7fd73 .sqs-block { justify-content: center; } .fe-block-e7bb54eb013756b7fd73 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-03897ae8beb108e88995 { grid-area: 14/2/16/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-03897ae8beb108e88995 .sqs-block { justify-content: flex-start; } .fe-block-03897ae8beb108e88995 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-03897ae8beb108e88995 { grid-area: 3/16/5/26; z-index: 2; } .fe-block-03897ae8beb108e88995 .sqs-block { justify-content: center; } .fe-block-03897ae8beb108e88995 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-58a9ab2958bad1237a79 { grid-area: 16/2/26/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-58a9ab2958bad1237a79 .sqs-block { justify-content: center; } .fe-block-58a9ab2958bad1237a79 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-58a9ab2958bad1237a79 { grid-area: 5/16/12/26; z-index: 1; } .fe-block-58a9ab2958bad1237a79 .sqs-block { justify-content: center; } .fe-block-58a9ab2958bad1237a79 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-276c54f715c16b5a8076 { grid-area: 27/4/29/8; z-index: 3; @media (max-width: 767px) { } } .fe-block-276c54f715c16b5a8076 .sqs-block { justify-content: center; } .fe-block-276c54f715c16b5a8076 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-276c54f715c16b5a8076 { grid-area: 13/16/15/20; z-index: 3; } .fe-block-276c54f715c16b5a8076 .sqs-block { justify-content: center; } .fe-block-276c54f715c16b5a8076 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c9397"><div class="fe-block fe-block-e7bb54eb013756b7fd73"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-e7bb54eb013756b7fd73"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-left combination-animation-none individual-animation-none " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fill"> <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg" data-image-dimensions="5472x3648" data-image-focal-point="0.6246983091941275,0.44809016097881293" alt="Interior view of a modern house with open white door leading to a balcony with metal railing, wooden floor, and a white wall." data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg" width="5472" height="3648" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 62.46983091941275% 44.80901609788129%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/e82ac515-14d0-48d5-b57e-e1b2999b699a/1+Panel+Shaker+Interior+Doors.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-e7bb54eb013756b7fd73 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-03897ae8beb108e88995"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-03897ae8beb108e88995"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors</a></h2></div> </div></div></div><div class="fe-block fe-block-58a9ab2958bad1237a79"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-58a9ab2958bad1237a79"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">With many styles to choose from, we're sure to have doors that suit your home’s style and preferences. We are well known for the ability to source doors for just about any size opening. Our collection of interior doors boasts unmatched craftsmanship, ensuring durability and a timeless appeal for every home Call our office to schedule your in-home consultation at </span><a href="tel:+17148955100"><span class="sqsrte-text-color--lightAccent">(714)</span></a><span class="sqsrte-text-color--lightAccent"> 895-5100.</span></p></div> </div></div></div><div class="fe-block fe-block-276c54f715c16b5a8076"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-276c54f715c16b5a8076"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--left sqs-stretched" data-animation-role="button" data-alignment="left" data-button-size="large" data-button-type="secondary"> <a href="/interior-doors" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element" data-sqsp-button > See More </a> <style> #block-276c54f715c16b5a8076 { --sqs-block-content-flex: 1; } </style></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="680891619ad6d047ac5c939b" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 2, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c939a { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(40,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c939a { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c939a { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-8b9d719a063aa1824f49 { grid-area: 2/2/14/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-8b9d719a063aa1824f49 .sqs-block { justify-content: center; } .fe-block-8b9d719a063aa1824f49 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-8b9d719a063aa1824f49 { grid-area: 3/15/22/26; z-index: 0; } .fe-block-8b9d719a063aa1824f49 .sqs-block { justify-content: center; } .fe-block-8b9d719a063aa1824f49 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-8e989293e3a4d5db5653 { grid-area: 15/2/17/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-8e989293e3a4d5db5653 .sqs-block { justify-content: flex-start; } .fe-block-8e989293e3a4d5db5653 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-8e989293e3a4d5db5653 { grid-area: 1/2/3/12; z-index: 2; } .fe-block-8e989293e3a4d5db5653 .sqs-block { justify-content: center; } .fe-block-8e989293e3a4d5db5653 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-cffca4947c7e998cb11c { grid-area: 17/2/37/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-cffca4947c7e998cb11c .sqs-block { justify-content: center; } .fe-block-cffca4947c7e998cb11c .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-cffca4947c7e998cb11c { grid-area: 4/2/21/12; z-index: 1; } .fe-block-cffca4947c7e998cb11c .sqs-block { justify-content: center; } .fe-block-cffca4947c7e998cb11c .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-60a95a966a1629be772c { grid-area: 38/4/40/8; z-index: 3; @media (max-width: 767px) { } } .fe-block-60a95a966a1629be772c .sqs-block { justify-content: center; } .fe-block-60a95a966a1629be772c .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-60a95a966a1629be772c { grid-area: 22/2/24/6; z-index: 3; } .fe-block-60a95a966a1629be772c .sqs-block { justify-content: center; } .fe-block-60a95a966a1629be772c .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c939a"><div class="fe-block fe-block-8b9d719a063aa1824f49"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-8b9d719a063aa1824f49"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-left combination-animation-none individual-animation-none " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fill"> <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg" data-image-dimensions="526x467" data-image-focal-point="0.5,0.5" alt="bedroom with closet doors with mirrors" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg" width="526" height="467" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969448-U0OYB1XQG6QPQ3NNNU5O/closet-door.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-8b9d719a063aa1824f49 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-8e989293e3a4d5db5653"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-8e989293e3a4d5db5653"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors</a></h2></div> </div></div></div><div class="fe-block fe-block-cffca4947c7e998cb11c"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-cffca4947c7e998cb11c"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="sqsrte-large" style="white-space:pre-wrap;"><a href="https://www.interiordoorandcloset.com/closet-doors/mirrored-closet-doors" target="_blank"><span class="sqsrte-text-color--lightAccent">Mirrored</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="https://www.interiordoorandcloset.com/closet-doors/glass-closet-doors" target="_blank"><span class="sqsrte-text-color--lightAccent">Glass</span></a><span class="sqsrte-text-color--lightAccent">, </span><a href="https://www.interiordoorandcloset.com/closet-doors/panel-louver-and-flush-doors" target="_blank"><span class="sqsrte-text-color--lightAccent">Panel and Louver Doors</span></a></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Doors are multi-functional which means they can be used as bypass sliding doors or hinged closet doors. We offer a wide variety of styles and sizes that allow you to get creative. We are happy to schedule your in-home consultation. Please call us at </span><a href="tel:+17148955100"><span class="sqsrte-text-color--lightAccent">(714) 8</span></a><span class="sqsrte-text-color--lightAccent">55-2923.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Our sliding closet door installation process is very efficient and we won't consider ourselves done, until you are completely satisfied with the end result. Plus, after the closet installation, we will remove all old closet doors from the site. Don't forget, almost any door you like on any page can be made into sliding closet doors. Our doors are available in a variety finishes depending on the style you choose. </span></p></div> </div></div></div><div class="fe-block fe-block-60a95a966a1629be772c"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-60a95a966a1629be772c"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--left sqs-stretched" data-animation-role="button" data-alignment="left" data-button-size="large" data-button-type="secondary"> <a href="/closet-doors" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element" data-sqsp-button > See More </a> <style> #block-60a95a966a1629be772c { --sqs-block-content-flex: 1; } </style></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="680891619ad6d047ac5c939e" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 2, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c939d { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(29,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c939d { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c939d { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-55dd94e001660c8584d6 { grid-area: 1/2/13/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-55dd94e001660c8584d6 .sqs-block { justify-content: center; } .fe-block-55dd94e001660c8584d6 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-55dd94e001660c8584d6 { grid-area: 1/2/17/13; z-index: 0; } .fe-block-55dd94e001660c8584d6 .sqs-block { justify-content: center; } .fe-block-55dd94e001660c8584d6 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-bc63666b362bccf6946c { grid-area: 14/2/16/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-bc63666b362bccf6946c .sqs-block { justify-content: flex-start; } .fe-block-bc63666b362bccf6946c .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-bc63666b362bccf6946c { grid-area: 3/16/5/26; z-index: 2; } .fe-block-bc63666b362bccf6946c .sqs-block { justify-content: center; } .fe-block-bc63666b362bccf6946c .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-083d69a368c9d6c232a5 { grid-area: 16/2/26/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-083d69a368c9d6c232a5 .sqs-block { justify-content: center; } .fe-block-083d69a368c9d6c232a5 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-083d69a368c9d6c232a5 { grid-area: 5/16/12/26; z-index: 1; } .fe-block-083d69a368c9d6c232a5 .sqs-block { justify-content: center; } .fe-block-083d69a368c9d6c232a5 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-0f54b2398c4be001d862 { grid-area: 27/4/29/8; z-index: 3; @media (max-width: 767px) { } } .fe-block-0f54b2398c4be001d862 .sqs-block { justify-content: center; } .fe-block-0f54b2398c4be001d862 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-0f54b2398c4be001d862 { grid-area: 13/16/15/20; z-index: 3; } .fe-block-0f54b2398c4be001d862 .sqs-block { justify-content: center; } .fe-block-0f54b2398c4be001d862 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c939d"><div class="fe-block fe-block-55dd94e001660c8584d6"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-55dd94e001660c8584d6"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-left combination-animation-none individual-animation-none " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fill"> <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" data-image-dimensions="2500x1932" data-image-focal-point="0.5464925012094823,0.6880860107513439" alt="walk in closet with matching white colored wood closet organizers" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg" width="2500" height="1932" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 54.64925012094823% 68.80860107513439%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/1745391969452-2VZM2DR2ZI465085JJ8S/White%2BShaker%2BWalk-In%2Bwith%2BIsland-Coco%2BCounter%2B3-21-14.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-55dd94e001660c8584d6 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-bc63666b362bccf6946c"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-bc63666b362bccf6946c"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="white-space:pre-wrap;"><a href="/organizers">Closet Organizers</a></h2></div> </div></div></div><div class="fe-block fe-block-083d69a368c9d6c232a5"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-083d69a368c9d6c232a5"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Check out our </span><a href="https://www.interiordoorandcloset.com/organizers/reach-in-closet-organizers"><span class="sqsrte-text-color--lightAccent">reach-in closet</span></a><span class="sqsrte-text-color--lightAccent"> options for your closet organizers. Whether you are looking to better organize your shoes, work attire, everyday clothes, or a combination of everything, we can help design your reach-in closet to fit your all of your needs. For both </span><a href="https://www.interiordoorandcloset.com/organizers/walk-in-closet-organizers" target="_blank"><span class="sqsrte-text-color--lightAccent">walk-in closets</span></a><span class="sqsrte-text-color--lightAccent"> and reach-in closets, we can get extremely creative which is a lot of fun for both us and you.</span></p></div> </div></div></div><div class="fe-block fe-block-0f54b2398c4be001d862"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-0f54b2398c4be001d862"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--left sqs-stretched" data-animation-role="button" data-alignment="left" data-button-size="large" data-button-type="secondary"> <a href="/organizers" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element" data-sqsp-button > See More </a> <style> #block-0f54b2398c4be001d862 { --sqs-block-content-flex: 1; } </style></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="680891619ad6d047ac5c93a1" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 2, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c93a0 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(28,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c93a0 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c93a0 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-b9e52bd33b14e86a34de { grid-area: 1/2/13/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-b9e52bd33b14e86a34de .sqs-block { justify-content: center; } .fe-block-b9e52bd33b14e86a34de .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-b9e52bd33b14e86a34de { grid-area: 1/15/19/26; z-index: 0; } .fe-block-b9e52bd33b14e86a34de .sqs-block { justify-content: center; } .fe-block-b9e52bd33b14e86a34de .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-90989140948f53dcb7cd { grid-area: 14/2/16/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-90989140948f53dcb7cd .sqs-block { justify-content: flex-start; } .fe-block-90989140948f53dcb7cd .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-90989140948f53dcb7cd { grid-area: 3/2/5/12; z-index: 2; } .fe-block-90989140948f53dcb7cd .sqs-block { justify-content: center; } .fe-block-90989140948f53dcb7cd .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-4cf454807c92d7a24753 { grid-area: 16/2/25/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-4cf454807c92d7a24753 .sqs-block { justify-content: center; } .fe-block-4cf454807c92d7a24753 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-4cf454807c92d7a24753 { grid-area: 5/2/13/12; z-index: 1; } .fe-block-4cf454807c92d7a24753 .sqs-block { justify-content: center; } .fe-block-4cf454807c92d7a24753 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-56746044bbcbacb1cd3f { grid-area: 26/4/28/8; z-index: 3; @media (max-width: 767px) { } } .fe-block-56746044bbcbacb1cd3f .sqs-block { justify-content: center; } .fe-block-56746044bbcbacb1cd3f .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-56746044bbcbacb1cd3f { grid-area: 14/2/16/6; z-index: 3; } .fe-block-56746044bbcbacb1cd3f .sqs-block { justify-content: center; } .fe-block-56746044bbcbacb1cd3f .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c93a0"><div class="fe-block fe-block-b9e52bd33b14e86a34de"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-b9e52bd33b14e86a34de"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-left combination-animation-none individual-animation-none " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg" data-image-dimensions="2221x3333" data-image-focal-point="0.5,0.5" alt="A bedroom with a sliding barn door revealing a bathroom with a walk-in shower." data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg" width="2221" height="3333" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 45.83333333333333vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/4005479f-c221-401d-bd12-282391f4e205/3+Panel+Shaker+-+1.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-b9e52bd33b14e86a34de .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-90989140948f53dcb7cd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-90989140948f53dcb7cd"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></h2></div> </div></div></div><div class="fe-block fe-block-4cf454807c92d7a24753"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-4cf454807c92d7a24753"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><em>The popularity of a </em></span><a href="https://www.interiordoorandcloset.com/barn-doors/pulls"><span class="sqsrte-text-color--lightAccent"><em>barn door system</em></span></a><span class="sqsrte-text-color--lightAccent"><em> for the inside of the home has been growing for years, and we can understand why. It is unique and can be used in many different ways. The use of barn doors is dependent on the situation. It may be used to separate the master bedroom from the master bath, enclose an open living area etc.</em></span></p></div> </div></div></div><div class="fe-block fe-block-56746044bbcbacb1cd3f"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/b15dd899-db8c-4cca-9083-9b7f499ada9e_117/website.components.button.visitor.js"]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-56746044bbcbacb1cd3f"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--left sqs-stretched" data-animation-role="button" data-alignment="left" data-button-size="large" data-button-type="secondary"> <a href="/barn-doors" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element" data-sqsp-button > See More </a> <style> #block-56746044bbcbacb1cd3f { --sqs-block-content-flex: 1; } </style></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="680891619ad6d047ac5c93a4" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891619ad6d047ac5c93a3 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(14,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891619ad6d047ac5c93a3 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891619ad6d047ac5c93a3 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-0d6fc3c00d836f252437 { grid-area: 2/2/15/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-0d6fc3c00d836f252437 .sqs-block { justify-content: flex-start; } .fe-block-0d6fc3c00d836f252437 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-0d6fc3c00d836f252437 { grid-area: 3/2/14/26; z-index: 1; } .fe-block-0d6fc3c00d836f252437 .sqs-block { justify-content: flex-start; } .fe-block-0d6fc3c00d836f252437 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-680891619ad6d047ac5c93a3"><div class="fe-block fe-block-0d6fc3c00d836f252437"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-0d6fc3c00d836f252437"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <h2 style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Interior Door and Closet Design Experts</span></h2><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">As your closet door installer, our design knowledge begins by analyzing your personal preferences for furnishings and décor as well as the architectural style of your house. Next, we determine your family's demands and functional needs. We can help you choose the right style, finish, and accessories for your new internal </span><a href="/interior-doors/glass-doors"><span class="sqsrte-text-color--lightAccent">glass interior doors</span></a><span class="sqsrte-text-color--lightAccent">, closet doors, </span><a href="/barn-doors/glass-mirrored-doors"><span class="sqsrte-text-color--lightAccent">barn doors</span></a><span class="sqsrte-text-color--lightAccent">, and organizers by evaluating these two essential factors. We take great satisfaction in having one of the most convenient and quick processes in the business, as well as courteous and skilled craftsmen for optimal sliding closet door installation.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Everything is done in-house, including the labor-intensive cutting, sanding, priming, and painting your new doors. The inconvenience to your family is minimal, and there is no mess left behind in your home, unlike other door replacement services. The same week after measuring and removing your old doors, we come back to install your lovely new completed doors. Our standard door or </span><a href="/organizers"><span class="sqsrte-text-color--lightAccent">closet organizer</span></a><span class="sqsrte-text-color--lightAccent"> installation in your home takes one day because the work is completed at our facilities.</span></p></div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section user-items-list-section full-bleed-section dark' data-section-id="680891619ad6d047ac5c93a5" data-controller="SectionWrapperController" data-current-styles="{ "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "sectionTheme": "dark", "imageEffect": "none", "backgroundMode": "generative", "backgroundImage": null }" data-current-context="{ "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="" data-json-schema-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="user-items-list" style=" min-height: 100px; padding-top: 3.3vmax; padding-bottom: 3.3vmax; " data-card-theme="" data-section-id="user-items-list" data-section-title-enabled="true" data-space-below-section-title-value="40" data-space-below-section-title-unit="px" data-layout-width="inset"> <div class="list-section-title" id="680891619ad6d047ac5c93a5" style= "padding-bottom: 40px;" data-section-title-alignment="center" > <p class="" style="white-space:pre-wrap;">Testimonials</p> </div> <style> .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] .list-item-content__title { font-size: 1.2rem; } .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] .list-item-content__description { font-size: 0.9rem; } .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] .list-item-content__button { font-size: 0.8rem; } @supports (--test-custom-property: true) { .user-items-list-item-container[data-section-id="680891619ad6d047ac5c93a5"] { --title-font-size-value: 1.2; --body-font-size-value: 0.9; --button-font-size-value: 0.8; } }</style> <div class=" user-items-list-item-container user-items-list-carousel " data-controller="UserItemsListCarousel" data-max-columns="2" data-show-adjacent-slides="false" data-space-between-slides-value="20" data-space-between-slides-unit="px" data-media-aspect-ratio="circle" data-is-infinite-enabled="true" data-navigation-controls="arrows" data-navigation-placement="bottom" data-navigation-alignment="center" data-alignment-vertical="top" data-section-id="680891619ad6d047ac5c93a5" data-current-context="{ "userItems": [ { "title": "\"We have a large house for our large family and they were able to accommodate each of our needs. We will admit, we had a very clear cut idea of everything we wanted from the doors to our new walk-in closet. Their experience really came to light while working with them.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">~ Scott &amp; Kelly S.<\/p>", "button": { "buttonText": "Make It", "buttonLink": "#" }, "imageId": "680891619ad6d047ac5c937e", "imageAltText": "A woman with curly black hair, wearing glasses and hoop earrings, smiling in an indoor setting.", "image": { "id": "680891619ad6d047ac5c937e", "recordType": 2, "addedOn": 1656693471823, "updatedOn": 1656694079038, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1656693471823, "authorId": "5551572de4b059dd136ebf44", "systemDataId": "1615225337376-36JM1AX4C0NIC32WNXXU", "systemDataVariants": "1525x1144,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "Rectangle 26.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "969994", "topRightAverage": "584435", "bottomLeftAverage": "7e756e", "bottomRightAverage": "75736e", "centerAverage": "af8572", "suggestedBgColor": "989e9a" }, "urlId": "vrfn569cj6y6y8c243elk4vp2k0dmi-j64e7-gr6zm", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "5551572de4b059dd136ebf44", "displayName": "Val Galin", "firstName": "Val", "lastName": "Galin" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1525x1144", "recordTypeLabel": "image" } }, { "title": "\"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">~ David J.<\/p>", "button": { "buttonText": "Make It" }, "imageId": "680891619ad6d047ac5c9381", "imageAltText": "A man with curly dark hair, glasses, facial hair, and a nose ring, wearing a black sweater, looking slightly to the side in a well-lit room with a plant in the background.", "image": { "id": "680891619ad6d047ac5c9381", "recordType": 2, "addedOn": 1656693504842, "updatedOn": 1656694079047, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1656693504842, "authorId": "5551572de4b059dd136ebf44", "systemDataId": "1615225123989-3AGGEWNOKB8XK6YRH6A9", "systemDataVariants": "1525x1144,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "Rectangle 25.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "c5c7c6", "topRightAverage": "d2d6d9", "bottomLeftAverage": "9ea4a6", "bottomRightAverage": "9fa9af", "centerAverage": "bf907e", "suggestedBgColor": "c5c7c6" }, "urlId": "jugvkzkjivzvtpqal7ancp1db8ky1v-d8xyl-8r4hx", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "5551572de4b059dd136ebf44", "displayName": "Val Galin", "firstName": "Val", "lastName": "Galin" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1525x1144", "recordTypeLabel": "image" } }, { "title": "\"Dear Stephen, We want to say thank you for our new interior doors. They are just beautiful! Your crew did a great job of hanging them and were so nice cand very professional. We couldn’t be more pleased and our interior designer is extremely pleased as well.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">~ Lorraine &amp; Arnie M.<\/p>", "button": { "buttonText": "Make It" }, "imageId": "680891619ad6d047ac5c9384", "imageAltText": "A smiling woman with black hair and wearing a blue top standing among green plants in a greenhouse or botanical garden.", "image": { "id": "680891619ad6d047ac5c9384", "recordType": 2, "addedOn": 1656693525362, "updatedOn": 1656694079054, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1656693525362, "authorId": "5551572de4b059dd136ebf44", "systemDataId": "1615225350677-B3YBA0I530Q8W9125BX3", "systemDataVariants": "1525x1144,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "Rectangle 27.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "868e7e", "topRightAverage": "475538", "bottomLeftAverage": "9e988a", "bottomRightAverage": "586047", "centerAverage": "cea194", "suggestedBgColor": "848c7d" }, "urlId": "ras78oa5af9eea07ppvxpljawj6nio-792ab-6hnxn", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "5551572de4b059dd136ebf44", "displayName": "Val Galin", "firstName": "Val", "lastName": "Galin" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1525x1144", "recordTypeLabel": "image" } }, { "title": "\"We were happy with everyone we met from your company and especially pleased with our new doors.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">~ Doug K.<\/p>", "button": { "buttonText": "Make It" }, "imageId": "680891619ad6d047ac5c9387", "imageAltText": "A man with dark curly hair, glasses, and a beard wearing a dark sweater looks to his right with a neutral expression in an indoor setting.", "image": { "id": "680891619ad6d047ac5c9387", "recordType": 2, "addedOn": 1656693557279, "updatedOn": 1656694079062, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1656693557279, "authorId": "5551572de4b059dd136ebf44", "systemDataId": "1615225322403-8M32U1NK41JYCCJQCWP7", "systemDataVariants": "1525x1144,100w,300w,500w,750w,1000w,1500w", "systemDataSourceType": "JPG", "filename": "Rectangle 25.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "c5c7c6", "topRightAverage": "d2d6d9", "bottomLeftAverage": "9ea4a6", "bottomRightAverage": "9ea8b0", "centerAverage": "c18f7d", "suggestedBgColor": "c5c7c6" }, "urlId": "n2z4r6bf1ghjzh8mhpzriaca2op5u6-s5ff2-3nrn2", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "5551572de4b059dd136ebf44", "displayName": "Val Galin", "firstName": "Val", "lastName": "Galin" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225322403-8M32U1NK41JYCCJQCWP7/Rectangle+25.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "1525x1144", "recordTypeLabel": "image" } } ], "styles": { "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "sectionTheme": "dark", "imageEffect": "none", "backgroundMode": "generative", "backgroundImage": null }, "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageFocalPoint": null, "backgroundImageId": null, "options": { "maxColumns": 2, "isCardEnabled": true, "isMediaEnabled": false, "isTitleEnabled": true, "isBodyEnabled": true, "isButtonEnabled": false, "isShowAdjacentSlides": false, "isInfiniteEnabled": true, "isAutoplayEnabled": false, "slideDurationMs": 1000, "mediaAspectRatio": "circle", "layoutWidth": "inset", "mediaWidth": { "value": 30, "unit": "%" }, "mediaAlignment": "center", "contentWidth": { "value": 100, "unit": "%" }, "titleAlignment": "left", "bodyAlignment": "left", "buttonAlignment": "left", "titlePlacement": "center", "bodyPlacement": "center", "buttonPlacement": "center", "cardVerticalAlignment": "top", "contentOrder": "media-first", "titleFontSize": "heading-2", "bodyFontSize": "paragraph-2", "buttonFontSize": "button-medium", "customOptions": { "customTitleFontSize": { "value": 1.2, "unit": "rem" }, "customBodyFontSize": { "value": 0.9, "unit": "rem" }, "customButtonFontSize": { "value": 0.8, "unit": "rem" } }, "verticalPaddingTop": { "value": 3.3, "unit": "vmax" }, "verticalPaddingBottom": { "value": 3.3, "unit": "vmax" }, "spaceBetweenSlides": { "value": 20, "unit": "px" }, "spaceBetweenContentAndMedia": { "value": 4, "unit": "%" }, "spaceBelowTitle": { "value": 1, "unit": "%" }, "spaceBelowBody": { "value": 4, "unit": "%" }, "cardPaddingTop": { "value": 6, "unit": "%" }, "cardPaddingRight": { "value": 6, "unit": "%" }, "cardPaddingBottom": { "value": 6, "unit": "%" }, "cardPaddingLeft": { "value": 6, "unit": "%" }, "navigationOffset": { "value": 5, "unit": "vw" }, "navigationControls": "arrows", "navigationPlacement": "bottom", "navigationAlignment": "center", "spaceAboveNavigation": { "value": 30, "unit": "px" }, "progressIndicators": "bars" }, "layout": "carousel", "isSectionTitleEnabled": true, "sectionTitle": "<p class=\"\" style=\"white-space:pre-wrap;\">Testimonials<\/p>", "spaceBelowSectionTitle": { "value": 40, "unit": "px" }, "sectionTitleAlignment": "center", "isSectionButtonEnabled": false, "sectionButton": { "buttonText": "Make It", "buttonLink": "#", "buttonNewWindow": false }, "sectionButtonSize": "medium", "sectionButtonAlignment": "center", "spaceAboveSectionButton": { "value": 40, "unit": "px" } }" data-media-alignment="center" data-title-alignment="left" data-body-alignment="left" data-button-alignment="left" data-title-placement="center" data-body-placement="center" data-button-placement="center" data-layout-width="inset" data-title-font-unit="rem" data-description-font-unit="rem" data-button-font-unit="rem" data-is-media-enabled="false" data-is-card-enabled="true" data-media-width-value="30" data-media-width-unit="%" data-content-order="media-first" data-space-between-columns="" data-vertical-padding-top-value="3.3" data-vertical-padding-bottom-value="3.3" data-vertical-padding-top-unit="vmax" data-vertical-padding-bottom-unit="vmax"> <div class="user-items-list-carousel__gutter" role="region" aria-label="Carousel" > <div class="user-items-list-carousel__slideshow-holder"> <div class="user-items-list-carousel__slides-revealer"> <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;"> <li class=" user-items-list-carousel__slide list-item list-item-basic-animation " style=" padding-top: 6%; padding-right: 6%; padding-bottom: 6%; padding-left: 6%; " data-is-card-enabled="true" > <div class="list-item-content"> <div class="list-item-content__text-wrapper"> <h2 class="list-item-content__title" style="max-width: 100%;" >"We have a large house for our large family and they were able to accommodate each of our needs. We will admit, we had a very clear cut idea of everything we wanted from the doors to our new walk-in closet. Their experience really came to light while working with them."</h2> <div class="list-item-content__description " style=" margin-top: 1%; max-width: 100%; " ><p class="" style="white-space:pre-wrap;">~ Scott & Kelly S.</p></div> </div> </div> </li> <li class=" user-items-list-carousel__slide list-item list-item-basic-animation " style=" padding-top: 6%; padding-right: 6%; padding-bottom: 6%; padding-left: 6%; " data-is-card-enabled="true" > <div class="list-item-content"> <div class="list-item-content__text-wrapper"> <h2 class="list-item-content__title" style="max-width: 100%;" >"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts."</h2> <div class="list-item-content__description " style=" margin-top: 1%; max-width: 100%; " ><p class="" style="white-space:pre-wrap;">~ David J.</p></div> </div> </div> </li> <li class=" user-items-list-carousel__slide list-item list-item-basic-animation " style=" padding-top: 6%; padding-right: 6%; padding-bottom: 6%; padding-left: 6%; " data-is-card-enabled="true" > <div class="list-item-content"> <div class="list-item-content__text-wrapper"> <h2 class="list-item-content__title" style="max-width: 100%;" >"Dear Stephen, We want to say thank you for our new interior doors. They are just beautiful! Your crew did a great job of hanging them and were so nice cand very professional. We couldn’t be more pleased and our interior designer is extremely pleased as well."</h2> <div class="list-item-content__description " style=" margin-top: 1%; max-width: 100%; " ><p class="" style="white-space:pre-wrap;">~ Lorraine & Arnie M.</p></div> </div> </div> </li> <li class=" user-items-list-carousel__slide list-item list-item-basic-animation " style=" padding-top: 6%; padding-right: 6%; padding-bottom: 6%; padding-left: 6%; " data-is-card-enabled="true" > <div class="list-item-content"> <div class="list-item-content__text-wrapper"> <h2 class="list-item-content__title" style="max-width: 100%;" >"We were happy with everyone we met from your company and especially pleased with our new doors."</h2> <div class="list-item-content__description " style=" margin-top: 1%; max-width: 100%; " ><p class="" style="white-space:pre-wrap;">~ Doug K.</p></div> </div> </div> </li> </ul> </div> </div> <div class="mobile-arrows"> <button class=" mobile-arrow-button mobile-arrow-button--left " aria-label=" Previous " data-animation-role="button"> <div class=" user-items-list-carousel__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none" /> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none" /> </svg></button> <button class=" mobile-arrow-button mobile-arrow-button--right " aria-label=" Next " data-animation-role="button"> <div class=" user-items-list-carousel__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none" /> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none" /> </svg></button> </div> </div> <div class="desktop-arrows arrows-bottom-wrapper" style="margin-top: 30px;" > <div class="arrows-bottom"> <button class=" user-items-list-carousel__arrow-button user-items-list-carousel__arrow-button--left " aria-label=" Previous " data-animation-role="button"> <div class=" user-items-list-carousel__arrow-icon-background user-items-list-carousel__arrow-icon-background-area "> </div> <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116" /> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M42.8633 9.18125L3.37868 9.18125" /> </svg></button> <button class=" user-items-list-carousel__arrow-button user-items-list-carousel__arrow-button--right " aria-label=" Next " data-animation-role="button"> <div class=" user-items-list-carousel__arrow-icon-background user-items-list-carousel__arrow-icon-background-area "> </div> <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599" /> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M1.19088 9.16982H40.6755" /> </svg></button> </div> </div> </div> </div> </div> <button class='background-pause-button' aria-label="Pause Background"></button><button class='background-pause-button paused' aria-label="Play Background"></button> </div> </section> </article> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="white-bold" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle white-bold' data-section-id="680891109ad6d047ac5c8479" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white-bold", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891109ad6d047ac5c8478 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(31,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891109ad6d047ac5c8478 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891109ad6d047ac5c8478 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-8a24bdaeee7ea753df58 { grid-area: 2/4/5/8; z-index: 5; @media (max-width: 767px) { } } .fe-block-8a24bdaeee7ea753df58 .sqs-block { justify-content: center; } .fe-block-8a24bdaeee7ea753df58 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-8a24bdaeee7ea753df58 { grid-area: 3/3/7/7; z-index: 5; } .fe-block-8a24bdaeee7ea753df58 .sqs-block { justify-content: center; } .fe-block-8a24bdaeee7ea753df58 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-2e0539c1f7cd1f3e335a { grid-area: 5/3/8/9; z-index: 9; @media (max-width: 767px) { } } .fe-block-2e0539c1f7cd1f3e335a .sqs-block { justify-content: flex-start; } .fe-block-2e0539c1f7cd1f3e335a .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-2e0539c1f7cd1f3e335a { grid-area: 7/2/10/8; z-index: 9; } .fe-block-2e0539c1f7cd1f3e335a .sqs-block { justify-content: flex-start; } .fe-block-2e0539c1f7cd1f3e335a .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-6aade7b18cb504538406 { grid-area: 19/2/21/6; z-index: 8; @media (max-width: 767px) { } } .fe-block-6aade7b18cb504538406 .sqs-block { justify-content: flex-start; } .fe-block-6aade7b18cb504538406 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-6aade7b18cb504538406 { grid-area: 3/19/5/23; z-index: 8; } .fe-block-6aade7b18cb504538406 .sqs-block { justify-content: flex-start; } .fe-block-6aade7b18cb504538406 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-b361871f26e4961b5766 { grid-area: 8/6/18/10; z-index: 3; @media (max-width: 767px) { } } .fe-block-b361871f26e4961b5766 .sqs-block { justify-content: flex-start; } .fe-block-b361871f26e4961b5766 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-b361871f26e4961b5766 { grid-area: 3/9/14/13; z-index: 3; } .fe-block-b361871f26e4961b5766 .sqs-block { justify-content: flex-start; } .fe-block-b361871f26e4961b5766 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-9dcc1301540f985ef078 { grid-area: 8/2/16/6; z-index: 2; @media (max-width: 767px) { } } .fe-block-9dcc1301540f985ef078 .sqs-block { justify-content: flex-start; } .fe-block-9dcc1301540f985ef078 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-9dcc1301540f985ef078 { grid-area: 3/14/12/18; z-index: 2; } .fe-block-9dcc1301540f985ef078 .sqs-block { justify-content: flex-start; } .fe-block-9dcc1301540f985ef078 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-851a48a3e2ff3a14d2fb { grid-area: 21/2/25/8; z-index: 7; @media (max-width: 767px) { } } .fe-block-851a48a3e2ff3a14d2fb .sqs-block { justify-content: flex-start; } .fe-block-851a48a3e2ff3a14d2fb .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-851a48a3e2ff3a14d2fb { grid-area: 5/19/9/26; z-index: 7; } .fe-block-851a48a3e2ff3a14d2fb .sqs-block { justify-content: flex-start; } .fe-block-851a48a3e2ff3a14d2fb .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-2ebcce99ad499bbcd980 { grid-area: 25/2/31/8; z-index: 10; @media (max-width: 767px) { } } .fe-block-2ebcce99ad499bbcd980 .sqs-block { justify-content: flex-start; } .fe-block-2ebcce99ad499bbcd980 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-2ebcce99ad499bbcd980 { grid-area: 10/19/17/26; z-index: 10; } .fe-block-2ebcce99ad499bbcd980 .sqs-block { justify-content: flex-start; } .fe-block-2ebcce99ad499bbcd980 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-680891109ad6d047ac5c8478"><div class="fe-block fe-block-8a24bdaeee7ea753df58"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-8a24bdaeee7ea753df58"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" data-sqsp-image-block-image-container > <a class="sqs-block-image-link content-fit" href="/" data-sqsp-image-block-link > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png" data-image="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png" data-image-dimensions="2084x780" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png" width="2084" height="780" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/6808910f9ad6d047ac5c845e/780d8ef2-0179-4686-b189-026a6e66d0cb/idcoc-brand-mark-2-03.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-8a24bdaeee7ea753df58 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-2e0539c1f7cd1f3e335a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-2e0539c1f7cd1f3e335a"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><a href="https://goo.gl/maps/GnSrfPScLQR2 " target="_blank"><span class="sqsrte-text-color--lightAccent">15441 Chemical Ln.,<br>Huntington Beach, CA 92649</span></a></p></div> </div></div></div><div class="fe-block fe-block-6aade7b18cb504538406"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-6aade7b18cb504538406"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><strong>Contact Us</strong></span></p></div> </div></div></div><div class="fe-block fe-block-b361871f26e4961b5766"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-b361871f26e4961b5766"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><strong>Company</strong></span></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/"><span class="sqsrte-text-color--lightAccent">Home<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/about"><span class="sqsrte-text-color--lightAccent">About Us</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/door-installation"><span class="sqsrte-text-color--lightAccent">Installation</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/testimonials"><span class="sqsrte-text-color--lightAccent">Testimonials</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/blog"><span class="sqsrte-text-color--lightAccent">Blog</span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/privacy-policy"><span class="sqsrte-text-color--lightAccent">Privacy Policy</span></a></p></li></ul></div> </div></div></div><div class="fe-block fe-block-9dcc1301540f985ef078"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-9dcc1301540f985ef078"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent"><strong>Products</strong></span></p><ul data-rte-list="default"><li><p class="" style="white-space:pre-wrap;"><a href="/interior-doors"><span class="sqsrte-text-color--lightAccent">Interior Doors<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/closet-doors"><span class="sqsrte-text-color--lightAccent">Closet Doors<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/organizers" target="_blank"><span class="sqsrte-text-color--lightAccent">Organizers<br></span></a></p></li><li><p class="" style="white-space:pre-wrap;"><a href="/barn-doors"><span class="sqsrte-text-color--lightAccent">Barn Doors</span></a></p></li></ul></div> </div></div></div><div class="fe-block fe-block-851a48a3e2ff3a14d2fb"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-851a48a3e2ff3a14d2fb"><div class="sqs-block-content"><div class="sw-navigation-contact-footer"> <div class="sw-navigation-actions-footer"> <a href="tel:(714) 895-5100" class="sw-navigation-actions-item"> <div class="sw-navigation-actions-icon">☎</div> <div>(714) 895-5100</div> </a> </div> <div class="sw-navigation-actions-footer"> <a href="mailto:info@interiordoorandcloset.com" class="sw-navigation-actions-item"> <div class="sw-navigation-actions-icon">✉</div> <div>info@interiordoorandcloset.com</div> </a> </div></div></div></div></div><div class="fe-block fe-block-2ebcce99ad499bbcd980"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-2ebcce99ad499bbcd980"><div class="sqs-block-content"><div id="footer-hours"> <p><strong>Office Hours</strong></p> <p>Mon-Fri: 9:00 am - 5:00 pm</p> <p>Saturday: 11:00 am - 3:00 pm</p> <p>Sunday: Closed</p></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="680891109ad6d047ac5c847c" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-680891109ad6d047ac5c847b { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(7,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; overflow-x: hidden; overflow-x: clip;} @media (min-width: 768px) { .background-width--inset .fe-680891109ad6d047ac5c847b { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-680891109ad6d047ac5c847b { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); }} .fe-block-902cb8f44f2ee96fd91a { grid-area: 2/2/5/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-902cb8f44f2ee96fd91a .sqs-block { justify-content: center; } .fe-block-902cb8f44f2ee96fd91a .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-902cb8f44f2ee96fd91a { grid-area: 1/3/3/25; z-index: 2; } .fe-block-902cb8f44f2ee96fd91a .sqs-block { justify-content: center; } .fe-block-902cb8f44f2ee96fd91a .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-291214b3fef6cb7a4120 { grid-area: 6/2/8/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-291214b3fef6cb7a4120 .sqs-block { justify-content: flex-start; } .fe-block-291214b3fef6cb7a4120 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-291214b3fef6cb7a4120 { grid-area: 3/3/5/25; z-index: 1; } .fe-block-291214b3fef6cb7a4120 .sqs-block { justify-content: center; } .fe-block-291214b3fef6cb7a4120 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-680891109ad6d047ac5c847b"><div class="fe-block fe-block-902cb8f44f2ee96fd91a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-902cb8f44f2ee96fd91a"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><span class="sqsrte-text-color--lightAccent">© 2025 Interior Door and Closet Company | License #908184</span></p></div> </div></div></div><div class="fe-block fe-block-291214b3fef6cb7a4120"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-291214b3fef6cb7a4120"><div class="sqs-block-content"></div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.b5b3fbf6826f9d2f8a86db2c7d2e44ab.js" type="text/javascript"></script> <script src="//assets.squarewebsites.org/custom-tables/custom-table.js"></script><script> createTopAction();</script> <script>createBC();</script> <!-- change blog headers from h1 to h2 on collections pages --><script>document.querySelectorAll("h1.blog-title").forEach(header => { header.outerHTML = '<h2>' + header.innerHTML + '</h2>';});</script> <style>#footer-sections { z-index: 10; }.sw-slider-container { width: 100%; height: 100%; position: relative; padding: 2rem 0; @media screen and (max-width:767px) { padding: 0rem; }} .sw-content-container { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: rgba(60, 60, 60); display: flex; justify-content: end; align-items: center;} .sw-content-box { display: flex; flex-direction: column; width: 100%; max-width: 80%; position: relative; padding-right: 5rem; color: white;}.sw-content-button-container { display: block;} .sw-content-contact-number { display: none;} .sw-content-header { padding-bottom: 0.75rem; margin-right: 6rem; border-bottom: 1px solid white; color: white !important;} .sw-content-text { font-size: 1rem; color: white; padding-top: 1.25rem; padding-bottom: 4rem;} .sw-content-button { background-color: rgba(58, 102, 173); border-radius: 2rem; font-size: 1rem; padding: 1rem 2rem; cursor: pointer; text-decoration: none;} .sw-image-container { position: absolute; overflow: hidden; top: 0; right: 0; width: 50%; height: 100%; background-color: whitesmoke;} .sw-image-slide { position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;} .sw-image-slide-show { display: block;} .sw-image-slide-hidden { display: none;} .sw-arrow-container { position: absolute; display: flex; flex-direction: row; bottom: 0; left: 50%; transform: translate(-50%, 0px); cursor: pointer;} .sw-arrow-next,.sw-arrow-previous { width: 2.25rem; height: 2.25rem; font-size: 1.5rem; display: flex; justify-content: center; align-items: center; opacity: 0.75; cursor: pointer;} .sw-arrow-next:hover,.sw-arrow-previous:hover { opacity: 1; transition: 0.25s;} .sw-arrow-previous { background-color: rgba(173, 205, 70); color: white;} .sw-arrow-next { background-color: rgb(58,102,173); color: white;} .sqs-svg-icon--wrapper:hover{ background-color: rgb(173,205,69) !important;} .sw-navigation-actions-footer,.sw-navigation-actions-top{ display: flex; flex-direction: row; z-index: 1;} .sw-navigation-actions-top { color: white; }.sw-navigation-actions-footer{ color: black;} .sw-navigation-actions-item{ margin-right: 4rem; display: flex; flex-direction: row; align-items: center;} .sw-navigation-actions-text{ color: white;} .sw-navigation-actions-icon{ border-radius: 100%; background-color: rgba(173, 205, 70); color: black; margin-right: 1rem; display: flex; justify-content: center; align-items: center; padding: 0.25rem; height: 24px; width: 24px;} .sw-navigation-contact-footer { display: flex; flex-direction: column; line-height: 2.5rem;} .sw-gallery-page-container { display: flex; column-gap: 0.5rem; justify-content: end;} .sw-gallery-page-item { display: flex; align-items: center; border: 1px solid rgba(60, 60, 60, 0.25); padding: 0 0.75rem; cursor: pointer;} .sw-gallery-page-filler { display: flex; align-items: center; padding: 0 0.75rem;} .sw-gallery-page-item-active { border-color : rgba(60, 60, 60, 1);} .sw-gallery-image-label{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); color: white; text-align: center; cursor: pointer; text-shadow: 2px 2px #000000; font-size: 0.8rem;} .sw-gallery-image-number{ position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); color: white; text-align: center; cursor: pointer; text-shadow: 2px 2px #000000; font-size: 0.8rem;} .sw-gallery-lightbox-label{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); color: white; text-align: center; text-shadow: 2px 2px #000000; font-size: 2rem;} /* Put animations here.... *//* in animation */.sw-fade-in-slide { animation-name: sw-fade-in-slide; animation-duration: 1s; animation-fill-mode: forwards;} .sw-right-to-left-in-slide-left { animation-name: sw-right-to-left-in-slide-left; animation-duration: 0.75s; animation-fill-mode: forwards;} .sw-right-to-left-in-slide-right { animation-name: sw-right-to-left-in-slide-right; animation-duration: 0.75s; animation-fill-mode: forwards;} .sw-slide-blur-in { animation-name: sw-slide-blur-in; animation-duration: 0.75s; animation-timing-function: ease-out; animation-fill-mode: forwards;} /* out animation */.sw-fade-out-slide { animation-name: sw-fade-out-slide; animation-duration: 1s; animation-fill-mode: forwards;} .sw-right-to-left-out-slide-left { animation-name: sw-right-to-left-out-slide-left; animation-duration: 0.75s; animation-fill-mode: forwards;} .sw-right-to-left-out-slide-right { animation-name: sw-right-to-left-out-slide-right; animation-duration: 0.75s; animation-fill-mode: forwards;} .sw-slide-blur-out { animation-name: sw-slide-blur-out; animation-duration: 0.75s; animation-timing-function: ease-out; animation-fill-mode: forwards;} .slide-up-content { animation-name: slide-up-content; animation-delay: 0.6s; animation-duration: 1s; animation-fill-mode: forwards;} /* Keyframes for in animation */@keyframes sw-fade-in-slide { from { opacity: .4; visibility: visible; } to { opacity: 1; visibility: visible; }} @keyframes sw-right-to-left-in-slide-left { from { left: 100%; } to { left: 0%; }} @keyframes sw-right-to-left-in-slide-right { from { left: -100%; } to { left: 0%; }} @keyframes sw-slide-blur-in { 0% { top: 100%; height: 0%; filter: blur(10px); } 75% { height: 100%; filter: blur(5px); } 100% { top: 0; /* display: block; */ }} /* */ /* Keyframes for out animation */@keyframes sw-fade-out-slide { 0% { opacity: 1; visibility: visible; } 50% { opacity: 0.5; } 100% { opacity: 0; visibility: hidden; }} @keyframes sw-right-to-left-out-slide-left { from { left: 0%; } to { left: -100%; }} @keyframes sw-right-to-left-out-slide-right { from { left: 0%; } to { left: 100%; }} @keyframes sw-slide-blur-out { 0% { top: 0; height: 100%; filter: blur(0px); opacity: 0.5; } /* 50% { height: 25%; filter: blur(10px); } */ 100% { height: 0%; opacity: 0; }} /* */ @keyframes slide-up-content { 0% { opacity: 0; -ms-transform: translateY(25%); transform: translateY(25%); } 20% { opacity: 0.1; } 50% { opacity: 0.5; } 100% { opacity: 1; -ms-transform: translateY(0%); transform: translateY(0%); }} /* mobile */@media screen and (max-width:767px) { .sw-arrow-container, .sw-image-container { display: none; } .sw-content-container { width: 100%; } .sw-content-box { padding-right: 3rem; width: 100%; } .sw-content-header { margin-right: 1rem; } .sw-content-button-container { display: flex; align-items: center; justify-content: center; } .sw-content-contact-number { display: block; padding-top: 4rem; text-align: center; text-decoration: underline; }}</style> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6TQXN"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --> <!-- Make active nav folder title with border bottom in CSS (noscript) --><script>document.addEventListener("DOMContentLoaded", function() { const currentUrl = window.location.pathname.replace(/\/$/, ""); document.querySelectorAll(".header-nav-folder-title").forEach(link => { const linkPath = new URL(link.href).pathname.replace(/\/$/, ""); if (linkPath === currentUrl) { link.classList.add("folder-title-active"); } });});</script> </body></html> 
