/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'lemonaide-about.css'"
Line 18:16 Unexpected "-->"
Line 25:109 Unterminated string token
Line 51:72 Unterminated string token
Line 52:202 Unterminated string token
Line 78:80 Unterminated string token
Line 130:1 Expected identifier but found "%"
Line 131:0 Unexpected "{"
... and 3 more hidden warnings

**/
{{ 'lemonaide-about.css' | asset_url | stylesheet_tag }}

<!-- ABOUT HERO -->
<section class="la-hero">
  <div class="la-circle la-circle-1"></div>
  <div class="la-circle la-circle-2"></div>
  <div class="la-circle la-circle-3"></div>
  <div class="la-hero-inner">
    <div class="la-hero-label">Our Story</div>
    <h1 class="la-hero-title">We didn't find the cane<br/>we needed —<br/><span>so we built it.</span></h1>
    <p class="la-hero-sub">Fashion · Equality · Mobility</p>
  </div>
</section>

<!-- SURFER SECTION — THE WHY -->
<section class="la-surfer">
  <div class="la-surfer-img"></div>
  <div class="la-surfer-content">
    <div class="la-section-label">Our Big Why</div>
    <h2 class="la-section-title">Notice the surfer.<br/>Now notice her cane.</h2>
    <p class="la-body">She's doing something most people in the world are terrified to do. Living fully. Living boldly. And her cane is sitting quietly in the background — completely out of sync with the exciting life she's leading.</p>
    <p class="la-body">For far too long, people ages 14–75+ have had to settle for canes that are clinical, old-fashioned, and out of touch with who they actually are. Antiquated tools that bring your spirit down — and your outfits too.</p>
    <div class="la-quote-block">
      <p>"Why should her cane look like anything less than the exciting life she's leading?"</p>
    </div>
    <p class="la-body-bold">No more. Lemonaide makes canes people actually want to carry.</p>
  </div>
</section>

<!-- 3 WHY CARDS -->
<section class="la-whys">
  <div class="la-section-label" style="text-align:center; margin-bottom:16px;">The Reasons We Exist</div>
  <div class="la-whys-grid">
    <div class="la-why-card">
      <div class="la-why-num">01</div>
      <div class="la-why-title">Style shouldn't stop at disability</div>
      <p class="la-why-body">Your cane is part of your outfit. It goes where you go, it's seen by everyone you meet. It should reflect your personality, your energy, and your style — not erase it.</p>
    </div>
    <div class="la-why-card">
      <div class="la-why-num">02</div>
      <div class="la-why-title">Falls are a crisis we can help solve</div>
      <p class="la-why-body">1 in 5 people over 65 experience a fall. Every 20 minutes, one becomes fatal. People refuse to carry canes because of stigma. A cane that people are proud to use is a cane that keeps people safe.</p>
    </div>
    <div class="la-why-card">
      <div class="la-why-num">03</div>
      <div class="la-why-title">Life gave us lemons</div>
      <p class="la-why-body">Our founder was hit by a car. She searched the marketplace for a cane that felt like her — and found nothing but clinical, outdated, demoralizing options. So she made something better. She made Lemonaide.</p>
    </div>
  </div>
</section>

<!-- FOUNDER SECTION -->
<div class="la-founder">
  <div class="la-founder-img">
    <img src="/cdn/shop/files/Screenshot_2026-06-19_at_8_20_53_AM.png" alt="Sybil, Founder of Lemonaide" class="la-founder-photo"/>
    <div class="la-founder-name-tag">
      <p class="la-name-label">Founder</p>
      <p class="la-name">Sybil</p>
    </div>
  </div>
  <div class="la-founder-content">
    <div class="la-section-label">Meet the Founder</div>
    <h2 class="la-section-title">Making Lemonaide<br/>out of life's lemons.</h2>
    <p class="la-body">I was coming home from work one evening when I was hit by a car. Post-surgery and in the first phase of physical therapy, it was clear I needed support. My physical therapist handed me a cane.</p>
    <p class="la-body">I didn't welcome it — but I needed it. And it made a real difference in my mobility and in managing the pain. But disliking its appearance? That's an understatement.</p>
    <p class="la-body">Before the accident I had been an athletic person who got dressed every morning and genuinely loved fashion. It was how I expressed myself. But the cane made me feel disconnected — stigmatized, and less like my true self. It was antiquated and it did a disservice to countless outfits.</p>
    <p class="la-body">When I searched the marketplace for something better, I found more of the same: clinical, old-fashioned, and boring. None of this was okay.</p>
    <div class="la-founder-quote">
      <p>"I thought — I can create a cane that's multi-functional, smartly interchangeable, and fashionable. Something that works like an accessory while providing the support people need. Something that gives you energy, confidence, and style."</p>
    </div>
    <p class="la-body">The cane I wanted to carry could be the cane many people would prefer to carry. That thought became Lemonaide.</p>
    <p class="la-signature">— Sybil, Founder</p>
  </div>
</div>

<!-- MISSION STRIP -->
<div class="la-mission">
  <div class="la-mission-inner">
    <div class="la-mission-item">
      <div class="la-mission-num">1 in 5</div>
      <div class="la-mission-label">people over 65<br/>experience a fall</div>
    </div>
    <div class="la-mission-divider"></div>
    <div class="la-mission-item">
      <div class="la-mission-num">Every 20 min</div>
      <div class="la-mission-label">a fall becomes<br/>a fatality</div>
    </div>
    <div class="la-mission-divider"></div>
    <div class="la-mission-item">
      <div class="la-mission-num">Ages 14–75+</div>
      <div class="la-mission-label">deserve canes that<br/>match their lives</div>
    </div>
    <div class="la-mission-divider"></div>
    <div class="la-mission-item">
      <div class="la-mission-num">1 Solution</div>
      <div class="la-mission-label">a cane people<br/>actually want to carry</div>
    </div>
  </div>
</div>

<!-- CTA -->
<section class="la-cta">
  <div class="la-circle la-circle-4"></div>
  <div class="la-circle la-circle-5"></div>
  <div class="la-cta-inner">
    <div class="la-section-label">Fashion · Equality · Mobility</div>
    <h2 class="la-cta-title">Ready to carry<br/><span>your Lemonaide?</span></h2>
    <div class="la-cta-btns">
      <a href="/collections/canes" class="la-btn-purple">Shop the Cane</a>
      <a href="/" class="la-btn-ghost">Back to Home</a>
    </div>
  </div>
</section>

{% schema %}
{
  "name": "Lemonaide About Page",
  "settings": [],
  "presets": [
    {
      "name": "Lemonaide About Page"
    }
  ]
}
{% endschema %}