{"id":6,"date":"2026-06-26T13:08:58","date_gmt":"2026-06-26T13:08:58","guid":{"rendered":"https:\/\/chattymermaids.wpenginepowered.com\/?page_id=6"},"modified":"2026-06-26T18:11:46","modified_gmt":"2026-06-26T18:11:46","slug":"home","status":"publish","type":"page","link":"https:\/\/www.chattymermaids.com\/","title":{"rendered":""},"content":{"rendered":"\n<!-- ============================================================= -->\n<!-- CHATTY MERMAIDS \u2014 paste this ENTIRE block into a WordPress    -->\n<!-- \"Custom HTML\" block on a blank\/full-width page.              -->\n<!-- (Pages > Add New > \"+\" > Custom HTML > paste > Publish)      -->\n<!-- Then Settings > Reading > set this page as your homepage.    -->\n<!-- ============================================================= -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Pacifico&family=Baloo+2:wght@500;700;800&family=Monoton&display=swap');\n\n.cm-outer{\n  --pink:#ff6ec7;--hotpink:#ff2d95;--purple:#9b5de5;--aqua:#00e5ff;--teal:#16d6c4;--yellow:#ffe14d;--deep:#2a0a4a;\n  position:relative;overflow:hidden;min-height:100vh;\n  font-family:'Baloo 2',system-ui,sans-serif;color:var(--deep);\n  background:\n    radial-gradient(circle at 20% 10%,#ffd1f0 0%,transparent 45%),\n    radial-gradient(circle at 80% 0%,#c9f7ff 0%,transparent 40%),\n    linear-gradient(160deg,#ffb6e6 0%,#b69cff 38%,#6ad7ff 72%,#16d6c4 100%);\n}\n.cm-outer *{box-sizing:border-box;margin:0;padding:0;}\n.cm-bubbles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}\n.cm-bubble{position:absolute;bottom:-120px;border-radius:50%;\n  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(255,255,255,.15) 60%,rgba(255,255,255,0) 70%);\n  border:1px solid rgba(255,255,255,.5);animation:cmrise linear infinite;}\n@keyframes cmrise{0%{transform:translateY(0) scale(.6);opacity:0}10%{opacity:.9}90%{opacity:.7}100%{transform:translateY(-115vh) translateX(40px) scale(1.1);opacity:0}}\n.cm-wrap{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:28px 20px 80px;}\n.cm-outer header{text-align:center;padding-top:18px;}\n.cm-kicker{font-family:'Monoton',cursive;letter-spacing:3px;font-size:clamp(14px,3vw,22px);color:#fff;text-shadow:0 0 10px var(--aqua),0 2px 0 var(--hotpink);}\n.cm-outer h1{font-family:'Pacifico',cursive;font-size:clamp(42px,9vw,96px);line-height:.98;color:#fff;\n  text-shadow:0 2px 0 var(--hotpink),0 4px 0 var(--purple),0 0 28px rgba(0,229,255,.8),0 14px 30px rgba(42,10,74,.35);margin:6px 0 4px;}\n.cm-tagline{font-size:clamp(18px,4vw,30px);font-weight:700;color:var(--deep);background:rgba(255,255,255,.55);display:inline-block;padding:6px 18px;border-radius:999px;}\n.cm-hero{margin:30px auto 0;max-width:920px;background:rgba(255,255,255,.72);border:4px solid #fff;border-radius:34px;\n  box-shadow:0 24px 60px rgba(42,10,74,.28),inset 0 0 0 8px rgba(255,110,199,.18);padding:26px;\n  display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;}\n@media(max-width:760px){.cm-hero{grid-template-columns:1fr;text-align:center;}}\n.cm-hero h2{font-size:clamp(22px,4.5vw,34px);color:var(--hotpink);margin-bottom:10px;}\n.cm-hero p{font-size:clamp(15px,2.6vw,19px);margin-bottom:8px;}\n.cm-phone{display:inline-flex;align-items:center;gap:12px;font-family:'Baloo 2';font-weight:800;font-size:clamp(22px,5vw,34px);\n  color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--hotpink),var(--purple));padding:16px 28px;border-radius:999px;\n  box-shadow:0 10px 0 #b3267a,0 18px 30px rgba(42,10,74,.35);transition:transform .12s,box-shadow .12s;border:3px solid #fff;margin-top:18px;}\n.cm-phone:active{transform:translateY(6px);box-shadow:0 4px 0 #b3267a,0 8px 16px rgba(42,10,74,.3);}\n.cm-ring{animation:cmwig 1.4s ease-in-out infinite;display:inline-block;}\n@keyframes cmwig{0%,100%{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}}\n.cm-small{font-size:14px;margin-top:10px;opacity:.8;}\n.cm-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}\n@media(max-width:760px){.cm-features{grid-template-columns:1fr;}}\n.cm-card{background:rgba(255,255,255,.8);border:3px solid #fff;border-radius:24px;padding:22px;text-align:center;box-shadow:0 14px 30px rgba(42,10,74,.18);}\n.cm-card .cm-emoji{font-size:44px;}\n.cm-card h3{color:var(--purple);margin:8px 0 6px;font-size:22px;}\n.cm-outer footer{text-align:center;color:#fff;margin-top:50px;text-shadow:0 1px 6px rgba(42,10,74,.4);font-weight:600;}\n.cm-by{font-size:14px;opacity:.9;}\n<\/style>\n\n<div class=\"cm-outer\">\n  <div class=\"cm-bubbles\" id=\"cm-bubbles\"><\/div>\n  <div class=\"cm-wrap\">\n    <header>\n      <div class=\"cm-kicker\">\u2726 Dial Into Magic \u2726<\/div>\n      <h1>Chatty Mermaids<\/h1>\n      <div class=\"cm-tagline\">\ud83d\udc5b Chat with Real Mermaids! \ud83d\udc5b<\/div>\n    <\/header>\n\n    <section class=\"cm-hero\">\n      <div aria-hidden=\"true\">\n        <svg viewBox=\"0 0 420 420\" width=\"100%\" role=\"img\" aria-label=\"Mermaid talking on a retro telephone\">\n          <defs>\n            <linearGradient id=\"cmtail\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#00e5ff\"><\/stop><stop offset=\".5\" stop-color=\"#16d6c4\"><\/stop><stop offset=\"1\" stop-color=\"#9b5de5\"><\/stop><\/linearGradient>\n            <linearGradient id=\"cmhair\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#ff6ec7\"><\/stop><stop offset=\"1\" stop-color=\"#ff2d95\"><\/stop><\/linearGradient>\n            <radialGradient id=\"cmbub\" cx=\".3\" cy=\".3\" r=\".7\"><stop offset=\"0\" stop-color=\"#ffffff\" stop-opacity=\".95\"><\/stop><stop offset=\"1\" stop-color=\"#ffffff\" stop-opacity=\"0\"><\/stop><\/radialGradient>\n          <\/defs>\n          <circle cx=\"210\" cy=\"210\" r=\"190\" fill=\"#ffffff\" opacity=\".25\"><\/circle>\n          <circle cx=\"210\" cy=\"210\" r=\"150\" fill=\"#ffffff\" opacity=\".25\"><\/circle>\n          <path d=\"M150 250 q-30 80 10 140 q60 -20 80 -70 q30 60 90 70 q30 -90 -10 -150 q-90 40 -170 10 z\" fill=\"url(#cmtail)\" stroke=\"#fff\" stroke-width=\"4\"><\/path>\n          <path d=\"M170 150 q40 -25 80 0 q15 60 -10 120 q-35 18 -70 0 q-22 -70 0 -120 z\" fill=\"#ffd9b3\" stroke=\"#fff\" stroke-width=\"4\"><\/path>\n          <path d=\"M178 175 q32 -22 64 0 q-10 26 -32 26 q-22 0 -32 -26 z\" fill=\"url(#cmhair)\" stroke=\"#fff\" stroke-width=\"3\"><\/path>\n          <circle cx=\"210\" cy=\"120\" r=\"42\" fill=\"#ffd9b3\" stroke=\"#fff\" stroke-width=\"4\"><\/circle>\n          <path d=\"M168 110 q-30 50 -8 110 q22 -8 28 -40 q-14 -34 18 -90 z\" fill=\"url(#cmhair)\" stroke=\"#fff\" stroke-width=\"3\"><\/path>\n          <path d=\"M252 110 q30 50 8 110 q-22 -8 -28 -40 q14 -34 -18 -90 z\" fill=\"url(#cmhair)\" stroke=\"#fff\" stroke-width=\"3\"><\/path>\n          <path d=\"M176 96 q34 -34 68 0 q-34 -16 -68 0 z\" fill=\"url(#cmhair)\"><\/path>\n          <circle cx=\"196\" cy=\"118\" r=\"5\" fill=\"#2a0a4a\"><\/circle>\n          <circle cx=\"224\" cy=\"118\" r=\"5\" fill=\"#2a0a4a\"><\/circle>\n          <path d=\"M198 134 q12 10 24 0\" fill=\"none\" stroke=\"#d6336c\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n          <circle cx=\"186\" cy=\"128\" r=\"6\" fill=\"#ff6ec7\" opacity=\".6\"><\/circle>\n          <circle cx=\"234\" cy=\"128\" r=\"6\" fill=\"#ff6ec7\" opacity=\".6\"><\/circle>\n          <g transform=\"rotate(-18 250 110)\"><rect x=\"232\" y=\"78\" width=\"44\" height=\"70\" rx=\"18\" fill=\"#ff2d95\" stroke=\"#fff\" stroke-width=\"4\"><\/rect><circle cx=\"254\" cy=\"92\" r=\"9\" fill=\"#fff\"><\/circle><circle cx=\"254\" cy=\"134\" r=\"9\" fill=\"#fff\"><\/circle><\/g>\n          <path d=\"M236 150 q20 18 0 34 q-22 14 0 30 q22 14 0 30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n          <circle cx=\"150\" cy=\"90\" r=\"10\" fill=\"url(#cmbub)\"><\/circle>\n          <circle cx=\"130\" cy=\"60\" r=\"7\" fill=\"url(#cmbub)\"><\/circle>\n          <circle cx=\"290\" cy=\"70\" r=\"12\" fill=\"url(#cmbub)\"><\/circle>\n          <circle cx=\"312\" cy=\"40\" r=\"6\" fill=\"url(#cmbub)\"><\/circle>\n        <\/svg>\n      <\/div>\n      <div>\n        <h2>Ahoy! Want to hear a secret from the sea?<\/h2>\n        <p>The mermaids of Coral Cove love to chat with kind little humans. They tell jokes, share ocean mysteries, and always \u2014 <em>always<\/em> \u2014 say something nice. \ud83c\udf0a\u2728<\/p>\n        <a class=\"cm-phone\" href=\"tel:+14347322428\"><span class=\"cm-ring\">\ud83d\udcde<\/span> 1-800-SEASHELLS<\/a>\n        <div class=\"cm-small\">Tap to call! <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cm-features\">\n      <div class=\"cm-card\"><div class=\"cm-emoji\">\ud83e\udddc<\/div><h3>Mysterious &amp; Fun<\/h3><p>Every call is a brand-new adventure beneath the waves.<\/p><\/div>\n      <div class=\"cm-card\"><div class=\"cm-emoji\">\ud83d\udc96<\/div><h3>Always Kind<\/h3><p>The mermaids cheer you on and never use unkind words.<\/p><\/div>\n      <div class=\"cm-card\"><div class=\"cm-emoji\">\ud83e\udee3<\/div><h3>Bubbly Magic<\/h3><p>Riddles, sea songs, and giggles in every chat.<\/p><\/div>\n    <\/section>\n\n    <footer>\n      <div>\ud83d\udc5b Chatty Mermaids \u2014 Coral Cove Hotline \ud83d\udc5b<\/div>\n      <div class=\"cm-by\">Made with love by Milly &amp; Dad \u00b7 ChattyMermaids.com<\/div>\n      <div class=\"cm-by\" style=\"margin-top:8px;\">A grown-up should be nearby for every call. \ud83d\udc99<\/div>\n    <\/footer>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var layer=document.getElementById('cm-bubbles');\n  if(!layer)return;\n  for(var i=0;i<26;i++){\n    var b=document.createElement('div');b.className='cm-bubble';\n    var s=Math.random()*46+10;b.style.width=b.style.height=s+'px';\n    b.style.left=Math.random()*100+'vw';\n    b.style.animationDuration=(Math.random()*10+8)+'s';\n    b.style.animationDelay=(Math.random()*8)+'s';\n    layer.appendChild(b);\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2726 Dial Into Magic \u2726 Chatty Mermaids \ud83d\udc5b Chat with Real Mermaids! \ud83d\udc5b Ahoy! Want to hear a secret from the sea? The mermaids of Coral Cove love to chat with kind little humans. They tell jokes, share ocean mysteries, and always \u2014 always \u2014 say something nice. \ud83c\udf0a\u2728 \ud83d\udcde 1-800-SEASHELLS Tap to call! \ud83e\udddc &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":0,"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.chattymermaids.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}