{"id":7,"date":"2026-06-24T17:03:05","date_gmt":"2026-06-24T17:03:05","guid":{"rendered":"https:\/\/naclara.co.ke\/?page_id=7"},"modified":"2026-06-24T17:22:03","modified_gmt":"2026-06-24T17:22:03","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/naclara.co.ke\/","title":{"rendered":"coming soon"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Naclara \u00b7 kids clothing<\/title>\n  <!-- Google Fonts: clean, playful, friendly -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quicksand:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Quicksand', sans-serif;\n      background: #fdf7f3;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 1.5rem;\n      background-image: radial-gradient(circle at 20% 20%, rgba(255, 225, 210, 0.3) 0%, transparent 35%),\n                        radial-gradient(circle at 85% 80%, rgba(255, 210, 230, 0.2) 0%, transparent 45%);\n    }\n\n    .landing {\n      max-width: 1050px;\n      width: 100%;\n      background: rgba(255, 248, 245, 0.7);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n      border-radius: 56px;\n      padding: 2.8rem 2.5rem;\n      box-shadow: 0 20px 50px rgba(190, 140, 120, 0.12),\n                  0 8px 20px rgba(0,0,0,0.02);\n      border: 1px solid rgba(255, 220, 210, 0.35);\n      text-align: center;\n      transition: all 0.2s ease;\n    }\n\n    \/* playful floating icons *\/\n    .deco {\n      display: flex;\n      justify-content: center;\n      gap: 0.5rem;\n      flex-wrap: wrap;\n      margin-bottom: 0.8rem;\n    }\n    .deco span {\n      display: inline-block;\n      font-size: 2rem;\n      animation: float 3.4s ease-in-out infinite alternate;\n      transform-origin: center;\n    }\n    .deco span:nth-child(2) { animation-delay: 0.3s; }\n    .deco span:nth-child(3) { animation-delay: 0.6s; }\n    .deco span:nth-child(4) { animation-delay: 0.9s; }\n    .deco span:nth-child(5) { animation-delay: 1.2s; }\n    .deco span:nth-child(6) { animation-delay: 1.5s; }\n    .deco span:nth-child(7) { animation-delay: 1.8s; }\n\n    @keyframes float {\n      0% { transform: translateY(0px) rotate(0deg); }\n      100% { transform: translateY(-10px) rotate(3deg); }\n    }\n\n    .brand {\n      margin: 0.2rem 0 0.2rem;\n    }\n\n    .brand h1 {\n      font-size: 4.8rem;\n      font-weight: 700;\n      color: #3b2a26;\n      line-height: 1.1;\n      text-shadow: 0 4px 14px rgba(190, 120, 100, 0.12);\n      display: inline-block;\n      background: linear-gradient(145deg, #6b4c42, #3b2a26);\n      -webkit-background-clip: text;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-image: linear-gradient(145deg, #765348, #3b2a26);\n      letter-spacing: -0.02em;\n    }\n\n    .brand .tagline {\n      font-size: 1.3rem;\n      font-weight: 500;\n      color: #7f5e52;\n      background: rgba(235, 205, 190, 0.25);\n      display: inline-block;\n      padding: 0.2rem 2rem;\n      border-radius: 60px;\n      backdrop-filter: blur(2px);\n      margin-top: 0.1rem;\n      letter-spacing: 0.5px;\n      border: 1px solid rgba(255, 215, 200, 0.4);\n    }\n\n    .headline {\n      margin: 1.6rem 0 1.4rem;\n    }\n\n    .headline h2 {\n      font-size: 2.8rem;\n      font-weight: 600;\n      color: #482f28;\n      background: linear-gradient(135deg, #c27f6a, #a55c47);\n      -webkit-background-clip: text;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-image: linear-gradient(135deg, #d48e78, #b0614b);\n      letter-spacing: -0.01em;\n      line-height: 1.3;\n    }\n\n    .headline .sub {\n      font-size: 1.2rem;\n      font-weight: 400;\n      color: #5f4139;\n      margin-top: 0.3rem;\n      background: rgba(250, 235, 225, 0.4);\n      display: inline-block;\n      padding: 0.3rem 2rem;\n      border-radius: 60px;\n      backdrop-filter: blur(2px);\n      border: 1px solid rgba(245, 195, 175, 0.25);\n    }\n\n    \/* age range highlight *\/\n    .age-range {\n      background: rgba(255, 242, 235, 0.5);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n      padding: 1.4rem 1.8rem;\n      border-radius: 60px 60px 60px 12px;\n      margin: 1.6rem 0 2rem;\n      border: 1px solid rgba(255, 215, 200, 0.4);\n      box-shadow: 0 6px 18px rgba(190, 130, 110, 0.06);\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      align-items: center;\n      gap: 0.8rem 1.8rem;\n    }\n\n    .age-range .age-item {\n      display: flex;\n      align-items: center;\n      gap: 0.3rem;\n      font-size: 1.2rem;\n      font-weight: 500;\n      color: #3b2822;\n    }\n\n    .age-range .age-item .emoji-big {\n      font-size: 1.8rem;\n      line-height: 1;\n    }\n\n    .age-range .age-item .label {\n      background: rgba(255, 225, 215, 0.4);\n      padding: 0.1rem 1rem;\n      border-radius: 40px;\n      font-size: 0.85rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #6e4f43;\n      border: 1px solid rgba(255, 200, 180, 0.2);\n    }\n\n    .age-range .divider {\n      color: #c9aaa0;\n      font-size: 1.4rem;\n      font-weight: 300;\n    }\n\n    .message-box {\n      background: rgba(255, 242, 235, 0.4);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n      padding: 1.2rem 1.8rem;\n      border-radius: 60px 60px 60px 12px;\n      margin: 1.2rem 0 2rem;\n      border: 1px solid rgba(255, 215, 200, 0.3);\n    }\n\n    .message-box p {\n      font-size: 1.6rem;\n      font-weight: 500;\n      color: #3b2822;\n      letter-spacing: 0.2px;\n    }\n\n    .message-box .big-emoji {\n      font-size: 2.6rem;\n      display: inline-block;\n      margin: 0 0.2rem;\n      vertical-align: middle;\n      filter: drop-shadow(0 4px 6px rgba(0,0,0,0.03));\n    }\n\n    .message-box .small-note {\n      font-size: 1rem;\n      font-weight: 400;\n      color: #6f4f43;\n      margin-top: 0.2rem;\n      background: rgba(255, 235, 225, 0.3);\n      display: inline-block;\n      padding: 0.1rem 1.6rem;\n      border-radius: 60px;\n    }\n\n    \/* countdown *\/\n    .countdown-grid {\n      display: flex;\n      justify-content: center;\n      gap: 1.8rem;\n      flex-wrap: wrap;\n      margin: 2rem 0 2.4rem;\n    }\n\n    .time-block {\n      background: rgba(255, 248, 245, 0.6);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n      padding: 0.6rem 1.2rem;\n      min-width: 80px;\n      border-radius: 48px;\n      border: 1px solid rgba(255, 210, 195, 0.4);\n      box-shadow: 0 6px 14px rgba(190, 130, 110, 0.05);\n      transition: 0.15s ease;\n    }\n\n    .time-block:hover {\n      background: rgba(255, 240, 235, 0.7);\n      transform: scale(0.97);\n    }\n\n    .time-block .number {\n      font-size: 3.2rem;\n      font-weight: 700;\n      color: #3b2a26;\n      line-height: 1.2;\n      letter-spacing: 1px;\n    }\n\n    .time-block .label {\n      font-size: 0.8rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: #7e5b4e;\n      margin-top: 0.1rem;\n    }\n\n    \/* email signup *\/\n    .notify-area {\n      margin: 2rem 0 1.6rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 0.8rem;\n    }\n\n    .notify-area p {\n      font-size: 1.15rem;\n      font-weight: 400;\n      color: #4a322b;\n      background: rgba(250, 235, 225, 0.25);\n      padding: 0.2rem 1.8rem;\n      border-radius: 40px;\n      backdrop-filter: blur(2px);\n    }\n\n    .email-signup {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      align-items: center;\n      gap: 0.6rem;\n      background: rgba(255, 245, 240, 0.5);\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n      padding: 0.3rem 0.3rem 0.3rem 1.5rem;\n      border-radius: 80px;\n      border: 1px solid rgba(255, 200, 180, 0.4);\n      box-shadow: 0 6px 18px rgba(190, 130, 110, 0.04);\n      max-width: 520px;\n      width: 100%;\n    }\n\n    .email-signup input {\n      flex: 1 1 180px;\n      border: none;\n      background: transparent;\n      padding: 0.8rem 0.2rem;\n      font-family: 'Quicksand', sans-serif;\n      font-size: 1rem;\n      font-weight: 500;\n      color: #3b2822;\n      outline: none;\n      min-width: 130px;\n    }\n\n    .email-signup input::placeholder {\n      color: #a58376;\n      font-weight: 400;\n      opacity: 0.7;\n    }\n\n    .email-signup button {\n      background: #d48e78;\n      border: none;\n      padding: 0.7rem 2rem;\n      border-radius: 60px;\n      font-family: 'Quicksand', sans-serif;\n      font-weight: 700;\n      font-size: 1.05rem;\n      color: white;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      box-shadow: 0 4px 12px rgba(190, 120, 100, 0.2);\n      letter-spacing: 0.3px;\n      border: 1px solid rgba(255, 220, 210, 0.2);\n      white-space: nowrap;\n    }\n\n    .email-signup button:hover {\n      background: #be7a63;\n      transform: scale(0.97);\n      box-shadow: 0 6px 14px rgba(170, 110, 90, 0.25);\n    }\n\n    .email-signup button:active {\n      transform: scale(0.94);\n    }\n\n    .footer-note {\n      margin-top: 2.2rem;\n      font-size: 0.95rem;\n      color: #84635a;\n      border-top: 1px dashed rgba(200, 160, 145, 0.25);\n      padding-top: 1.6rem;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 0.4rem 1.2rem;\n    }\n\n    .footer-note span {\n      background: rgba(235, 210, 200, 0.15);\n      padding: 0.15rem 1.2rem;\n      border-radius: 50px;\n      font-weight: 500;\n    }\n\n    .social-placeholder {\n      display: flex;\n      gap: 0.8rem;\n      align-items: center;\n      color: #825f53;\n    }\n\n    .social-icon {\n      display: inline-block;\n      font-size: 1.5rem;\n      line-height: 1;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.02));\n      transition: 0.15s;\n      cursor: default;\n    }\n\n    .social-icon:hover {\n      transform: translateY(-4px) scale(1.05);\n      filter: drop-shadow(0 6px 10px rgba(170, 120, 100, 0.15));\n    }\n\n    \/* responsive *\/\n    @media (max-width: 700px) {\n      .landing {\n        padding: 2rem 1.2rem;\n        border-radius: 36px;\n      }\n      .brand h1 {\n        font-size: 3.6rem;\n      }\n      .headline h2 {\n        font-size: 2.2rem;\n      }\n      .age-range {\n        flex-direction: column;\n        gap: 0.5rem;\n        border-radius: 40px;\n        padding: 1.2rem 1rem;\n      }\n      .age-range .divider {\n        display: none;\n      }\n      .message-box p {\n        font-size: 1.3rem;\n      }\n      .countdown-grid {\n        gap: 0.8rem;\n      }\n      .time-block {\n        min-width: 65px;\n        padding: 0.4rem 0.8rem;\n      }\n      .time-block .number {\n        font-size: 2.4rem;\n      }\n      .email-signup {\n        border-radius: 60px;\n        padding: 0.3rem 0.3rem 0.3rem 1rem;\n        background: rgba(255, 245, 240, 0.6);\n      }\n      .email-signup input {\n        padding: 0.6rem 0.2rem;\n        font-size: 0.9rem;\n        min-width: 100px;\n      }\n      .email-signup button {\n        padding: 0.5rem 1.4rem;\n        font-size: 0.95rem;\n      }\n      .deco span {\n        font-size: 1.6rem;\n      }\n    }\n\n    @media (max-width: 450px) {\n      .brand h1 {\n        font-size: 2.8rem;\n      }\n      .headline h2 {\n        font-size: 1.8rem;\n      }\n      .time-block .number {\n        font-size: 2rem;\n      }\n      .message-box p {\n        font-size: 1.1rem;\n      }\n      .age-range .age-item {\n        font-size: 1rem;\n      }\n      .footer-note {\n        font-size: 0.8rem;\n        flex-direction: column;\n        gap: 0.2rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"landing\">\n    <!-- playful floating icons : clothes & kids -->\n    <div class=\"deco\">\n      <span>\ud83e\uddf8<\/span>\n      <span>\ud83d\udc55<\/span>\n      <span>\ud83d\udc57<\/span>\n      <span>\ud83e\udde2<\/span>\n      <span>\ud83d\udc76<\/span>\n      <span>\ud83e\udde5<\/span>\n      <span>\ud83c\udf08<\/span>\n    <\/div>\n\n    <!-- brand -->\n    <div class=\"brand\">\n      <h1>Naclara<\/h1>\n      <div class=\"tagline\">clothing \u00b7 for every age &amp; every smile<\/div>\n    <\/div>\n\n    <!-- headline -->\n    <div class=\"headline\">\n      <h2>\u2728 something big is coming \u2728<\/h2>\n      <div class=\"sub\">a new world of style for the whole family<\/div>\n    <\/div>\n\n    <!-- age range \/ collection -->\n    <div class=\"age-range\">\n      <span class=\"age-item\">\n        <span class=\"emoji-big\">\ud83d\udc76<\/span> newborns\n        <span class=\"label\">0\u20132y<\/span>\n      <\/span>\n      <span class=\"divider\">\u00b7<\/span>\n      <span class=\"age-item\">\n        <span class=\"emoji-big\">\ud83e\uddd2<\/span> kids\n        <span class=\"label\">3\u201312y<\/span>\n      <\/span>\n      <span class=\"divider\">\u00b7<\/span>\n      <span class=\"age-item\">\n        <span class=\"emoji-big\">\ud83e\uddd1<\/span> teens\n        <span class=\"label\">13\u201317y<\/span>\n      <\/span>\n      <span class=\"divider\">\u00b7<\/span>\n      <span class=\"age-item\">\n        <span class=\"emoji-big\">\ud83d\udc69<\/span> adults\n        <span class=\"label\">small collection<\/span>\n      <\/span>\n    <\/div>\n\n    <!-- main message -->\n    <div class=\"message-box\">\n      <p>\n        <span class=\"big-emoji\">\ud83c\udf1f<\/span> \n        coming soon \u2014 stylish, comfy, timeless\n        <span class=\"big-emoji\">\ud83c\udf1f<\/span>\n      <\/p>\n      <div class=\"small-note\">\ud83d\udc55 from baby onesies to teen hoodies &amp; adult essentials<\/div>\n    <\/div>\n\n    <!-- countdown (static, coming soon vibe) -->\n    <div class=\"countdown-grid\">\n      <div class=\"time-block\">\n        <div class=\"number\">00<\/div>\n        <div class=\"label\">days<\/div>\n      <\/div>\n      <div class=\"time-block\">\n        <div class=\"number\">00<\/div>\n        <div class=\"label\">hours<\/div>\n      <\/div>\n      <div class=\"time-block\">\n        <div class=\"number\">00<\/div>\n        <div class=\"label\">minutes<\/div>\n      <\/div>\n      <div class=\"time-block\">\n        <div class=\"number\">00<\/div>\n        <div class=\"label\">seconds<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- notify \/ email signup -->\n    <div class=\"notify-area\">\n      <p>\ud83d\udcec be the first to know \u2014 we open soon<\/p>\n      <div class=\"email-signup\">\n        <input type=\"email\" placeholder=\"your email\" aria-label=\"email address\" \/>\n        <button>notify me<\/button>\n      <\/div>\n      <p style=\"font-size: 0.8rem; opacity: 0.6; margin-top: 0.1rem; background: transparent; padding: 0;\">\n        \u2728 no spam, only style updates \u2728\n      <\/p>\n    <\/div>\n\n    <!-- footer with social \/ love -->\n    <div class=\"footer-note\">\n      <span>\ud83c\udf80 Naclara \u00b7 coming soon<\/span>\n      <div class=\"social-placeholder\">\n        <span class=\"social-icon\">\ud83d\udcf8<\/span>\n        <span class=\"social-icon\">\ud83c\udfb5<\/span>\n        <span class=\"social-icon\">\ud83d\udc8c<\/span>\n        <span style=\"font-weight: 300; font-size: 0.9rem;\">@naclara<\/span>\n      <\/div>\n      <span style=\"font-weight: 300; opacity: 0.6;\">\ud83e\uddf5<\/span>\n    <\/div>\n  <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Naclara \u00b7 kids clothing \ud83e\uddf8 \ud83d\udc55 \ud83d\udc57 \ud83e\udde2 \ud83d\udc76 \ud83e\udde5 \ud83c\udf08 Naclara clothing \u00b7 for every age &amp; every smile \u2728 something big is coming \u2728 a new world of style for the whole family \ud83d\udc76 newborns 0\u20132y \u00b7 \ud83e\uddd2 kids 3\u201312y \u00b7 \ud83e\uddd1 teens 13\u201317y \u00b7 \ud83d\udc69 adults small collection \ud83c\udf1f coming soon \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naclara.co.ke\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naclara.co.ke\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naclara.co.ke\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naclara.co.ke\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naclara.co.ke\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/naclara.co.ke\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/naclara.co.ke\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/naclara.co.ke\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}