<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta name="theme-color" content="#FAFAFA"/>
  <!-- Google tag (gtag.js) - GA4 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-81XMCY5KM9"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-81XMCY5KM9');
  </script>
  <title>10,000+ Inspirational Quotes That Actually Land | Live Life Happy</title>
  <meta name="description" content="The right words for whatever you are feeling. 10,000+ hand-picked quotes on self-love, resilience, happiness, healing and life. Curated since 2007 by Robert Tew."/>
  <link rel="canonical" href="https://livelifehappy.com/"/>

  <!-- Search engine verifications -->
  <meta name="google-site-verification" content="jFZZQeYxupV-1GVp_Zc686E9j65o8k1Qco6Y0AEE-bM" />
  <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />

  <!-- Open Graph -->
  <meta property="og:title" content="Inspirational Quotes About Life, Love &amp; Happiness | Live Life Happy"/>
  <meta property="og:description" content="10,000+ inspirational quotes on self-love, happiness, resilience, healing &amp; wisdom. Curated since 2007 by Robert Tew."/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="https://livelifehappy.com/"/>
  <meta property="og:site_name" content="Live Life Happy"/>
  <meta property="og:locale" content="en_US"/>
  <meta property="og:image" content="https://livelifehappy.com/assets/quote-cards/default.svg"/>
  <meta property="og:image:width" content="1080"/>
  <meta property="og:image:height" content="1080"/>

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image"/>
  <meta name="twitter:title" content="Inspirational Quotes About Life, Love &amp; Happiness | Live Life Happy"/>
  <meta name="twitter:description" content="10,000+ inspirational quotes on self-love, happiness, resilience, healing &amp; wisdom. Curated since 2007 by Robert Tew."/>
  <meta name="twitter:image" content="https://livelifehappy.com/assets/quote-cards/default.svg"/>

  <!-- Schema.org — sitewide WebSite + Organization (on every page) -->
  <script type="application/ld+json">
  [
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "@id": "https://livelifehappy.com/#website",
      "name": "Live Life Happy",
      "url": "https://livelifehappy.com",
      "description": "10,000+ inspirational quotes on happiness, self-love, resilience, mindfulness, and life. Curated since 2007.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://livelifehappy.com/quotes/?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Live Life Happy",
      "url": "https://livelifehappy.com",
      "founder": {
        "@type": "Person",
        "name": "Robert Tew"
      },
      "foundingDate": "2007",
      "sameAs": [
        "https://x.com/DeepLifeQuotes",
        "https://www.facebook.com/DeepLifeQuotes/",
        "https://www.instagram.com/deeplifequotes/",
        "https://www.pinterest.com/deeplifequotes/",
        "https://www.tumblr.com/deeplifequotes"
      ]
    }
  ]
  </script>

  <!-- Page-level schema: CollectionPage only.
       The ItemList was removed because the visible quotes are rotated daily by JS,
       which would create a schema-content mismatch (Google penalizes this).
       The featured quotes on the page each link to their own page where individual
       Quotation schema is emitted at /quotes/<slug>/. -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "CollectionPage",
    "name": "Live Life Happy — Daily Inspirational Quotes",
    "url": "https://livelifehappy.com/",
    "description": "Daily hand-picked inspirational quotes on self-love, resilience, happiness, healing and life.",
    "isPartOf": { "@id": "https://livelifehappy.com/#website" },
    "about": [
      { "@type": "Thing", "name": "Inspirational quotes" },
      { "@type": "Thing", "name": "Self-improvement" },
      { "@type": "Thing", "name": "Mindfulness" }
    ]
  }
  </script>

  <!-- Resource hints -->
  <link rel="dns-prefetch" href="https://www.google-analytics.com"/>

  <!-- Preload the two fonts that appear above the fold first.
       crossorigin is required for font preloads even on same-origin. -->
  <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/fraunces-italic-latin.woff2" crossorigin/>
  <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-latin.woff2" crossorigin/>

  <link rel="preload" as="style" href="/assets/css/main.min.css?v=11"/>
  <link rel="stylesheet" href="/assets/css/main.min.css?v=11"/>

  <link rel="manifest" href="/manifest.json"/>
  <link rel="alternate" type="application/rss+xml" title="Live Life Happy Stories" href="/rss.xml"/>
  <link rel="author" href="/humans.txt"/>
  <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
  <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32.png"/>
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What kind of quotes can I find on Live Life Happy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Live Life Happy has over 10,000 curated inspirational quotes across 18 topics: life, self-love, happiness, healing, resilience, growth, wisdom, gratitude, mindfulness, faith, family, relationships, love, and success. The collection has been curated since 2007 by Robert Tew."
      }
    },
    {
      "@type": "Question",
      "name": "Who runs Live Life Happy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Live Life Happy was founded in 2007 by Robert Tew, known online as DeepLifeQuotes. Robert has over 2 million followers across social media platforms and has been curating inspirational content for nearly two decades."
      }
    },
    {
      "@type": "Question",
      "name": "What are the most popular inspirational quotes?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Some of the most popular inspirational quotes on the site include quotes about self-love, resilience, and finding happiness. Favorites include: 'Your value does not decrease based on someone\'s inability to see your worth.' and 'The strongest people are not those who show strength in front of us but those who win battles we know nothing about.'"
      }
    },
    {
      "@type": "Question",
      "name": "Does Live Life Happy have short inspirational quotes?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. We have a dedicated collection of short inspirational quotes — one-liners and two-sentence quotes that are perfect for saving to your phone, using as a caption, or sending to someone who needs a lift. Visit our short inspirational quotes article for the 100 best ones."
      }
    }
  ]
}
</script>
  <!-- LLH critical CSS overrides to prevent CLS. Idempotent marker: llh-critical-css -->
  
  <!-- Google AdSense -->
  <link rel="preconnect" href="https://pagead2.googlesyndication.com" crossorigin/>
  <link rel="dns-prefetch" href="https://googleads.g.doubleclick.net"/>
  <link rel="dns-prefetch" href="https://tpc.googlesyndication.com"/>
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4868281265926059" crossorigin="anonymous"></script>
</head>
<body>
  <a class="skip-link" href="#main-content">Skip to content</a>

  <header class="site-header" id="siteHeader">
  <div class="header-inner">
    <a href="/" class="logo">Live Life Happy</a>

    <nav class="desk-nav" aria-label="Main navigation">
      <a href="/categories/">Categories</a>
      <a href="/quotes/">All Quotes</a>
      <a href="/authors/">Authors</a>
      <a href="/articles/">Stories</a>
      <a href="/quiz/">Quiz</a>
    </nav>

    <div class="header-right">
      <button class="ib" aria-label="Search" onclick="openSearch()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
      </button>
      <button class="ib ham" id="hamBtn" aria-label="Open menu" aria-expanded="false" onclick="toggleDrawer()">
        <span></span><span></span><span></span>
      </button>
    </div>
  </div>
</header>

<div class="drawer" id="drawer" aria-hidden="true">
  <a href="/categories/" onclick="toggleDrawer()">Categories</a>
  <a href="/quotes/" onclick="toggleDrawer()">All Quotes</a>
  <a href="/authors/" onclick="toggleDrawer()">Authors</a>
  <a href="/articles/" onclick="toggleDrawer()">Stories</a>
  <a href="/quiz/" onclick="toggleDrawer()">Quote Quiz</a>
  <a href="/about/" onclick="toggleDrawer()">About</a>
