<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>All Names - Meaning of Name</title>
  <meta name="description" content="Browse name meanings, origins, personality insights, and shareable posters.">

  
  <link rel="canonical" href="http://www.meaningofname.co/">

  <!-- Open Graph -->
  <meta property="og:site_name" content="Meaning of Name">
  <meta property="og:type" content="website">
  <meta property="og:title" content="All Names - Meaning of Name">
  <meta property="og:description" content="Browse name meanings, origins, personality insights, and shareable posters.">
  <meta property="og:url" content="http://www.meaningofname.co/">
  <meta property="og:image" content="http://www.meaningofname.co/logo.png">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="All Names - Meaning of Name">
  <meta name="twitter:description" content="Browse name meanings, origins, personality insights, and shareable posters.">
  <meta name="twitter:image" content="http://www.meaningofname.co/logo.png">

  <!-- Schema -->
  <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"http://www.meaningofname.co/#website","url":"http://www.meaningofname.co/","name":"Meaning of Name"},{"@type":"BreadcrumbList","@id":"http://www.meaningofname.co/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http://www.meaningofname.co/"},{"@type":"ListItem","position":2,"name":"All Names","item":"http://www.meaningofname.co/"}]},{"@type":"WebPage","@id":"http://www.meaningofname.co/#webpage","url":"http://www.meaningofname.co/","name":"All Names - Meaning of Name","description":"Browse name meanings, origins, personality insights, and shareable posters.","isPartOf":{"@id":"http://www.meaningofname.co/#website"},"breadcrumb":{"@id":"http://www.meaningofname.co/#breadcrumb"}}]}</script>

  <link rel="stylesheet" href="/styles.css?v=1767887785">

<!--google consent mode starts-->
 <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

// Default: deny everything
gtag('consent', 'default', {
  ad_storage: 'denied',
  analytics_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied'
});
</script>
<!--google consent mode ends-->
</head>
<body>

<header class="navbar">
  <div class="container">
    <a href="/" class="brand" aria-label="Meaning of Name home">
      <img src="/logo1.svg" alt="Meaning of Name logo" class="logo-image">Meaning of Name
    </a>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
    <nav aria-label="Primary navigation">
      <a href="/" class="active">Home</a>
      <a href="/male-names" class="">Male Names</a>
      <a href="/female-names" class="">Female Names</a>
      <a href="/page/contact" class="">Contact</a>
    </nav>

    <button class="nav-toggle" aria-label="Toggle navigation">&#9776;</button>
  </div>
</header>

<section class="hero">
  <h1>Find Your Name Meaning</h1>
  <p>Meaning, origin, personality + share image.</p>

  <!-- Add/Search box -->
  <form class="search-wrapper" method="post" action="/name.php" aria-label="Search or add a name">
    <input type="hidden" name="action" value="add_search_name">

    <input
      type="text"
      name="name"
      placeholder="Search name"
      value=""
      autocomplete="off"
      required
      aria-label="Name"
    >

    <select name="gender" aria-label="Select gender">
      <option value="" selected disabled>Select gender</option>
      <option value="male">Male</option>
      <option value="female">Female</option>
    <!--  <option value="unisex">Unisex</option>-->
    </select>

    <button type="submit" aria-label="Search">Search</button>
  </form>

  <div style="max-width: 900px; margin: 1rem auto 0; opacity: 0.95;">
    <div style="display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;">
              <a href="/name-starting-with-a" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">A</a>
              <a href="/name-starting-with-b" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">B</a>
              <a href="/name-starting-with-c" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">C</a>
              <a href="/name-starting-with-d" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">D</a>
              <a href="/name-starting-with-e" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">E</a>
              <a href="/name-starting-with-f" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">F</a>
              <a href="/name-starting-with-g" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">G</a>
              <a href="/name-starting-with-h" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">H</a>
              <a href="/name-starting-with-i" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">I</a>
              <a href="/name-starting-with-j" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">J</a>
              <a href="/name-starting-with-k" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">K</a>
              <a href="/name-starting-with-l" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">L</a>
              <a href="/name-starting-with-m" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">M</a>
              <a href="/name-starting-with-n" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">N</a>
              <a href="/name-starting-with-o" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">O</a>
              <a href="/name-starting-with-p" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">P</a>
              <a href="/name-starting-with-q" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">Q</a>
              <a href="/name-starting-with-r" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">R</a>
              <a href="/name-starting-with-s" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">S</a>
              <a href="/name-starting-with-t" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">T</a>
              <a href="/name-starting-with-u" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">U</a>
              <a href="/name-starting-with-v" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">V</a>
              <a href="/name-starting-with-w" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">W</a>
              <a href="/name-starting-with-x" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">X</a>
              <a href="/name-starting-with-y" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">Y</a>
              <a href="/name-starting-with-z" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .5rem;border-radius:999px;">Z</a>
          </div>
    <div style="margin-top:.75rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;">
      <a href="/male-names" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .7rem;border-radius:999px;">Male</a>
      <a href="/female-names" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .7rem;border-radius:999px;">Female</a>
      <a href="/" style="color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:.25rem .7rem;border-radius:999px;">All</a>
    </div>
  </div>
