<!DOCTYPE html><html lang="en"> <head><!-- Leave the external tracker unbundled so its site attribute is preserved. --><script defer src="https://clicks.page/t.js" data-site="3e150s2g0s63"></script><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Mahakatha — Meditation Mantras | Mahakatha</title><meta name="description" content="Explore 286+ mantras with Sanskrit lyrics, transliteration, word-by-word meaning, and how to chant. Mantras for sleep, healing, morning, and more."><link rel="canonical" href="https://mahakatha.com/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Mahakatha — Meditation Mantras | Mahakatha"><meta property="og:description" content="Explore 286+ mantras with Sanskrit lyrics, transliteration, word-by-word meaning, and how to chant. Mantras for sleep, healing, morning, and more."><meta property="og:image" content="https://mahakatha.com/og-default.png"><meta property="og:url" content="https://mahakatha.com/"><meta property="og:site_name" content="Mahakatha"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Mahakatha — Meditation Mantras | Mahakatha"><meta name="twitter:description" content="Explore 286+ mantras with Sanskrit lyrics, transliteration, word-by-word meaning, and how to chant. Mantras for sleep, healing, morning, and more."><meta name="twitter:image" content="https://mahakatha.com/og-default.png"><!-- Favicon --><link rel="icon" type="image/png" href="/favicon.png"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- Preconnect --><link rel="preconnect" href="https://scripts.simpleanalyticscdn.com" crossorigin><link rel="preconnect" href="https://cdn.sanity.io" crossorigin><link rel="preconnect" href="https://connect.facebook.net" crossorigin><!-- Simple Analytics (privacy-first, no cookies, auto-tracks outbound links) --><script async defer src="https://scripts.simpleanalyticscdn.com/latest.js" data-collect-outbound-links="true"></script><script async src="https://scripts.simpleanalyticscdn.com/auto-events.js"></script><noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade"></noscript><!-- Meta Pixel Code --><script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '348518663684782');
      fbq('track', 'PageView');
    </script><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=348518663684782&ev=PageView&noscript=1"></noscript><!-- End Meta Pixel Code --><!-- Bento web analytics (site-wide) --><script async defer src="https://fast.bentonow.com?site_uuid=28e5f5af8a282d54acfc32eccb5b3a9f"></script><!-- First-touch UTM / attribution capture (site-wide, stored for later signups) --><script>
      (function () {
        try {
          var p = new URLSearchParams(location.search);
          var keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
          var store = {};
          try { store = JSON.parse(localStorage.getItem('mk_attribution') || '{}'); } catch (e) {}
          var changed = false;
          keys.forEach(function (k) { var v = p.get(k); if (v && !store[k]) { store[k] = v; changed = true; } });
          if (!store.landing_page) { store.landing_page = location.pathname; changed = true; }
          if (!store.referrer && document.referrer) { store.referrer = document.referrer; changed = true; }
          if (changed) localStorage.setItem('mk_attribution', JSON.stringify(store));
        } catch (e) {}
      })();
    </script><!-- JSON-LD Schema --><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Mahakatha","url":"https://mahakatha.com","description":"Meditation mantras — their meaning, lyrics, and how to chant them.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://mahakatha.com/search/?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Mahakatha","alternateName":"Mahakatha Meditation Mantras","url":"https://mahakatha.com","logo":{"@type":"ImageObject","url":"https://mahakatha.com/mahakatha-logo.png","width":200,"height":200},"description":"Vedic meditation mantra platform with 286+ Sanskrit mantras — lyrics, meanings, and chanting guides.","foundingDate":"2011","sameAs":["https://www.youtube.com/@mahakatha","https://www.instagram.com/mahakatha","https://open.spotify.com/artist/5yMmIhZ6dUYvVjjqzFOOzN","https://music.apple.com/artist/mahakatha"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://mahakatha.com/contact/"}}</script><link rel="stylesheet" href="/_astro/BaseLayout.BdmCpBX6.css"><style>.mk-header[data-astro-cid-isef26zo] a[data-astro-cid-isef26zo],.mk-header[data-astro-cid-isef26zo] button[data-astro-cid-isef26zo]{min-width:0!important;min-height:0!important}