</div>


  <main id="main-content">
    <!-- Right sidebar ad (desktop only, >=1400px) -->

    <!-- Visible H1 + tagline above the hero for SEO and visitor clarity -->
    <header class="home-intro">
      <h1 class="home-h1">Find the right words for whatever you are feeling.</h1>
      <p class="home-tagline">10,000+ hand-picked quotes on self-love, resilience, happiness, healing, and life. Curated since 2007.</p>
    </header>

<!-- ── MOOD SEARCH (promoted above hero — the site's best feature, surfaced first) ── -->
<section class="mood-section" id="moodSection">
  <div class="wrap">
    <div class="mood-header">
      <h2 class="mood-title">How are you feeling today?</h2>
      <p class="mood-sub">Type a mood or feeling below and we'll find quotes that speak to exactly where you are right now.</p>
    </div>
    <div class="mood-input-wrap">
      <input
        type="text"
        id="moodInput"
        class="mood-input"
        placeholder="e.g. sad, anxious, grateful, lost, motivated..."
        autocomplete="off"
        aria-label="How are you feeling?"
        maxlength="60"
      />
      <button class="mood-search-btn" onclick="runMoodSearch()" aria-label="Search">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
      </button>
    </div>
    <div class="mood-chips" aria-label="Quick mood options">
      <button class="mood-chip" onclick="setMood(this,'sad')">Sad</button>
      <button class="mood-chip" onclick="setMood(this,'lonely')">Lonely</button>
      <button class="mood-chip" onclick="setMood(this,'anxious')">Anxious</button>
      <button class="mood-chip" onclick="setMood(this,'heartbroken')">Heartbroken</button>
      <button class="mood-chip" onclick="setMood(this,'lost')">Lost</button>
      <button class="mood-chip" onclick="setMood(this,'tired')">Tired</button>
      <button class="mood-chip" onclick="setMood(this,'struggling')">Struggling</button>
      <button class="mood-chip" onclick="setMood(this,'motivated')">Motivated</button>
      <button class="mood-chip" onclick="setMood(this,'grateful')">Grateful</button>
      <button class="mood-chip" onclick="setMood(this,'happy')">Happy</button>
      <button class="mood-chip" onclick="setMood(this,'peaceful')">Peaceful</button>
      <button class="mood-chip" onclick="setMood(this,'inspired')">Inspired</button>
    </div>
    <div id="moodResults" class="mood-results" aria-live="polite" hidden></div>
    <div id="moodEmpty" class="mood-empty" hidden>
      <p>No quotes found for that feeling. Try a different word, or <a href="/quotes/">browse all quotes</a>.</p>
    </div>
    <div id="moodLoading" class="mood-loading" hidden>
      <span>Finding the right words...</span>
    </div>
  </div>
</section>



<!-- ── HERO ── -->
<section class="hero">
  <p class="hero-label">Today's Featured Quotes</p>

  <div class="quote-stage" id="quoteStage" aria-roledescription="carousel" aria-label="Featured quotes">
    <div class="quote-track" id="quoteTrack">
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 1 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">You shouldn't give up just because you're scared.</blockquote>
        <cite class="quote-author">— <a href="/quotes/you-shouldnt-give-up-just-because-youre-scared/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 2 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Giving up means settling for the state you're in.</blockquote>
        <cite class="quote-author">— <a href="/quotes/giving-up-means-settling-for-the-state-youre-in/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 3 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Rather than acknowledging your weakness and striving to improve, you drag others down to your level.</blockquote>
        <cite class="quote-author">— <a href="/quotes/rather-than-acknowledging-your-weakness/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 4 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Face your destiny rather than run from it.</blockquote>
        <cite class="quote-author">— <a href="/quotes/face-your-destiny-rather-than-run-from-it/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 5 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">It takes only one step to overcome your fears. Just step forward — the rest will come naturally.</blockquote>
        <cite class="quote-author">— <a href="/quotes/it-takes-only-one-step-to-overcome-your-fears/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 6 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">The word 'defeat' doesn't exist in my vocabulary.</blockquote>
        <cite class="quote-author">— <a href="/quotes/the-word-defeat-doesnt-exist-in-my-vocabulary/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 7 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">You have to get stronger. If you stay weak, you won't be able to do anything.</blockquote>
        <cite class="quote-author">— <a href="/quotes/you-have-to-get-stronger/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 8 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Shielding someone from harm isn't always the way to help them. If you solve every problem for them simply out of care, you're stealing away the opportunities and experiences they could have gained.</blockquote>
        <cite class="quote-author">— <a href="/quotes/shielding-someone-from-harm-isnt-always-the-way-to-help/">Cheongmyeong</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 9 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Instead of blaming yourself, think of a solution.</blockquote>
        <cite class="quote-author">— <a href="/quotes/instead-of-blaming-yourself-think-of-a-solution/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 10 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Success does not come to those who simply wait, but to those who seek it out.</blockquote>
        <cite class="quote-author">— <a href="/quotes/success-does-not-come-to-those-who-simply-wait/">Author Unknown</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 11 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">A crooked tree lives its own life, but a straight tree is turned into wood.</blockquote>
        <cite class="quote-author">— <a href="/quotes/a-crooked-tree-lives-its-own-life/">Chinese Proverb</a></cite>
      </div>

      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 12 of 12">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Manifesting doesn't happen in time. It happens in awareness. The moment you shift your awareness, you shift your reality.</blockquote>
        <cite class="quote-author">— <a href="/quotes/manifesting-doesnt-happen-in-time-it-happens-in-awareness/">Neville Goddard</a></cite>
      </div>
      
    </div>
  </div>

  <div class="dots" id="heroDots" role="tablist" aria-label="Quote navigation"></div>

  <div class="hero-actions">
    <button class="act-btn" id="heroCopyBtn" onclick="copyHeroQuote()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
      Copy
    </button>
    <button class="act-btn" id="heroSaveBtn" onclick="toggleHeroSave(this)">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></svg>
      Save
    </button>
    <button class="act-btn" onclick="shareHeroQuote()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
      Share
    </button>
    <a class="act-btn" href="/quiz/" style="background:var(--ink);color:#fff;border-color:var(--ink);">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
      Try the Quiz
    </a>
  </div>

  <div class="scroll-hint" aria-hidden="true">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
    Explore
  </div>
</section>

<!-- ── TOPIC BAR ── -->
<div class="topic-bar" id="topicBar">
  <div class="topic-scroll">
    <a href="/quotes/" class="topic-pill">All</a>
    
    <a href="/categories/relationships/" class="topic-pill">Relationships</a>
    
    <a href="/categories/wisdom/" class="topic-pill">Wisdom</a>
    
    <a href="/categories/self-love/" class="topic-pill">Self-Love</a>
    
    <a href="/categories/happiness/" class="topic-pill">Happiness</a>
    
    <a href="/categories/resilience/" class="topic-pill">Resilience</a>
    
    <a href="/categories/healing/" class="topic-pill">Healing</a>
    
    <a href="/categories/growth/" class="topic-pill">Growth</a>
    
    <a href="/categories/success/" class="topic-pill">Success</a>
    
    <a href="/categories/mindfulness/" class="topic-pill">Mindfulness</a>
    
    <a href="/categories/gratitude/" class="topic-pill">Gratitude</a>
    
    <a href="/categories/life/" class="topic-pill">Life</a>
    
    <a href="/categories/faith/" class="topic-pill">Faith</a>
    
    <a href="/categories/family/" class="topic-pill">Family</a>
    
  </div>
</div>

<!-- ── SAVED SECTION (shown only when items saved) ── -->
<section class="saved-section" id="savedSection" hidden>
  <div class="wrap">
    <div class="sec-header">
      <h2 class="sec-title">Saved Quotes</h2>
      <button class="see-all" onclick="clearSaved()">Clear all</button>
    </div>
    <div class="saved-chips" id="savedChips"></div>
  </div>
</section>
<!-- ── FEATURED QUOTES ── -->
<section class="section-alt" id="quotes">
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Today's Quotes</h2>
      <a href="/quotes/" class="see-all">All quotes →</a>
    </div>
    <div class="quote-list" id="quoteList">
      
      <div class="quote-row r">
        <span class="qr-num">01</span>
        <div class="qr-body">
          <p class="qr-text">"You become what you think about most of the time. You think about your goals most of the time."</p>
          <span class="qr-meta">
            <a href="/authors/brian-tracy/">Brian Tracy</a>
            · <a href="/categories/success/">Success</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="You become what you think about most of the time. You think about your goals most of the time." data-author="Brian Tracy" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="You become what you think about most of the time. You think about your goals most of the time." data-author="Brian Tracy" data-slug="you-become-what-you-think-about" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">02</span>
        <div class="qr-body">
          <p class="qr-text">"Vulnerability is not weakness; it&#39;s our greatest measure of courage."</p>
          <span class="qr-meta">
            <a href="/authors/brene-brown/">Brené Brown</a>
            · <a href="/categories/growth/">Growth</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="Vulnerability is not weakness; it&#39;s our greatest measure of courage." data-author="Brené Brown" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="Vulnerability is not weakness; it&#39;s our greatest measure of courage." data-author="Brené Brown" data-slug="vulnerability-is-courage" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">03</span>
        <div class="qr-body">
          <p class="qr-text">"Some people won&#39;t appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood."</p>
          <span class="qr-meta">
            <a href="/authors/robert-tew/">Robert Tew</a>
            · <a href="/categories/relationships/">Relationships</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="Some people won&#39;t appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood." data-author="Robert Tew" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="Some people won&#39;t appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood." data-author="Robert Tew" data-slug="go-where-you-are-appreciated" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">04</span>
        <div class="qr-body">
          <p class="qr-text">"If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea."</p>
          <span class="qr-meta">
            <a href="/authors/mel-robbins/">Mel Robbins</a>
            · <a href="/categories/success/">Success</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" data-slug="five-second-rule" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">05</span>
        <div class="qr-body">
          <p class="qr-text">"You are the average of the five people you spend the most time with."</p>
          <span class="qr-meta">
            <a href="/authors/jim-rohn/">Jim Rohn</a>
            · <a href="/categories/growth/">Growth</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="You are the average of the five people you spend the most time with." data-author="Jim Rohn" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="You are the average of the five people you spend the most time with." data-author="Jim Rohn" data-slug="average-of-five-people" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">06</span>
        <div class="qr-body">
          <p class="qr-text">"The quality of your relationships determines the quality of your life."</p>
          <span class="qr-meta">
            <a href="/authors/esther-perel/">Esther Perel</a>
            · <a href="/categories/relationships/">Relationships</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="The quality of your relationships determines the quality of your life." data-author="Esther Perel" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="The quality of your relationships determines the quality of your life." data-author="Esther Perel" data-slug="quality-of-relationships" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">07</span>
        <div class="qr-body">
          <p class="qr-text">"Love is an action, never simply a feeling."</p>
          <span class="qr-meta">
            <a href="/authors/bell-hooks/">bell hooks</a>
            · <a href="/categories/relationships/">Relationships</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="Love is an action, never simply a feeling." data-author="bell hooks" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="Love is an action, never simply a feeling." data-author="bell hooks" data-slug="love-is-an-action" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">08</span>
        <div class="qr-body">
          <p class="qr-text">"People don&#39;t buy what you do; they buy why you do it."</p>
          <span class="qr-meta">
            <a href="/authors/simon-sinek/">Simon Sinek</a>
            · <a href="/categories/success/">Success</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="People don&#39;t buy what you do; they buy why you do it." data-author="Simon Sinek" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="People don&#39;t buy what you do; they buy why you do it." data-author="Simon Sinek" data-slug="people-buy-why-you-do-it" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">09</span>
        <div class="qr-body">
          <p class="qr-text">"You do not rise to the level of your goals. You fall to the level of your systems."</p>
          <span class="qr-meta">
            <a href="/authors/james-clear/">James Clear</a>
            · <a href="/categories/growth/">Growth</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" data-slug="fall-to-the-level-of-your-systems" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">10</span>
        <div class="qr-body">
          <p class="qr-text">"The days are long, but the years are short."</p>
          <span class="qr-meta">
            <a href="/authors/gretchen-rubin/">Gretchen Rubin</a>
            · <a href="/categories/wisdom/">Wisdom</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="The days are long, but the years are short." data-author="Gretchen Rubin" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="The days are long, but the years are short." data-author="Gretchen Rubin" data-slug="days-are-long-years-are-short" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">11</span>
        <div class="qr-body">
          <p class="qr-text">"I can be changed by what happens to me. But I refuse to be reduced by it."</p>
          <span class="qr-meta">
            <a href="/authors/maya-angelou/">Maya Angelou</a>
            · <a href="/categories/resilience/">Resilience</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="I can be changed by what happens to me. But I refuse to be reduced by it." data-author="Maya Angelou" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="I can be changed by what happens to me. But I refuse to be reduced by it." data-author="Maya Angelou" data-slug="refuse-to-be-reduced" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">12</span>
        <div class="qr-body">
          <p class="qr-text">"It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself."</p>
          <span class="qr-meta">
            <a href="/authors/colin-powell/">Colin Powell</a>
            · <a href="/categories/self-love/">Self-Love</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" data-slug="where-you-end-up" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
    </div>
    <div class="load-more-wrap">
      <a href="/quotes/" class="load-more-btn">Browse all quotes →</a>
    </div>
  </div>
</section>

<!-- ── CATEGORIES ── -->
<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Browse by Topic</h2>
      <a href="/categories/" class="see-all">All topics →</a>
    </div>
    <div class="cat-grid">
      
      <a href="/categories/relationships/" class="cat-card r">
        <span class="cat-name">Relationships</span>
        <span class="cat-count">1,760 quotes</span>
      </a>

      <a href="/categories/wisdom/" class="cat-card r">
        <span class="cat-name">Wisdom</span>
        <span class="cat-count">1,658 quotes</span>
      </a>

      <a href="/categories/self-love/" class="cat-card r">
        <span class="cat-name">Self-Love</span>
        <span class="cat-count">1,104 quotes</span>
      </a>

      <a href="/categories/growth/" class="cat-card r">
        <span class="cat-name">Growth</span>
        <span class="cat-count">994 quotes</span>
      </a>

      <a href="/categories/happiness/" class="cat-card r">
        <span class="cat-name">Happiness</span>
        <span class="cat-count">770 quotes</span>
      </a>

      <a href="/categories/resilience/" class="cat-card r">
        <span class="cat-name">Resilience</span>
        <span class="cat-count">727 quotes</span>
      </a>

      <a href="/categories/mindfulness/" class="cat-card r">
        <span class="cat-name">Mindfulness</span>
        <span class="cat-count">665 quotes</span>
      </a>

      <a href="/categories/success/" class="cat-card r">
        <span class="cat-name">Success</span>
        <span class="cat-count">641 quotes</span>
      </a>

      <a href="/categories/healing/" class="cat-card r">
        <span class="cat-name">Healing</span>
        <span class="cat-count">631 quotes</span>
      </a>

      <a href="/categories/gratitude/" class="cat-card r">
        <span class="cat-name">Gratitude</span>
        <span class="cat-count">616 quotes</span>
      </a>

      <a href="/categories/life/" class="cat-card r">
        <span class="cat-name">Life</span>
        <span class="cat-count">423 quotes</span>
      </a>

      <a href="/categories/faith/" class="cat-card r">
        <span class="cat-name">Faith</span>
        <span class="cat-count">359 quotes</span>
      </a>

      <a href="/categories/family/" class="cat-card r">
        <span class="cat-name">Family</span>
        <span class="cat-count">68 quotes</span>
      </a>

    </div>
  </div>
</section>

<!-- AdSense in-article (1 of 2) — middle of home page, after Categories, before topic-specific sections -->
<div class="ad-slot ad-slot-inline" aria-label="Advertisement">
  <span class="ad-label">Advertisement</span>
  <ins class="adsbygoogle" style="display:block; text-align:center;"
       data-ad-layout="in-article" data-ad-format="fluid"
       data-ad-client="ca-pub-4868281265926059" data-ad-slot="8949678503"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>

<!-- ── HAPPINESS QUOTES ── -->

<section class="section-alt">
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Happiness</h2>
      <a href="/categories/happiness/" class="see-all">770 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/fall-to-the-level-of-your-systems/" class="quote-card-link">
    <span class="quote-card-tag">Growth</span>
    <blockquote class="quote-card-text">You do not rise to the level of your goals. You fall to the level of your systems.</blockquote>
    <cite class="quote-card-author">— James Clear</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" data-slug="fall-to-the-level-of-your-systems" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/every-person-has-the-power/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">Every person has the power to make others happy. Some do it simply by entering a room... others by leaving the room.</blockquote>
    <cite class="quote-card-author">— William Arthur Ward</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Every person has the power to make others happy. Some do it simply by entering a room... others by leaving the room." data-author="William Arthur Ward" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Every person has the power to make others happy. Some do it simply by entering a room... others by leaving the room." data-author="William Arthur Ward" data-slug="every-person-has-the-power" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/how-can-a-woman/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">How can a woman be expected to be happy with a man who insists on treating her as if she were a perfectly normal human being.</blockquote>
    <cite class="quote-card-author">— Oscar Wilde</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="How can a woman be expected to be happy with a man who insists on treating her as if she were a perfectly normal human being." data-author="Oscar Wilde" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="How can a woman be expected to be happy with a man who insists on treating her as if she were a perfectly normal human being." data-author="Oscar Wilde" data-slug="how-can-a-woman" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/look-at-the-trees-look-at-the-birds/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">Look at the trees, look at the birds, look at the clouds, look at the stars... and if you have eyes you will be able to see that the whole existence is joyful. Everything is simply happy. Trees are happy for no reason; they are not going to become prime ministers or presidents and they are not going to become rich and they will never have any bank balance. Look at the flowers - for no reason. It is simply unbelievable how happy flowers are.</blockquote>
    <cite class="quote-card-author">— Osho</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Look at the trees, look at the birds, look at the clouds, look at the stars... and if you have eyes you will be able to see that the whole existence is joyful. Everything is simply happy. Trees are happy for no reason; they are not going to become prime ministers or presidents and they are not going to become rich and they will never have any bank balance. Look at the flowers - for no reason. It is simply unbelievable how happy flowers are." data-author="Osho" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Look at the trees, look at the birds, look at the clouds, look at the stars... and if you have eyes you will be able to see that the whole existence is joyful. Everything is simply happy. Trees are happy for no reason; they are not going to become prime ministers or presidents and they are not going to become rich and they will never have any bank balance. Look at the flowers - for no reason. It is simply unbelievable how happy flowers are." data-author="Osho" data-slug="look-at-the-trees-look-at-the-birds" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/we-do-not-smile-because-something-good-has-happened/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">We do not smile because something good has happened; rather something good happens because we smile.</blockquote>
    <cite class="quote-card-author">— Japanese Proverb</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="We do not smile because something good has happened; rather something good happens because we smile." data-author="Japanese Proverb" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="We do not smile because something good has happened; rather something good happens because we smile." data-author="Japanese Proverb" data-slug="we-do-not-smile-because-something-good-has-happened" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/the-time-spent-on-hating-is-the-time-lost-for-living-a-peaceful-happy-life-it-is/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">The time spent on hating is the time lost for living a peaceful, happy life. It is a habit that controls what you see, what you say, what you do and ultimately, what you become.</blockquote>
    <cite class="quote-card-author">— Mickey Reid</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The time spent on hating is the time lost for living a peaceful, happy life. It is a habit that controls what you see, what you say, what you do and ultimately, what you become." data-author="Mickey Reid" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The time spent on hating is the time lost for living a peaceful, happy life. It is a habit that controls what you see, what you say, what you do and ultimately, what you become." data-author="Mickey Reid" data-slug="the-time-spent-on-hating-is-the-time-lost-for-living-a-peaceful-happy-life-it-is" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<!-- ── DARK STRIP ── -->
<div class="dark-strip">
  <span class="dark-label">Words to live by</span>
  <blockquote>"You don't have to have it all figured out to move forward. Just take the next step."</blockquote>
  <cite>— Live Life Happy</cite>
</div>

<!-- ── SELF-LOVE QUOTES ── -->

<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Self-Love</h2>
      <a href="/categories/self-love/" class="see-all">1,104 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/five-second-rule/" class="quote-card-link">
    <span class="quote-card-tag">Motivation</span>
    <blockquote class="quote-card-text">If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea.</blockquote>
    <cite class="quote-card-author">— Mel Robbins</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" data-slug="five-second-rule" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/sometimes-walking-away-is-strength/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">Sometimes walking away has nothing to do with weakness, and everything to do with strength. We walk away not because we want others to realize our worth and value, but because we finally realize our own.</blockquote>
    <cite class="quote-card-author">— Robert Tew</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Sometimes walking away has nothing to do with weakness, and everything to do with strength. We walk away not because we want others to realize our worth and value, but because we finally realize our own." data-author="Robert Tew" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Sometimes walking away has nothing to do with weakness, and everything to do with strength. We walk away not because we want others to realize our worth and value, but because we finally realize our own." data-author="Robert Tew" data-slug="sometimes-walking-away-is-strength" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/its-not-where-you-started/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself.</blockquote>
    <cite class="quote-card-author">— Colin Powell</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" data-slug="its-not-where-you-started" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/you-can-never-rise-higher-than-your-expectations/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">You can never rise higher than your expectations of yourself. Expect the best!</blockquote>
    <cite class="quote-card-author">— Brian Tracy</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="You can never rise higher than your expectations of yourself. Expect the best!" data-author="Brian Tracy" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="You can never rise higher than your expectations of yourself. Expect the best!" data-author="Brian Tracy" data-slug="you-can-never-rise-higher-than-your-expectations" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/if-theres-just-one-piece-of-advice-i-can-give-its-this-when-theres-something-you/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">If there&#39;s just one piece of advice I can give, it&#39;s this: when there&#39;s something you really want - fight for it, don&#39;t give up no matter how hopeless it seems. And when you&#39;ve lost hope, ask yourself if ten years from now, you&#39;re gonna wish you gave it just one more shot...because the best things in life don&#39;t come free.</blockquote>
    <cite class="quote-card-author">— Ellen Pompeo</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="If there&#39;s just one piece of advice I can give, it&#39;s this: when there&#39;s something you really want - fight for it, don&#39;t give up no matter how hopeless it seems. And when you&#39;ve lost hope, ask yourself if ten years from now, you&#39;re gonna wish you gave it just one more shot...because the best things in life don&#39;t come free." data-author="Ellen Pompeo" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="If there&#39;s just one piece of advice I can give, it&#39;s this: when there&#39;s something you really want - fight for it, don&#39;t give up no matter how hopeless it seems. And when you&#39;ve lost hope, ask yourself if ten years from now, you&#39;re gonna wish you gave it just one more shot...because the best things in life don&#39;t come free." data-author="Ellen Pompeo" data-slug="if-theres-just-one-piece-of-advice-i-can-give-its-this-when-theres-something-you" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/ive-lived-long-enough-to-know-that-most-of-the-things-i-worried-about-never-happ/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">I’ve lived long enough to know that most of the things I worried about never happened, that most of the things I felt bad about turned out to be for the better, and that most of the things I hoped would stay the same couldn’t stay the same if they wanted to, because change is the Process of Life Itself.</blockquote>
    <cite class="quote-card-author">— Neale Donald Walsch</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="I’ve lived long enough to know that most of the things I worried about never happened, that most of the things I felt bad about turned out to be for the better, and that most of the things I hoped would stay the same couldn’t stay the same if they wanted to, because change is the Process of Life Itself." data-author="Neale Donald Walsch" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="I’ve lived long enough to know that most of the things I worried about never happened, that most of the things I felt bad about turned out to be for the better, and that most of the things I hoped would stay the same couldn’t stay the same if they wanted to, because change is the Process of Life Itself." data-author="Neale Donald Walsch" data-slug="ive-lived-long-enough-to-know-that-most-of-the-things-i-worried-about-never-happ" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<!-- ── STORIES ── -->
<section class="section-alt" id="stories">
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Inspirational Stories</h2>
      <a href="/articles/" class="see-all">All stories →</a>
    </div>
    <div class="stories-grid">
      
      <a href="/articles/every-story-has-a-beginning/" class="story-card r">
        <div class="story-img"><span>"Before they were famous, your favorite celebrities were washing dishes, selling ..."</span></div>
        <div class="story-body">
          <span class="story-tag">Motivation</span>
          <h3 class="story-title">Every Successful Story Has a Painful Beginning</h3>
          <p class="story-excerpt">Before they were famous, your favorite celebrities were washing dishes, selling pens over the phone, and getting fired f...</p>
        </div>
      </a>
      
      <a href="/articles/17-rules-for-happiness/" class="story-card r">
        <div class="story-img"><span>"Karl Moore&#39;s 17 simple rules for being happier every day. From letting go of sel..."</span></div>
        <div class="story-body">
          <span class="story-tag">Happiness</span>
          <h3 class="story-title">17 Rules for Happiness (by Karl Moore)</h3>
          <p class="story-excerpt">Karl Moore&#39;s 17 simple rules for being happier every day. From letting go of self-pity to following your bliss, these ru...</p>
        </div>
      </a>
      
      <a href="/articles/ubuntu-running-together/" class="story-card r">
        <div class="story-img"><span>"An anthropologist fills a basket with fruit and tells a group of children whoeve..."</span></div>
        <div class="story-body">
          <span class="story-tag">Community</span>
          <h3 class="story-title">Ubuntu: Why Running Together Feels Better Than Winning Alone</h3>
          <p class="story-excerpt">An anthropologist fills a basket with fruit and tells a group of children whoever reaches it first wins everything. What...</p>
        </div>
      </a>
      
      <a href="/articles/30-days-of-carrying-my-wife/" class="story-card r">
        <div class="story-img"><span>"A husband asks for a divorce. His wife makes one quiet request before she agrees..."</span></div>
        <div class="story-body">
          <span class="story-tag">Love</span>
          <h3 class="story-title">30 Days of Carrying My Wife</h3>
          <p class="story-excerpt">A husband asks for a divorce. His wife makes one quiet request before she agrees. What happens over the next thirty days...</p>
        </div>
      </a>
      
      <a href="/articles/find-happiness-by-giving-it/" class="story-card r">
        <div class="story-img"><span>"Fifty people each write their name on a balloon. They can&#39;t find their own. But ..."</span></div>
        <div class="story-body">
          <span class="story-tag">Happiness</span>
          <h3 class="story-title">Find Happiness by Giving It Away</h3>
          <p class="story-excerpt">Fifty people each write their name on a balloon. They can&#39;t find their own. But then something surprising happens. This ...</p>
        </div>
      </a>
      
      <a href="/articles/building-your-house/" class="story-card r">
        <div class="story-img"><span>"An elderly carpenter is asked to build one final house before retiring. He does ..."</span></div>
        <div class="story-body">
          <span class="story-tag">Wisdom</span>
          <h3 class="story-title">Building Your House</h3>
          <p class="story-excerpt">An elderly carpenter is asked to build one final house before retiring. He does a careless job, wanting to get it done f...</p>
        </div>
      </a>
      
    </div>
  </div>
</section>

<!-- ── RESILIENCE QUOTES ── -->

<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Resilience</h2>
      <a href="/categories/resilience/" class="see-all">727 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/everything-is-figureoutable/" class="quote-card-link">
    <span class="quote-card-tag">Growth</span>
    <blockquote class="quote-card-text">Everything is figureoutable.</blockquote>
    <cite class="quote-card-author">— Marie Forleo</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Everything is figureoutable." data-author="Marie Forleo" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Everything is figureoutable." data-author="Marie Forleo" data-slug="everything-is-figureoutable" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/getting-over-a-painful-experience/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">Getting over a painful experience is much like crossing monkey bars. You have to let go at some point in order to move forward.</blockquote>
    <cite class="quote-card-author">— C.S. Lewis</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Getting over a painful experience is much like crossing monkey bars. You have to let go at some point in order to move forward." data-author="C.S. Lewis" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Getting over a painful experience is much like crossing monkey bars. You have to let go at some point in order to move forward." data-author="C.S. Lewis" data-slug="getting-over-a-painful-experience" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/the-more-we-struggle-to-resolve-a-negative-reaction-the-more-wrapped-up-in-it-we/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">The more we struggle to resolve a negative reaction, the more wrapped up in it we become. Remember, we animate what we give our attention to.</blockquote>
    <cite class="quote-card-author">— Guy Finley</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The more we struggle to resolve a negative reaction, the more wrapped up in it we become. Remember, we animate what we give our attention to." data-author="Guy Finley" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The more we struggle to resolve a negative reaction, the more wrapped up in it we become. Remember, we animate what we give our attention to." data-author="Guy Finley" data-slug="the-more-we-struggle-to-resolve-a-negative-reaction-the-more-wrapped-up-in-it-we" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/anyone-can-be-taken-at-any-time/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">Anyone can be taken, at any time in our lives, but we always wait until they&#39;re gone to say the things we never had the courage to before.</blockquote>
    <cite class="quote-card-author">— Melody Carlson</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Anyone can be taken, at any time in our lives, but we always wait until they&#39;re gone to say the things we never had the courage to before." data-author="Melody Carlson" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Anyone can be taken, at any time in our lives, but we always wait until they&#39;re gone to say the things we never had the courage to before." data-author="Melody Carlson" data-slug="anyone-can-be-taken-at-any-time" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/i-became-strong-when-you-set-me-free/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">I became strong when you set me free and I became even stronger when I let you go.</blockquote>
    <cite class="quote-card-author">— Joe Marcial</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="I became strong when you set me free and I became even stronger when I let you go." data-author="Joe Marcial" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="I became strong when you set me free and I became even stronger when I let you go." data-author="Joe Marcial" data-slug="i-became-strong-when-you-set-me-free" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/the-struggle-youre-in-today/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">The struggle you&#39;re in today is developing the strength you need for tomorrow. Don&#39;t give up.</blockquote>
    <cite class="quote-card-author">— Robert Tew</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The struggle you&#39;re in today is developing the strength you need for tomorrow. Don&#39;t give up." data-author="Robert Tew" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The struggle you&#39;re in today is developing the strength you need for tomorrow. Don&#39;t give up." data-author="Robert Tew" data-slug="the-struggle-youre-in-today" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<!-- ── NEWSLETTER ── -->
<section class="newsletter-section" id="newsletter">
  <span class="nl-label">Free daily newsletter</span>
  <h2 class="nl-title">Start Every Morning with Intent</h2>
  <p class="nl-desc">One quote. One reflection. Under a minute to read. Start your day with words that actually land.</p>
  <form class="nl-form" onsubmit="handleSubscribe(event)">
    <input class="nl-input" type="email" placeholder="Your email address" required aria-label="Email address"/>
    <button class="nl-submit" type="submit">Subscribe</button>
  </form>
  <p class="nl-note">Free forever · Unsubscribe anytime</p>
</section>

<!-- ── MINDFULNESS QUOTES ── -->

<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Mindfulness</h2>
      <a href="/categories/mindfulness/" class="see-all">665 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/the-greatest-power/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">The greatest power you possess in life is your understanding that life gives you a fresh start any moment you choose to start fresh.</blockquote>
    <cite class="quote-card-author">— Guy Finley</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The greatest power you possess in life is your understanding that life gives you a fresh start any moment you choose to start fresh." data-author="Guy Finley" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The greatest power you possess in life is your understanding that life gives you a fresh start any moment you choose to start fresh." data-author="Guy Finley" data-slug="the-greatest-power" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/every-single-thing-that-happened/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">Every single thing that has ever happened in your life is preparing you for the moment that is to come.</blockquote>
    <cite class="quote-card-author">— Oprah Winfrey</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Every single thing that has ever happened in your life is preparing you for the moment that is to come." data-author="Oprah Winfrey" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Every single thing that has ever happened in your life is preparing you for the moment that is to come." data-author="Oprah Winfrey" data-slug="every-single-thing-that-happened" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/live-each-moment/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">Live each moment from your own inspiration, not from your desire to look good in the eyes of others.</blockquote>
    <cite class="quote-card-author">— Ralph Marston</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Live each moment from your own inspiration, not from your desire to look good in the eyes of others." data-author="Ralph Marston" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Live each moment from your own inspiration, not from your desire to look good in the eyes of others." data-author="Ralph Marston" data-slug="live-each-moment" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/trust-yourself-youve-survived-a-lot/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">Trust yourself. You&#39;ve survived a lot, and you&#39;ll survive whatever is coming.</blockquote>
    <cite class="quote-card-author">— Robert Tew</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Trust yourself. You&#39;ve survived a lot, and you&#39;ll survive whatever is coming." data-author="Robert Tew" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Trust yourself. You&#39;ve survived a lot, and you&#39;ll survive whatever is coming." data-author="Robert Tew" data-slug="trust-yourself-youve-survived-a-lot" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/stress-is-resistance-to/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">Stress is resistance to living in the moment.</blockquote>
    <cite class="quote-card-author">— Dr. Andy Baldwin</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Stress is resistance to living in the moment." data-author="Dr. Andy Baldwin" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Stress is resistance to living in the moment." data-author="Dr. Andy Baldwin" data-slug="stress-is-resistance-to" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/what-we-fear-most/" class="quote-card-link">
    <span class="quote-card-tag">Growth</span>
    <blockquote class="quote-card-text">What we fear doing most is usually what we most need to do.</blockquote>
    <cite class="quote-card-author">— Tim Ferriss</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="What we fear doing most is usually what we most need to do." data-author="Tim Ferriss" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="What we fear doing most is usually what we most need to do." data-author="Tim Ferriss" data-slug="what-we-fear-most" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<script>
// Hero carousel data (inlined — small, needed immediately)
window.HERO_QUOTES = [
  
  { text: "You become what you think about most of the time. You think about your goals most of the time.", author: "Brian Tracy", slug: "you-become-what-you-think-about" },
  
  { text: "Vulnerability is not weakness; it&#39;s our greatest measure of courage.", author: "Brené Brown", slug: "vulnerability-is-courage" },
  
  { text: "You have to build calluses on your brain just like how you build calluses on your hands.", author: "David Goggins", slug: "build-calluses-on-your-brain" },
  
  { text: "If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea.", author: "Mel Robbins", slug: "five-second-rule" },
  
  { text: "You are the average of the five people you spend the most time with.", author: "Jim Rohn", slug: "average-of-five-people" },
  
  { text: "The quality of your relationships determines the quality of your life.", author: "Esther Perel", slug: "quality-of-relationships" },
  
  { text: "Love is an action, never simply a feeling.", author: "bell hooks", slug: "love-is-an-action" }
  
];

// ── MOOD SEARCH ───────────────────────────────────────────────────────────────
var _quotesIndexLoaded = false;
var _quotesIndexLoading = false;
var _moodQueue = null;

function _loadQuotesIndex(cb) {
  if (_quotesIndexLoaded) { cb(); return; }
  if (_quotesIndexLoading) { _moodQueue = cb; return; }
  _quotesIndexLoading = true;
  var s = document.createElement('script');
  s.src = '/assets/js/quotes-index.js';
  s.onload = function() {
    _quotesIndexLoaded = true;
    _quotesIndexLoading = false;
    cb();
    if (_moodQueue) { _moodQueue(); _moodQueue = null; }
  };
  s.onerror = function() {
    _quotesIndexLoading = false;
    document.getElementById('moodLoading').hidden = true;
    document.getElementById('moodEmpty').hidden = false;
  };
  document.head.appendChild(s);
}

// Mood synonym map — expands user input to related terms
var MOOD_SYNONYMS = {
  'sad':         ['sad','sadness','grief','sorrow','hurt','pain','tears','crying','down','blue'],
  'happy':       ['happy','happiness','joy','joyful','delight','smile','grateful','glad','cheerful'],
  'anxious':     ['anxious','anxiety','stress','stressed','worry','worried','nervous','fear','scared'],
  'lonely':      ['lonely','loneliness','alone','isolated','empty','missing','disconnected'],
  'heartbroken': ['heartbroken','heartbreak','broken','love','lost','goodbye','letting go','moving on'],
  'motivated':   ['motivated','motivation','inspired','inspiration','driven','ambition','goal','purpose'],
  'grateful':    ['grateful','gratitude','thankful','appreciate','blessings','abundance','blessed'],
  'lost':        ['lost','confused','uncertain','searching','direction','path','purpose','clarity'],
  'tired':       ['tired','exhausted','burned out','weary','drained','overwhelmed','rest'],
  'struggling':  ['struggling','struggle','hard time','difficult','pain','strength','perseverance'],
  'peaceful':    ['peaceful','peace','calm','stillness','quiet','serenity','tranquil','content'],
  'inspired':    ['inspired','inspiration','motivated','growth','potential','becoming','change'],
  'broken':      ['broken','healing','heal','pain','hurt','scars','recovery','strength'],
  'insecure':    ['insecure','insecurity','self-worth','confidence','enough','value','worthy'],
  'grieving':    ['grief','loss','death','gone','missing','remember','letting go','healing'],
  'hopeful':     ['hope','hopeful','future','believe','better','possible','faith','trust']
};

function expandMoodTerms(input) {
  var terms = input.toLowerCase().trim().split(/[\s,]+/).filter(Boolean);
  var expanded = new Set(terms);
  terms.forEach(function(t) {
    // Direct match in synonym map
    if (MOOD_SYNONYMS[t]) {
      MOOD_SYNONYMS[t].forEach(function(s) { expanded.add(s); });
    }
    // Partial match — if any key starts with the term
    Object.keys(MOOD_SYNONYMS).forEach(function(k) {
      if (k.indexOf(t) === 0 || t.indexOf(k) === 0) {
        MOOD_SYNONYMS[k].forEach(function(s) { expanded.add(s); });
      }
    });
  });
  return Array.from(expanded);
}

function scoreMoodQuote(q, terms) {
  var score = 0;
  var textLow = q.text.toLowerCase();
  var moods = q.moods || [];
  terms.forEach(function(t) {
    if (moods.indexOf(t) !== -1) score += 3;         // direct mood match
    if (textLow.indexOf(t) !== -1) score += 1;       // text contains term
    if (q.categorySlug && q.categorySlug.indexOf(t) !== -1) score += 1;
  });
  return score;
}

function renderMoodResults(matches) {
  var container = document.getElementById('moodResults');
  var emptyEl   = document.getElementById('moodEmpty');
  document.getElementById('moodLoading').hidden = true;

  if (!matches || matches.length === 0) {
    container.hidden = true;
    emptyEl.hidden = false;
    return;
  }
  emptyEl.hidden = true;
  container.hidden = false;

  var html = matches.map(function(q) {
    return '<div class="mood-result-row">'
      + '<div class="mrr-body">'
      + '<p class="mrr-text">' + escHtml(q.text) + '</p>'
      + '<span class="mrr-author">— ' + escHtml(q.author) + '</span>'
      + '</div>'
      + '<div class="mrr-actions">'
      + '<a href="/quotes/' + q.slug + '/" class="mrr-link" aria-label="View full quote">View</a>'
      + '<button class="qrb" onclick="copyMoodQuote(\'' + esc(q.text) + '\',\'' + esc(q.author) + '\')" title="Copy">'
      + '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>'
      + '</button>'
      + '</div>'
      + '</div>';
  }).join('');
  container.innerHTML = html;

  // Trigger scroll-reveal
  container.querySelectorAll('.mood-result-row').forEach(function(el, i) {
    el.style.animationDelay = (i * 60) + 'ms';
  });
}

function escHtml(s) {
  return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
}
function esc(s) {
  return String(s).replace(/\\/g,'\\\\').replace(/'/g,"\\'").replace(/"/g,'\\"');
}
function copyMoodQuote(text, author) {
  var full = '"' + text + '" — ' + author;
  if (navigator.clipboard) {
    navigator.clipboard.writeText(full).then(function() { showToast('Copied!'); });
  } else {
    var ta = document.createElement('textarea');
    ta.value = full; document.body.appendChild(ta); ta.select();
    try { document.execCommand('copy'); showToast('Copied!'); } catch(e) {}
    document.body.removeChild(ta);
  }
}

function runMoodSearch() {
  var input = document.getElementById('moodInput');
  var query = (input ? input.value : '').trim();
  if (!query) return;

  document.getElementById('moodLoading').hidden = false;
  document.getElementById('moodResults').hidden = true;
  document.getElementById('moodEmpty').hidden = true;

  _loadQuotesIndex(function() {
    var terms = expandMoodTerms(query);
    var scored = window.ALL_QUOTES
      .map(function(q) { return { q: q, s: scoreMoodQuote(q, terms) }; })
      .filter(function(x) { return x.s > 0; })
      .sort(function(a, b) { return b.s - a.s; });
    renderMoodResults(scored.slice(0, 8).map(function(x) { return x.q; }));
  });
}

function setMood(btn, mood) {
  var input = document.getElementById('moodInput');
  if (input) input.value = mood;
  document.querySelectorAll('.mood-chip').forEach(function(c) { c.classList.remove('active'); });
  btn.classList.add('active');
  runMoodSearch();
}

// Trigger search on Enter key
document.addEventListener('DOMContentLoaded', function() {
  var input = document.getElementById('moodInput');
  if (input) {
    input.addEventListener('keydown', function(e) {
      if (e.key === 'Enter') runMoodSearch();
    });
    // Pre-load quotes index when user starts typing (not on first keypress)
    var typed = false;
    input.addEventListener('input', function() {
      if (!typed && !_quotesIndexLoaded) {
        typed = true;
        _loadQuotesIndex(function() {}); // silent pre-load
      }
    });
  }
});
</script>

<!-- AdSense multiplex (2 of 2) — towards bottom of home page -->
<div class="ad-slot ad-slot-multiplex" aria-label="More recommendations">
  <span class="ad-label">You might also like</span>
  <ins class="adsbygoogle" style="display:block"
       data-ad-format="autorelaxed"
       data-ad-client="ca-pub-4868281265926059" data-ad-slot="7636596837"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</main>

  <footer class="site-footer">
  <div class="wrap">
    <div class="footer-grid">

      <div class="footer-brand">
        <a href="/" class="logo">Live Life Happy</a>
        <p>A quiet corner of the internet for words that matter. Sharing wisdom since 2007.</p>
      </div>

      <div class="footer-col">
        <h4>Explore</h4>
        <ul>
          <li><a href="/quotes/">All Quotes</a></li>
          <li><a href="/authors/">Famous Authors</a></li>
          <li><a href="/categories/">All Topics</a></li>
          <li><a href="/#stories">Inspirational Stories</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h4>Topics</h4>
        <ul>
          <li><a href="/categories/happiness/">Happiness</a></li>
          <li><a href="/categories/self-love/">Self-Love</a></li>
          <li><a href="/categories/resilience/">Resilience</a></li>
          <li><a href="/categories/mindfulness/">Mindfulness</a></li>
        </ul>
      </div>

    </div>

    <div class="footer-bottom">
      <p>© 2026 Live Life Happy · Est. 2007</p>
      <div class="footer-links">
        <a href="/privacy/">Privacy</a>
        <a href="/terms/">Terms</a>
        <a href="/copyright/">Copyright</a>
        <a href="/about/">About</a>
        <a href="/contact/">Contact</a>
      </div>
    </div>
  </div>
</footer>

  <nav class="bottom-nav" aria-label="Mobile navigation">
  <a href="/" class="bn-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
    Home
  </a>
  <a href="/quotes/" class="bn-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>
    Quotes
  </a>
  <button class="bn-item" onclick="openSearch()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
    Search
  </button>
  <button class="bn-item" id="savedTab" onclick="showSaved()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></svg>
    Saved
  </button>
  <a href="/articles/" class="bn-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6z"/><polyline points="22,6 12,13 2,6"/></svg>
    Stories
  </a>
</nav>


  <div class="toast" id="toast" aria-live="polite"></div>

  <script src="/assets/js/main.min.js?v=9"></script>

  <!-- ── DAILY QUOTE ROTATION ──
       Picks 7 quotes for the hero "Quote of the Day" rotator and 12 for
       the "Today's Quotes" list. Selection is deterministic per calendar
       day, so all visitors see the same set on the same day, and a fresh
       set automatically every 24 hours. -->
  <script>
  (function() {
    'use strict';

    // ---- Helpers ----
    function escHtml(s) {
      return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
    }
    function escAttr(s) {
      return String(s).replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
    }
    function slugify(s) {
      return String(s||'').toLowerCase().replace(/[^\w\s-]/g,'').replace(/\s+/g,'-');
    }

    // Days since epoch — same for all visitors on the same calendar day.
    function daySeed() {
      var now = new Date();
      var utcMidnight = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());
      return Math.floor(utcMidnight / 86400000);
    }

    // Mulberry32 PRNG — fast, simple, deterministic from a seed.
    function mulberry32(seed) {
      return function() {
        seed = (seed + 0x6D2B79F5) | 0;
        var t = Math.imul(seed ^ (seed >>> 15), 1 | seed);
        t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
        return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
      };
    }

    // Pick N unique quotes from a pool using a date-based seed.
    function pickDaily(pool, n, seedOffset) {
      var rand = mulberry32(daySeed() + seedOffset);
      var used = {};
      var picked = [];
      var attempts = 0;
      while (picked.length < n && attempts < n * 50) {
        var idx = Math.floor(rand() * pool.length);
        if (!used[idx]) { used[idx] = true; picked.push(pool[idx]); }
        attempts++;
      }
      return picked;
    }

    function renderHeroSlides(quotes) {
      var track = document.getElementById('quoteTrack');
      if (!track) return;
      track.innerHTML = quotes.map(function(q, i) {
        return '<div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote ' + (i+1) + ' of ' + quotes.length + '">' +
                 '<div class="q-open" aria-hidden="true">&quot;</div>' +
                 '<blockquote class="quote-text">' + escHtml(q.text) + '</blockquote>' +
                 '<cite class="quote-author">&mdash; ' + escHtml(q.author) + '</cite>' +
               '</div>';
      }).join('');

      // Update the HERO_QUOTES array so any carousel logic that reads it stays in sync.
      window.HERO_QUOTES = quotes.map(function(q) {
        return { text: q.text, author: q.author, slug: q.slug };
      });

      // Rebuild the dot indicators if the carousel created them
      var dots = document.getElementById('heroDots');
      if (dots) {
        dots.innerHTML = quotes.map(function(_, i) {
          return '<button class="dot' + (i === 0 ? ' active' : '') + '" role="tab" aria-label="Quote ' + (i+1) + '" data-idx="' + i + '"></button>';
        }).join('');
      }

      // Reset the carousel to the first slide
      track.style.transform = 'translateX(0)';
    }

    function renderTodaysQuotes(quotes) {
      var list = document.getElementById('quoteList');
      if (!list) return;
      list.innerHTML = quotes.map(function(q, i) {
        var num = (i+1).toString().padStart(2, '0');
        var text = escHtml(q.text);
        var author = escHtml(q.author);
        var authorSlug = q.authorSlug || slugify(q.author);
        var category = q.category ? escHtml(q.category) : '';
        var categorySlug = q.categorySlug || '';
        var aText = escAttr(q.text);
        var aAuthor = escAttr(q.author);
        var aSlug = escAttr(q.slug || slugify(q.text).slice(0, 60));

        var meta = '<a href="/authors/' + escAttr(authorSlug) + '/">' + author + '</a>';
        if (category && categorySlug) {
          meta += ' &middot; <a href="/categories/' + escAttr(categorySlug) + '/">' + category + '</a>';
        }

        return '<div class="quote-row r v">' +
                 '<span class="qr-num">' + num + '</span>' +
                 '<div class="qr-body">' +
                   '<p class="qr-text">&quot;' + text + '&quot;</p>' +
                   '<span class="qr-meta">' + meta + '</span>' +
                 '</div>' +
                 '<div class="qr-actions">' +
                   '<button class="qrb" data-action="copy" data-text="' + aText + '" data-author="' + aAuthor + '" title="Copy" aria-label="Copy quote">' +
                     '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>' +
                   '</button>' +
                   '<button class="qrb heart-btn" data-action="save" data-save="' + aSlug + '" data-text="' + aText + '" data-author="' + aAuthor + '" data-slug="' + aSlug + '" title="Save" aria-label="Save quote">' +
                     '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>' +
                   '</button>' +
                 '</div>' +
               '</div>';
      }).join('');

      // Re-sync save buttons so any previously-saved hearts show as filled.
      if (typeof window.syncSaveButtons === 'function') {
        window.syncSaveButtons();
      } else if (typeof syncSaveButtons === 'function') {
        try { syncSaveButtons(); } catch (e) {}
      }
    }

    function rotateDaily() {
      var all = window.ALL_QUOTES;
      if (!Array.isArray(all) || all.length === 0) return;

      // Filter to readable, well-attributed quotes (skip extremely long or unattributed)
      var pool = all.filter(function(q) {
        return q && q.text && q.text.length >= 20 && q.text.length <= 240 && q.author;
      });
      if (pool.length < 30) pool = all;

      var heroPicks = pickDaily(pool, 7, 0);
      var todayPicks = pickDaily(pool, 12, 1000);

      renderHeroSlides(heroPicks);
      renderTodaysQuotes(todayPicks);

      // Re-run the appearance observer so the new rows fade in.
      var rows = document.querySelectorAll('.quote-row.r:not(.v)');
      rows.forEach(function(r) { r.classList.add('v'); });
    }

    // Load the existing 6,275-quote index, then rotate.
    function loadIndexAndRotate() {
      if (window.ALL_QUOTES) { rotateDaily(); return; }

      // Prefer the lazy loader from main.min.js if it exists.
      if (typeof _loadQuotesIndex === 'function') {
        _loadQuotesIndex(rotateDaily);
        return;
      }

      // Fallback: load it manually.
      var s = document.createElement('script');
      s.src = '/assets/js/quotes-index.js?v=1';
      s.onload = rotateDaily;
      document.head.appendChild(s);
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', loadIndexAndRotate);
    } else {
      loadIndexAndRotate();
    }
  })();
  </script>

</body>
</html>