</section>

  
  <main class="container-main">
    <article>
      <nav aria-label="Breadcrumb" style="font-size:0.9rem;margin-bottom:1rem;">
        <a href="/">Home</a> &raquo; <a href="/">All Names</a>
              </nav>

      <h2 style="margin-top:0;">All Names</h2>

      <p class="muted" style="margin-top:0;">
        Showing page 1 of 551 (11006 names)
      </p>

      <div class="name-grid">
                            <div class="name-card">
                                        <a href="/gwil/111856">
                <picture>
                  <source type="image/webp" srcset="/images/name-gwil-240.webp">
                  <img
                    src="/images/name-gwil.webp"
                    alt="Gwil name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Gwil</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">G</span>
            </p>

                          <p>Young warrior; brave</p>
            
            <a class="button" href="/gwil/111856">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/jakira/211855">
                <picture>
                  <source type="image/webp" srcset="/images/name-jakira-240.webp">
                  <img
                    src="/images/name-jakira.webp"
                    alt="Jakira name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Jakira</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">J</span>
            </p>

                          <p>The name Jakira means &#039;awakening&#039; or &#039;clear-sighted,&#039; symbolizing enlightenment and awareness.</p>
            
            <a class="button" href="/jakira/211855">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/miquel/111437">
                <picture>
                  <source type="image/webp" srcset="/images/name-miquel-240.webp">
                  <img
                    src="/images/name-miquel.webp"
                    alt="Miquel name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Miquel</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">M</span>
            </p>

                          <p>Derived from Hebrew, meaning &#039;Who is like God?&#039;.</p>
            
            <a class="button" href="/miquel/111437">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/zacariah/111436">
                <picture>
                  <source type="image/webp" srcset="/images/name-zacariah-240.webp">
                  <img
                    src="/images/name-zacariah.webp"
                    alt="Zacariah name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Zacariah</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">Z</span>
            </p>

                          <p>Zacariah means &#039;the Lord has remembered,&#039; symbolizing divine remembrance and faith.</p>
            
            <a class="button" href="/zacariah/111436">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/roseren/211435">
                <picture>
                  <source type="image/webp" srcset="/images/name-roseren-240.webp">
                  <img
                    src="/images/name-roseren.webp"
                    alt="Roseren name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Roseren</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">R</span>
            </p>

                          <p>Symbolizes beauty, grace, and purity inspired by the rose flower.</p>
            
            <a class="button" href="/roseren/211435">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/vonvon/111434">
                <picture>
                  <source type="image/webp" srcset="/images/name-vonvon-240.webp">
                  <img
                    src="/images/name-vonvon.webp"
                    alt="Vonvon name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Vonvon</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">V</span>
            </p>

                          <p>Vonvon symbolizes uniqueness and a creative spirit.</p>
            
            <a class="button" href="/vonvon/111434">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/tatu/111433">
                <picture>
                  <source type="image/webp" srcset="/images/name-tatu-240.webp">
                  <img
                    src="/images/name-tatu.webp"
                    alt="Tatu name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Tatu</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">T</span>
            </p>

                          <p>The name means &#039;tattoo&#039; in Finnish and &#039;third-born child&#039; in Swahili.</p>
            
            <a class="button" href="/tatu/111433">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/lestervon/111432">
                <picture>
                  <source type="image/webp" srcset="/images/name-lestervon-240.webp">
                  <img
                    src="/images/name-lestervon.webp"
                    alt="Lestervon name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Lestervon</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">L</span>
            </p>

                          <p>Symbolizes strength, creativity, and individuality.</p>
            
            <a class="button" href="/lestervon/111432">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/myrlia/211430">
                <picture>
                  <source type="image/webp" srcset="/images/name-myrlia-240.webp">
                  <img
                    src="/images/name-myrlia.png"
                    alt="Myrlia name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Myrlia</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">M</span>
            </p>

                          <p>Myrlia signifies beauty and grace, embodying elegance and a gentle spirit.</p>
            
            <a class="button" href="/myrlia/211430">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/phillipe/111426">
                <picture>
                  <source type="image/webp" srcset="/images/name-phillipe-240.webp">
                  <img
                    src="/images/name-phillipe.webp"
                    alt="Phillipe name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Phillipe</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">P</span>
            </p>

                          <p>The name means &#039;lover of horses,&#039; symbolizing loyalty and strength.</p>
            
            <a class="button" href="/phillipe/111426">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/laverne/211425">
                <picture>
                  <source type="image/webp" srcset="/images/name-laverne-240.webp">
                  <img
                    src="/images/name-laverne.webp"
                    alt="Laverne name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Laverne</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">L</span>
            </p>

                          <p>It symbolizes freshness, renewal, and life-giving qualities.</p>
            
            <a class="button" href="/laverne/211425">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/marietta/211424">
                <picture>
                  <source type="image/webp" srcset="/images/name-marietta-240.webp">
                  <img
                    src="/images/name-marietta.png"
                    alt="Marietta name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Marietta</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">M</span>
            </p>

                          <p>Represents grace and belovedness, drawing from the name Maria.</p>
            
            <a class="button" href="/marietta/211424">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/shayistha/211421">
                <picture>
                  <source type="image/webp" srcset="/images/name-shayistha-240.webp">
                  <img
                    src="/images/name-shayistha.webp"
                    alt="Shayistha name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Shayistha</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">S</span>
            </p>

                          <p>Represents the &quot;best,&quot; &quot;most excellent,&quot; or &quot;superior.&quot;</p>
            
            <a class="button" href="/shayistha/211421">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/wavey/211420">
                <picture>
                  <source type="image/webp" srcset="/images/name-wavey-240.webp">
                  <img
                    src="/images/name-wavey.png"
                    alt="Wavey name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Wavey</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">W</span>
            </p>

                          <p>Symbolizes fluidity, calmness, and natural rhythm.</p>
            
            <a class="button" href="/wavey/211420">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/jimmy/111417">
                <picture>
                  <source type="image/webp" srcset="/images/name-jimmy-240.webp">
                  <img
                    src="/images/name-jimmy.png"
                    alt="Jimmy name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Jimmy</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">J</span>
            </p>

                          <p>Jimmy means &#039;supplanter&#039; or &#039;one who follows&#039;, deeply rooted in the meaning of James.</p>
            
            <a class="button" href="/jimmy/111417">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/anaya/211415">
                <picture>
                  <source type="image/webp" srcset="/images/name-anaya-240.webp">
                  <img
                    src="/images/name-anaya.webp"
                    alt="Anaya name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Anaya</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">A</span>
            </p>

                          <p>Anaya means &#039;caring&#039; or &#039;protection,&#039; reflecting kindness and guardianship.</p>
            
            <a class="button" href="/anaya/211415">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/kanchi/211414">
                <picture>
                  <source type="image/webp" srcset="/images/name-kanchi-240.webp">
                  <img
                    src="/images/name-kanchi.webp"
                    alt="Kanchi name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Kanchi</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">K</span>
            </p>

                          <p>Kanchi means &#039;golden&#039; or &#039;a place of learning and temples&#039;, reflecting cultural richness.</p>
            
            <a class="button" href="/kanchi/211414">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/ranjodh/111413">
                <picture>
                  <source type="image/webp" srcset="/images/name-ranjodh-240.webp">
                  <img
                    src="/images/name-ranjodh.webp"
                    alt="Ranjodh name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Ranjodh</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">R</span>
            </p>

                          <p>Army warrior or one who attracts the army</p>
            
            <a class="button" href="/ranjodh/111413">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/jamna/211412">
                <picture>
                  <source type="image/webp" srcset="/images/name-jamna-240.webp">
                  <img
                    src="/images/name-jamna.webp"
                    alt="Jamna name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Jamna</h3>
            <p>
              <span class="badge">Female</span>
              <span class="badge">J</span>
            </p>

                          <p>Symbolizes purity, tranquility, and the sacred river Yamuna.</p>
            
            <a class="button" href="/jamna/211412">View details</a>
          </div>
                            <div class="name-card">
                                        <a href="/mukesh/111411">
                <picture>
                  <source type="image/webp" srcset="/images/name-mukesh-240.webp">
                  <img
                    src="/images/name-mukesh.webp"
                    alt="Mukesh name meaning poster"
                    loading="lazy"
                    decoding="async"
                  >
                </picture>
              </a>
            
            <h3>Mukesh</h3>
            <p>
              <span class="badge">Male</span>
              <span class="badge">M</span>
            </p>

                          <p>The name means &#039;Lord of the Muktas&#039; or &#039;God of liberation,&#039; often associated with Lord Shiva.</p>
            
            <a class="button" href="/mukesh/111411">View details</a>
          </div>
              </div>

      <div style="display:flex; gap:.5rem; justify-content:center; margin: 1.25rem 0; flex-wrap:wrap;">
                          <a class="button" href="/page/2" rel="next" aria-label="Next page">Next &raquo;</a>
              </div>

    </article>
  </main>


