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/south-riding/south-store.webp" alt="Frederick Store.webp"></div>
<div class="image-text-section">
<div class="text-container">
<h1>Visit Our South Riding, VA Showroom</h1>
<p>Your most trusted home and kitchen appliance store is on its way to South Riding, Virginia! Step into our showroom to find the latest must-have appliances, whether you&rsquo;re looking for luxurious brands like <a href="/subzero">Sub-Zero</a> and <a href="/monogram">Monogram </a>or prefer reliable and affordable options like <a href="/ge-appliances ">GE</a> and <a href="/whirlpool">Whirlpool</a> - we have what you need. Additionally, we offer <a href="/remodeling">kitchen remodeling services</a>, so you can bring your dream kitchen to life. If you need help fixing an appliance, explore <a href="/repair">appliance repair services</a>.</p>
<p>Find us in the Dulles Landing Shopping Center next to Ulta and across from Walmart.</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 class="reward1" src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/south-riding/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/south-riding/south-slide-1.webp" alt="south-slide-1"></div>
<div class="store-carousel-item"><img src="https://cdn.nmg-platform.com/brayandscarff/locations-pages/south-riding/south-slide-2.webp" alt="south-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 Sterling, Virginia appliance store and kitchen remodeler offering the best deals on refrigerators, ranges, ovens, and more. Learn more!

Best Appliance Store & Kitchen Remodelers in South Riding, VA | 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

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

South Riding

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.
