{"id":440,"date":"2026-04-13T16:03:27","date_gmt":"2026-04-13T16:03:27","guid":{"rendered":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/window-treatments\/outdoor-shades"},"modified":"2026-04-13T16:11:56","modified_gmt":"2026-04-13T16:11:56","slug":"outdoor-shades","status":"publish","type":"window_solution","link":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/window-treatments\/outdoor-shades","title":{"rendered":"Outdoor Shades"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Outdoor Shades in Johns Creek, GA \u2013 Transform Your Outdoor Living Space Today<\/h2>\n\n\n\n<p><strong>Ready to enjoy your patio, porch, or deck without the harsh sun, heat, or bugs getting in the way? Bumble Bee Blinds of Johns Creek makes it easy. Schedule your free in-home consultation today and discover custom outdoor shades designed for comfort, style, and year-round enjoyment. We measure, design, and install\u2014so you can sit back, relax, and enjoy your space. Get started now and take control of your outdoor environment.<\/strong><\/p>\n\n\n\n\n\n<div id=\"window-treatment-info-block_d53698f715cb1cf94d74fdf3b2e59051\" class=\"box-block-wrapper pt-8 pb-16\">\n    <div class=\"container grid lg:grid-cols-2 gap-12\">\n        <!-- Left Column - Product Video & Gallery -->\n        <div class=\"space-y-6\">\n            <div class=\"text-center pb-8\"><a href=\"https:\/\/www.bumblebeeblinds.com\/video-center\/outdoor-shades\/\" class=\"inline-block transition-colors duration-200 whitespace-nowrap btn-alternative\">View All Videos<\/a><\/div>            \n            <!-- CTA Banner -->\n            <div class=\"pt-6 pb-6\">\n                <p class=\"text-h4 has-border-color has-accent-border-color has-white-background-color has-background\" style=\"border-width:2px\">\n                    Let&#8217;s explore all of our Outdoor Shades designs during a free consultation &#8211; \n                    <button type=\"button\" class=\"hover:underline text-accent-700 se-booking-show\" role=\"button\">Schedule Design Consultation<\/button>                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Right Column - Description, Features & Benefits -->\n        <div>\n                            \n                <h1 class=\"\">\n                    Premium Custom Outdoor Shades                <\/h1>\n\n                        <div class=\"acf-innerblocks-container\">\n\n<h2 class=\"wp-block-heading\">Stylish, Weather Resistant Window Coverings<\/h2>\n\n\n\n<p>Outdoor spaces should feel just as comfortable as the indoors. Transform your patio, deck, or pool area into a cool retreat with custom outdoor shades from Bumble Bee Blinds. Designed to provide shade, reduce glare, and regulate temperature, our exterior window treatments let you enjoy the outdoors in style\u2014rain or shine.&nbsp;<\/p>\n\n\n\n<p>Your dream outdoor space is just a call away. Call&nbsp;<span class=\"location-shortcode\" data-shortcode=\"LocalPhone\"><a href=\"tel:6782702484\" class=\"hover:underline hover:!text-accent transition-colors inline\">(678) 270-2484<\/a><\/span>&nbsp;for your free design consultation today.&nbsp;<a href=\"https:\/\/www.bumblebeeblinds.com\/services\/pro-installation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Professional installation<\/a>&nbsp;and a trusted&nbsp;<a href=\"https:\/\/www.bumblebeeblinds.com\/services\/warranty\/\" target=\"_blank\" rel=\"noreferrer noopener\">workmanship warranty<\/a>&nbsp;are included. Let\u2019s make your backyard the perfect retreat!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Material Options:<\/h4>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Polyester Blend<\/li>\n\n\n\n<li>PVC-Coated Mesh<\/li>\n\n\n\n<li>Acrylic<\/li>\n\n\n\n<li>Vinyl<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Best For:<\/h4>\n\n\n\n<p>Patios, Decks, Porches, Pergolas, Balconies, Gazebos, Sunrooms, Screened-in Porches, &amp; Outdoor Seating Areas<\/p>\n\n<\/div>\n\n                        <header>\n                <p class=\"text-h2\">Features &#038; Benefits<\/p>\n            <\/header>\n\n            <div class=\"features-accordion space-y-2\">\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            Customizable Shade Solutions                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Choose from patio shades, motorized shades, or exterior roller shades to create the perfect outdoor oasis tailored to your needs.<\/p>\n                    <\/div>\n                <\/details>\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            UV Protection u0026 Temperature Control                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Our outdoor shades block harmful UV rays and reduce heat, so you can enjoy your outdoor spaces all year long.<\/p>\n                    <\/div>\n                <\/details>\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            Weather-Resistant Materials                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Strong, moisture-resistant fabrics hold up against rain and intense sun.<\/p>\n                    <\/div>\n                <\/details>\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            Custom Fit for Any Space                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Choose from motorized or manual options to match your outdoor setup.<\/p>\n                    <\/div>\n                <\/details>\n                            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\r\n<section class=\"two-column-content-block py-component wp-block-tailwind-boilerplate-two-column-content has-background has-light-background-color\">\r\n    <div class=\"w-full\">\r\n        <div class=\"container mx-auto grid lg:grid-cols-2 gap-16 items-center\">\r\n                            <!-- Image Column (Left when reversed) -->\r\n                <div class=\"image-column lg:sticky lg:top-0 self-start\">\r\n                                                                        <img\r\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/11\/hexagons.webp\"\r\n                                alt=\"hexagons image\"\r\n                                class=\"w-full h-auto\"\r\n                                loading=\"lazy\"\r\n                                decoding=\"async\" \/>\r\n                                                            <\/div>\r\n\r\n                <!-- Content Column (Right when reversed) -->\r\n                <div class=\"content-column\">\r\n                    \n<h2 class=\"wp-block-heading\">Get a Free Design Consultation<\/h2>\n\n<p>Even if you&#8217;ve decided that it&#8217;s time to upgrade the look of your space with a new window treatment, where do you even start? From choosing between window blinds, shutters, shades, curtains, and more, to picking out the materials and colors to go with, there&#8217;s a lot to consider. Luckily, your friends at Bumble Bee Blinds are here to help!<\/p>\n\n<div class=\"button-block-wrapper text-left wp-block-tailwind-boilerplate-button-block\">\n            <a\n            href=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/contact\"\n            class=\"inline-block transition-colors duration-200 whitespace-nowrap btn-primary\"\n            >\n            Schedule Design Consultation        <\/a>\n    <\/div>                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\n<div class=\"stepper-section-wrapper w-full wp-block-tailwind-boilerplate-stepper-section\">\n            <div class=\"bg-light py-16\">\n            <div class=\"container\">\n                <div class=\"flex flex-col gap-8 lg:items-center lg:flex-row\">\n                    <!-- Content Column -->\n                    <div class=\"flex-1 lg:pr-8\">\n                        <div class=\"flex items-start gap-4 mb-6\">\n                            <!-- Hexagon Icon -->\n                            <div class=\"relative flex-shrink-0\">\n                                <svg width=\"72\" height=\"82\" viewBox=\"0 0 72 82\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-accent\">\n                                    <path d=\"M35.5071 0L71.0141 20.5V61.5L35.5071 82L3.8147e-05 61.5V20.5L35.5071 0Z\" fill=\"currentColor\" \/>\n                                <\/svg>\n                                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-primary mt-2\">\n                                    <span class=\"text-[16px] font-semibold leading-none\">STEP<\/span>\n                                    <span class=\"text-5xl font-bold leading-none -mt-1\">1<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex-1\">\n                                                                    <h2 class=\"text-h2 text-primary font-bold mb-2\">\n                                        Tailored Solutions for You and Your Home                                    <\/h2>\n                                \n                                                                    <h3 class=\"!text-[28px] text-primary font-semibold my-0 py-0\">\n                                        Your dedicated design consultant provides expert guidance to help you find the perfect solutionu003cbru003e                                    <\/h3>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"ml-0\">\n\n                            <hr class=\"border-accent border-t-2 mb-4\" \/>\n\n                            \n                                                            <ul class=\"stepper-section-list list-disc pl-6 space-y-2 mb-6\">\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Assess u0026 measure your windows for ideal style and function that fits your needs                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Explore samples of materials, finishes and color swatches to match your d\u00e9cor                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Expert recommendations for privacy, light filtering, room darkening, and aesthetics                                            <\/li>\n                                                                    <\/ul>\n                            \n                            <!-- Optional CTA Button -->\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Image Column -->\n                    <div class=\"w-full lg:flex-shrink-0 lg:max-w-[450px] lg:self-stretch lg:sticky lg:top-32 lg:h-fit\">\n                                                    <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/11\/51e1d7e6eae2091cc3cc305ce680fdb7130883dd.webp\"\n                                alt=\"Step 1 image\"\n                                class=\"w-full h-auto\" \/>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            <div class=\"bg-white py-16\">\n            <div class=\"container\">\n                <div class=\"flex flex-col gap-8 lg:items-center lg:flex-row-reverse\">\n                    <!-- Content Column -->\n                    <div class=\"flex-1 lg:pl-8\">\n                        <div class=\"flex items-start gap-4 mb-6\">\n                            <!-- Hexagon Icon -->\n                            <div class=\"relative flex-shrink-0\">\n                                <svg width=\"72\" height=\"82\" viewBox=\"0 0 72 82\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-accent\">\n                                    <path d=\"M35.5071 0L71.0141 20.5V61.5L35.5071 82L3.8147e-05 61.5V20.5L35.5071 0Z\" fill=\"currentColor\" \/>\n                                <\/svg>\n                                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-primary mt-2\">\n                                    <span class=\"text-[16px] font-semibold leading-none\">STEP<\/span>\n                                    <span class=\"text-5xl font-bold leading-none -mt-1\">2<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex-1\">\n                                                                    <h2 class=\"text-h2 text-primary font-bold mb-2\">\n                                        Made for YOU &#8211; Your Design, Your Way                                    <\/h2>\n                                \n                                                                    <h3 class=\"!text-[28px] text-primary font-semibold my-0 py-0\">\n                                        Every window treatment is one-of-a-kind custom to your home&#8217;s specifications                                    <\/h3>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"ml-0\">\n\n                            <hr class=\"border-accent border-t-2 mb-4\" \/>\n\n                            \n                                                            <ul class=\"stepper-section-list list-disc pl-6 space-y-2 mb-6\">\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Designed by you, made for you custom window treatments uniquely yours                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Upon design approval, we handle everything &#8211; making the process seamless                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                We&#8217;ll reach out to schedule installation as soon as your window treatments arrive                                            <\/li>\n                                                                    <\/ul>\n                            \n                            <!-- Optional CTA Button -->\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Image Column -->\n                    <div class=\"w-full lg:flex-shrink-0 lg:max-w-[450px] lg:self-stretch lg:sticky lg:top-32 lg:h-fit\">\n                                                    <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/11\/contactblinds.webp\"\n                                alt=\"Step 2 image\"\n                                class=\"w-full h-auto\" \/>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            <div class=\"bg-light py-16\">\n            <div class=\"container\">\n                <div class=\"flex flex-col gap-8 lg:items-center lg:flex-row\">\n                    <!-- Content Column -->\n                    <div class=\"flex-1 lg:pr-8\">\n                        <div class=\"flex items-start gap-4 mb-6\">\n                            <!-- Hexagon Icon -->\n                            <div class=\"relative flex-shrink-0\">\n                                <svg width=\"72\" height=\"82\" viewBox=\"0 0 72 82\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-accent\">\n                                    <path d=\"M35.5071 0L71.0141 20.5V61.5L35.5071 82L3.8147e-05 61.5V20.5L35.5071 0Z\" fill=\"currentColor\" \/>\n                                <\/svg>\n                                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-primary mt-2\">\n                                    <span class=\"text-[16px] font-semibold leading-none\">STEP<\/span>\n                                    <span class=\"text-5xl font-bold leading-none -mt-1\">3<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex-1\">\n                                                                    <h2 class=\"text-h2 text-primary font-bold mb-2\">\n                                        Professional Installation, Seamless Experiences                                    <\/h2>\n                                \n                                                                    <h3 class=\"!text-[28px] text-primary font-semibold my-0 py-0\">\n                                        Our experts install your window treatments on a schedule that works for you                                    <\/h3>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"ml-0\">\n\n                            <hr class=\"border-accent border-t-2 mb-4\" \/>\n\n                            \n                                                            <ul class=\"stepper-section-list list-disc pl-6 space-y-2 mb-6\">\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Our certified installers are precise, delivering a perfect fit and flawless finish                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Receive a post-installation walkthrough to guarantee complete satisfaction                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                We&#8217;ll leave your space neat and ready for you to enjoy your new window treatments                                            <\/li>\n                                                                    <\/ul>\n                            \n                            <!-- Optional CTA Button -->\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Image Column -->\n                    <div class=\"w-full lg:flex-shrink-0 lg:max-w-[450px] lg:self-stretch lg:sticky lg:top-32 lg:h-fit\">\n                                                    <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/11\/contactblinds.webp\"\n                                alt=\"Step 3 image\"\n                                class=\"w-full h-auto\" \/>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n<div class=\"masonry-gallery-block wp-block-tailwind-boilerplate-masonry-gallery\">\n    <div class=\"py-component\">\n        <div class=\"container\">\n                            <h2 class=\"text-h2 mb-8 text-center\">See Our Work<\/h2>\n            \n                            <!-- Justified Gallery (always fills rows; cropped as needed) -->\n                <style>\n                    \/*\n                      Justified gallery layout (best practice for \u201calways fill the rectangle\u201d):\n                      - JS computes row heights so each row fills the full container width\n                      - Images are cropped (object-fit: cover) to fit the computed boxes\n                    *\/\n                    .masonry-gallery-grid {\n                        display: grid;\n                        grid-template-columns: repeat(2, 1fr);\n                        gap: 20px;\n                    }\n\n                    @media screen and (min-width: 1280px) {\n                        .masonry-gallery-grid {\n                            grid-template-columns: repeat(3, 1fr);\n                            grid-template-areas:\n                                'itm-1 itm-2 itm-3'\n                                'itm-1 itm-2 itm-6'\n                                'itm-4 itm-2 itm-6'\n                                'itm-4 itm-5 itm-6';\n                        }\n                        .masonry-gallery-grid > .gallery-item {\n                            max-width: 100% !important;\n                            width: 100% !important;\n                            overflow: hidden;\n                            min-height: 0;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(1) {\n                            grid-area: itm-1;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(2) {\n                            grid-area: itm-2;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(3) {\n                            grid-area: itm-3;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(4) {\n                            grid-area: itm-4;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(5) {\n                            grid-area: itm-5;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(6) {\n                            grid-area: itm-6;\n                        }\n                    }\n\n                    .masonry-gallery-grid .gallery-item {\n                        overflow: hidden;\n                        min-height: 0;\n                    }\n\n                    .masonry-gallery-grid .gallery-image {\n                        width: 100%;\n                        height: 100%;\n                        display: block;\n                        object-fit: cover;\n                        object-position: center;\n                    }\n                <\/style>\n                <div class=\"masonry-gallery-grid\" data-justified=\"true\" role=\"list\" aria-label=\"Image gallery\">\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__7-20240909_112825.2504041624305-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__7-20240909_112825.2504041624305-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 1: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__9-20241113_125130.2504041624305-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__9-20241113_125130.2504041624305-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 2: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__10-Graber-47706-Solar-Shades-RS17-V1.2504041624310.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__10-Graber-47706-Solar-Shades-RS17-V1.2504041624310.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 3: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__20240903_112219.2504041624308-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__20240903_112219.2504041624308-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 4: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__20240909_113027.2504041624304-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__20240909_113027.2504041624304-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 5: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__20240909_113041.2504041624311-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__20240909_113041.2504041624311-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 6: \">\n                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"text-center mt-12\">\n                        \n<div class=\"button-block-wrapper text-center wp-block-tailwind-boilerplate-button-block\">\n            <a\n            href=\"https:\/\/www.bumblebeeblinds.com\/photo-gallery\/outdoor-shades\"\n            class=\"inline-block transition-colors duration-200 whitespace-nowrap btn-primary\"\n            >\n            View More        <\/a>\n    <\/div>                    <\/div>\n                                    <\/div>\n    <\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Custom Outdoor Shades Built for Johns Creek Living<\/h3>\n\n\n\n<p>Outdoor living is a big part of life in Johns Creek, but the Georgia sun, humidity, and seasonal weather can make it difficult to fully enjoy your space. That\u2019s where custom outdoor shades come in.<\/p>\n\n\n\n<p>At Bumble Bee Blinds of Johns Creek, we design outdoor shading solutions that let you make the most of your patio, deck, or screened-in porch\u2014without sacrificing comfort or style. Whether you\u2019re hosting guests, relaxing with family, or just enjoying a quiet morning outside, our shades create a more usable and enjoyable environment.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Benefits of Outdoor Shades<\/h3>\n\n\n\n<p>Outdoor shades are more than just a design upgrade\u2014they\u2019re a functional investment in your home.<\/p>\n\n\n\n<p><strong>Sun Protection<\/strong><br>Block harsh UV rays while still allowing natural light to filter through. Protect your skin, furniture, and flooring from sun damage.<\/p>\n\n\n\n<p><strong>Temperature Control<\/strong><br>Reduce heat buildup in your outdoor space and even help keep adjacent indoor areas cooler during hot Johns Creek summers.<\/p>\n\n\n\n<p><strong>Privacy<\/strong><br>Create a more secluded, comfortable atmosphere without completely closing off your space.<\/p>\n\n\n\n<p><strong>Bug Reduction<\/strong><br>Keep flying insects at bay so you can enjoy evenings outside without constant interruptions.<\/p>\n\n\n\n<p><strong>Weather Protection<\/strong><br>Shield your space from wind, light rain, and debris, extending the usability of your outdoor areas.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Designed for Patios, Porches &amp; More<\/h3>\n\n\n\n<p>Our outdoor shades are versatile and can be customized for a variety of spaces:<\/p>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Covered patios<\/li>\n\n\n\n<li>Open decks<\/li>\n\n\n\n<li>Screened-in porches<\/li>\n\n\n\n<li>Pergolas<\/li>\n\n\n\n<li>Outdoor kitchens<\/li>\n\n\n\n<li>Balconies<\/li>\n<\/ul>\n\n\n\n<p>No matter the size or layout, we\u2019ll create a solution that fits seamlessly into your home\u2019s design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Durable Materials Made to Last<\/h3>\n\n\n\n<p>Outdoor shades need to stand up to the elements, especially in a climate like Johns Creek. That\u2019s why we offer high-performance materials designed for durability and longevity.<\/p>\n\n\n\n<p>Our shades are built to resist:<\/p>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Fading from UV exposure<\/li>\n\n\n\n<li>Moisture and humidity<\/li>\n\n\n\n<li>Warping and cracking<\/li>\n\n\n\n<li>Everyday wear and tear<\/li>\n<\/ul>\n\n\n\n<p>You\u2019ll get a product that not only looks great but performs year after year.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Motorized Outdoor Shades for Effortless Control<\/h3>\n\n\n\n<p>Upgrade your outdoor space with motorized shades that combine convenience with modern design. With the push of a button\u2014or integration into your smart home\u2014you can raise or lower your shades instantly.<\/p>\n\n\n\n<p>Motorization is perfect for:<\/p>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Large outdoor areas<\/li>\n\n\n\n<li>Hard-to-reach installations<\/li>\n\n\n\n<li>Homeowners who want added convenience<\/li>\n\n\n\n<li>Creating a seamless indoor-outdoor experience<\/li>\n<\/ul>\n\n\n\n<p>It\u2019s an easy way to elevate both the function and feel of your outdoor living space.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">A Style That Matches Your Home<\/h3>\n\n\n\n<p>Outdoor shades should complement your home\u2014not clash with it. That\u2019s why we offer a wide selection of colors, fabrics, and openness levels.<\/p>\n\n\n\n<p>Whether you want to:<\/p>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Maximize your view while reducing glare<\/li>\n\n\n\n<li>Create a cozy, enclosed feel<\/li>\n\n\n\n<li>Match your existing exterior design<\/li>\n<\/ul>\n\n\n\n<p>We\u2019ll help you find the perfect balance between form and function.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Our Simple, Stress-Free Process<\/h3>\n\n\n\n<p>At Bumble Bee Blinds of Johns Creek, we make upgrading your outdoor space easy:<\/p>\n\n\n\n<p><strong>Free In-Home Consultation<\/strong><br>We come to you with samples and ideas tailored to your space.<\/p>\n\n\n\n<p><strong>Expert Recommendations<\/strong><br>Our team helps you choose the best materials, styles, and features for your needs.<\/p>\n\n\n\n<p><strong>Precise Measurements<\/strong><br>Every shade is custom-fit for a flawless look and performance.<\/p>\n\n\n\n<p><strong>Professional Installation<\/strong><br>We handle the entire installation process so everything works perfectly from day one.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Why Homeowners in Johns Creek Choose Bumble Bee Blinds<\/h3>\n\n\n\n<p>We\u2019re committed to delivering high-quality outdoor shade solutions with a personal touch. Homeowners trust us because we provide:<\/p>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Customized designs tailored to each home<\/li>\n\n\n\n<li>Premium products built for durability<\/li>\n\n\n\n<li>Professional, reliable service<\/li>\n\n\n\n<li>Attention to detail from start to finish<\/li>\n<\/ul>\n\n\n\n<p>We understand the local climate and lifestyle, which means we know how to create outdoor spaces that truly work for Johns Creek homeowners.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Make Your Outdoor Space Work for You<\/h3>\n\n\n\n<p>Your patio or porch should be a place you want to spend time\u2014not avoid because of heat, glare, or bugs. With custom outdoor shades from Bumble Bee Blinds of Johns Creek, you can turn any outdoor area into a comfortable, functional extension of your home.<\/p>\n\n\n\n<p><strong>Schedule your free consultation today and take the first step toward a more comfortable, stylish outdoor living space. Let Bumble Bee Blinds help you enjoy the outdoors on your terms.<\/strong><\/p>\n\n\n\n<section style=\"background-color: var(--wp--preset--color--light, #F4EFEA);\" class=\"faq-block-wrapper overflow-hidden wp-block-tailwind-boilerplate-faq-block has-background has-light-background-color\" id=\"faq-block-1\">\n    <div class=\"container grid lg:grid-cols-9 gap-4 py-section\">\n        <div class=\"lg:col-span-5\">\n            <!-- Use proper heading hierarchy -->\n            <h2 class=\"text-h2 text-black\">Your Questions, Answered<\/h2>\n\n            <!-- Use semantic HTML: dl (definition list) for Q&A pairs -->\n            <!-- Microdata removed - using JSON-LD only for schema -->\n            <dl class=\"mt-8 space-y-4\">\n                                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1674\"\n                                    data-faq-toggle=\"faq-block-1-faq-1674\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">What is the process for getting outdoor shades from Bumble Bee Blinds?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1674\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p>Our process is simple, we make it fun and easy!<\/p>\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Schedule your free in-home design consultation<\/li>\n\n\n<li>Your dedicated Design Consultant will discuss your vision, needs, and preferences<\/li>\n\n\n<li>Then, your Design Consultant will walk you through a variety of options of outdoor shades for your space<\/li>\n\n\n<li>Receive a detailed quote for materials and installation based on your unique design and measurements<\/li>\n\n\n<li>Professional installation by the Bumble Bee Blinds team for a precise fit<\/li>\n\n\n<li>Warranty coverage for your investment<\/li>\n\n<\/ul>\n\n\n<p>To get started, simply call <span class=\"location-shortcode\" data-shortcode=\"LocalPhone\"><a href=\"tel:6782702484\" class=\"hover:underline hover:!text-accent transition-colors inline\">(678) 270-2484<\/a><\/span> to schedule your free design consultation<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1670\"\n                                    data-faq-toggle=\"faq-block-1-faq-1670\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">What types of outdoor shades does Bumble Bee Blinds offer?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1670\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p>Bumble Bee Blinds offers outdoor patio shades for versatile outdoor coverage. We provide motorized and automated shades for convenient operation. We also offer exterior roller shades for flexible light control. Our design consultants will work with you every step of the way, providing expert guidance on all of the outdoor shade options available and help you determine a style that fits your vision, space, and needs.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1671\"\n                                    data-faq-toggle=\"faq-block-1-faq-1671\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">How do outdoor shades from Bumble Bee Blinds enhance outdoor living spaces?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1671\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p>Outdoor shades from Bumble Bee Blinds provide shade and privacy for outdoor areas. They help reduce glare, add privacy, and regulate temperature in your outdoor spaces. These shades allow comfortable outdoor enjoyment throughout the year.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1672\"\n                                    data-faq-toggle=\"faq-block-1-faq-1672\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">Are Bumble Bee Blinds&#8217; outdoor shades suitable for different architectural styles?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1672\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p>Outdoor shades from Bumble Bee Blinds complement modern minimalist exterior spaces with clean lines. They enhance homes by adding privacy and uv protection, allowing you to spend more time outdoors. We offer many different outdoor shade options in an array of colors. These shades also suit rustic farmhouse, industrial, and traditional architectural styles. To determine what type of outdoor shades best suit your space, work with one of our design consultants. Our experts will provide guidance in selecting the outdoor shades that best fit your needs and your home.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1673\"\n                                    data-faq-toggle=\"faq-block-1-faq-1673\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">How do outdoor shades from Bumble Bee Blinds contribute to energy efficiency?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1673\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p>Outdoor shades act as a barrier against direct sunlight, reducing heat gain. They help maintain cooler temperatures in outdoor and adjacent indoor areas. This can potentially lead to reduced reliance on air conditioning and energy savings.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                                <\/dl>\n        <\/div>\n\n                    <div class=\"lg:col-span-4 w-full\">\n                <div class=\"lg:!mt-12 flex flex-col justify-end order-first md:order-last\">\n                                            <a\n                            href=\"\/faqs\/\"\n                            class=\"text-accent-700 hover:text-primary font-bold underline text-right lg:mt-8 order-1 lg:order-2 transition-colors\"\n                            aria-label=\"View all FAQs: View All FAQs\">\n                            View All FAQs                        <\/a>\n                    \n                                                                        <img\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/11\/curtains-faq.webp\"\n                                alt=\"Your Questions, Answered\"\n                                class=\"lg:mt-12 h-full hidden md:block mt-8 w-auto relative -right-16 scale-110 order-2 lg:order-1\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                                                            <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n<style>\n    \/* Smooth max-height transition for accordion - required for proper animation *\/\n    .faq-answer {\n        transition: max-height 0.3s ease-in-out;\n    }\n\n    \/* Ensure phone links inside FAQ answers are inline, not flex *\/\n    .faq-answer a[href^=\"tel:\"],\n    .faq-answer .location-shortcode,\n    .faq-answer .location-shortcode a {\n        display: inline !important;\n        flex-direction: unset !important;\n        align-items: unset !important;\n        gap: unset !important;\n    }\n<\/style>\n\n\n<section class=\"testimonial-block-wrapper bg-accent wp-block-tailwind-boilerplate-testimonial-block\" id=\"testimonial-block-69e0030b2992d\">\n    <div class=\"container flex flex-col-reverse lg:flex-row items-center lg:items-end justify-center relative\">\n                    <!-- LEFT SIDE: Photo -->\n            <div class=\"relative h-full w-full lg:w-1\/2 flex justify-center lg:justify-start lg:items-end\">\n                                                            <img\n                            src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/themes\/tailwind-boilerplate\/assets\/f571d457e87f412555a3a8704c803ff555280dfe.png\"\n                            width=\"540\" height=\"540\"\n                            alt=\"Testimonial\"\n                            class=\"w-auto h-[320px] sm:h-[320px] lg:h-[540px] relative lg:absolute lg:left-1\/2 lg:-translate-x-1\/2\"\n                            loading=\"lazy\"\n                            decoding=\"async\" \/>\n                                                <\/div>\n        \n        <!-- RIGHT SIDE: Testimonial content -->\n                <div class=\"flex-1 text-center lg:pl-16 pt-8 lg:pt-component\">\n            <h3 class=\"text-h3 text-primary mb-4\">What People Are Buzzing About<\/h3>\n            <span class=\"block w-12 h-px bg-primary mx-auto mb-6\"><\/span>\n\n                            <div class=\"testimonial-trustindex-widget\">\n                    <style>\n                        .testimonial-block-wrapper .ti-widget .ti-reviews-container-wrapper {\n                            padding-top: 0px !important;\n                        }\n                    <\/style>\n                    <div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?cadaa1f624c0607f7766ea6c22c\"><\/div>                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ Make theme URI available to frontend.js\n    if (typeof window.testimonialThemeUri === 'undefined') {\n        window.testimonialThemeUri = 'https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/themes\/tailwind-boilerplate';\n    }\n\n    (function() {\n        function initCarousel() {\n            const blockId = 'testimonial-block-69e0030b2992d';\n            const block = document.getElementById(blockId);\n            if (!block) {\n                \/\/ If block not found, try again after a short delay\n                if (document.readyState === 'loading') {\n                    return;\n                }\n                \/\/ Use setTimeout as fallback for dynamically loaded content\n                setTimeout(initCarousel, 100);\n                return;\n            }\n\n            const carousel = block.querySelector('.testimonial-carousel');\n            if (!carousel) return;\n\n            const slides = carousel.querySelectorAll('.testimonial-slide');\n            const totalSlides = slides.length;\n\n            if (totalSlides <= 1) {\n                \/\/ If only one slide, ensure it's visible\n                if (slides.length === 1) {\n                    slides[0].classList.add('active');\n                }\n                return;\n            }\n\n            let currentSlide = 0;\n            let autoSwipeInterval = null;\n\n            const autoSwipe = false;\n            const autoTime = 1500;\n            const infinite = true;\n\n            const prevBtn = block.querySelector('.testimonial-prev');\n            const nextBtn = block.querySelector('.testimonial-next');\n\n            function showSlide(index) {\n                slides.forEach((slide, i) => {\n                    if (i === index) {\n                        slide.classList.add('active');\n                    } else {\n                        slide.classList.remove('active');\n                    }\n                });\n                updateButtonStates();\n            }\n\n            function updateButtonStates() {\n                if (!prevBtn || !nextBtn) return;\n\n                const canGoPrev = infinite || currentSlide > 0;\n                const canGoNext = infinite || currentSlide < totalSlides - 1;\n\n                prevBtn.disabled = !canGoPrev;\n                nextBtn.disabled = !canGoNext;\n            }\n\n            function goToNext() {\n                if (infinite || currentSlide < totalSlides - 1) {\n                    currentSlide = (currentSlide + 1) % totalSlides;\n                    showSlide(currentSlide);\n                }\n            }\n\n            function goToPrev() {\n                if (infinite || currentSlide > 0) {\n                    currentSlide = currentSlide === 0 ? totalSlides - 1 : currentSlide - 1;\n                    showSlide(currentSlide);\n                }\n            }\n\n            function startAutoSwipe() {\n                if (!autoSwipe) return;\n                stopAutoSwipe();\n                autoSwipeInterval = setInterval(() => {\n                    if (!infinite && currentSlide >= totalSlides - 1) {\n                        stopAutoSwipe();\n                        return;\n                    }\n                    goToNext();\n                }, autoTime);\n            }\n\n            function stopAutoSwipe() {\n                if (autoSwipeInterval) {\n                    clearInterval(autoSwipeInterval);\n                    autoSwipeInterval = null;\n                }\n            }\n\n            \/\/ Ensure first slide is visible immediately\n            showSlide(0);\n            if (autoSwipe) startAutoSwipe();\n\n            if (prevBtn) {\n                prevBtn.addEventListener('click', (e) => {\n                    e.preventDefault();\n                    goToPrev();\n                    if (autoSwipe) {\n                        stopAutoSwipe();\n                        startAutoSwipe();\n                    }\n                });\n            }\n\n            if (nextBtn) {\n                nextBtn.addEventListener('click', (e) => {\n                    e.preventDefault();\n                    goToNext();\n                    if (autoSwipe) {\n                        stopAutoSwipe();\n                        startAutoSwipe();\n                    }\n                });\n            }\n\n            if (autoSwipe) {\n                carousel.addEventListener('mouseenter', stopAutoSwipe);\n                carousel.addEventListener('mouseleave', startAutoSwipe);\n            }\n\n            carousel.setAttribute('tabindex', '0');\n            carousel.addEventListener('keydown', (e) => {\n                if (e.key === 'ArrowLeft') {\n                    e.preventDefault();\n                    goToPrev();\n                    if (autoSwipe) {\n                        stopAutoSwipe();\n                        startAutoSwipe();\n                    }\n                } else if (e.key === 'ArrowRight') {\n                    e.preventDefault();\n                    goToNext();\n                    if (autoSwipe) {\n                        stopAutoSwipe();\n                        startAutoSwipe();\n                    }\n                }\n            });\n        }\n\n        \/\/ Wait for DOM to be ready\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initCarousel);\n        } else {\n            \/\/ DOM already ready, but use requestAnimationFrame to ensure layout is complete\n            window.requestAnimationFrame(initCarousel);\n        }\n    })();\n<\/script>\n\n\n<section class=\"partners-gallery-wrapper bg-white py-component wp-block-tailwind-boilerplate-partners-gallery\" id=\"partners-gallery-69e0030b2a1f6\">\n    <div class=\"container flex flex-col lg:flex-row items-center gap-12\">\n        <div class=\"lg:w-1\/4 flex flex-col items-center lg:items-end text-center lg:text-right\">\n            <h3 class=\"text-h3 text-primary font-bold text-center lg:text-right\">Our Partners<\/h3>\n        <\/div>\n        <div class=\"hidden lg:block w-px h-24 bg-accent\"><\/div>\n        <div class=\"lg:w-3\/4 flex-1\">\n                            \n                                                        <div class=\"logo-carousel\"  data-component=\"logo-carousel\" data-slides-to-show=\"4\" data-slides-to-scroll=\"1\" data-infinite=\"false\" data-autoplay=\"true\" data-autoplay-speed=\"3000\" data-speed=\"300\" data-arrows=\"true\" data-dots=\"false\" data-tablet-slides=\"3\" data-mobile-slides=\"2\">\n                        <div class=\"logo-carousel-track\">\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/12\/alta-logo-blk.webp\" alt=\"Alta window fashions\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/12\/graber-delight-in-every-detail-2019-black6c.webp\" alt=\"Graber Delight in Every Detail\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/12\/horizons-logo.webp\" alt=\"Horizons Style That Makes a Statement\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/12\/luxhive-fashions-logo-fullcolor-2504180759325-scaled.webp\" alt=\"LuxeHive Fashions\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2026\/04\/614-6140584_hunter-douglas-logo5-neptune-software-logo-hd-png.png\" alt=\"614-6140584_hunter-douglas-logo5-neptune-software-logo-hd-png\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2026\/04\/ISR-logo08TransFlatCMYK.jpg\" alt=\"ISR-logo08TransFlatCMYK\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2026\/04\/Norman-logo_blue.png\" alt=\"Norman-logo_blue\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2026\/04\/universal_screens_llc_cover.jpeg\" alt=\"universal_screens_llc_cover\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                    <\/div>\n                        <button type=\"button\" class=\"logo-carousel-prev\" data-action=\"prev\" aria-label=\"Previous\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>                        <\/button>\n                        <button type=\"button\" class=\"logo-carousel-next\" data-action=\"next\" aria-label=\"Next\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/><\/svg>                        <\/button>\n                        <div class=\"logo-carousel-dots\"><\/div>\n                    <\/div>\n                \n                                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n\r\n<!-- CTA Banner Section -->\r\n<section class=\"cta-banner-block relative min-h-[400px] wp-block-tailwind-boilerplate-cta-banner\" id=\"section-cta-banner\">\r\n                        <img\r\n                src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/themes\/tailwind-boilerplate\/assets\/bbb-logo-stacked.svg\"\r\n                alt=\"Bumble Bee Blinds Logo\"\r\n                class=\"w-[93px] h-auto absolute -top-10 left-1\/2 -translate-x-1\/2 z-10\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\">\r\n            \r\n    <div class=\"absolute inset-0 overflow-hidden\">\r\n                    <img\r\n                src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/themes\/tailwind-boilerplate\/assets\/51e1d7e6eae2091cc3cc305ce680fdb7130883dd.png\"\r\n                alt=\"Stylish home interior\"\r\n                class=\"w-full h-full object-cover\"\r\n                style=\"min-height: 100%; min-width: 100%;\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\">\r\n                <div class=\"absolute inset-0 bg-primary opacity-90\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative container py-24 sm:py-32 text-center\">\r\n        <h2 class=\"!text-h1 !text-white\">Find Your Buzz-Worthy<br>Window Treatments<\/h2>\r\n\r\n                                <div class=\"cta-banner-content cta-overlay-primary mt-4 !text-white [&amp;_a:not([class*=&quot;btn&quot;])]:!text-[#F1A71E] [&amp;_a:not([class*=&quot;btn&quot;])]:underline [&amp;_a:not([class*=&quot;btn&quot;])]:!font-bold [&amp;_a:not([class*=&quot;btn&quot;])]:hover:!text-[#F1A71E]\">\r\n                \n<p><\/p>\n            <\/div>\r\n        \r\n                    <div class=\"mt-8\">\r\n                \n<div class=\"button-block-wrapper text-center wp-block-tailwind-boilerplate-button-block\">\n            <button\n            type=\"button\"\n            class=\"inline-block transition-colors duration-200 whitespace-nowrap btn-primary se-booking-show\"\n            role=\"button\">\n            Schedule Design Consultation        <\/button>\n    <\/div>            <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section class=\"brands-block-wrapper bg-white py-section wp-block-tailwind-boilerplate-brands-block\">\r\n    <div class=\"container flex flex-col lg:flex-row items-center gap-12\">\r\n        <div class=\"lg:w-1\/4 flex flex-col items-center lg:items-end text-center lg:text-right\">\r\n            <h3 class=\"text-h3 text-black text-center lg:text-right\">\r\n                Explore Our<br>\r\n                                    <img decoding=\"async\"\r\n                        src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/4c01e833fa6dcb45b590fca744756c80ff66fadb-scaled.webp\"\r\n                        alt=\"Family brand logo\"\r\n                        class=\"h-10 w-auto md:max-w-[200px] saturate-0 brightness-0 opacity-90\">\r\n                                Family Of Brands\r\n            <\/h3>\r\n        <\/div>\r\n        <div class=\"hidden lg:block w-px h-24 bg-accent\"><\/div>\r\n        <div class=\"lg:w-3\/4\">\r\n                            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-12 items-center\">\r\n                                                                                                <a href=\"https:\/\/www.ifoam.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"4e3d7e6e2dad4b8c49ece456502285a104e88afc\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/4e3d7e6e2dad4b8c49ece456502285a104e88afc.png\"\r\n                                    alt=\"4e3d7e6e2dad4b8c49ece456502285a104e88afc\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.gatsbyglass.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"69db73450dd84a86e21a86804f752faa27c09243\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/69db73450dd84a86e21a86804f752faa27c09243.webp\"\r\n                                    alt=\"69db73450dd84a86e21a86804f752faa27c09243\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.heroeslawncare.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"86a2ae1623576246404a255457c19a8b147c0a96\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/86a2ae1623576246404a255457c19a8b147c0a96.webp\"\r\n                                    alt=\"86a2ae1623576246404a255457c19a8b147c0a96\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.blingle.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"32548c7088784c731043db41e237eaeadb821d49\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/32548c7088784c731043db41e237eaeadb821d49.webp\"\r\n                                    alt=\"32548c7088784c731043db41e237eaeadb821d49\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.standstrongfencing.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"0932384c7fd26f3620f9ddf9f26767310b8a01f4\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/0932384c7fd26f3620f9ddf9f26767310b8a01f4.webp\"\r\n                                    alt=\"0932384c7fd26f3620f9ddf9f26767310b8a01f4\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.groovyhues.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"8314458a7a5f14fa4fe6d019090c7a39a0e13596\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/8314458a7a5f14fa4fe6d019090c7a39a0e13596.webp\"\r\n                                    alt=\"8314458a7a5f14fa4fe6d019090c7a39a0e13596\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.mightydogroofing.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"dde24360d0f310372afb42bf5def21f0c3b6c8cd\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/11\/dde24360d0f310372afb42bf5def21f0c3b6c8cd.webp\"\r\n                                    alt=\"dde24360d0f310372afb42bf5def21f0c3b6c8cd\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.varsityzone.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"Varsity Zone\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-content\/uploads\/2025\/12\/vz-logo-digital-black-primary.webp\"\r\n                                    alt=\"Varsity Zone\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","class_list":["post-440","window_solution","type-window_solution","status-publish","hentry"],"acf":[],"meta":{"_window_solution_url":"","_window_solution_order":0,"_window_solution_enabled":true,"_window_solution_description":"","_window_solution_buzzworthy_title":""},"_links":{"self":[{"href":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-json\/wp\/v2\/window-treatments\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-json\/wp\/v2\/window-treatments"}],"about":[{"href":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-json\/wp\/v2\/types\/window_solution"}],"version-history":[{"count":3,"href":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-json\/wp\/v2\/window-treatments\/440\/revisions"}],"predecessor-version":[{"id":448,"href":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-json\/wp\/v2\/window-treatments\/440\/revisions\/448"}],"wp:attachment":[{"href":"https:\/\/www.bumblebeeblinds.com\/johns-creek-ga\/wp-json\/wp\/v2\/media?parent=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}