<footer class="site-footer">
  <div class="footer-nav">
    <div>
      <h4>Pages</h4>
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/male-names">Male Names</a></li>
        <li><a href="/female-names">Female Names</a></li>
        <li><a href="/page/contact">Contact</a></li>
      </ul>
    </div>

    <div>
      <h4>Legal</h4>
      <ul>
        <li><a href="/page/privacy-policy">Privacy Policy</a></li>
        <li><a href="/page/copyright-policy">Copyright Policy</a></li>
      </ul>
    </div>
  </div>

  <div class="footer-bottom">Meaning of Name &copy; 2026</div>
</footer>

<script>
  const navToggle = document.querySelector('.nav-toggle');
  const navMenu = document.querySelector('.navbar nav');
  if (navToggle && navMenu) {
    navToggle.addEventListener('click', () => navMenu.classList.toggle('open'));
  }
</script>
<script>
(function () {
  const form = document.querySelector('form.search-wrapper');
  if (!form) return;

  const input = form.querySelector('input[name="name"]');
  if (!input) return;

  // One word, A�Z only, 2..30 chars
  const re = /^[A-Za-z]{2,30}$/;

  form.addEventListener('submit', function (e) {
    const raw = (input.value || '').trim();

    // quick normalize spaces
    input.value = raw;

    // single word only
    if (/\s/.test(raw)) {
      e.preventDefault();
      alert('Please enter a single first name (one word only).');
      input.focus();
      return;
    }

    // english only
    if (!re.test(raw)) {
      e.preventDefault();
      alert('Please use English letters only (A-Z).');
      input.focus();
      return;
    }
  });
})();
</script>


