{"id":173,"date":"2025-12-01T22:38:59","date_gmt":"2025-12-01T22:38:59","guid":{"rendered":"https:\/\/drgrippenstein.com\/?page_id=173"},"modified":"2025-12-02T23:51:47","modified_gmt":"2025-12-02T23:51:47","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/drgrippenstein.com\/","title":{"rendered":"Coming Soon"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <title>Dr Grippenstein \u2013 Coming Soon<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <style>\n    :root {\n      --bg: #050507;\n      --text: #ffffff;\n      --muted: #9ca0ab;\n      --accent: #36ff7c;\n      --border: rgba(255,255,255,0.12);\n      --card: #0b0e13;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, \"Inter\", sans-serif;\n      background: var(--bg);\n      color: var(--text);\n      padding: 40px 20px;\n    }\n\n    .page {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* HEADER *\/\n    header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 80px;\n      padding-bottom: 20px;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .logo {\n      font-size: 0.9rem;\n      text-transform: uppercase;\n      letter-spacing: 0.18em;\n      font-weight: bold;\n    }\n\n    .pill {\n      padding: 6px 13px;\n      border: 1px solid var(--border);\n      border-radius: 999px;\n      font-size: 0.75rem;\n      letter-spacing: 0.12em;\n      color: var(--muted);\n      text-transform: uppercase;\n    }\n\n    \/* HERO *\/\n    .hero {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 120px;\n      padding: 60px 50px;\n      background: radial-gradient(circle at 20% 20%, rgba(54,255,124,0.18), rgba(5,5,7,0) 70%);\n      border: 1px solid var(--border);\n      border-radius: 20px;\n    }\n\n    .hero-eyebrow {\n      font-size: 0.78rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 10px;\n    }\n\n    .hero-title {\n      font-size: clamp(2.4rem, 4.5vw, 3.4rem);\n      line-height: 1.05;\n      margin-bottom: 20px;\n      font-weight: 800;\n      letter-spacing: -0.5px;\n    }\n\n    .hero-title span {\n      color: var(--accent);\n    }\n\n    .hero-sub {\n      font-size: 1.08rem;\n      color: var(--muted);\n      line-height: 1.75;\n      max-width: 540px;\n      margin-bottom: 26px;\n    }\n\n    .hero-bullets {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px 14px;\n      font-size: 0.88rem;\n      color: var(--muted);\n    }\n\n    .hero-bullets span {\n      padding: 8px 14px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.18);\n      background: rgba(255,255,255,0.04);\n      backdrop-filter: blur(6px);\n    }\n\n    .hero-img img {\n      width: 100%;\n      border-radius: 20px;\n      border: 1px solid var(--border);\n      object-fit: cover;\n      box-shadow: 0 18px 60px rgba(0,0,0,0.55);\n    }\n\n    \/* SIGN-UP SECTION *\/\n    .signup-section {\n      margin: 90px 0;\n      padding: 60px;\n      background: linear-gradient(180deg, #0f1318, #090b0f);\n      border: 1px solid var(--border);\n      border-radius: 20px;\n      text-align: center;\n      box-shadow: 0 14px 40px rgba(0,0,0,0.4);\n    }\n\n    .signup-title {\n      font-size: 2.1rem;\n      margin-bottom: 18px;\n      letter-spacing: -0.4px;\n    }\n\n    .signup-copy {\n      color: var(--muted);\n      max-width: 560px;\n      margin: 0 auto 32px;\n      font-size: 1.05rem;\n      line-height: 1.7;\n    }\n\n    .signup-form {\n      display: flex;\n      gap: 14px;\n      max-width: 560px;\n      margin: 0 auto;\n    }\n\n    .signup-input {\n      flex: 1;\n      padding: 16px;\n      border-radius: 999px;\n      border: 1px solid var(--border);\n      background: #0e1117;\n      color: white;\n      font-size: 1rem;\n    }\n\n    .signup-button {\n      padding: 16px 28px;\n      background: var(--accent);\n      border: none;\n      border-radius: 999px;\n      font-weight: 700;\n      cursor: pointer;\n      color: #020304;\n      font-size: 1rem;\n      white-space: nowrap;\n    }\n\n    .signup-note {\n      margin-top: 14px;\n      font-size: 0.88rem;\n      color: var(--muted);\n    }\n\n    \/* PRODUCTION \u2014 Clean with subtle green + animation *\/\n    .progress-section {\n      margin-top: 100px;\n      padding-top: 40px;\n      position: relative;\n    }\n\n    \/* thin animated green line above section *\/\n    .progress-section::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 160px;\n      height: 2px;\n      background: linear-gradient(90deg,\n        transparent,\n        rgba(54,255,124,0.8),\n        transparent\n      );\n      opacity: 0.35;\n      border-radius: 999px;\n      animation: progressGlow 4s ease-in-out infinite;\n    }\n\n    @keyframes progressGlow {\n      0%, 100% {\n        opacity: 0.15;\n      }\n      50% {\n        opacity: 0.5;\n      }\n    }\n\n    .progress-title {\n      font-size: 2rem;\n      font-weight: 700;\n      margin-bottom: 18px;\n      text-align: center;\n      letter-spacing: -0.3px;\n    }\n\n    .progress-sub {\n      text-align: center;\n      color: var(--muted);\n      font-size: 1rem;\n      max-width: 520px;\n      margin: 0 auto 50px;\n      line-height: 1.7;\n    }\n\n    .progress-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 32px;\n    }\n\n    .progress-card {\n      background: #0d0f14;\n      border: 1px solid var(--border);\n      border-radius: 14px;\n      padding: 18px;\n      box-shadow: 0 6px 22px rgba(0,0,0,0.35);\n      transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    }\n\n    .progress-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(54,255,124,0.6);\n      box-shadow:\n        0 0 0 1px rgba(54,255,124,0.2),\n        0 10px 30px rgba(0,0,0,0.45);\n    }\n\n    .progress-card img {\n      width: 100%;\n      border-radius: 10px;\n      margin-bottom: 16px;\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .progress-card h3 {\n      font-size: 1.05rem;\n      margin-bottom: 10px;\n      position: relative;\n      padding-left: 10px;\n    }\n\n    \/* small vertical green accent bar beside titles *\/\n    .progress-card h3::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 4px;\n      height: 70%;\n      border-radius: 999px;\n      background: linear-gradient(\n        to bottom,\n        rgba(54,255,124,0.9),\n        rgba(54,255,124,0.0)\n      );\n      opacity: 0.9;\n    }\n\n    .progress-card p {\n      color: var(--muted);\n      font-size: 0.9rem;\n      line-height: 1.6;\n    }\n\n    \/* FOOTER \u2013 Simple & Clean *\/\n    footer {\n      margin-top: 100px;\n      padding: 40px 20px;\n      text-align: center;\n      border-top: 1px solid var(--border);\n      background: linear-gradient(180deg, #090b0f, #050507);\n      border-radius: 14px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.3) inset;\n    }\n\n    footer .footer-accent {\n      width: 60px;\n      height: 3px;\n      background: var(--accent);\n      margin: 0 auto 18px;\n      border-radius: 4px;\n      opacity: 0.9;\n    }\n\n    footer p {\n      color: var(--muted);\n      font-size: 0.85rem;\n      letter-spacing: 0.05em;\n    }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 860px) {\n      body {\n        padding: 28px 16px;\n      }\n\n      header {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        gap: 6px;\n        margin-bottom: 40px;\n      }\n\n      .logo {\n        font-size: 1rem;\n        letter-spacing: 0.22em;\n      }\n\n      .pill {\n        font-size: 0.7rem;\n        padding: 6px 16px;\n      }\n\n      .hero {\n        grid-template-columns: 1fr;\n        gap: 32px;\n        padding: 40px 24px;\n        margin-bottom: 80px;\n      }\n\n      .hero-img {\n        order: -1; \/* image on top *\/\n      }\n\n      .hero-sub {\n        max-width: 100%;\n      }\n\n      .signup-section {\n        margin: 70px 0;\n        padding: 40px 24px;\n      }\n\n      .signup-form {\n        flex-direction: column;\n      }\n\n      .signup-button {\n        width: 100%;\n        text-align: center;\n      }\n\n      .progress-section {\n        margin-top: 80px;\n      }\n\n      .progress-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 540px) {\n      .hero {\n        padding: 32px 18px;\n        gap: 24px;\n      }\n\n      .hero-title {\n        font-size: clamp(2.1rem, 8vw, 2.6rem);\n      }\n\n      .hero-bullets span {\n        width: 100%;\n        text-align: center;\n      }\n\n      .signup-section {\n        margin: 60px 0;\n        padding: 32px 18px;\n      }\n\n      .signup-title {\n        font-size: 1.8rem;\n      }\n\n      .signup-copy {\n        font-size: 0.98rem;\n      }\n\n      .progress-section {\n        margin-top: 60px;\n        padding-top: 28px;\n      }\n\n      .progress-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      footer {\n        margin-top: 70px;\n        padding: 32px 20px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <div class=\"page\">\n\n    <!-- HEADER -->\n    <header>\n      <div class=\"logo\">DR GRIPPENSTEIN<\/div>\n      <div class=\"pill\">Kickstarter \u2022 Coming Soon<\/div>\n    <\/header>\n\n    <!-- HERO -->\n    <section class=\"hero\">\n      <div>\n        <div class=\"hero-eyebrow\">Animatronic PS5 controller dock<\/div>\n        <h1 class=\"hero-title\">He Lives. <span>He Grips.<\/span> He Charges.<\/h1>\n        <p class=\"hero-sub\">\n          Meet <strong>Dr Grippenstein<\/strong>, a horror-tech collectible unlike anything on your desk. A full-sized monster hand bursting from a grave-marker slab, gripping your PS5 DualSense with slow, animatronic motion while green veins pulse beneath the skin.\n        <\/p>\n        <div class=\"hero-bullets\">\n          <span>Animatronic grip motion<\/span>\n          <span>Green vein LED glow<\/span>\n          <span>Built for PS5 DualSense<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-img\">\n        <img decoding=\"async\" src=\"https:\/\/drgrippenstein.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-16-at-08.57.09_6b7ea074.jpg\"\n             alt=\"Dr Grippenstein prototype hand gripping a PS5 DualSense controller\" \/>\n      <\/div>\n    <\/section>\n\n    <!-- SIGN-UP SECTION -->\n    <section class=\"signup-section\">\n      <h2 class=\"signup-title\">Join the First-Wave List<\/h2>\n      <p class=\"signup-copy\">\n        Unlock <strong>35% off<\/strong> + early collector access.\n      <\/p>\n      <form class=\"signup-form\" action=\"https:\/\/formsubmit.co\/columbusmakumbe@gmail.com\" method=\"POST\">\n  <input\n    class=\"signup-input\"\n    type=\"email\"\n    name=\"email\"\n    placeholder=\"your email here\"\n    required\n  \/>\n  <button class=\"signup-button\" type=\"submit\">Unlock 35% Off<\/button>\n\n  <!-- optional: subject line of the email you receive -->\n  <input type=\"hidden\" name=\"_subject\" value=\"New Dr Grippenstein waitlist signup\">\n\n  <!-- optional: redirect after submit -->\n  <input type=\"hidden\" name=\"_next\" value=\"https:\/\/drgrippenstein.com\/index.php\/thank-you\/\">\n\n  <!-- optional: turn off captcha -->\n  <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n<\/form>\n\n      <div class=\"signup-note\">No spam \u2014 just launch-day access.<\/div>\n    <\/section>\n\n    <!-- PRODUCTION SECTION -->\n    <section class=\"progress-section\">\n      <h2 class=\"progress-title\">Production Progress<\/h2>\n      <p class=\"progress-sub\">\n        A look at the key steps bringing Dr Grippenstein from sculpt to animatronic reality.\n      <\/p>\n\n      <div class=\"progress-grid\">\n\n        <div class=\"progress-card\">\n          <img decoding=\"async\" src=\"https:\/\/drgrippenstein.com\/wp-content\/uploads\/2025\/11\/Dr-Grippenstein-mutant-version-1.jpg\" alt=\"\">\n          <h3>Sculpt &#038; Proportions<\/h3>\n          <p>Initial resin prototypes to finalize the rising-hand silhouette and details.<\/p>\n        <\/div>\n\n        <div class=\"progress-card\">\n          <img decoding=\"async\" src=\"https:\/\/drgrippenstein.com\/wp-content\/uploads\/2025\/12\/Untitleddesign6-ezgif.com-optimize.gif\" alt=\"\">\n          <h3>Grip Motion Testing<\/h3>\n          <p>Dialing in gripping speed, motor pressure, and the \u201calive\u201d movement feel.<\/p>\n        <\/div>\n\n        <div class=\"progress-card\">\n          <img decoding=\"async\" src=\"https:\/\/drgrippenstein.com\/wp-content\/uploads\/2025\/12\/Untitled-design-37.png\" alt=\"\">\n          <h3>Skin &#038; Texture Work<\/h3>\n          <p>Adding layers of texture, pores, and vein patterning for realism.<\/p>\n        <\/div>\n\n        <div class=\"progress-card\">\n          <img decoding=\"async\" src=\"https:\/\/drgrippenstein.com\/wp-content\/uploads\/2025\/12\/Untitled-design.gif\" alt=\"\">\n          <h3>LED Vein Electronics<\/h3>\n          <p>Routing LEDs and installing the green vein glow electronics.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer>\n      <div class=\"footer-accent\"><\/div>\n      <p>Dr Grippenstein \u00a9 2025 \u2014 Rising Soon from the Lab<\/p>\n    <\/footer>\n\n  <\/div>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dr Grippenstein \u2013 Coming Soon DR GRIPPENSTEIN Kickstarter \u2022 Coming Soon Animatronic PS5 controller dock He Lives. He Grips. He Charges. Meet Dr Grippenstein, a horror-tech collectible unlike anything on your desk. A full-sized monster hand bursting from a grave-marker slab, gripping your PS5 DualSense with slow, animatronic motion while green veins pulse beneath the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"coming-soon","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":24,"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/drgrippenstein.com\/index.php\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}