/* eslint-disable */
function Footer() {
  return (
    <footer className="foot">
      <div className="foot-news">
        <div className="eyebrow light">VIP CLUB</div>
        <h2 className="foot-h"><em>$15 off</em> your first order.</h2>
        <p className="foot-sub">Plus early access to drops, secret sales, and birthday gifts. Unsubscribe anytime.</p>
        <form className="foot-form" onSubmit={e => e.preventDefault()}>
          <input type="email" placeholder="your@email.com" aria-label="Email"/>
          <button className="foot-btn" type="submit">SUBSCRIBE</button>
        </form>
        <div className="foot-sms">
          <span>or text </span><strong>DROP</strong><span> to </span><strong>33433</strong><span> for SMS-only deals</span>
        </div>
      </div>

      <div className="foot-cols">
        <div className="foot-col foot-brand-col">
          <DropLogo size={28} />
          <p className="foot-tagline">Modern heirlooms.<br/>Made for everyday.</p>
          <div className="foot-social">
            <a aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".7" fill="currentColor"/></svg></a>
            <a aria-label="TikTok"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M19.6 6.3a5.4 5.4 0 0 1-3.4-1.2v8.6a5.6 5.6 0 1 1-5.6-5.6c.3 0 .6 0 .9.1v3a2.6 2.6 0 1 0 1.8 2.5V2h2.9a5.4 5.4 0 0 0 3.4 4.3v0Z"/></svg></a>
            <a aria-label="Pinterest"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-3.6 19.3c-.1-.8-.2-2 0-2.9l1.3-5.4s-.3-.7-.3-1.7c0-1.6.9-2.8 2.1-2.8 1 0 1.5.7 1.5 1.6 0 1-.6 2.5-1 3.9-.3 1.2.6 2.1 1.7 2.1 2.1 0 3.7-2.2 3.7-5.4 0-2.8-2-4.8-4.9-4.8-3.4 0-5.3 2.5-5.3 5.1 0 1 .4 2.1 1 2.7.1.1.1.2.1.3l-.3 1.4c-.1.2-.2.3-.4.2-1.5-.7-2.5-3-2.5-4.7 0-3.8 2.8-7.4 8-7.4 4.2 0 7.4 3 7.4 7 0 4.1-2.6 7.5-6.3 7.5-1.2 0-2.4-.6-2.8-1.4l-.8 2.9c-.3 1-1 2.4-1.5 3.2A10 10 0 1 0 12 2Z"/></svg></a>
          </div>
        </div>
        <div className="foot-col"><div className="foot-th">Shop</div>
          <a href="collection.html?handle=new-arrivals">New arrivals</a>
          <a href="collection.html?handle=shop-all">Bestsellers</a>
          <a href="collection.html?handle=womens">Womens</a>
          <a href="collection.html?handle=mens">Mens</a>
          <a href="collection.html?handle=kids-apparel">Kids</a>
          <a href="collection.html?handle=bundles">Bundles</a>
          <a href="collection.html?handle=sale">Sale</a>
        </div>
        <div className="foot-col"><div className="foot-th">Help</div>
          <a href="shipping.html">Shipping</a>
          <a href="returns.html">Returns &amp; exchanges</a>
          <a href="returns.html#size">Size guide</a>
          <a href="returns.html#care">Care guide</a>
          <a href="account.html">Track order</a>
          <a href="contact.html">FAQ</a>
          <a href="contact.html">Contact</a>
        </div>
        <div className="foot-col"><div className="foot-th">Company</div>
          <a href="about.html">About DROP</a>
          <a href="about.html#sustain">Sustainability</a>
          <a href="contact.html">Press</a>
          <a href="contact.html">Affiliates</a>
          <a href="contact.html">Wholesale</a>
          <a href="contact.html">Careers</a>
        </div>
      </div>

      <div className="foot-trust">
        <div className="ft"><strong>Free shipping $75+</strong></div>
        <div className="ft"><strong>30-day returns</strong></div>
        <div className="ft"><strong>★ 4.9 / 50k+ reviews</strong></div>
      </div>

      <div className="foot-bottom">
        <span>© 2026 DROP Jewelry Co.</span>
        <div className="foot-legal">
          <a>Privacy</a><a>Terms</a><a>Accessibility</a><a>Do not sell my info</a>
        </div>
        <div className="foot-pay">
          <span>VISA</span><span>MC</span><span>AMEX</span><span>PAYPAL</span><span>SHOP PAY</span><span>KLARNA</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;