</style></head> <body> <!-- FULL HEADER (visible at top of page) --><header id="mk-header-full" class="mk-header sticky top-0 z-50 bg-white/95 backdrop-blur-sm border-b border-[#e5e5e5]" data-astro-cid-isef26zo> <div class="max-w-6xl mx-auto px-4 sm:px-6 h-16 flex items-center justify-between gap-4" data-astro-cid-isef26zo> <!-- Logo --><a href="/" class="shrink-0" aria-label="Mahakatha home" data-astro-cid-isef26zo> <img src="/mahakatha-logo.png" alt="Mahakatha" width="148" height="40" class="h-9 w-auto" loading="eager" fetchpriority="high" data-astro-cid-isef26zo> </a> <!-- Desktop Nav --> <nav class="hidden md:flex items-center gap-1" aria-label="Main navigation" data-astro-cid-isef26zo> <a href="/mantras/" class="inline-flex items-center h-9 px-3 rounded-lg text-sm transition-colors text-[#444444] font-medium hover:text-[#111111] hover:bg-[#f8f8f8]" data-astro-cid-isef26zo> Mantras </a><a href="/bhagavad-gita/" class="inline-flex items-center h-9 px-3 rounded-lg text-sm transition-colors text-[#444444] font-medium hover:text-[#111111] hover:bg-[#f8f8f8]" data-astro-cid-isef26zo> Gita </a><a href="/hindu-festival-calendar/" class="inline-flex items-center h-9 px-3 rounded-lg text-sm transition-colors text-[#444444] font-medium hover:text-[#111111] hover:bg-[#f8f8f8]" data-astro-cid-isef26zo> Calendar </a><a href="/blog/" class="inline-flex items-center h-9 px-3 rounded-lg text-sm transition-colors text-[#444444] font-medium hover:text-[#111111] hover:bg-[#f8f8f8]" data-astro-cid-isef26zo> Blog </a> </nav> <!-- Right actions --> <div class="flex items-center gap-2.5 shrink-0" data-astro-cid-isef26zo> <!-- Search --><a href="/search/" class="inline-flex items-center justify-center w-9 h-9 rounded-lg text-[#444444] hover:text-[#111111] hover:bg-[#f8f8f8] transition-colors" aria-label="Search mantras" data-astro-cid-isef26zo> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-isef26zo> <circle cx="11" cy="11" r="8" data-astro-cid-isef26zo></circle><path d="m21 21-4.35-4.35" data-astro-cid-isef26zo></path> </svg> </a> <!-- Gold offer CTA --> <a href="/gold/" target="_blank" rel="noopener" class="hidden md:inline-flex items-center group relative h-9 rounded-full bg-gradient-to-r from-[#f94a4c] to-[#d42e30] p-[2px] hover:shadow-md transition-shadow" data-astro-cid-isef26zo> <span class="flex items-center h-full px-4 rounded-full bg-white text-xs font-bold text-[#2C2A28] group-hover:bg-transparent group-hover:text-white transition-colors" data-astro-cid-isef26zo>
Gold offer
</span> </a> <!-- Mobile menu button — opens fullscreen nav (same as scrolled M icon) --> <button id="mobile-menu-btn" class="md:hidden inline-flex items-center justify-center w-9 h-9 rounded-lg text-[#444444] hover:bg-[#f8f8f8] transition-colors" aria-label="Open menu" aria-expanded="false" aria-controls="fullscreen-nav" data-astro-cid-isef26zo> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-isef26zo> <path d="M4 6h16M4 12h16M4 18h16" data-astro-cid-isef26zo></path> </svg> </button> </div> </div> </header> <!-- SCROLLED HEADER (hidden at top, appears on scroll — icon left, Gold offer right) --> <div id="mk-header-scrolled" class="fixed top-0 left-0 right-0 z-50 pointer-events-none opacity-0 -translate-y-2 transition-all duration-300" aria-hidden="true" data-astro-cid-isef26zo> <div class="flex items-center justify-between px-4 sm:px-6 pt-4" data-astro-cid-isef26zo> <!-- Circular M icon — left (mobile: opens nav, desktop: decorative) --><button id="scrolled-m-btn" class="shrink-0 border-0 bg-transparent p-0 cursor-pointer md:cursor-default" aria-label="Open navigation" data-astro-cid-isef26zo> <img src="/mk-icon.png" alt="M" width="44" height="44" class="w-11 h-11 rounded-full shadow-md" data-astro-cid-isef26zo> </button> <!-- Gold offer — right --> <a href="/gold/" target="_blank" rel="noopener" class="group relative flex items-center h-11 rounded-full bg-gradient-to-r from-[#f94a4c] to-[#d42e30] p-[2px] shadow-md hover:shadow-lg transition-shadow" data-astro-cid-isef26zo> <span class="flex items-center h-full px-5 rounded-full bg-white text-sm font-bold text-[#2C2A28] group-hover:bg-transparent group-hover:text-white transition-colors" data-astro-cid-isef26zo>
Gold offer
</span> </a> </div> </div> <!-- Fullscreen mobile nav (triggered by scrolled M icon) --> <div id="fullscreen-nav" class="fixed inset-0 z-[300] bg-white flex flex-col opacity-0 pointer-events-none translate-y-full transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] md:hidden" aria-hidden="true" data-astro-cid-isef26zo> <div class="flex items-center justify-between px-5 py-4 border-b border-[#f0efed]" data-astro-cid-isef26zo> <div class="flex items-center gap-2.5" data-astro-cid-isef26zo> <img src="/mk-icon.png" alt="M" width="36" height="36" class="w-9 h-9 rounded-full" data-astro-cid-isef26zo> <span class="text-lg font-bold text-[#2C2A28] tracking-tight" data-astro-cid-isef26zo>Mahakatha</span> </div> <button id="fullscreen-nav-close" class="w-11 h-11 rounded-full bg-[#f5f3f0] flex items-center justify-center text-[#666] hover:bg-[#ebe8e4] transition-colors" aria-label="Close menu" data-astro-cid-isef26zo> <svg xmlns="http://www.w3.org/2000/svg" class="w-5.5 h-5.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-isef26zo> <path d="M18 6L6 18M6 6l12 12" data-astro-cid-isef26zo></path> </svg> </button> </div> <div class="flex-1 flex flex-col justify-center px-8 gap-0" data-astro-cid-isef26zo> <a href="/mantras/" class="flex items-center gap-4 py-5 px-2 border-t border-[#f0efed] no-underline active:bg-[#faf8f6]" data-astro-cid-isef26zo> <span class="w-11 h-11 rounded-xl bg-[#faf8f6] flex items-center justify-center shrink-0" data-astro-cid-isef26zo> <svg xmlns="http://www.w3.org/2000/svg" class="w-5.5 h-5.5" fill="none" viewBox="0 0 24 24" stroke="#f94a4c" stroke-width="2" data-astro-cid-isef26zo><path d="M9 18V5l12-2v13" data-astro-cid-isef26zo></path><circle cx="6" cy="18" r="3" data-astro-cid-isef26zo></circle><circle cx="18" cy="16" r="3" data-astro-cid-isef26zo></circle></svg> </span> <div data-astro-cid-isef26zo> <div class="text-xl font-semibold text-[#2C2A28]" data-astro-cid-isef26zo>Mantras</div> <div class="text-[13px] text-[#888] mt-0.5" data-astro-cid-isef26zo>284 sacred chants</div> </div> </a> <a href="/bhagavad-gita/" class="flex items-center gap-4 py-5 px-2 border-t border-[#f0efed] no-underline active:bg-[#faf8f6]" data-astro-cid-isef26zo> <span class="w-11 h-11 rounded-xl bg-[#faf8f6] flex items-center justify-center shrink-0" data-astro-cid-isef26zo> <svg xmlns="http://www.w3.org/2000/svg" class="w-5.5 h-5.5" fill="none" viewBox="0 0 24 24" stroke="#8B5CF6" stroke-width="2" data-astro-cid-isef26zo><path d="M4 19.5A2.5 2.5 0 016.5 17H20" data-astro-cid-isef26zo></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" data-astro-cid-isef26zo></path></svg> </span> <div data-astro-cid-isef26zo> <div class="text-xl font-semibold text-[#2C2A28]" data-astro-cid-isef26zo>Bhagavad Gita</div> <div class="text-[13px] text-[#888] mt-0.5" data-astro-cid-isef26zo>701 verses with audio</div> </div> </a> <a href="/blog/" class="flex items-center gap-4 py-5 px-2 border-y border-[#f0efed] no-underline active:bg-[#faf8f6]" data-astro-cid-isef26zo> <span class="w-11 h-11 rounded-xl bg-[#faf8f6] flex items-center justify-center shrink-0" data-astro-cid-isef26zo> <svg xmlns="http://www.w3.org/2000/svg" class="w-5.5 h-5.5" fill="none" viewBox="0 0 24 24" stroke="#D97706" stroke-width="2" data-astro-cid-isef26zo><path d="M12 20h9" data-astro-cid-isef26zo></path><path d="M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z" data-astro-cid-isef26zo></path></svg> </span> <div data-astro-cid-isef26zo> <div class="text-xl font-semibold text-[#2C2A28]" data-astro-cid-isef26zo>Blog</div> <div class="text-[13px] text-[#888] mt-0.5" data-astro-cid-isef26zo>Guides & stories</div> </div> </a> </div> <div class="px-8 pb-9" data-astro-cid-isef26zo> <a href="/gold/" target="_blank" rel="noopener" class="flex items-center justify-center w-full py-4 rounded-full bg-gradient-to-r from-[#f94a4c] to-[#d42e30] text-white text-[17px] font-bold no-underline shadow-[0_4px_16px_rgba(249,74,76,0.25)]" data-astro-cid-isef26zo>
Get Gold
</a> </div> </div><script type="module">var e=document.getElementById(`mk-header-full`),t=document.getElementById(`mk-header-scrolled`),n=!1;function r(){let r=window.scrollY;r>200&&!n?(n=!0,e&&(e.style.opacity=`0`),e&&(e.style.pointerEvents=`none`),t&&(t.classList.remove(`opacity-0`,`-translate-y-2`,`pointer-events-none`),t.classList.add(`opacity-100`,`translate-y-0`),t.setAttribute(`aria-hidden`,`false`))):r<=200&&n&&(n=!1,e&&(e.style.opacity=`1`),e&&(e.style.pointerEvents=``),t&&(t.classList.remove(`opacity-100`,`translate-y-0`),t.classList.add(`opacity-0`,`-translate-y-2`,`pointer-events-none`),t.setAttribute(`aria-hidden`,`true`)))}window.addEventListener(`scroll`,r,{passive:!0});var i=document.getElementById(`scrolled-m-btn`),a=document.getElementById(`fullscreen-nav`),o=document.getElementById(`fullscreen-nav-close`);function s(){window.innerWidth>=768||a&&(a.classList.remove(`opacity-0`,`pointer-events-none`,`translate-y-full`),a.classList.add(`opacity-100`,`pointer-events-auto`,`translate-y-0`),a.setAttribute(`aria-hidden`,`false`),document.body.style.overflow=`hidden`)}function c(){a&&(a.classList.remove(`opacity-100`,`pointer-events-auto`,`translate-y-0`),a.classList.add(`opacity-0`,`pointer-events-none`,`translate-y-full`),a.setAttribute(`aria-hidden`,`true`),document.body.style.overflow=``)}var l=document.getElementById(`mobile-menu-btn`);i?.addEventListener(`click`,s),l?.addEventListener(`click`,s),o?.addEventListener(`click`,c),a?.querySelectorAll(`a`).forEach(e=>e.addEventListener(`click`,c)),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&c()});</script> <main id="main-content">    <section class="pt-12 pb-20 px-4 sm:px-6 bg-[#FAF7F2] text-center"> <div class="max-w-3xl mx-auto"> <h1 class="text-4xl sm:text-5xl lg:text-6xl font-black text-[#1C1917] mb-5" style="letter-spacing: -0.02em; line-height: 1.08;">
Ancient Mantras for Modern Life
</h1> <p class="text-lg sm:text-xl text-[#5C5651] mb-8 max-w-2xl mx-auto leading-relaxed"> 286 Sanskrit mantras with lyrics, meaning, and guided practice.
        Sleep. Heal. Focus. Protect. Find peace.
