/** Shopify CDN: Minification failed

Line 15:0 Unexpected "{"
Line 15:1 Expected identifier but found "%"
Line 17:61 Expected identifier but found whitespace
Line 18:1 Expected identifier but found "%"
Line 20:0 Unexpected "<"
Line 346:1 Expected identifier but found "%"
Line 347:0 Unexpected "{"
Line 348:2 Expected identifier but found "\"name\""
Line 356:0 Unexpected "{"
Line 356:1 Expected identifier but found "%"

**/
{% comment %}
  VoltNest™ Landing Section
  Add this section to your home page in the theme customizer.
{% endcomment %}

<div class="volt-nest-landing">

  <!-- CUSTOM NAVBAR -->
  <header class="navbar">
    <div class="container navbar-inner">
      <div class="nav-logo">
        <div class="logo-mark">VN</div>
        <div>
          <div style="font-weight:600;font-size:0.95rem;">VoltNest</div>
          <div style="font-size:0.74rem;color:#9ca3af;">Smart home gadgets that pay for themselves</div>
        </div>
      </div>
      <nav class="nav-links">
        <a href="#products">Products</a>
        <a href="#how">How it works</a>
        <a href="#reviews">Reviews</a>
        <a href="#faq">FAQ</a>
      </nav>
      <div class="nav-cta">
        <button class="btn-outline">Track order</button>
        <button class="btn">Shop best-sellers</button>
      </div>
    </div>
  </header>

  <!-- MAIN CONTENT -->
  <main>
    <section class="hero">
      <div class="container hero-grid">
        <div>
          <div class="hero-eyebrow">
            <div class="badge">
              <span class="dot"></span>
              <span>Over 120,000 happy homes</span>
            </div>
          </div>
          <h1 class="hero-title">
            Turn any home into a <span class="accent">smart, efficient nest</span> in one delivery.
          </h1>
          <p class="hero-subtitle">
            VoltNest curates viral home gadgets that actually save time, power and frustration.
            No tools, no electricians, no ugly plastic junk—just plug-and-play upgrades that feel premium.
          </p>
          <div class="hero-cta-row">
            <button class="btn">Shop limited-time bundle</button>
            <button class="btn btn-outline">View energy-saving picks</button>
          </div>
          <div class="hero-meta">
            <div><strong>30-day test drive</strong><br/>Try any gadget at home, risk-free.</div>
            <div><strong>Free US shipping</strong><br/>On orders over $49.</div>
            <div><strong>2-year warranty</strong><br/>Included on every product.</div>
          </div>
        </div>
        <aside class="hero-card">
          <div class="hero-card-header">
            <div>
              <div style="font-size:0.8rem;color:#9ca3af;">Tonight only</div>
              <div class="hero-price">$89 <span>VoltNest Starter Kit</span></div>
            </div>
            <div class="badge">
              <span class="dot"></span><span>Save 42%</span>
            </div>
          </div>
          <ul>
            <li><span class="check">✓</span> 3 best-selling smart plugs</li>
            <li><span class="check">✓</span> 2 motion-night lights (auto on/off)</li>
            <li><span class="check">✓</span> 1 surge-protected power hub</li>
            <li><span class="check">✓</span> App-free – works out of the box</li>
          </ul>
          <button class="btn" style="width:100%;margin-bottom:0.6rem;">Add starter kit to cart</button>
          <div class="hero-card-footer">
            🔒 256-bit secure checkout · 🚚 Ships in 24 hours · ⭐ 4.8 / 5 average rating
          </div>
        </aside>
      </div>
    </section>

    <section class="section" id="products">
      <div class="container">
        <div class="section-header">
          <div class="section-kicker">Best-sellers</div>
          <h2 class="section-title">Home upgrades that feel like cheating</h2>
          <p class="section-subtitle">
            Every product is vetted for build quality, ease of use, and “why didn’t I buy this sooner?” effect.
          </p>
        </div>

        <div class="products-grid">
          <article class="product-card">
            <div class="product-media">
              <span class="product-tag">#1 Smart Plug</span>
              <div style="height:180px;background:radial-gradient(circle at top,#22c55e33,#0f172a);border-radius:1rem;"></div>
            </div>
            <div class="product-body">
              <div class="product-title">VoltNest SensePlug™ – Energy Smarter Outlet</div>
              <div class="product-desc">
                Track usage, set timers and auto-kill phantom power with one tap. Works with any outlet, no hub needed.
              </div>
              <div class="product-meta">
                <div class="product-price-main">$24<span class="old">$39</span></div>
                <div class="product-price-note">Avg. $11/mo energy savings</div>
              </div>
            </div>
            <div class="product-footer">
              <button class="btn" style="width:100%;">Add to cart</button>
            </div>
          </article>

          <article class="product-card">
            <div class="product-media">
              <span class="product-tag">Trending</span>
              <div style="height:180px;background:radial-gradient(circle at top,#38bdf833,#0f172a);border-radius:1rem;"></div>
            </div>
            <div class="product-body">
              <div class="product-title">GlowPath™ Motion Night Lights (4-Pack)</div>
              <div class="product-desc">
                Hallway and bathroom lights that greet your feet—no more blinding overheads at 3AM.
              </div>
              <div class="product-meta">
                <div class="product-price-main">$32<span class="old">$49</span></div>
                <div class="product-price-note">Installs in 5 seconds</div>
              </div>
            </div>
            <div class="product-footer">
              <button class="btn" style="width:100%;">Add to cart</button>
            </div>
          </article>

          <article class="product-card">
            <div class="product-media">
              <span class="product-tag">New</span>
              <div style="height:180px;background:radial-gradient(circle at top,#f9731633,#0f172a);border-radius:1rem;"></div>
            </div>
            <div class="product-body">
              <div class="product-title">CableDock™ Magnetic Charging Station</div>
              <div class="product-desc">
                One dock for phones, earbuds and watches – with a clean, hidden cable channel that kills clutter.
              </div>
              <div class="product-meta">
                <div class="product-price-main">$44<span class="old">$69</span></div>
                <div class="product-price-note">Pairs with all major brands</div>
              </div>
            </div>
            <div class="product-footer">
              <button class="btn" style="width:100%;">Add to cart</button>
            </div>
          </article>
        </div>

        <div class="stats-row">
          <div class="stat-pill">⚡ 73% of customers place a second order within 60 days</div>
          <div class="stat-pill">💡 Average customer saves 5+ hours/month on tiny annoyances</div>
          <div class="stat-pill">🌍 Recyclable packaging + low-waste logistics</div>
        </div>
      </div>
    </section>

    <section class="section" id="how">
      <div class="container">
        <div class="section-header">
          <div class="section-kicker">How it works</div>
          <h2 class="section-title">From “annoying” to “automated” in three steps</h2>
          <p class="section-subtitle">
            No subscriptions, no confusing apps, no smart-home PhD required. Just small gadgets with big impact.
          </p>
        </div>
        <div class="features-grid">
          <div class="feature-card">
            <div class="feature-icon">1</div>
            <div class="feature-title">Pick what actually fixes your pain points</div>
            <div class="feature-body">
              Night trips, messy cables, power waste—we match gadgets to real-life problems, not just aesthetics.
            </div>
          </div>
          <div class="feature-card">
            <div class="feature-icon">2</div>
            <div class="feature-title">Delivery in days, install in minutes</div>
            <div class="feature-body">
              Plug it in, peel the strip, or drop it on your desk. If it needs a manual, it doesn’t make the cut.
            </div>
          </div>
          <div class="feature-card">
            <div class="feature-icon">3</div>
            <div class="feature-title">Live with it for 30 days, or send it back</div>
            <div class="feature-body">
              Try it in your actual routine. If it doesn’t feel like magic, we refund—no questions, no return shipping games.
            </div>
          </div>
        </div>

        <div class="guarantee-row">
          <div class="guarantee-card">
            <strong>30-Day “Feels Like Magic” Guarantee</strong><br/>
            If you don’t catch yourself thinking “wait, that was easier than usual” at least once a day, we don’t want your money.
          </div>
          <div class="guarantee-card">
            <strong>Break It, We Replace It</strong><br/>
            2-year no-drama warranty. If it stops doing its job under normal use, we send a replacement free.
          </div>
        </div>
      </div>
    </section>

    <section class="section" id="reviews">
      <div class="container">
        <div class="section-header">
          <div class="section-kicker">Real homes, real upgrades</div>
          <h2 class="section-title">Why customers keep rebuilding their house with VoltNest</h2>
          <p class="section-subtitle">
            From studio apartments to five-bedroom family homes, small changes compound fast.
          </p>
        </div>

        <div class="testimonials-grid">
          <article class="testimonial-card">
            <div class="testimonial-header">
              <div>
                <div class="testimonial-name">Jenna K.</div>
                <div class="testimonial-role">Denver, CO – Night owl nurse</div>
              </div>
              <div class="stars">★★★★★</div>
            </div>
            <p>
              GlowPath lights alone fixed 90% of my late-night annoyance. No more “full stadium lighting”
              in the hallway just to grab water.
            </p>
          </article>
          <article class="testimonial-card">
            <div class="testimonial-header">
              <div>
                <div class="testimonial-name">Daniel R.</div>
                <div class="testimonial-role">Austin, TX – Works from home</div>
              </div>
              <div class="stars">★★★★★</div>
            </div>
            <p>
              SensePlug cut my phantom power and quietly paid for itself. I hardly think about it, but my bill went down ~15%.
            </p>
          </article>
          <article class="testimonial-card">
            <div class="testimonial-header">
              <div>
                <div class="testimonial-name">The Morales Family</div>
                <div class="testimonial-role">Phoenix, AZ – 3 kids, 2 dogs</div>
              </div>
              <div class="stars">★★★★☆</div>
            </div>
            <p>
              We keep reordering. First lights, then cables, then hub. It’s weirdly satisfying when everything just works.
            </p>
          </article>
        </div>
      </div>
    </section>

    <section class="section" id="faq">
      <div class="container">
        <div class="section-header">
          <div class="section-kicker">Questions</div>
          <h2 class="section-title">FAQ</h2>
          <p class="section-subtitle">
            Quick answers before you hit “Add to Cart”.
          </p>
        </div>
        <div class="faq-grid">
          <div class="faq-item">
            <div class="faq-q">Do I need an app or hub for these gadgets?</div>
            <div class="faq-a">
              No. Every VoltNest product works out of the box with simple controls. A few items optionally integrate with
              Alexa/Google, but it’s never required.
            </div>
          </div>
          <div class="faq-item">
            <div class="faq-q">What if it doesn’t work well in my house?</div>
            <div class="faq-a">
              You have 30 days to live with it. If it’s not making life easier, we’ll refund your order after a short video
              or photo so we can improve.
            </div>
          </div>
          <div class="faq-item">
            <div class="faq-q">How long does shipping take?</div>
            <div class="faq-a">
              US orders arrive in 3–6 business days. We ship from US-based warehouses with tracking from checkout to doorstep.
            </div>
          </div>
          <div class="faq-item">
            <div class="faq-q">Can I order for multiple rooms at once?</div>
            <div class="faq-a">
              Yes, and most customers do. Our bundles auto-discount at checkout so you can kit out multiple rooms in one go.
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="cta">
      <div class="container">
        <div class="cta-box">
          <h2 class="cta-title">Ready to make your home quietly smarter?</h2>
          <p class="cta-subtitle">
            Start with the VoltNest Starter Kit and feel the “oh wow, that’s nicer” effect the first night. If it doesn’t
            impress you, you don’t pay.
          </p>
          <div class="cta-row">
            <button class="btn">Get the Starter Kit</button>
            <button class="btn btn-outline">Browse all gadgets</button>
          </div>
        </div>
      </div>
    </section>
  </main>

  <!-- CUSTOM FOOTER (INSIDE SECTION BODY) -->
  <footer class="footer">
    <div class="container footer-inner">
      <div>© VoltNest. All rights reserved.</div>
      <div class="footer-links">
        <a href="#">Privacy</a>
        <a href="#">Terms</a>
        <a href="#">Refund policy</a>
      </div>
    </div>
  </footer>

</div>

{% schema %}
{
  "name": "VoltNest landing",
  "settings": [],
  "presets": [
    {
      "name": "VoltNest landing"
    }
  ]
}
{% endschema %}