{"id":32118,"date":"2024-11-03T10:52:00","date_gmt":"2024-11-03T09:52:00","guid":{"rendered":"https:\/\/www.recharge.com\/blog?p=32118"},"modified":"2026-01-21T10:28:18","modified_gmt":"2026-01-21T09:28:18","slug":"test-spin","status":"publish","type":"post","link":"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin","title":{"rendered":"Test Spin"},"content":{"rendered":"\n                                                                                                                                                                                              \n  <style>                                                                                                                                                                                     \n      :root {                                                                                                                                                                                 \n          --lime: #07F288;                                                                                                                                                                    \n          --lime-light: #7BF8BE;                                                                                                                                                              \n          --lime-dark: #05C66E;                                                                                                                                                               \n          --sky: #99EEFF;                                                                                                                                                                     \n          --coal: #1F2226;                                                                                                                                                                    \n          --coal-light: #40454C;                                                                                                                                                              \n          --pebble: #738A8C;                                                                                                                                                                  \n          --breeze: #DCE3F4;                                                                                                                                                                  \n          --mist: #F4F6F6;                                                                                                                                                                    \n          --white: #FFFFFF;                                                                                                                                                                   \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-wheel-wrapper {                                                                                                                                                                   \n          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Sofia Pro', Roboto, sans-serif;                                                                                        \n          background: var(--white);                                                                                                                                                           \n          color: var(--coal);                                                                                                                                                                 \n          line-height: 1.6;                                                                                                                                                                   \n          margin: 2rem auto;                                                                                                                                                                  \n          max-width: 600px;                                                                                                                                                                   \n          padding: 0 1rem;                                                                                                                                                                    \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-wheel-wrapper * {                                                                                                                                                                 \n          box-sizing: border-box;                                                                                                                                                             \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-hero {                                                                                                                                                                            \n          background: linear-gradient(135deg, #1a4d3f 0%, #0d2821 100%);                                                                                                                      \n          padding: 2.5rem 1.5rem;                                                                                                                                                             \n          border-radius: 20px;                                                                                                                                                                \n          text-align: center;                                                                                                                                                                 \n          position: relative;                                                                                                                                                                 \n          overflow: hidden;                                                                                                                                                                   \n          margin-bottom: 1.5rem;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-hero::before {                                                                                                                                                                    \n          content: '';                                                                                                                                                                        \n          position: absolute;                                                                                                                                                                 \n          top: 0;                                                                                                                                                                             \n          left: 0;                                                                                                                                                                            \n          right: 0;                                                                                                                                                                           \n          bottom: 0;                                                                                                                                                                          \n          background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);                                                                                                               \n          opacity: 0.12;                                                                                                                                                                      \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-hero-content {                                                                                                                                                                    \n          position: relative;                                                                                                                                                                 \n          z-index: 1;                                                                                                                                                                         \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-hero h1 {                                                                                                                                                                         \n          font-size: clamp(1.75rem, 5vw, 2.25rem);                                                                                                                                            \n          font-weight: 700;                                                                                                                                                                   \n          margin: 0 0 0.5rem 0;                                                                                                                                                               \n          background: linear-gradient(90deg, var(--lime) 0%, var(--sky) 100%);                                                                                                                \n          -webkit-background-clip: text;                                                                                                                                                      \n          -webkit-text-fill-color: transparent;                                                                                                                                               \n          background-clip: text;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-hero p {                                                                                                                                                                          \n          color: var(--breeze);                                                                                                                                                               \n          font-size: 1rem;                                                                                                                                                                    \n          margin: 0;                                                                                                                                                                          \n          opacity: 0.95;                                                                                                                                                                      \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .steps-indicator {                                                                                                                                                                      \n          display: flex;                                                                                                                                                                      \n          justify-content: center;                                                                                                                                                            \n          gap: 0.5rem;                                                                                                                                                                        \n          margin-bottom: 1.5rem;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .step-dot {                                                                                                                                                                             \n          width: 12px;                                                                                                                                                                        \n          height: 12px;                                                                                                                                                                       \n          border-radius: 50%;                                                                                                                                                                 \n          background: var(--breeze);                                                                                                                                                          \n          transition: all 0.3s ease;                                                                                                                                                          \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .step-dot.active {                                                                                                                                                                      \n          background: var(--lime);                                                                                                                                                            \n          transform: scale(1.2);                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .step-dot.completed {                                                                                                                                                                   \n          background: var(--lime-dark);                                                                                                                                                       \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-card {                                                                                                                                                                            \n          background: var(--white);                                                                                                                                                           \n          border-radius: 16px;                                                                                                                                                                \n          padding: 2rem 1.5rem;                                                                                                                                                               \n          border: 2px solid var(--breeze);                                                                                                                                                    \n          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);                                                                                                                                         \n          margin-bottom: 1.5rem;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-card h2 {                                                                                                                                                                         \n          font-size: 1.25rem;                                                                                                                                                                 \n          margin: 0 0 1.5rem 0;                                                                                                                                                               \n          text-align: center;                                                                                                                                                                 \n          color: var(--coal);                                                                                                                                                                 \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .form-group {                                                                                                                                                                           \n          margin-bottom: 1.25rem;                                                                                                                                                             \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .form-group label {                                                                                                                                                                     \n          display: block;                                                                                                                                                                     \n          font-size: 0.875rem;                                                                                                                                                                \n          font-weight: 600;                                                                                                                                                                   \n          color: var(--coal);                                                                                                                                                                 \n          margin-bottom: 0.5rem;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .form-input {                                                                                                                                                                           \n          width: 100%;                                                                                                                                                                        \n          padding: 1rem;                                                                                                                                                                      \n          font-size: 1rem;                                                                                                                                                                    \n          border: 2px solid var(--breeze);                                                                                                                                                    \n          border-radius: 12px;                                                                                                                                                                \n          background: var(--mist);                                                                                                                                                            \n          color: var(--coal);                                                                                                                                                                 \n          transition: all 0.3s ease;                                                                                                                                                          \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .form-input:focus {                                                                                                                                                                     \n          outline: none;                                                                                                                                                                      \n          border-color: var(--lime);                                                                                                                                                          \n          box-shadow: 0 0 0 3px rgba(7, 242, 136, 0.15);                                                                                                                                      \n          background: var(--white);                                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .form-input::placeholder {                                                                                                                                                              \n          color: var(--pebble);                                                                                                                                                               \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .code-input-wrapper {                                                                                                                                                                   \n          display: flex;                                                                                                                                                                      \n          gap: 0.5rem;                                                                                                                                                                        \n          justify-content: center;                                                                                                                                                            \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .code-digit {                                                                                                                                                                           \n          width: 50px;                                                                                                                                                                        \n          height: 60px;                                                                                                                                                                       \n          text-align: center;                                                                                                                                                                 \n          font-size: 1.5rem;                                                                                                                                                                  \n          font-weight: 700;                                                                                                                                                                   \n          border: 2px solid var(--breeze);                                                                                                                                                    \n          border-radius: 12px;                                                                                                                                                                \n          background: var(--mist);                                                                                                                                                            \n          color: var(--coal);                                                                                                                                                                 \n          transition: all 0.3s ease;                                                                                                                                                          \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .code-digit:focus {                                                                                                                                                                     \n          outline: none;                                                                                                                                                                      \n          border-color: var(--lime);                                                                                                                                                          \n          background: var(--white);                                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .btn-primary {                                                                                                                                                                          \n          width: 100%;                                                                                                                                                                        \n          padding: 1rem 2rem;                                                                                                                                                                 \n          font-size: 1rem;                                                                                                                                                                    \n          font-weight: 700;                                                                                                                                                                   \n          border: none;                                                                                                                                                                       \n          border-radius: 12px;                                                                                                                                                                \n          cursor: pointer;                                                                                                                                                                    \n          transition: all 0.3s ease;                                                                                                                                                          \n          background: linear-gradient(135deg, var(--lime) 0%, var(--lime-dark) 100%);                                                                                                         \n          color: var(--coal);                                                                                                                                                                 \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .btn-primary:hover:not(:disabled) {                                                                                                                                                     \n          transform: translateY(-2px);                                                                                                                                                        \n          box-shadow: 0 8px 24px rgba(7, 242, 136, 0.35);                                                                                                                                     \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .btn-primary:disabled {                                                                                                                                                                 \n          opacity: 0.6;                                                                                                                                                                       \n          cursor: not-allowed;                                                                                                                                                                \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .message {                                                                                                                                                                              \n          padding: 1rem;                                                                                                                                                                      \n          border-radius: 10px;                                                                                                                                                                \n          margin-bottom: 1rem;                                                                                                                                                                \n          font-size: 0.9rem;                                                                                                                                                                  \n          text-align: center;                                                                                                                                                                 \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .message-error {                                                                                                                                                                        \n          background: #ffe6e6;                                                                                                                                                                \n          color: #cc0000;                                                                                                                                                                     \n          border: 1px solid #ffcccc;                                                                                                                                                          \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .message-success {                                                                                                                                                                      \n          background: rgba(7, 242, 136, 0.15);                                                                                                                                                \n          color: var(--lime-dark);                                                                                                                                                            \n          border: 1px solid rgba(7, 242, 136, 0.3);                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      \/* FIXED WHEEL STYLES *\/                                                                                                                                                                \n      .wheel-container {                                                                                                                                                                      \n          position: relative;                                                                                                                                                                 \n          width: 300px;                                                                                                                                                                       \n          height: 300px;                                                                                                                                                                      \n          margin: 0 auto 2rem;                                                                                                                                                                \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .wheel-wrapper {                                                                                                                                                                        \n          width: 100%;                                                                                                                                                                        \n          height: 100%;                                                                                                                                                                       \n          border-radius: 50%;                                                                                                                                                                 \n          box-shadow: 0 0 0 8px var(--coal), 0 0 0 12px var(--lime), 0 20px 40px rgba(0, 0, 0, 0.3);                                                                                          \n          overflow: hidden;                                                                                                                                                                   \n          transition: transform 4s cubic-bezier(0.17, 0.67, 0.12, 0.99);                                                                                                                      \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .wheel-canvas {                                                                                                                                                                         \n          display: block;                                                                                                                                                                     \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .wheel-center {                                                                                                                                                                         \n          position: absolute;                                                                                                                                                                 \n          width: 60px;                                                                                                                                                                        \n          height: 60px;                                                                                                                                                                       \n          background: var(--coal);                                                                                                                                                            \n          border-radius: 50%;                                                                                                                                                                 \n          top: 50%;                                                                                                                                                                           \n          left: 50%;                                                                                                                                                                          \n          transform: translate(-50%, -50%);                                                                                                                                                   \n          z-index: 10;                                                                                                                                                                        \n          display: flex;                                                                                                                                                                      \n          align-items: center;                                                                                                                                                                \n          justify-content: center;                                                                                                                                                            \n          font-size: 1.75rem;                                                                                                                                                                 \n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);                                                                                                                                          \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .wheel-pointer {                                                                                                                                                                        \n          position: absolute;                                                                                                                                                                 \n          top: -5px;                                                                                                                                                                          \n          left: 50%;                                                                                                                                                                          \n          transform: translateX(-50%);                                                                                                                                                        \n          width: 0;                                                                                                                                                                           \n          height: 0;                                                                                                                                                                          \n          border-left: 15px solid transparent;                                                                                                                                                \n          border-right: 15px solid transparent;                                                                                                                                               \n          border-top: 30px solid var(--lime);                                                                                                                                                 \n          z-index: 20;                                                                                                                                                                        \n          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));                                                                                                                                  \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-btn {                                                                                                                                                                             \n          width: 100%;                                                                                                                                                                        \n          padding: 1.25rem;                                                                                                                                                                   \n          font-size: 1.25rem;                                                                                                                                                                 \n          font-weight: 800;                                                                                                                                                                   \n          background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);                                                                                                               \n          color: var(--coal);                                                                                                                                                                 \n          border: none;                                                                                                                                                                       \n          border-radius: 14px;                                                                                                                                                                \n          cursor: pointer;                                                                                                                                                                    \n          transition: all 0.3s ease;                                                                                                                                                          \n          text-transform: uppercase;                                                                                                                                                          \n          letter-spacing: 1px;                                                                                                                                                                \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-btn:hover:not(:disabled) {                                                                                                                                                        \n          transform: translateY(-3px);                                                                                                                                                        \n          box-shadow: 0 12px 30px rgba(7, 242, 136, 0.4);                                                                                                                                     \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .spin-btn:disabled {                                                                                                                                                                    \n          opacity: 0.5;                                                                                                                                                                       \n          cursor: not-allowed;                                                                                                                                                                \n          transform: none;                                                                                                                                                                    \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .prize-reveal {                                                                                                                                                                         \n          text-align: center;                                                                                                                                                                 \n          padding: 2rem 1rem;                                                                                                                                                                 \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .prize-icon {                                                                                                                                                                           \n          font-size: 4rem;                                                                                                                                                                    \n          margin-bottom: 1rem;                                                                                                                                                                \n          animation: bounce 0.6s ease infinite;                                                                                                                                               \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      @keyframes bounce {                                                                                                                                                                     \n          0%, 100% { transform: translateY(0); }                                                                                                                                              \n          50% { transform: translateY(-10px); }                                                                                                                                               \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .prize-title {                                                                                                                                                                          \n          font-size: 1.75rem;                                                                                                                                                                 \n          font-weight: 800;                                                                                                                                                                   \n          background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);                                                                                                               \n          -webkit-background-clip: text;                                                                                                                                                      \n          -webkit-text-fill-color: transparent;                                                                                                                                               \n          background-clip: text;                                                                                                                                                              \n          margin: 0 0 0.5rem 0;                                                                                                                                                               \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .prize-code-box {                                                                                                                                                                       \n          background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);                                                                                                               \n          padding: 1.25rem 2rem;                                                                                                                                                              \n          border-radius: 14px;                                                                                                                                                                \n          margin: 1.5rem 0;                                                                                                                                                                   \n          display: inline-block;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .prize-code-label {                                                                                                                                                                     \n          font-size: 0.8rem;                                                                                                                                                                  \n          color: var(--coal);                                                                                                                                                                 \n          opacity: 0.8;                                                                                                                                                                       \n          margin-bottom: 0.25rem;                                                                                                                                                             \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .prize-code {                                                                                                                                                                           \n          font-size: 1.75rem;                                                                                                                                                                 \n          font-weight: 800;                                                                                                                                                                   \n          color: var(--coal);                                                                                                                                                                 \n          letter-spacing: 3px;                                                                                                                                                                \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .copy-btn {                                                                                                                                                                             \n          padding: 0.75rem 1.5rem;                                                                                                                                                            \n          background: var(--coal);                                                                                                                                                            \n          color: var(--white);                                                                                                                                                                \n          border: none;                                                                                                                                                                       \n          border-radius: 10px;                                                                                                                                                                \n          font-weight: 600;                                                                                                                                                                   \n          cursor: pointer;                                                                                                                                                                    \n          transition: all 0.3s ease;                                                                                                                                                          \n          margin-top: 1rem;                                                                                                                                                                   \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .copy-btn:hover {                                                                                                                                                                       \n          background: var(--coal-light);                                                                                                                                                      \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .cta-link {                                                                                                                                                                             \n          display: inline-block;                                                                                                                                                              \n          margin-top: 1.5rem;                                                                                                                                                                 \n          padding: 1rem 2rem;                                                                                                                                                                 \n          background: linear-gradient(135deg, var(--lime) 0%, var(--lime-dark) 100%);                                                                                                         \n          color: var(--coal);                                                                                                                                                                 \n          text-decoration: none;                                                                                                                                                              \n          border-radius: 12px;                                                                                                                                                                \n          font-weight: 700;                                                                                                                                                                   \n          transition: all 0.3s ease;                                                                                                                                                          \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .cta-link:hover {                                                                                                                                                                       \n          transform: translateY(-2px);                                                                                                                                                        \n          box-shadow: 0 8px 24px rgba(7, 242, 136, 0.35);                                                                                                                                     \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .loading {                                                                                                                                                                              \n          display: inline-block;                                                                                                                                                              \n          width: 20px;                                                                                                                                                                        \n          height: 20px;                                                                                                                                                                       \n          border: 3px solid var(--coal);                                                                                                                                                      \n          border-radius: 50%;                                                                                                                                                                 \n          border-top-color: transparent;                                                                                                                                                      \n          animation: spin 0.8s linear infinite;                                                                                                                                               \n          margin-right: 8px;                                                                                                                                                                  \n          vertical-align: middle;                                                                                                                                                             \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      @keyframes spin {                                                                                                                                                                       \n          to { transform: rotate(360deg); }                                                                                                                                                   \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .resend-timer {                                                                                                                                                                         \n          text-align: center;                                                                                                                                                                 \n          margin-top: 1rem;                                                                                                                                                                   \n          font-size: 0.875rem;                                                                                                                                                                \n          color: var(--pebble);                                                                                                                                                               \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .resend-btn {                                                                                                                                                                           \n          background: none;                                                                                                                                                                   \n          border: none;                                                                                                                                                                       \n          color: var(--lime-dark);                                                                                                                                                            \n          font-weight: 600;                                                                                                                                                                   \n          cursor: pointer;                                                                                                                                                                    \n          text-decoration: underline;                                                                                                                                                         \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .resend-btn:disabled {                                                                                                                                                                  \n          color: var(--pebble);                                                                                                                                                               \n          cursor: not-allowed;                                                                                                                                                                \n          text-decoration: none;                                                                                                                                                              \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      .hidden {                                                                                                                                                                               \n          display: none !important;                                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      @media (max-width: 480px) {                                                                                                                                                             \n          .wheel-container {                                                                                                                                                                  \n              width: 280px;                                                                                                                                                                   \n              height: 280px;                                                                                                                                                                  \n          }                                                                                                                                                                                   \n                                                                                                                                                                                              \n          .code-digit {                                                                                                                                                                       \n              width: 42px;                                                                                                                                                                    \n              height: 52px;                                                                                                                                                                   \n              font-size: 1.25rem;                                                                                                                                                             \n          }                                                                                                                                                                                   \n                                                                                                                                                                                              \n          .spin-card {                                                                                                                                                                        \n              padding: 1.5rem 1rem;                                                                                                                                                           \n          }                                                                                                                                                                                   \n      }                                                                                                                                                                                       \n  <\/style>                                                                                                                                                                                    \n                                                                                                                                                                                              \n  <div class=\"spin-wheel-wrapper\">                                                                                                                                                            \n      <div class=\"spin-hero\">                                                                                                                                                                 \n          <div class=\"spin-hero-content\">                                                                                                                                                     \n              <h1>\ud83c\udfb0 Spin &#038; Win!<\/h1>                                                                                                                                                         \n              <p>Exclusive discounts for our valued customers<\/p>                                                                                                                             \n          <\/div>                                                                                                                                                                              \n      <\/div>                                                                                                                                                                                  \n                                                                                                                                                                                              \n      <div class=\"steps-indicator\">                                                                                                                                                           \n          <div class=\"step-dot active\" id=\"step-1\"><\/div>                                                                                                                                     \n          <div class=\"step-dot\" id=\"step-2\"><\/div>                                                                                                                                            \n          <div class=\"step-dot\" id=\"step-3\"><\/div>                                                                                                                                            \n      <\/div>                                                                                                                                                                                  \n                                                                                                                                                                                              \n      <div class=\"spin-card\" id=\"email-step\">                                                                                                                                                 \n          <h2>Enter Your Email<\/h2>                                                                                                                                                           \n          <div id=\"email-message\"><\/div>                                                                                                                                                      \n          <div class=\"form-group\">                                                                                                                                                            \n              <label for=\"email-input\">Email Address<\/label>                                                                                                                                  \n              <input type=\"email\" id=\"email-input\" class=\"form-input\" placeholder=\"your.email@example.com\">                                                                                   \n          <\/div>                                                                                                                                                                              \n          <button class=\"btn-primary\" id=\"email-submit\" onclick=\"submitEmail()\">                                                                                                              \n              Continue                                                                                                                                                                        \n          <\/button>                                                                                                                                                                           \n      <\/div>                                                                                                                                                                                  \n                                                                                                                                                                                              \n      <div class=\"spin-card hidden\" id=\"verify-step\">                                                                                                                                         \n          <h2>Enter Verification Code<\/h2>                                                                                                                                                    \n          <p style=\"text-align: center; color: var(--pebble); margin-bottom: 1.5rem;\">                                                                                                        \n              We&#8217;ve sent a 6-digit code to <strong id=\"display-email\"><\/strong>                                                                                                               \n          <\/p>                                                                                                                                                                                \n          <div id=\"verify-message\"><\/div>                                                                                                                                                     \n          <div class=\"form-group\">                                                                                                                                                            \n              <div class=\"code-input-wrapper\">                                                                                                                                                \n                  <input type=\"text\" maxlength=\"1\" class=\"code-digit\" data-index=\"0\">                                                                                                         \n                  <input type=\"text\" maxlength=\"1\" class=\"code-digit\" data-index=\"1\">                                                                                                         \n                  <input type=\"text\" maxlength=\"1\" class=\"code-digit\" data-index=\"2\">                                                                                                         \n                  <input type=\"text\" maxlength=\"1\" class=\"code-digit\" data-index=\"3\">                                                                                                         \n                  <input type=\"text\" maxlength=\"1\" class=\"code-digit\" data-index=\"4\">                                                                                                         \n                  <input type=\"text\" maxlength=\"1\" class=\"code-digit\" data-index=\"5\">                                                                                                         \n              <\/div>                                                                                                                                                                          \n          <\/div>                                                                                                                                                                              \n          <button class=\"btn-primary\" id=\"verify-submit\" onclick=\"verifyCode()\">                                                                                                              \n              Verify &#038; Continue                                                                                                                                                               \n          <\/button>                                                                                                                                                                           \n          <div class=\"resend-timer\">                                                                                                                                                          \n              <span id=\"timer-text\">Resend code in <strong id=\"countdown\">60<\/strong>s<\/span>                                                                                                 \n              <button class=\"resend-btn hidden\" id=\"resend-btn\" onclick=\"resendCode()\">Resend Code<\/button>                                                                                   \n          <\/div>                                                                                                                                                                              \n      <\/div>                                                                                                                                                                                  \n                                                                                                                                                                                              \n      <div class=\"spin-card hidden\" id=\"spin-step\">                                                                                                                                           \n          <h2>Spin the Wheel!<\/h2>                                                                                                                                                            \n          <div class=\"wheel-container\">                                                                                                                                                       \n              <div class=\"wheel-pointer\"><\/div>                                                                                                                                               \n              <div class=\"wheel-wrapper\" id=\"wheel-wrapper\">                                                                                                                                  \n                  <canvas id=\"wheel-canvas\" class=\"wheel-canvas\" width=\"300\" height=\"300\"><\/canvas>                                                                                           \n              <\/div>                                                                                                                                                                          \n              <div class=\"wheel-center\">\ud83c\udfb0<\/div>                                                                                                                                              \n          <\/div>                                                                                                                                                                              \n          <button class=\"spin-btn\" id=\"spin-btn\" onclick=\"spinWheel()\">                                                                                                                       \n              \ud83c\udfaf SPIN NOW!                                                                                                                                                                    \n          <\/button>                                                                                                                                                                           \n      <\/div>                                                                                                                                                                                  \n                                                                                                                                                                                              \n      <div class=\"spin-card hidden\" id=\"prize-step\">                                                                                                                                          \n          <div class=\"prize-reveal\">                                                                                                                                                          \n              <div class=\"prize-icon\">\ud83c\udf89<\/div>                                                                                                                                                \n              <h2 class=\"prize-title\" id=\"prize-name\">Congratulations!<\/h2>                                                                                                                   \n              <p style=\"color: var(--pebble);\">You&#8217;ve won:<\/p>                                                                                                                                \n              <div class=\"prize-code-box\">                                                                                                                                                    \n                  <div class=\"prize-code-label\">Your Discount Code<\/div>                                                                                                                      \n                  <div class=\"prize-code\" id=\"prize-code\">SAVE10<\/div>                                                                                                                        \n              <\/div>                                                                                                                                                                          \n              <br>                                                                                                                                                                            \n              <button class=\"copy-btn\" onclick=\"copyCode()\">\ud83d\udccb Copy Code<\/button>                                                                                                             \n              <br>                                                                                                                                                                            \n              <a href=\"https:\/\/www.recharge.com\" class=\"cta-link\" target=\"_blank\">                                                                                                            \n                  Use Your Discount Now \u2192                                                                                                                                                     \n              <\/a>                                                                                                                                                                            \n          <\/div>                                                                                                                                                                              \n      <\/div>                                                                                                                                                                                  \n  <\/div>                                                                                                                                                                                      \n                                                                                                                                                                                              \n  <script>                                                                                                                                                                                    \n      \/\/ ============================================                                                                                                                                         \n      \/\/ CONFIGURATION                                                                                                                                                                        \n      \/\/ ============================================                                                                                                                                         \n      const API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwqCvfgR3JPF7Xmknx-XGhS1jxUy2rfGIuiMiSV5ny-5o7ERXIYR1AXI4KKCRfIKpwb\/exec';                                                     \n                                                                                                                                                                                              \n      \/\/ State                                                                                                                                                                                \n      let currentEmail = '';                                                                                                                                                                  \n      let prizes = [];                                                                                                                                                                        \n      let selectedPrize = null;                                                                                                                                                               \n      let countdownInterval = null;                                                                                                                                                           \n      let totalRotation = 0;                                                                                                                                                                  \n                                                                                                                                                                                              \n      \/\/ Wheel colors                                                                                                                                                                         \n      const wheelColors = ['#07F288', '#99EEFF', '#7BF8BE', '#DCE3F4', '#05C66E'];                                                                                                            \n                                                                                                                                                                                              \n      \/\/ API call                                                                                                                                                                             \n      async function apiPost(action, data = {}) {                                                                                                                                             \n          try {                                                                                                                                                                               \n              const response = await fetch(API_URL, {                                                                                                                                         \n                  method: 'POST',                                                                                                                                                             \n                  redirect: 'follow',                                                                                                                                                         \n                  headers: { 'Content-Type': 'text\/plain' },                                                                                                                                  \n                  body: JSON.stringify({ action, ...data })                                                                                                                                   \n              });                                                                                                                                                                             \n              return await response.json();                                                                                                                                                   \n          } catch (error) {                                                                                                                                                                   \n              console.error('API Error:', error);                                                                                                                                             \n              return { success: false, error: 'network', message: 'Connection error.' };                                                                                                      \n          }                                                                                                                                                                                   \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      function showMessage(elementId, message, type) {                                                                                                                                        \n          document.getElementById(elementId).innerHTML = `<div class=\"message message-${type}\">${message}<\/div>`;                                                                             \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      function clearMessage(elementId) {                                                                                                                                                      \n          document.getElementById(elementId).innerHTML = '';                                                                                                                                  \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      \/\/ Email submission                                                                                                                                                                     \n      async function submitEmail() {                                                                                                                                                          \n          const emailInput = document.getElementById('email-input');                                                                                                                          \n          const submitBtn = document.getElementById('email-submit');                                                                                                                          \n          const email = emailInput.value.trim().toLowerCase();                                                                                                                                \n                                                                                                                                                                                              \n          if (!email || !email.includes('@')) {                                                                                                                                               \n              showMessage('email-message', 'Please enter a valid email address', 'error');                                                                                                    \n              return;                                                                                                                                                                         \n          }                                                                                                                                                                                   \n                                                                                                                                                                                              \n          submitBtn.disabled = true;                                                                                                                                                          \n          submitBtn.innerHTML = '<span class=\"loading\"><\/span> Checking...';                                                                                                                  \n          clearMessage('email-message');                                                                                                                                                      \n                                                                                                                                                                                              \n          const checkResult = await apiPost('checkEmail', { email });                                                                                                                         \n                                                                                                                                                                                              \n          if (!checkResult.success) {                                                                                                                                                         \n              submitBtn.disabled = false;                                                                                                                                                     \n              submitBtn.innerHTML = 'Continue';                                                                                                                                               \n              if (checkResult.error === 'already_used') {                                                                                                                                     \n                  showMessage('email-message', '\u26a0\ufe0f You have already used your spin!', 'error');                                                                                               \n              } else if (checkResult.error === 'not_found') {                                                                                                                                 \n                  showMessage('email-message', '\u274c Email not found. This offer is for invited customers only.', 'error');                                                                     \n              } else {                                                                                                                                                                        \n                  showMessage('email-message', checkResult.message || 'Error occurred.', 'error');                                                                                            \n              }                                                                                                                                                                               \n              return;                                                                                                                                                                         \n          }                                                                                                                                                                                   \n                                                                                                                                                                                              \n          submitBtn.innerHTML = '<span class=\"loading\"><\/span> Sending code...';                                                                                                              \n          const sendResult = await apiPost('sendCode', { email });                                                                                                                            \n                                                                                                                                                                                              \n          submitBtn.disabled = false;                                                                                                                                                         \n          submitBtn.innerHTML = 'Continue';                                                                                                                                                   \n                                                                                                                                                                                              \n          if (sendResult.success) {                                                                                                                                                           \n              currentEmail = email;                                                                                                                                                           \n              document.getElementById('display-email').textContent = email;                                                                                                                   \n              showStep(2);                                                                                                                                                                    \n              startCountdown();                                                                                                                                                               \n          } else {                                                                                                                                                                            \n              showMessage('email-message', sendResult.message || 'Failed to send code.', 'error');                                                                                            \n          }                                                                                                                                                                                   \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      function showStep(step) {                                                                                                                                                               \n          for (let i = 1; i <= 3; i++) {                                                                                                                                                      \n              const dot = document.getElementById(`step-${i}`);                                                                                                                               \n              dot.classList.remove('active', 'completed');                                                                                                                                    \n              if (i < step) dot.classList.add('completed');                                                                                                                                   \n              if (i === step) dot.classList.add('active');                                                                                                                                    \n          }                                                                                                                                                                                   \n          document.getElementById('email-step').classList.toggle('hidden', step !== 1);                                                                                                       \n          document.getElementById('verify-step').classList.toggle('hidden', step !== 2);                                                                                                      \n          document.getElementById('spin-step').classList.toggle('hidden', step !== 3);                                                                                                        \n          document.getElementById('prize-step').classList.toggle('hidden', step !== 4);                                                                                                       \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      \/\/ Code input handling                                                                                                                                                                  \n      document.querySelectorAll('.code-digit').forEach((input, index) => {                                                                                                                    \n          input.addEventListener('input', (e) => {                                                                                                                                            \n              e.target.value = e.target.value.replace(\/[^0-9]\/g, '');                                                                                                                         \n              if (e.target.value && index < 5) {                                                                                                                                              \n                  document.querySelectorAll('.code-digit')[index + 1].focus();                                                                                                                \n              }                                                                                                                                                                               \n          });                                                                                                                                                                                 \n          input.addEventListener('keydown', (e) => {                                                                                                                                          \n              if (e.key === 'Backspace' && !e.target.value && index > 0) {                                                                                                                    \n                  document.querySelectorAll('.code-digit')[index - 1].focus();                                                                                                                \n              }                                                                                                                                                                               \n          });                                                                                                                                                                                 \n          input.addEventListener('paste', (e) => {                                                                                                                                            \n              e.preventDefault();                                                                                                                                                             \n              const paste = e.clipboardData.getData('text').replace(\/\\D\/g, '').slice(0, 6);                                                                                                   \n              paste.split('').forEach((char, i) => {                                                                                                                                          \n                  if (document.querySelectorAll('.code-digit')[i]) {                                                                                                                          \n                      document.querySelectorAll('.code-digit')[i].value = char;                                                                                                               \n                  }                                                                                                                                                                           \n              });                                                                                                                                                                             \n          });                                                                                                                                                                                 \n      });                                                                                                                                                                                     \n                                                                                                                                                                                              \n      function startCountdown() {                                                                                                                                                             \n          let seconds = 60;                                                                                                                                                                   \n          document.getElementById('countdown').textContent = seconds;                                                                                                                         \n          document.getElementById('timer-text').classList.remove('hidden');                                                                                                                   \n          document.getElementById('resend-btn').classList.add('hidden');                                                                                                                      \n          if (countdownInterval) clearInterval(countdownInterval);                                                                                                                            \n          countdownInterval = setInterval(() => {                                                                                                                                             \n              seconds--;                                                                                                                                                                      \n              document.getElementById('countdown').textContent = seconds;                                                                                                                     \n              if (seconds <= 0) {                                                                                                                                                             \n                  clearInterval(countdownInterval);                                                                                                                                           \n                  document.getElementById('timer-text').classList.add('hidden');                                                                                                              \n                  document.getElementById('resend-btn').classList.remove('hidden');                                                                                                           \n              }                                                                                                                                                                               \n          }, 1000);                                                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      async function resendCode() {                                                                                                                                                           \n          const btn = document.getElementById('resend-btn');                                                                                                                                  \n          btn.disabled = true;                                                                                                                                                                \n          btn.textContent = 'Sending...';                                                                                                                                                     \n          clearMessage('verify-message');                                                                                                                                                     \n          const result = await apiPost('sendCode', { email: currentEmail });                                                                                                                  \n          if (result.success) {                                                                                                                                                               \n              showMessage('verify-message', '\u2705 New code sent!', 'success');                                                                                                                  \n              startCountdown();                                                                                                                                                               \n          } else {                                                                                                                                                                            \n              showMessage('verify-message', '\u274c Failed to resend.', 'error');                                                                                                                 \n          }                                                                                                                                                                                   \n          btn.disabled = false;                                                                                                                                                               \n          btn.textContent = 'Resend Code';                                                                                                                                                    \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      async function verifyCode() {                                                                                                                                                           \n          const digits = document.querySelectorAll('.code-digit');                                                                                                                            \n          const code = Array.from(digits).map(d => d.value).join('');                                                                                                                         \n          const submitBtn = document.getElementById('verify-submit');                                                                                                                         \n                                                                                                                                                                                              \n          if (code.length !== 6) {                                                                                                                                                            \n              showMessage('verify-message', 'Please enter the complete 6-digit code', 'error');                                                                                               \n              return;                                                                                                                                                                         \n          }                                                                                                                                                                                   \n                                                                                                                                                                                              \n          submitBtn.disabled = true;                                                                                                                                                          \n          submitBtn.innerHTML = '<span class=\"loading\"><\/span> Verifying...';                                                                                                                 \n          clearMessage('verify-message');                                                                                                                                                     \n                                                                                                                                                                                              \n          const result = await apiPost('verifyCode', { email: currentEmail, code });                                                                                                          \n                                                                                                                                                                                              \n          submitBtn.disabled = false;                                                                                                                                                         \n          submitBtn.innerHTML = 'Verify & Continue';                                                                                                                                          \n                                                                                                                                                                                              \n          if (result.success && result.verified) {                                                                                                                                            \n              prizes = result.prizes || [                                                                                                                                                     \n                  { name: '10% Off', code: 'SAVE10', probability: 40 },                                                                                                                       \n                  { name: '15% Off', code: 'SAVE15', probability: 25 },                                                                                                                       \n                  { name: '20% Off', code: 'SAVE20', probability: 20 },                                                                                                                       \n                  { name: '25% Off', code: 'SAVE25', probability: 10 },                                                                                                                       \n                  { name: '50% Off', code: 'SAVE50', probability: 5 }                                                                                                                         \n              ];                                                                                                                                                                              \n              clearInterval(countdownInterval);                                                                                                                                               \n              drawWheel();                                                                                                                                                                    \n              showStep(3);                                                                                                                                                                    \n          } else {                                                                                                                                                                            \n              showMessage('verify-message', result.error === 'expired' ? '\u23f1\ufe0f Code expired.' : '\u274c Invalid code.', 'error');                                                                   \n          }                                                                                                                                                                                   \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      \/\/ ============================================                                                                                                                                         \n      \/\/ FIXED WHEEL DRAWING & SPINNING                                                                                                                                                       \n      \/\/ ============================================                                                                                                                                         \n      function drawWheel() {                                                                                                                                                                  \n          const canvas = document.getElementById('wheel-canvas');                                                                                                                             \n          const ctx = canvas.getContext('2d');                                                                                                                                                \n          const centerX = canvas.width \/ 2;                                                                                                                                                   \n          const centerY = canvas.height \/ 2;                                                                                                                                                  \n          const radius = centerX - 5;                                                                                                                                                         \n                                                                                                                                                                                              \n          const numPrizes = prizes.length;                                                                                                                                                    \n          const arcSize = (2 * Math.PI) \/ numPrizes;                                                                                                                                          \n                                                                                                                                                                                              \n          \/\/ Start from top (-90 degrees = -PI\/2)                                                                                                                                             \n          let startAngle = -Math.PI \/ 2;                                                                                                                                                      \n                                                                                                                                                                                              \n          prizes.forEach((prize, i) => {                                                                                                                                                      \n              const endAngle = startAngle + arcSize;                                                                                                                                          \n                                                                                                                                                                                              \n              \/\/ Draw segment                                                                                                                                                                 \n              ctx.beginPath();                                                                                                                                                                \n              ctx.moveTo(centerX, centerY);                                                                                                                                                   \n              ctx.arc(centerX, centerY, radius, startAngle, endAngle);                                                                                                                        \n              ctx.closePath();                                                                                                                                                                \n              ctx.fillStyle = wheelColors[i % wheelColors.length];                                                                                                                            \n              ctx.fill();                                                                                                                                                                     \n              ctx.strokeStyle = '#1F2226';                                                                                                                                                    \n              ctx.lineWidth = 2;                                                                                                                                                              \n              ctx.stroke();                                                                                                                                                                   \n                                                                                                                                                                                              \n              \/\/ Draw text                                                                                                                                                                    \n              ctx.save();                                                                                                                                                                     \n              ctx.translate(centerX, centerY);                                                                                                                                                \n              ctx.rotate(startAngle + arcSize \/ 2);                                                                                                                                           \n              ctx.textAlign = 'right';                                                                                                                                                        \n              ctx.fillStyle = '#1F2226';                                                                                                                                                      \n              ctx.font = 'bold 13px -apple-system, BlinkMacSystemFont, sans-serif';                                                                                                           \n              ctx.fillText(prize.name, radius - 15, 5);                                                                                                                                       \n              ctx.restore();                                                                                                                                                                  \n                                                                                                                                                                                              \n              startAngle = endAngle;                                                                                                                                                          \n          });                                                                                                                                                                                 \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      function selectPrizeIndex() {                                                                                                                                                           \n          const total = prizes.reduce((sum, p) => sum + p.probability, 0);                                                                                                                    \n          let random = Math.random() * total;                                                                                                                                                 \n          for (let i = 0; i < prizes.length; i++) {                                                                                                                                           \n              random -= prizes[i].probability;                                                                                                                                                \n              if (random <= 0) return i;                                                                                                                                                      \n          }                                                                                                                                                                                   \n          return prizes.length - 1;                                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      async function spinWheel() {                                                                                                                                                            \n          const wheelWrapper = document.getElementById('wheel-wrapper');                                                                                                                      \n          const spinBtn = document.getElementById('spin-btn');                                                                                                                                \n                                                                                                                                                                                              \n          spinBtn.disabled = true;                                                                                                                                                            \n          spinBtn.textContent = '\ud83c\udfb0 SPINNING...';                                                                                                                                             \n                                                                                                                                                                                              \n          \/\/ Select winning prize                                                                                                                                                             \n          const winningIndex = selectPrizeIndex();                                                                                                                                            \n          selectedPrize = prizes[winningIndex];                                                                                                                                               \n                                                                                                                                                                                              \n          \/\/ Calculate rotation                                                                                                                                                               \n          const numPrizes = prizes.length;                                                                                                                                                    \n          const segmentAngle = 360 \/ numPrizes;                                                                                                                                               \n                                                                                                                                                                                              \n          \/\/ The pointer is at the TOP (0 degrees in our visual system)                                                                                                                       \n          \/\/ Segment 0 starts at top and goes clockwise                                                                                                                                       \n          \/\/ To land on segment N, we need its CENTER under the pointer                                                                                                                       \n          \/\/ Segment N's center is at: N * segmentAngle + segmentAngle\/2 degrees from the top                                                                                                 \n          \/\/ We rotate CLOCKWISE, so to bring segment N's center to top:                                                                                                                      \n          \/\/ We need to rotate by: 360 - (N * segmentAngle + segmentAngle\/2)                                                                                                                  \n                                                                                                                                                                                              \n          const segmentCenter = winningIndex * segmentAngle + segmentAngle \/ 2;                                                                                                               \n          const rotationToLand = 360 - segmentCenter;                                                                                                                                         \n                                                                                                                                                                                              \n          \/\/ Add multiple full rotations for effect                                                                                                                                           \n          const fullSpins = 5 + Math.floor(Math.random() * 3); \/\/ 5-7 full spins                                                                                                              \n          const finalRotation = totalRotation + (fullSpins * 360) + rotationToLand;                                                                                                           \n                                                                                                                                                                                              \n          \/\/ Ensure we always rotate forward                                                                                                                                                  \n          totalRotation = finalRotation;                                                                                                                                                      \n                                                                                                                                                                                              \n          \/\/ Apply rotation                                                                                                                                                                   \n          wheelWrapper.style.transform = `rotate(${finalRotation}deg)`;                                                                                                                       \n                                                                                                                                                                                              \n          \/\/ Wait for animation, then show result                                                                                                                                             \n          setTimeout(async () => {                                                                                                                                                            \n              \/\/ Record spin                                                                                                                                                                  \n              await apiPost('recordSpin', {                                                                                                                                                   \n                  email: currentEmail,                                                                                                                                                        \n                  prize: `${selectedPrize.name} (${selectedPrize.code})`                                                                                                                      \n              });                                                                                                                                                                             \n                                                                                                                                                                                              \n              \/\/ Show prize                                                                                                                                                                   \n              document.getElementById('prize-name').textContent = `You won ${selectedPrize.name}!`;                                                                                           \n              document.getElementById('prize-code').textContent = selectedPrize.code;                                                                                                         \n              showStep(4);                                                                                                                                                                    \n          }, 4500);                                                                                                                                                                           \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      function copyCode() {                                                                                                                                                                   \n          const code = document.getElementById('prize-code').textContent;                                                                                                                     \n          navigator.clipboard.writeText(code).then(() => {                                                                                                                                    \n              event.target.textContent = '\u2705 Copied!';                                                                                                                                        \n              setTimeout(() => event.target.textContent = '\ud83d\udccb Copy Code', 2000);                                                                                                              \n          }).catch(() => {                                                                                                                                                                    \n              const input = document.createElement('input');                                                                                                                                  \n              input.value = code;                                                                                                                                                             \n              document.body.appendChild(input);                                                                                                                                               \n              input.select();                                                                                                                                                                 \n              document.execCommand('copy');                                                                                                                                                   \n              document.body.removeChild(input);                                                                                                                                               \n              alert('Code copied: ' + code);                                                                                                                                                  \n          });                                                                                                                                                                                 \n      }                                                                                                                                                                                       \n                                                                                                                                                                                              \n      document.getElementById('email-input').addEventListener('keypress', (e) => {                                                                                                            \n          if (e.key === 'Enter') submitEmail();                                                                                                                                               \n      });                                                                                                                                                                                     \n  <\/script>   \n","protected":false},"excerpt":{"rendered":"<p>Spin to win<\/p>\n","protected":false},"author":46,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"cos_headline_score":0,"cos_seo_score":0,"cos_headline_text":"Test Spin","cos_headline_has_been_analyzed":false,"cos_last_analyzed_headline":[],"_hreflang_tags":"[{\"hreflang\": \"en-gb\", \"href\": \"https:\/\/www.recharge.com\/blog\/en-gb\/ie\/test-post-custom-hreflang\"}, {\"hreflang\": \"en-us\", \"href\": \"https:\/\/www.recharge.com\/blog\/en\/us\/test-post-custom-hreflang\"}, {\"hreflang\": \"de\", \"href\": \"https:\/\/www.recharge.com\/blog\/de\/at\/test-post-custom-hreflang\"}, {\"hreflang\": \"x-default\", \"href\": \"https:\/\/www.recharge.com\/blog\/en\/us\/test-post-custom-hreflang\"}]","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[1],"tags":[],"class_list":["post-32118","post","type-post","status-publish","format-standard","hentry","category-uncategorized-en-gb"],"jetpack_publicize_connections":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.4 (Yoast SEO v21.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Test Spin<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test Spin\" \/>\n<meta property=\"og:description\" content=\"Spin to win\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin\" \/>\n<meta property=\"og:site_name\" content=\"Recharge Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-03T09:52:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-21T09:28:18+00:00\" \/>\n<meta name=\"author\" content=\"Mustafa Aybek\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin\",\"url\":\"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin\",\"name\":\"Test Spin\",\"isPartOf\":{\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#website\"},\"datePublished\":\"2024-11-03T09:52:00+00:00\",\"dateModified\":\"2026-01-21T09:28:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/fe07f56ab88d14f3fd7cc1d3727b3bc0\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.recharge.com\/blog\/en-gb\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test Spin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#website\",\"url\":\"https:\/\/www.recharge.com\/blog\/en-gb\/\",\"name\":\"Recharge Blog\",\"description\":\"Everything about online safety, smart spending &amp; your digital lifestyle.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.recharge.com\/blog\/en-gb\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/fe07f56ab88d14f3fd7cc1d3727b3bc0\",\"name\":\"Mustafa Aybek\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3cce4b63f035e5797940f6410bda57e8ab49eb7f8670c96fa692ca9eba585b49?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3cce4b63f035e5797940f6410bda57e8ab49eb7f8670c96fa692ca9eba585b49?s=96&d=mm&r=g\",\"caption\":\"Mustafa Aybek\"},\"url\":\"https:\/\/www.recharge.com\/blog\/en-gb\/author\/mustafa-aybek\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Test Spin","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_GB","og_type":"article","og_title":"Test Spin","og_description":"Spin to win","og_url":"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin","og_site_name":"Recharge Blog","article_published_time":"2024-11-03T09:52:00+00:00","article_modified_time":"2026-01-21T09:28:18+00:00","author":"Mustafa Aybek","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin","url":"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin","name":"Test Spin","isPartOf":{"@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#website"},"datePublished":"2024-11-03T09:52:00+00:00","dateModified":"2026-01-21T09:28:18+00:00","author":{"@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/fe07f56ab88d14f3fd7cc1d3727b3bc0"},"breadcrumb":{"@id":"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.recharge.com\/blog\/en-gb\/test-spin"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/test-spin#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.recharge.com\/blog\/en-gb"},{"@type":"ListItem","position":2,"name":"Test Spin"}]},{"@type":"WebSite","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#website","url":"https:\/\/www.recharge.com\/blog\/en-gb\/","name":"Recharge Blog","description":"Everything about online safety, smart spending &amp; your digital lifestyle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.recharge.com\/blog\/en-gb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/fe07f56ab88d14f3fd7cc1d3727b3bc0","name":"Mustafa Aybek","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3cce4b63f035e5797940f6410bda57e8ab49eb7f8670c96fa692ca9eba585b49?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3cce4b63f035e5797940f6410bda57e8ab49eb7f8670c96fa692ca9eba585b49?s=96&d=mm&r=g","caption":"Mustafa Aybek"},"url":"https:\/\/www.recharge.com\/blog\/en-gb\/author\/mustafa-aybek"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/32118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/comments?post=32118"}],"version-history":[{"count":4,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/32118\/revisions"}],"predecessor-version":[{"id":36503,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/32118\/revisions\/36503"}],"wp:attachment":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/media?parent=32118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/categories?post=32118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/tags?post=32118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}