</p> <a href="/gold/" target="_blank" rel="noopener" class="inline-flex items-center group relative h-14 rounded-full bg-gradient-to-r from-[#f94a4c] to-[#d42e30] p-[2px] shadow-lg hover:shadow-xl transition-shadow"> <span class="flex items-center h-full px-8 rounded-full bg-white text-base font-bold text-[#2C2A28] group-hover:bg-transparent group-hover:text-white transition-colors">
Get 80% OFF &rarr;
</span> </a> <p class="text-sm text-[#736D67] mt-6">2.2M subscribers &middot; 17M+ impressions &middot; 531K Spotify listeners</p> </div> </section>  <section class="pt-8 pb-20 px-4 sm:px-6 relative z-10 bg-[#FAF7F2]"> <div class="max-w-6xl mx-auto"> <div class="flex items-end justify-between gap-4 mb-3"> <h2 class="text-2xl sm:text-3xl font-extrabold text-[#1C1917] tracking-tight" style="letter-spacing:-0.025em">Browse by Deity</h2> <a href="/mantras/" class="text-sm text-[#f9393b] font-semibold hover:underline shrink-0" aria-label="View all mantras by deity">All mantras →</a> </div> <p class="text-base text-[#595959] mb-10">Find mantras, prayers, and chants for the deity you feel closest to.</p> <div class="grid grid-cols-3 sm:grid-cols-5 lg:grid-cols-6 gap-3 sm:gap-4"> <a href="/mantras/shiva/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/3eb1e8e7f57d72880c9cae055fdcb4f4cf5dbb69-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Shiva" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Shiva</span> </a><a href="/mantras/krishna/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/6d2a0d7f21ffe3112a89c3125ea97169c4bf13b2-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Krishna" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Krishna</span> </a><a href="/mantras/universal/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/5ccb7ac650a5a903a526d31c48939b51df8db8b7-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Universal Mantras" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Universal Mantras</span> </a><a href="/mantras/lakshmi/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/81326af6d6c2fb1217d44b6b6a26245043c85cbc-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Lakshmi" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Lakshmi</span> </a><a href="/mantras/durga/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/e55a26b2880f9f190cedba7450a9bd45e6c90edd-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Durga" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Durga</span> </a><a href="/mantras/ganesha/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/1c5f792790b8d456d00c18f3ba413534af3fda53-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Ganesha" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Ganesha</span> </a><a href="/mantras/saraswati/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/4bfc5ad508ada4f8146900c4923cfdd2ca5c7ff3-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Saraswati" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Saraswati</span> </a><a href="/mantras/buddha/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/65ffd698f4ee28d623f554653a21bece82c1db1a-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Buddha" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Buddha</span> </a><a href="/mantras/zodiac/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/8af55f51924426f6c77b2629b0361d0717b8602d-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Zodiac" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Zodiac</span> </a><a href="/mantras/hanuman/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/eb23311d5130191c926be43bb9b28fd275ff05cd-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Hanuman" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Hanuman</span> </a><a href="/mantras/vishnu/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/d5247914f9ccba161a2577351aa8c9229fa5b664-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Vishnu" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Vishnu</span> </a><a href="/mantras/navagraha/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/cf79c3bce1cf73754dcb177adfec9f2201e8559f-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Navagraha" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Navagraha</span> </a><a href="/mantras/rama/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/b8013950d37dcbff075dbfb0d5236209246d58f5-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Rama" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Rama</span> </a><a href="/mantras/kali/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/af4f1e947817ae280b95b6bd53e179714b38bf9b-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Kali" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Kali</span> </a><a href="/mantras/chakra/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/0d3ec911cc347dc375ed26c0ad9a5c783948ffea-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Chakra" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Chakra</span> </a><a href="/mantras/yoga/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/9fad08280d94e80b7898b8b3e2db0af65c1b7f3a-1024x1024.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Yoga" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Yoga</span> </a><a href="/mantras/gayatri/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/7ddac529697ba9ff208d2e0293d2af2f76d4d0db-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Gayatri" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Gayatri</span> </a><a href="/mantras/surya/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/c3db37ec0a9850f355be94622d10a2f2785c1c15-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Surya" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Surya</span> </a><a href="/mantras/devi/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/ea434d0a0c11e6f282c8a93057a2b2173e623c02-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Devi" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Devi</span> </a><a href="/mantras/sikh/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/f7163cfed90080edfc0973e3c4b07ccdb05cfb2e-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Sikh" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Sikh</span> </a><a href="/mantras/kubera/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/01dcc60d9b651aab4ee632bcab0210a5be502d2a-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Kubera" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Kubera</span> </a><a href="/mantras/dhanavantri/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/32da0ad00b1db90b7a6ceb6517417af492612ec8-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Dhanavantri" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Dhanavantri</span> </a><a href="/mantras/patanjali/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/814a723c42bf7208202f3e49e2d7cefa4772976b-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Patanjali" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Patanjali</span> </a><a href="/mantras/shani/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/57218af104fe4a0860e286bc15e3ab6d1182e39b-800x446.jpg?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Shani" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Shani</span> </a><a href="/mantras/subramanya/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/da45f6ac2a7ae5db50c97d31aa105a5e38bfacb9-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Subramanya" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Subramanya</span> </a><a href="/mantras/ayyappa/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/e514f4c3c9b245c9141cc318a539defa885eb76f-800x446.jpg?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Ayyappa" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Ayyappa</span> </a><a href="/mantras/ganga/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/878b2266b760b8db5b8c15c2969bd2085cdec1dd-800x446.jpg?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Ganga" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Ganga</span> </a><a href="/mantras/narasimha/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/ca4b9af4bb3b6467fddddbba065eeee77d44b835-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Narasimha" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Narasimha</span> </a><a href="/mantras/parvati/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/f24ef3f233be7e2f678630b046b60e3c43aa3728-2752x1536.png?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Parvati" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Parvati</span> </a><a href="/mantras/sita/" class="group flex flex-col items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors text-center"> <div class="w-20 h-20 rounded-full shrink-0 overflow-hidden ring-2 ring-transparent group-hover:ring-[#f9393b] group-hover:ring-offset-2 transition-all duration-200"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/2f3efc05dc34c90a844b6610939aea1a20771562-800x446.jpg?w=160&amp;h=160&amp;fm=webp&amp;q=85&amp;fit=crop&amp;crop=center" alt="Sita" width="160" height="160" class="w-full h-full object-cover" loading="lazy"> </div> <span class="text-sm font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors leading-tight">Sita</span> </a> </div> </div> </section> <section class="py-20 px-4 sm:px-6 bg-[#F7F2EA]"> <div class="max-w-6xl mx-auto"> <div class="flex items-end justify-between gap-4 mb-3"> <h2 class="text-2xl sm:text-3xl font-extrabold text-[#1C1917] tracking-tight" style="letter-spacing:-0.025em">Popular Mantras</h2> <a href="/mantras/" class="text-sm text-[#f9393b] font-semibold hover:underline shrink-0" aria-label="View all popular mantras">View all →</a> </div> <p class="text-base text-[#595959] mb-10">Our most-loved Sanskrit mantras — complete with lyrics, word-by-word meanings, and chanting guides.</p> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"> <a href="/mantras/saraswati/gayatri-savitri/" class="group bg-[#FDFAF5] rounded-2xl p-5 border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors flex flex-col gap-3"> <span class="self-start inline-flex items-center rounded-full border border-[#f9393b]/25 bg-[#fff8f8] px-3 py-1.5 text-xs font-semibold text-[#f9393b]">Saraswati</span> <h3 class="font-bold text-[#1C1917] text-lg leading-snug group-hover:text-[#f9393b] transition-colors flex-1">Gayatri Mantra</h3> <div class="flex items-center">  <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] transition-colors ml-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </div> </a><a href="/mantras/hanuman/hanuman-chalisa/" class="group bg-[#FDFAF5] rounded-2xl p-5 border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors flex flex-col gap-3"> <span class="self-start inline-flex items-center rounded-full border border-[#f9393b]/25 bg-[#fff8f8] px-3 py-1.5 text-xs font-semibold text-[#f9393b]">Hanuman</span> <h3 class="font-bold text-[#1C1917] text-lg leading-snug group-hover:text-[#f9393b] transition-colors flex-1">Hanuman Chalisa</h3> <div class="flex items-center">  <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] transition-colors ml-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </div> </a><a href="/mantras/durga/mahishasura-mardini-mantra/" class="group bg-[#FDFAF5] rounded-2xl p-5 border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors flex flex-col gap-3"> <span class="self-start inline-flex items-center rounded-full border border-[#f9393b]/25 bg-[#fff8f8] px-3 py-1.5 text-xs font-semibold text-[#f9393b]">Durga</span> <h3 class="font-bold text-[#1C1917] text-lg leading-snug group-hover:text-[#f9393b] transition-colors flex-1">Aigiri Nandini – Mahishasura Mardini Stotram</h3> <div class="flex items-center">  <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] transition-colors ml-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </div> </a><a href="/mantras/buddha/om-mani-padme-hum/" class="group bg-[#FDFAF5] rounded-2xl p-5 border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors flex flex-col gap-3"> <span class="self-start inline-flex items-center rounded-full border border-[#f9393b]/25 bg-[#fff8f8] px-3 py-1.5 text-xs font-semibold text-[#f9393b]">Buddha</span> <h3 class="font-bold text-[#1C1917] text-lg leading-snug group-hover:text-[#f9393b] transition-colors flex-1">Om Mani Padme Hum Mantra</h3> <div class="flex items-center">  <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] transition-colors ml-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </div> </a><a href="/mantras/shiva/om-namah-shivaya/" class="group bg-[#FDFAF5] rounded-2xl p-5 border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors flex flex-col gap-3"> <span class="self-start inline-flex items-center rounded-full border border-[#f9393b]/25 bg-[#fff8f8] px-3 py-1.5 text-xs font-semibold text-[#f9393b]">Shiva</span> <h3 class="font-bold text-[#1C1917] text-lg leading-snug group-hover:text-[#f9393b] transition-colors flex-1">Om Namah Shivaya Mantra</h3> <div class="flex items-center">  <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] transition-colors ml-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </div> </a><a href="/mantras/ganesha/vakratunda-mahakaya/" class="group bg-[#FDFAF5] rounded-2xl p-5 border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors flex flex-col gap-3"> <span class="self-start inline-flex items-center rounded-full border border-[#f9393b]/25 bg-[#fff8f8] px-3 py-1.5 text-xs font-semibold text-[#f9393b]">Ganesha</span> <h3 class="font-bold text-[#1C1917] text-lg leading-snug group-hover:text-[#f9393b] transition-colors flex-1">Vakratunda Mahakaya Mantra</h3> <div class="flex items-center">  <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] transition-colors ml-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </div> </a> </div> </div> </section> <section class="py-16 px-4 sm:px-6 bg-[#1C1917]"> <div class="max-w-4xl mx-auto grid grid-cols-2 sm:grid-cols-4 gap-10 text-center"> <div> <p class="text-5xl font-black text-white" style="letter-spacing:-0.03em">286+</p> <p class="text-xs text-white/65 mt-2 uppercase tracking-widest">Mantras</p> </div><div> <p class="text-5xl font-black text-white" style="letter-spacing:-0.03em">17M+</p> <p class="text-xs text-white/65 mt-2 uppercase tracking-widest">Impressions</p> </div><div> <p class="text-5xl font-black text-white" style="letter-spacing:-0.03em">461K+</p> <p class="text-xs text-white/65 mt-2 uppercase tracking-widest">Seekers</p> </div><div> <p class="text-5xl font-black text-white" style="letter-spacing:-0.03em">8</p> <p class="text-xs text-white/65 mt-2 uppercase tracking-widest">Languages</p> </div> </div> </section>  <section class="py-20 px-4 sm:px-6 bg-[#FAF7F2]"> <div class="max-w-6xl mx-auto"> <div class="flex items-end justify-between gap-4 mb-3"> <h2 class="text-2xl sm:text-3xl font-extrabold text-[#1C1917] tracking-tight" style="letter-spacing:-0.025em">Mantras for Every Intention</h2> <a href="/meditation/" class="text-sm text-[#f9393b] font-semibold hover:underline shrink-0" aria-label="View all meditation intentions">View all →</a> </div> <p class="text-base text-[#595959] mb-10">A curated playlist of Sanskrit mantras for each mood, goal, and moment in life.</p> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"> <a href="/meditation/for-manifestation/" class="group flex items-center gap-4 p-4 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/f936c2828b512738546523ede0b4edaffb2cf872-1024x1024.png?w=80&amp;h=80&amp;fit=crop" alt="Mantras for Manifestation" class="w-10 h-10 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="40" height="40"> <p class="font-semibold text-[#1C1917] text-sm group-hover:text-[#f9393b] transition-colors leading-snug flex-1">Mantras for Manifestation</p> <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] shrink-0 transition-colors" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </a><a href="/meditation/for-love/" class="group flex items-center gap-4 p-4 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/f6cdc0bc85dff31bda7b496fd7019928fe58657a-1024x1024.png?w=80&amp;h=80&amp;fit=crop" alt="Mantras for Love &amp; Marriage" class="w-10 h-10 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="40" height="40"> <p class="font-semibold text-[#1C1917] text-sm group-hover:text-[#f9393b] transition-colors leading-snug flex-1">Mantras for Love &amp; Marriage</p> <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] shrink-0 transition-colors" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </a><a href="/meditation/for-studying/" class="group flex items-center gap-4 p-4 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/0411445c24a09e03898ea0b17ca3110a547b2502-1024x1024.png?w=80&amp;h=80&amp;fit=crop" alt="Mantras for Studying" class="w-10 h-10 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="40" height="40"> <p class="font-semibold text-[#1C1917] text-sm group-hover:text-[#f9393b] transition-colors leading-snug flex-1">Mantras for Studying</p> <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] shrink-0 transition-colors" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </a><a href="/meditation/for-anxiety/" class="group flex items-center gap-4 p-4 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/5cb90905532f28ea8e5722017cc36edcc9abcfc4-1024x1024.png?w=80&amp;h=80&amp;fit=crop" alt="Mantras for Anxiety &amp; Stress" class="w-10 h-10 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="40" height="40"> <p class="font-semibold text-[#1C1917] text-sm group-hover:text-[#f9393b] transition-colors leading-snug flex-1">Mantras for Anxiety &amp; Stress</p> <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] shrink-0 transition-colors" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </a><a href="/meditation/ganesh-mantra-for-studies/" class="group flex items-center gap-4 p-4 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/531c3ab55d29a818feb749a8bc3494a269bda5bd-1024x1024.png?w=80&amp;h=80&amp;fit=crop" alt="Ganesh Mantra for Studies" class="w-10 h-10 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="40" height="40"> <p class="font-semibold text-[#1C1917] text-sm group-hover:text-[#f9393b] transition-colors leading-snug flex-1">Ganesh Mantra for Studies</p> <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] shrink-0 transition-colors" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </a><a href="/meditation/for-focus/" class="group flex items-center gap-4 p-4 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors"> <img src="https://cdn.sanity.io/images/lpxkrg0m/production/2aa529b29eaada3ece81247d765eb585d9115780-1024x1024.png?w=80&amp;h=80&amp;fit=crop" alt="Mantras for Focus" class="w-10 h-10 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="40" height="40"> <p class="font-semibold text-[#1C1917] text-sm group-hover:text-[#f9393b] transition-colors leading-snug flex-1">Mantras for Focus</p> <svg class="w-4 h-4 text-[#cccccc] group-hover:text-[#f9393b] shrink-0 transition-colors" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg> </a> </div> </div> </section> <section class="py-20 px-4 sm:px-6 bg-[#F7F2EA]"> <div class="max-w-6xl mx-auto"> <div class="flex items-end justify-between gap-4 mb-3"> <h2 class="text-2xl sm:text-3xl font-extrabold text-[#1C1917] tracking-tight" style="letter-spacing:-0.025em">Prayers &amp; Sacred Chants</h2> <a href="/prayers/" class="text-sm text-[#f9393b] font-semibold hover:underline shrink-0" aria-label="View all prayers and sacred chants">View all →</a> </div> <p class="text-base text-[#595959] mb-10">Beyond mantras — Aarti, Stotram, Kavach, Kirtan, Japa, and Prarthana from the Vedic tradition.</p> <div class="grid grid-cols-2 sm:grid-cols-3 gap-4"> <a href="/aarti/" class="group flex items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors"> <img src="/images/sacred-types/aarti.png" alt="Aarti" class="w-11 h-11 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="44" height="44"> <div class="min-w-0"> <p class="font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors text-sm">Aarti</p> <p class="text-xs text-[#787270] mt-0.5 truncate">15 texts</p> </div> </a><a href="/stotram/" class="group flex items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors"> <img src="/images/sacred-types/stotram.png" alt="Stotram" class="w-11 h-11 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="44" height="44"> <div class="min-w-0"> <p class="font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors text-sm">Stotram</p> <p class="text-xs text-[#787270] mt-0.5 truncate">21 texts</p> </div> </a><a href="/kavach/" class="group flex items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors"> <img src="/images/sacred-types/kavach.png" alt="Kavach" class="w-11 h-11 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="44" height="44"> <div class="min-w-0"> <p class="font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors text-sm">Kavach</p> <p class="text-xs text-[#787270] mt-0.5 truncate">12 texts</p> </div> </a><a href="/kirtan/" class="group flex items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors"> <img src="/images/sacred-types/kirtan.png" alt="Kirtan" class="w-11 h-11 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="44" height="44"> <div class="min-w-0"> <p class="font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors text-sm">Kirtan</p> <p class="text-xs text-[#787270] mt-0.5 truncate">12 texts</p> </div> </a><a href="/japa/" class="group flex items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors"> <img src="/images/sacred-types/japa.png" alt="Japa" class="w-11 h-11 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="44" height="44"> <div class="min-w-0"> <p class="font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors text-sm">Japa</p> <p class="text-xs text-[#787270] mt-0.5 truncate">10 texts</p> </div> </a><a href="/prarthana/" class="group flex items-center gap-3 p-4 rounded-2xl bg-[#FDFAF5] border border-[rgba(120,80,40,0.08)] hover:border-[#FFD4C2] transition-colors"> <img src="/images/sacred-types/prarthana.png" alt="Prarthana" class="w-11 h-11 rounded-xl object-cover shrink-0 transition-transform duration-200 group-hover:scale-110" loading="lazy" width="44" height="44"> <div class="min-w-0"> <p class="font-semibold text-[#1C1917] group-hover:text-[#f9393b] transition-colors text-sm">Prarthana</p> <p class="text-xs text-[#787270] mt-0.5 truncate">12 texts</p> </div> </a> </div> </div> </section>  <section class="py-20 px-4 sm:px-6 bg-[#FAF7F2]"> <div class="max-w-6xl mx-auto"> <div class="flex items-end justify-between gap-4 mb-3"> <h2 class="text-2xl sm:text-3xl font-extrabold text-[#1C1917] tracking-tight" style="letter-spacing:-0.025em">From the Blog</h2> <a href="/blog/" class="text-sm text-[#f9393b] font-semibold hover:underline shrink-0">All posts →</a> </div> <p class="text-base text-[#595959] mb-10">Meanings, practice guides, and stories from the Vedic tradition — explained clearly.</p> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <a href="/blog/bhagavad-gita-core-teachings/" class="group p-5 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors flex flex-col gap-2"> <p class="text-xs text-[#787270]"> October 9, 2026 </p> <h3 class="font-bold text-[#1C1917] text-lg group-hover:text-[#f9393b] transition-colors leading-snug">Bhagavad Gita Core Teachings Every Beginner Should Know</h3> <p class="text-sm text-[#78716C] leading-relaxed line-clamp-2">New to the Bhagavad Gita? Its core teachings in plain words: action without attachment, dharma, the self, steadiness and devotion, linked to each verse.</p> <span class="text-xs font-semibold text-[#f9393b] mt-1">Read more →</span> </a><a href="/blog/dhanteras-puja-at-home/" class="group p-5 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors flex flex-col gap-2"> <p class="text-xs text-[#787270]"> October 9, 2026 </p> <h3 class="font-bold text-[#1C1917] text-lg group-hover:text-[#f9393b] transition-colors leading-snug">Dhanteras Puja at Home: Kuber, Dhanvantari and Lakshmi Mantras</h3> <p class="text-sm text-[#78716C] leading-relaxed line-clamp-2">A simple Dhanteras puja for home on 6 November 2026: samagri, step-by-step vidhi, Yama Deepam, and mantras for Dhanvantari, Kubera and Lakshmi.</p> <span class="text-xs font-semibold text-[#f9393b] mt-1">Read more →</span> </a><a href="/blog/diwali-lakshmi-puja-at-home/" class="group p-5 rounded-2xl border border-[rgba(120,80,40,0.08)] bg-[#FDFAF5] hover:border-[#FFD4C2] transition-colors flex flex-col gap-2"> <p class="text-xs text-[#787270]"> October 9, 2026 </p> <h3 class="font-bold text-[#1C1917] text-lg group-hover:text-[#f9393b] transition-colors leading-snug">Diwali Lakshmi Puja at Home: Simple Step-by-Step Vidhi with Mantras and Aarti</h3> <p class="text-sm text-[#78716C] leading-relaxed line-clamp-2">A simple step-by-step Lakshmi Puja for Diwali night, 8 November 2026: samagri list, puja steps, mantras for Ganesha and Lakshmi, and the Lakshmi aarti.</p> <span class="text-xs font-semibold text-[#f9393b] mt-1">Read more →</span> </a> </div> </div> </section> <aside class="site-offer-slot" data-site-offer data-offer-design="gold-product" data-offer-context data-pagefind-ignore aria-label="Gold special offer" data-loading="true" aria-busy="true"> <section class="site-offer-card" aria-labelledby="site-offer-title"> <div class="site-offer-art"><img data-offer-image width="950" height="950" decoding="async" loading="lazy" alt=""><p>Digital collection · Devices and props not included</p></div> <div class="site-offer-copy"> <h2 id="site-offer-title" data-offer-field="headline"></h2> <p class="site-offer-product" data-offer-field="productTitle"></p><p class="site-offer-edition">Gold Edition</p> <p class="site-offer-description" data-offer-field="description"></p> <ul class="site-offer-benefits" data-offer-benefits></ul> <div class="site-offer-pricebox"><strong data-offer-price></strong><span>Pay once.<br>Use forever.</span></div> <a class="site-offer-button" data-offer-button><span data-offer-field="buttonText"></span><span aria-hidden="true">→</span></a> <p class="site-offer-note">Instant access · Download and keep</p> </div> <div class="site-offer-proof"> <p class="site-offer-customers" data-offer-field="customerProof"></p> <button type="button" class="site-offer-outcome" data-offer-outcome aria-label="Pause rotating listening ideas" aria-pressed="false"><span data-offer-field="outcomeHeading"></span><strong data-offer-outcome-text></strong></button> <button type="button" class="site-offer-marquee" data-offer-marquee aria-label="Pause scrolling customer testimonials" aria-pressed="false"><span class="site-offer-track" data-offer-reviews></span></button> </div> </section> </aside> <noscript><style>.site-offer-slot { display: none !important; }</style></noscript><script type="module" src="/_astro/GlobalOffer.astro_astro_type_script_index_0_lang.DZTvCEMl.js"></script>    </main> <footer class="bg-[#f8f8f8] border-t border-[#e5e5e5] mt-16"> <!-- Links grid --><div class="max-w-6xl mx-auto px-4 sm:px-6 py-12"> <!-- Brand row --><div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-10"> <div> <a href="/" class="inline-block mb-3" aria-label="Mahakatha home"> <img src="/mahakatha-logo.png" alt="Mahakatha" width="120" height="32" class="h-8 w-auto" loading="lazy"> </a> <p class="text-sm text-[#595959] leading-relaxed max-w-xs">
Meditation mantras — their meaning, lyrics, and how to chant them.
</p> </div> <!-- Social --> <div class="flex gap-3"> <a href="https://www.youtube.com/@mahakatha?sub_confirmation=1" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-full bg-[#e5e5e5] flex items-center justify-center text-[#444444] hover:bg-[#f9393b] hover:text-white transition-colors" aria-label="YouTube"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg> </a> <a href="https://open.spotify.com/artist/5yMmIhZ6dUYvVjjqzFOOzN" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-full bg-[#e5e5e5] flex items-center justify-center text-[#444444] hover:bg-[#f9393b] hover:text-white transition-colors" aria-label="Spotify"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path></svg> </a> <a href="https://www.instagram.com/mahakatha" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-full bg-[#e5e5e5] flex items-center justify-center text-[#444444] hover:bg-[#f9393b] hover:text-white transition-colors" aria-label="Instagram"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"></path></svg> </a> </div> </div> <!-- Links grid --> <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-8"> <!-- Mantras --><div> <h3 class="font-semibold text-[#111111] text-sm uppercase tracking-wider mb-4">Mantras</h3> <ul class="space-y-2"> <li> <a href="/mantras/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">All Mantras</a> </li><li> <a href="/mantras/shiva/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Shiva Mantras</a> </li><li> <a href="/mantras/krishna/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Krishna Mantras</a> </li><li> <a href="/mantras/ganesha/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Ganesha Mantras</a> </li><li> <a href="/mantras/lakshmi/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Lakshmi Mantras</a> </li><li> <a href="/mantras/rama/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Rama Mantras</a> </li><li> <a href="/mantras/durga/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Durga Mantras</a> </li><li> <a href="/mantras/kali/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Kali Mantras</a> </li><li> <a href="/mantras/hanuman/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Hanuman Mantras</a> </li><li> <a href="/mantras/saraswati/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Saraswati Mantras</a> </li><li> <a href="/mantras/buddha/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Buddha Mantras</a> </li><li> <a href="/mantras/navagraha/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Navagraha Mantras</a> </li><li> <a href="/deities/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Browse All Deities</a> </li> </ul> </div> <!-- Sacred Texts --> <div> <h3 class="font-semibold text-[#111111] text-sm uppercase tracking-wider mb-4">Sacred Texts</h3> <ul class="space-y-2"> <li> <a href="/prayers/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">All Prayers</a> </li><li> <a href="/aarti/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Aarti</a> </li><li> <a href="/stotram/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Stotram</a> </li><li> <a href="/kavach/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Kavach</a> </li><li> <a href="/kirtan/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Kirtan</a> </li><li> <a href="/japa/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Japa</a> </li><li> <a href="/prarthana/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Prarthana</a> </li> </ul> </div> <!-- Meditation --> <div> <h3 class="font-semibold text-[#111111] text-sm uppercase tracking-wider mb-4">Meditation</h3> <ul class="space-y-2"> <li> <a href="/meditation/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">All Meditation</a> </li><li> <a href="/meditation/for-sleep/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Mantras for Sleep</a> </li><li> <a href="/meditation/morning-meditation/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Morning Mantras</a> </li><li> <a href="/meditation/for-healing/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Mantras for Healing</a> </li><li> <a href="/meditation/for-focus/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Mantras for Focus</a> </li><li> <a href="/meditation/for-wealth/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Mantras for Wealth</a> </li><li> <a href="/find-your-mantra/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Find Your Mantra</a> </li> </ul> </div> <!-- Calendars & Tools --> <div> <h3 class="font-semibold text-[#111111] text-sm uppercase tracking-wider mb-4">Calendars & Tools</h3> <ul class="space-y-2"> <li> <a href="/hindu-festival-calendar/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Festival Calendar</a> </li><li> <a href="/brahma-muhurta-mantra/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Brahma Muhurta</a> </li><li> <a href="/mercury-retrograde-mantra/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Mercury Retrograde</a> </li> </ul> </div> <!-- Discover --> <div> <h3 class="font-semibold text-[#111111] text-sm uppercase tracking-wider mb-4">Discover</h3> <ul class="space-y-2"> <li> <a href="/ancient-chants-of-india/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Ancient Chants of India</a> </li><li> <a href="/deep-sleep-mantras/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Deep Sleep Mantras</a> </li><li> <a href="/solfeggio-mantras/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Solfeggio Mantras</a> </li><li> <a href="/mantra-and-meaning/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Mantra &amp; Meaning</a> </li><li> <a href="/mantra-by-emotion/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Browse by Emotion</a> </li><li> <a href="/mantra-by-goal/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Browse by Goal</a> </li><li> <a href="/albums/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Albums</a> </li><li> <a href="/donors-wall/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1">Donors Wall</a> </li> </ul> </div> <!-- Mahakatha --> <div> <h3 class="font-semibold text-[#111111] text-sm uppercase tracking-wider mb-4">Mahakatha</h3> <ul class="space-y-2"> <li> <a href="/about/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> About </a> </li><li> <a href="/friends/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Friends &amp; Inspirations </a> </li><li> <a href="/daily/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Daily Mantras </a> </li><li> <a href="/apps/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> App </a> </li><li> <a href="/blog/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Blog </a> </li><li> <a href="/bhagavad-gita/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Bhagavad Gita </a> </li><li> <a href="/products/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Products </a> </li><li> <a href="/gold/" target="_blank" rel="noopener noreferrer" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Ancient Chants Bundle </a> </li><li> <a href="/youtube/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> YouTube </a> </li><li> <a href="/testimonials/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Testimonials </a> </li><li> <a href="/prayer-request/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Prayer Request </a> </li><li> <a href="/donate/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Donate </a> </li><li> <a href="/contact/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Contact </a> </li><li> <a href="/newsletter/" class="text-sm text-[#595959] hover:text-[#f9393b] transition-colors inline-block py-1"> Newsletter </a> </li> </ul> </div> </div> <!-- Bottom bar --> <div class="border-t border-[#e5e5e5] mt-10 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3"> <p class="text-xs text-[#717171]">
© 2026 Mahakatha. All rights reserved.
</p> <div class="flex items-center gap-4"> <a href="/privacy/" class="text-xs text-[#717171] hover:text-[#f9393b] transition-colors inline-block py-1">Privacy</a> <a href="/terms/" class="text-xs text-[#717171] hover:text-[#f9393b] transition-colors inline-block py-1">Terms</a> <a href="/refund/" class="text-xs text-[#717171] hover:text-[#f9393b] transition-colors inline-block py-1">Refund</a> <a href="/sitemap-index.xml" class="text-xs text-[#717171] hover:text-[#f9393b] transition-colors inline-block py-1">Sitemap</a> </div> </div> </div> </footer>   <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "ed2d8ff5f4984fa6a6edf1b4740ebb75"}'></script><!-- Cloudflare Pages Analytics --></body> </html>