<!--cookie consent banner starts-->
<style>
#cookie-consent{
  position: fixed;
  left: 50%;
  bottom: 20%;
  transform: translateX(-50%);
  width: min(92vw, 520px);
  background: #111;
  color: #fff;
  padding: 14px 14px;
  font-size: 14px;
  z-index: 9999;
  display: none;
  border-radius: 14px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.35);
}

#cookie-consent p{
  margin: 0 0 10px 0;
  line-height: 1.45;
}

#cookie-consent button{
  margin: 0;
  padding: 10px 12px;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  font-weight: 700;
  width: 100%;
}

#acceptCookies{ background: #4CAF50; color: #fff; }
#rejectCookies{ background: #f44336; color: #fff; margin-top: 8px; }

@media (min-width: 769px){
  /* Desktop: keep it bottom-right like a toast */
  #cookie-consent{
    left: auto;
    right: 18px;
    bottom: 18px;
    transform: none;
    width: 360px;
  }

  #cookie-consent button{
    width: auto;
    margin-right: 8px;
  }

  #rejectCookies{ margin-top: 0; }
}
</style>

<div id="cookie-consent">
  <p>
    We use cookies to improve your experience, analyze traffic, and show personalized ads.
    <a href="https://meaningofname.co/page/privacy-policy" target="_blank">Privacy Policy</a>
  </p>
  <button id="acceptCookies">Accept All Cookies</button>
  <button id="rejectCookies">Reject Non-Essential</button>
</div>
<!--cookie consent banner ends-->

<!--cookie logic starts-->
<script>
const consentBanner = document.getElementById('cookie-consent');

function showBanner() {
  if (!localStorage.getItem('cookieConsent')) {
    consentBanner.style.display = 'block';
  }
}

document.getElementById('acceptCookies').onclick = function () {
  localStorage.setItem('cookieConsent', 'accepted');

  gtag('consent', 'update', {
    ad_storage: 'granted',
    analytics_storage: 'granted',
    ad_user_data: 'granted',
    ad_personalization: 'granted'
  });

  loadGoogleScripts();
  consentBanner.style.display = 'none';
};

document.getElementById('rejectCookies').onclick = function () {
  localStorage.setItem('cookieConsent', 'rejected');

  gtag('consent', 'update', {
    ad_storage: 'denied',
    analytics_storage: 'denied',
    ad_user_data: 'denied',
    ad_personalization: 'denied'
  });

  consentBanner.style.display = 'none';
};

function loadGoogleScripts() {
  // Google Analytics
  const ga = document.createElement('script');
  ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX';
  ga.async = true;
  document.head.appendChild(ga);

  ga.onload = function () {
    gtag('js', new Date());
    gtag('config', 'G-366191977');
  };

  // Google AdSense
  const ads = document.createElement('script');
  ads.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7526871591505403';
  ads.async = true;
  ads.crossOrigin = 'anonymous';
  document.head.appendChild(ads);
}

// Load scripts automatically if already accepted
if (localStorage.getItem('cookieConsent') === 'accepted') {
  loadGoogleScripts();
}

showBanner();
</script>
<!--cookie logic ends  -->

</body>
</html>
