{"id":9,"date":"2026-08-27T07:30:41","date_gmt":"2026-08-27T07:30:41","guid":{"rendered":"https:\/\/nikiluck.in\/?page_id=9"},"modified":"2026-08-27T07:56:16","modified_gmt":"2026-08-27T07:56:16","slug":"homepage","status":"publish","type":"page","link":"https:\/\/nikiluck.in\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<style>\n  .pwb-wrap {\n    --pwb-bg: #0a0a0a;\n    --pwb-ink: #ffbb40;\n    --pwb-muted: #6B7280;\n    --pwb-accent: #DC2E9B;\n    --pwb-accent-soft: #CFE8DE;\n\n    min-height: 100vh;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--pwb-bg);\n    background-image:\n      radial-gradient(circle at 20% 20%, rgba(31,111,92,0.05), transparent 45%),\n      radial-gradient(circle at 80% 80%, rgba(31,111,92,0.05), transparent 45%);\n    box-sizing: border-box;\n    padding: 48px 24px;\n  }\n\n  .pwb-wrap *, .pwb-wrap *::before, .pwb-wrap *::after {\n    box-sizing: border-box;\n  }\n\n  .pwb-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    animation: pwb-fade-up 0.8s ease-out both;\n  }\n\n  \/* ---- Logo + rotating ring (the signature element) ---- *\/\n  .pwb-ring-holder {\n    position: relative;\n    width: 128px;\n    height: 128px;\n    margin-bottom: 36px;\n  }\n\n  .pwb-ring {\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    background: conic-gradient(from 0deg, var(--pwb-accent) 0deg, var(--pwb-accent) 90deg, var(--pwb-accent-soft) 90deg, var(--pwb-accent-soft) 360deg);\n    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));\n            mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));\n    animation: pwb-spin 2.4s linear infinite;\n  }\n\n  .pwb-logo-circle {\n    position: absolute;\n    inset: 10px;\n    border-radius: 50%;\n    background: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 2px 14px rgba(20, 23, 28, 0.08);\n    animation: pwb-breathe 3.6s ease-in-out infinite;\n    overflow: hidden;\n  }\n\n  \/* Replace this img src with your own logo URL. If no image loads,\n     the text fallback \"LOGO\" below stays for reference only \u2014\n     swap the whole .pwb-logo-circle content for your <img>. *\/\n  .pwb-logo-circle img {\n    width: 80%;\n    height: 80%;\n    object-fit: contain;\n  }\n\n  .pwb-logo-fallback {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 600;\n    font-size: 13px;\n    letter-spacing: 0.08em;\n    color: var(--pwb-muted);\n  }\n\n  \/* ---- Text ---- *\/\n  .pwb-title {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 600;\n    font-size: clamp(20px, 3vw, 28px);\n    letter-spacing: 0.14em;\n    color: var(--pwb-ink);\n    margin: 0 0 12px 0;\n    text-transform: uppercase;\n  }\n\n  .pwb-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-weight: 400;\n    font-size: 15px;\n    color: var(--pwb-muted);\n    margin: 0 0 28px 0;\n    max-width: 360px;\n  }\n\n  \/* ---- Dot loader ---- *\/\n  .pwb-dots {\n    display: flex;\n    gap: 8px;\n  }\n\n  .pwb-dots span {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--pwb-accent);\n    animation: pwb-dot-pulse 1.2s ease-in-out infinite;\n  }\n\n  .pwb-dots span:nth-child(2) { animation-delay: 0.15s; }\n  .pwb-dots span:nth-child(3) { animation-delay: 0.3s; }\n\n  \/* ---- Animations ---- *\/\n  @keyframes pwb-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes pwb-breathe {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes pwb-dot-pulse {\n    0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }\n    40% { opacity: 1; transform: translateY(-4px); }\n  }\n\n  @keyframes pwb-fade-up {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ---- Respect reduced motion preference ---- *\/\n  @media (prefers-reduced-motion: reduce) {\n    .pwb-ring, .pwb-logo-circle, .pwb-dots span, .pwb-card {\n      animation: none !important;\n    }\n  }\n\n  \/* ---- Mobile ---- *\/\n  @media (max-width: 480px) {\n    .pwb-ring-holder { width: 104px; height: 104px; margin-bottom: 28px; }\n    .pwb-title { letter-spacing: 0.10em; }\n  }\n<\/style>\n\n<div class=\"pwb-wrap\">\n  <div class=\"pwb-card\">\n\n    <div class=\"pwb-ring-holder\">\n      <div class=\"pwb-ring\"><\/div>\n      <div class=\"pwb-logo-circle\">\n        <!-- Swap this line for your logo: -->\n        <img decoding=\"async\" src=\"https:\/\/nikiluck.in\/wp-content\/uploads\/2026\/08\/cropped-nikiluck-logo1-scaled-1.png\" alt=\"NikiLuck Logo\">\n        <!-- <span class=\"pwb-logo-fallback\">LOGO<\/span> -->\n      <\/div>\n    <\/div>\n\n    <p class=\"pwb-title\">Please wait a moment<\/p>\n    <p class=\"pwb-subtitle\">We&#8217;re putting the finishing touches on things. Thanks for your patience.<\/p>\n\n    <div class=\"pwb-dots\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Please wait a moment We&#8217;re putting the finishing touches on things. Thanks for your patience.<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikiluck.in\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikiluck.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikiluck.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikiluck.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikiluck.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":4,"href":"https:\/\/nikiluck.in\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/nikiluck.in\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/nikiluck.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}