Alexandria

Bray & Scarff Appliance & Kitchen Specialists Location Detail

LocationsDetailsPage

  * {
        box-sizing: border-box;
      }
      .header {
        max-width: 1600px;
        margin: 0 auto;
      }
      .header img {
        width: 100%;
        height: auto;
      }
      .image-text-section {
        max-width: 1600px;
        margin: 1rem auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
      }

      .image-text-section .text-container {
        padding: 0 1rem;
        display: flex;
        flex-direction: column;
        justify-content: start;
        text-align: justify;
        & a {
          width: fit-content;
        }
        & h1 {
          color: #e41d25;
        }
      }
      .image-text-section .image-container {
        padding: 0 1rem;
      }

      .buttons-container {
        align-self: baseline;
        width: 100%;
        display: grid;
        gap: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
      }

      .buttons-container > div {
        text-align: center;
        display: flex;
        justify-content: center;
      }

      .buttons-container .v2 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.3rem 2rem;
        text-decoration: none;
        border-radius: 0.5rem;
        border: 1.5px solid #e41d25;
        color: black;
        text-align: center;
        line-height: 22px;
        background-color: white;
        transition: 0.2s ease-in-out all;
        font-size: clamp(0.5rem, 0.7rem, 2rem);
        height: 100%;
        width: 100%;
      }
      .buttons-container .v2:hover {
        background-color: #e41d25;
        color: white;
        border: 1px solid #e41d25;
      }
      .rewards {
        display: flex;
        justify-content: space-around;
        min-height: 3rem;
        gap: 1rem;
        & img {
          max-width: 100%;
        }
      }
      .reward1 {
        max-height: 4rem;
      }
      /*SLIDERS*/
      .store-carousel {
        display: block;
        position: relative;
        width: 100%;
        max-height: 25rem;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 auto;
      }

      .store-carousel-wrapper {
        transition: transform 0.5s ease;
        width: 100%;
        display: flex;
      }

      .store-carousel-item {
        min-width: 100%;
        padding: 2rem 0;

        text-align: center;
      }
      .store-carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .carousel-btn {
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgb(255, 255, 255);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 100;
        border-radius: 50%;
      }
      .arrow {
        display: block;
        width: 15px;
        height: 15px;
        border-top: 2px solid #0000009b;
        border-right: 2px solid #0000009b;
      }
      .arrow-right {
        margin-right: 5px;
        transform: rotate(45deg);
      }
      .arrow-left {
        margin-left: 5px;
        transform: rotate(-135deg);
      }
      .arrow-left:hover {
        border-right-color: rgb(0, 0, 0);
      }

      .arrow-right:hover {
        border-left-color: rgb(0, 0, 0);
      }
      .carousel-btn.prev {
        left: 10px;
      }

      .carousel-btn.next {
        right: 10px;
      }

      /* Indicators */
      .store-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 5px;
        z-index: 1000;
      }

      .store-indicators div {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: black;
        cursor: pointer;
      }

      .store-indicators .active {
        background-color: #e41d25;
      }
      @media screen and (max-width: 900px) {
        .image-text-section .text-container {
          order: 1;
          & h1 {
            text-align: center;
          }
          & p {
            text-align: justify;
          }
        }
        .image-text-section .image-container {
          order: 2;
          text-align: center;
          margin-top: 1rem;
          & img {
            width: 100%;
          }
        }
      }

