---
layout: base.njk
metaDesc: "Demo eCommerce website by Derek L. Seitz - dlseitz.dev"
title: "Landing - Bloom Valley Nursery Demo"
stylesheet: 
    - "/styles/variables.css"
    - "/styles/base.css"
    - "/styles/header-footer.css"
    - "/styles/index.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
currentPage: "index"
pageScripts:
    - "/scripts/script.js"
    - "/scripts/cart.js"
    - "/scripts/newsletter.js"
---

<!-- Main Content Section -->

      <aside id="left-aside">
        <div id="perks-feature-container" aria-label="Reasons for Shopping With Bloom Valley Nursery">
          <h2 id="perks-heading">Shopper Perks</h2>
          <div class="perk-item" aria-label="Perk">
            <h3>- 50% Off Deal -</h3>
            <p>New subscribers to our newsletter this month will receive a coupon for 50% off their first purchase! Click here for details! Terms and conditions apply.</p>
          </div>
          <div class="perk-item" aria-label="Perk">
            <h3>Exceptional Quality</h3>
            <p>Every plant is carefully cultivated from seed or bulb to maturity, offering you vibrant, healthy specimens.</p>
          </div>
          <div class="perk-item" aria-label="Perk">
            <h3>Expert Guidance</h3>
            <p>Our knowledgeable team is here to help, from selecting the perfect plants to offering planting tips.</p>
          </div>
          <div class="perk-item" aria-label="Perk">
            <h3>Eco-Friendly Practices</h3>
            <p>We prioritize sustainability by using environmentally conscious growing methods, so you can feel good about your choices.</p>
          </div>
        </div>
        <div id="testimonials-feature" aria-label="Customer Testimonials About Their Experience With Bloom Valley Nursery.">
          <h2>What Others Say</h2>
          <div class="testimonial-container">
            <div class="testimonial" aria-label="Customer Testimonial.">
              <p>"My order arrived the very next day. The speed of delivery and high-quality products provided by Bloom Valley Nursery helped my project go smoothly from start to finish!"</p>
              <h3>- Caroline N.</h3>
            </div>
            <div class="testimonial" aria-label="Customer Testimonial.">
              <p>"Thanks to the Gardening 101 Workshop with Bethany and Bloom Valley Nursery's amazing line of products, I won 'Best Azaleas' at the 2024 Royal Horticultural Society's American Cup!"</p>
              <h3>- Morris F.</h3>
            </div>
            <div class="testimonial" aria-label="Customer Testimonial.">
              <p>"Bloom Valley Nursery's community garden inspired me take charge of my health. I was able to lose 50 pounds!"</p>
              <h3>- Gladis B.</h3>
            </div>
          </div> </div>
        </aside>
        <!--<div id="featured-images">
  <div class="featured-item">
    <img src="image1.jpg" alt="Feature 1">
  </div>-->
        <section id="featured-container" aria-label="Featured items of the week">
        <h2> This Week's Featured Items</h2>
        <ul id="featured-images" aria-label="Images of this week's featured items">
          <li><a href="/gallery/" id="featured-aloe-plant">
            <img src="images/indoor/AloePlant.png" alt="An Aloe Vera plant in a turquoise ceramic planter." class="featured-item">Aloe Vera / Turquoise Planter</a></li>
          <li><a href="/gallery/" id="featured-bird-house">
            <img src="images/accessories/BirdHouse.png" alt="A handmade wooden birdhouse painted blue." class="featured-item">Handmade Wooden Birdhouse - Blue</a></li>
          <li><a href="/gallery/" id="featured-apple-tree">
            <img src="images/trees/AppleTree.png" alt="A Red Gala apple sapling in a burlap wrap." class="featured-item">Red Gala Apple Sapling - Burlap Bound</a></li>
          <li><a href="/gallery/" id="featured-potting-soil"> 
            <img src="images/accessories/PottingSoil.png" alt="A 10 lbs bag of potting soil." class="featured-item">Potting Soil - 10 lbs Bag</a></li>
          <li><a href="/gallery/" id="featured-spider-plant">
            <img src="images/indoor/SpiderPlant.png" alt="A Spider plant in a light gray ceramic planter." class="featured-item">Spider Plant / Light Gray Planter</a></li>
          <li><a href="/gallery/" id="featured-birch-tree">
            <img src="images/trees/BirchTree.png" alt="A Silver Birch sapling in a disposable plastic container." class="featured-item">Silver Birch Sapling - Containerized</a></li>
          <li><a href="/gallery/" id="featured-watering-can">
            <img src="images/accessories/WateringCan.png" alt="A blue painted aluminum watering can." class="featured-item">Painted Aluminum Watering Can - Blue</a></li>
          <li><a href="/gallery/" id="featured-string-of-pearls">
            <img src="images/indoor/StringofPearls.png" alt="String-of-pearls plant in hanging white ceramic planter." class="featured-item">String-of-Pearls Plant / Hanging White Planter</a></li>
          <li><a href="/gallery/" id="featured-maple-tree">
            <img src="images/trees/MapleTree.png" alt="A Japanese Maple sapling in a burlap wrap." class="featured-item">Japanese Maple Sapling - Burlap Bound</a></li>
        </ul>
      </section>
      <aside id="right-aside">
        <div id="category-nav-container" aria-label="Available Product Categories">
          <h2>Shop by Category</h2>
          <div class="categories">
            <ul>
              <li><a href="/gallery/?category=trees#" class="cat-btn">Trees</a></li>
                <li><a href="/gallery/?category=shrubs#" class="cat-btn">Shrubs</a></li>
                <li><a href="/gallery/?category=indoor#" class="cat-btn">Indoor</a></li>
                <li><a href="/gallery/?category=patio#" class="cat-btn">Patio</a></li>
                <li><a href="/gallery/?category=tools#" class="cat-btn">Tools</a></li>
                <li><a href="/gallery/?category=accessories#" class="cat-btn">Accessories</a></li>
                <li><a href="/gallery/?category=landscaping#" class="cat-btn">Landscaping</a></li>
              </ul>
          </div>
        </div>
      </aside>
      <!-- Content specific to this page goes here -->