andrew.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Andrew • Curator & Vintage Specialist</title>
  <meta name="description" content="Andrew sources and curates rare antiques, vintage pieces, and collectibles with authenticity and story.">
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>

  <header>
    <div class="container">
      <nav aria-label="Main navigation">
        <div class="logo">Andrew</div>
        <div class="nav-links">
          <a href="index.html">Home</a>
          <a href="#collections">Collections</a>
          <a href="#listings">Current Listings</a>
          <a href="#blog-teaser">Blog</a>
          <a href="#about">About</a>
          <a href="#contact">Contact</a>
          <!-- Site tree dropdown injected by sitemap-tree.js -->
        </div>
      </nav>
    </div>
  </header>

  <main>
    <section class="hero">
      <div class="container">
        <h1>Hey, I'm Andrew</h1>
        <p class="lead">
          I hunt down rare, storied antiques and vintage pieces.<br>
          Each one has history, character, and a place worth owning.
        </p>
        <div class="btn-group">
          <a href="#listings" class="btn">Browse Current Pieces</a>
          <a href="#contact" class="btn btn-outline">Inquire</a>
        </div>
      </div>
    </section>

    <section id="collections">
      <div class="container">
        <h2>Curated Categories</h2>
        <p>Hand-selected items from different eras and styles — always authentic, often restored with care.</p>
        <div class="grid">
          <div class="card">
            <h3>Mid-Century Modern</h3>
            <p>Teak, walnut, Eames-era furniture and decor — clean lines, timeless appeal.</p>
          </div>
          <div class="card">
            <h3>Victorian & Industrial</h3>
            <p>Brass clocks, ironwork, early 20th-century lighting — rich patina and detail.</p>
          </div>
          <div class="card">
            <h3>Art Deco & Vintage Lighting</h3>
            <p>Geometric glass, chrome, Bakelite — bold statement pieces that glow.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="listings">
      <div class="container">
        <h2>Current Listings</h2>
        <p>Available pieces — authenticated, priced fairly, ready to ship or pickup. Inquire for condition reports, additional photos, or shipping quotes.</p>
        <div class="grid">
          <div class="card">
            <img src="https://via.placeholder.com/600x400/111827/60a5fa?text=Teak+Sideboard+1960s" alt="Teak sideboard from 1960s">
            <h3>Teak Sideboard – Danish 1960s</h3>
            <p>Original finish, six drawers, solid teak, excellent condition. 72" wide.</p>
            <p class="price">$1,450</p>
            <a href="mailto:andrew@uniquitys.com?subject=Teak+Sideboard+Inquiry" class="btn">Inquire</a>
          </div>

          <div class="card">
            <img src="https://via.placeholder.com/600x400/111827/60a5fa?text=Victorian+Brass+Clock" alt="Victorian brass carriage clock">
            <h3>Victorian Brass Carriage Clock – Late 1800s</h3>
            <p>Working movement, etched glass panels, original key and case. Compact and elegant.</p>
            <p class="price">$780</p>
            <a href="mailto:andrew@uniquitys.com?subject=Victorian+Clock+Inquiry" class="btn">Inquire</a>
          </div>

          <div class="card">
            <img src="https://via.placeholder.com/600x400/111827/60a5fa?text=Art+Deco+Lamp+1930s" alt="Art Deco chrome and glass lamp">
            <h3>Art Deco Chrome & Glass Lamp – 1930s</h3>
            <p>Original Bakelite base, etched shade, fully rewired and tested. 18" tall.</p>
            <p class="price">$420</p>
            <a href="mailto:andrew@uniquitys.com?subject=Art+Deco+Lamp+Inquiry" class="btn">Inquire</a>
          </div>

          <div class="card">
            <img src="https://via.placeholder.com/600x400/111827/60a5fa?text=Industrial+Iron+Mirror" alt="Industrial forged iron wall mirror">
            <h3>Industrial Iron Wall Mirror – Early 1900s</h3>
            <p>Heavy forged frame, original beveled glass, perfect for loft or modern space. 36" x 48".</p>
            <p class="price">$890</p>
            <a href="mailto:andrew@uniquitys.com?subject=Industrial+Mirror+Inquiry" class="btn">Inquire</a>
          </div>

          <!-- More listings can be added here -->
        </div>
      </div>
    </section>

    <section id="blog-teaser">
      <div class="container">
        <h2>Blog – Coming Soon</h2>
        <p>Stories, history, restoration tips, and behind-the-scenes from the world of antiques.</p>
        <p>We're putting the finishing touches on the blog — check back soon for posts about sourcing, care, and the stories behind the pieces.</p>
        <div class="btn-group">
          <a href="#" class="btn btn-outline disabled">Blog (Coming Soon)</a>
        </div>
      </div>
    </section>

    <section id="about">
      <div class="container">
        <h2>About Andrew</h2>
        <p>I've spent years traveling to auctions, estates, and private collections to find pieces with real soul — not mass-produced replicas.</p>
        <p>Every item I offer is authenticated, carefully restored when needed, and priced fairly. Whether you're furnishing a home or building a serious collection, I help you find things that matter.</p>
      </div>
    </section>

    <section id="contact">
      <div class="container">
        <h2>Interested in a Piece?</h2>
        <p>Questions about availability, shipping, restoration, or custom sourcing? Reach out — I'll reply quickly with details or additional photos.</p>

        <form id="contactForm">
          <label for="name">Name</label>
          <input type="text" id="name" name="name" placeholder="Your name" required>

          <label for="email">Email</label>
          <input type="email" id="email" name="email" placeholder="your@email.com" required>

          <label for="message">What are you looking for?</label>
          <textarea id="message" name="message" placeholder="Piece type, era, budget, or specific item you're hunting..." rows="5" required></textarea>

          <button type="submit" class="btn">Send Message</button>
        </form>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <p>© <span id="year"></span> Andrew. Sourced with care.</p>
    </div>
  </footer>

  <script src="js/sitemap-tree.js" defer></script>
  <script>
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>