<div class="main-container">
<div class="header"><img src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/bowie/bowie-store.webp" alt="bowie-store.webp"></div>
<div class="image-text-section">
<div class="text-container">
<h1>Visit Our Bowie, MD Showroom</h1>
<p>Visit the Bowie store to explore a range of GE Profile appliances, including a double wall oven, electric slide-in range, and KCup refrigerator featuring a Keurig Brewing System. We also have a Monogram live kitchen featuring a gas range, induction cooktop, dishwasher, French door refrigerator, and icemaker.</p>
<p>Our Bowie store offers full kitchen remodeling services with an expert designer on staff. Our selection of appliances range from economical to luxury brands, with some commercial models.</p>
<p>Find us in the Bowie Town Center near the Bank of America towards the back of the building.</p>
<div class="buttons-container">
<div><a class="v2" href="/rebates">Shop all rebates<br>and promotions</a></div>
<div><a class="v2" href="/contact-us">Contact us for and in-store<br>Consultation</a></div>
<div><a class="v2" href="/remodeling">Looking to remodel ?<br>See how we can help</a></div>
</div>
</div>
<div class="image-container">
<div class="rewards">
<div><img src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/bowie/google-4_8.webp" alt="Google Reviews"></div>
<div><img src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/bowie/facebook-4_9.webp" alt="facebook Reviews"></div>
<div><img class="reward1" src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/bowie/badge_49_8@2x.webp" alt="reward 1"></div>
<div><img src="https://seal-dc-easternpa.bbb.org/gen-seals/img.png?bid=4068&amp;w=200&amp;h=65&amp;color=blue&amp;v=2&amp;chk=23755432DA" alt="reward 2"></div>
</div>
<div id="store-carousel" class="store-carousel">
<div class="store-carousel-wrapper">
<div class="store-carousel-item"><img src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/bowie/bowie-slide-1.webp" alt="bowie-slide-1"></div>
<div class="store-carousel-item"><img src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/bowie/bowie-slide-2.webp" alt="bowie-slide-2"></div>
</div>
<button id="store-carousel-prev" class="carousel-btn prev"> <span class="arrow arrow-left"></span> </button> <button id="store-carousel-next" class="carousel-btn next"> <span class="arrow arrow-right"></span> </button>
<div id="store-carousel-indicators" class="store-indicators">.</div>
</div>
</div>
</div>
</div>

     class MobileCarousel {
        constructor(
          carousel,
          wrapper,
          item,
          next,
          prev,
          indicator,
          autoslide,
          slideTime
        ) {
          this.mobileCarousel = document.getElementById(carousel);
          this.mobileCarouselWrapper =
            this.mobileCarousel.querySelector(wrapper);
          this.mobileCarouselItems = this.mobileCarousel.querySelectorAll(item);
          this.mobileNextButton = document.getElementById(next);
          this.mobilePrevButton = document.getElementById(prev);
          this.mobileIndicators = document.getElementById(indicator);
          this.autoslide = autoslide;
          this.slideTime = slideTime;

          this.mobileCurrentIndex = 0;
          this.startX = 0;
          this.endX = 0;
          this.autoSlideInterval = null;

          this.initCarousel();
        }

        initCarousel() {
          this.mobileCarousel.addEventListener("touchstart", (event) =>
            this.handleTouchStart(event)
          );
          this.mobileCarousel.addEventListener("touchmove", (event) =>
            this.handleTouchMove(event)
          );
          this.mobileCarousel.addEventListener("touchend", () =>
            this.handleSwipe()
          );

          this.mobileNextButton.addEventListener("click", () =>
            this.handleNextButtonClick()
          );
          this.mobilePrevButton.addEventListener("click", () =>
            this.handlePrevButtonClick()
          );

          if (this.autoslide) {
            this.startAutoSlide();
          }
          this.updateCarousel();
        }

        startAutoSlide() {
          this.autoSlideInterval = setInterval(() => {
            this.handleNextButtonClick();
          }, this.slideTime); // Change slides every 1000 milliseconds
        }

        stopAutoSlide() {
          clearInterval(this.autoSlideInterval);
        }

        handleTouchStart(event) {
          this.startX = event.touches[0].clientX;
          if (this.autoslide) {
            this.stopAutoSlide();
          }
          // Stop auto slide when user interacts
        }

        handleTouchMove(event) {
          this.endX = event.touches[0].clientX;
        }

        handleSwipe() {
          if (this.startX - this.endX > 50) {
            // Swiped left
            this.mobileCurrentIndex =
              (this.mobileCurrentIndex + 1) % this.mobileCarouselItems.length;
          } else if (this.endX - this.startX > 50) {
            // Swiped right
            this.mobileCurrentIndex =
              (this.mobileCurrentIndex - 1 + this.mobileCarouselItems.length) %
              this.mobileCarouselItems.length;
          }
          this.updateCarousel();
          this.startAutoSlide(); // Restart auto slide after user interaction
        }

        handleNextButtonClick() {
          this.mobileCurrentIndex =
            (this.mobileCurrentIndex + 1) % this.mobileCarouselItems.length;
          this.updateCarousel();
        }

        handlePrevButtonClick() {
          this.mobileCurrentIndex =
            (this.mobileCurrentIndex - 1 + this.mobileCarouselItems.length) %
            this.mobileCarouselItems.length;
          this.updateCarousel();
        }

        updateCarousel() {
          const itemWidth = this.mobileCarouselItems[0].clientWidth;
          const offset = -itemWidth * this.mobileCurrentIndex;
          this.mobileCarouselWrapper.style.transform = `translateX(${offset}px)`;
          this.updateIndicators();
        }

        updateIndicators() {
          this.mobileIndicators.innerHTML = "";
          this.mobileCarouselItems.forEach((_, index) => {
            const mobileIndicator = document.createElement("div");
            if (index === this.mobileCurrentIndex) {
              mobileIndicator.classList.add("active");
            }
            mobileIndicator.addEventListener("click", () => {
              this.mobileCurrentIndex = index;
              this.updateCarousel();
              this.stopAutoSlide(); // Stop auto slide when user clicks indicator
              this.startAutoSlide(); // Restart auto slide after interaction
            });
            this.mobileIndicators.appendChild(mobileIndicator);
          });
        }
      } 
new MobileCarousel(
          "store-carousel",
          ".store-carousel-wrapper",
          ".store-carousel-item",
          "store-carousel-next",
          "store-carousel-prev",
          "store-carousel-indicators",
          true,
          6000
        );

We are your local Bowie, Maryland appliance store and kitchen remodeler offering the best deals on refrigerators, ranges, ovens, and more. Learn more!

Best Appliance Store & Kitchen Remodelers in Bowie, MD | Bray & Scarff

Appliances

Refrigeration

Washers & Dryers

Dishwashers

Ranges

Microwaves

Wall Ovens

Cooktops

Disposals

Trash Compactors

Hoods

Outdoor Cooking

Cooking

Shop by Brand

Remodeling

Kitchen Remodeling

Countertops

Cabinets

Image Gallery

Our Blog

Virtual Designer

Helpful Links

Current Rebates

Promotions

Outlet Center

Financing Options

Repair Services

Sale Terms / Refund Policy

Epic Warranty Terms and Conditions

Our Stores

About Us

Find A Location

Contact Us

Careers

Bowie

Shop <%categories%> in <%town_name%> at <%site_name%>.

<%store_name%> in <%town_name%> <%sep%> <%site_name%>

default_meta_description

default_meta_title

site_name

store_name

title

town_name

Bray & Scarff Appliance & Kitchen Specialists

Explore the best selling appliances at Bray! Discover our best sellers, including washers, dryers, dishwasher, and more. Upgrade your home today.
