{"id":7,"date":"2026-06-06T15:58:17","date_gmt":"2026-06-06T15:58:17","guid":{"rendered":"https:\/\/travel.somtechdataapi.com\/?page_id=7"},"modified":"2026-06-06T15:58:17","modified_gmt":"2026-06-06T15:58:17","slug":"new","status":"publish","type":"page","link":"https:\/\/travel.somtechdataapi.com\/?page_id=7","title":{"rendered":"new"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Don&#8217;t Miss This!<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --yellow: #FFE600;\n    --orange: #FF5C00;\n    --red: #FF1744;\n    --dark: #111111;\n    --white: #FFFFFF;\n    --bg: #FFE600;\n  }\n\n  body {\n    min-height: 100vh;\n    background: var(--bg);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-family: 'DM Sans', sans-serif;\n    overflow: hidden;\n    position: relative;\n    transition: background 0.8s ease;\n  }\n\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background: repeating-linear-gradient(\n      -45deg,\n      transparent,\n      transparent 40px,\n      rgba(255,92,0,0.07) 40px,\n      rgba(255,92,0,0.07) 80px\n    );\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .wrapper {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 520px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    animation: popIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;\n  }\n\n  @keyframes popIn {\n    from { opacity: 0; transform: scale(0.85) translateY(30px); }\n    to   { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .badge {\n    background: var(--dark);\n    color: var(--yellow);\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 8px 20px;\n    border-radius: 100px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    animation: popIn 0.5s 0.05s cubic-bezier(0.34, 1.56, 0.64, 1) both;\n  }\n\n  .badge .dot {\n    width: 7px;\n    height: 7px;\n    background: var(--red);\n    border-radius: 50%;\n    animation: pulse 1s infinite;\n  }\n\n  @keyframes pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.4; transform: scale(1.5); }\n  }\n\n  .card {\n    background: var(--white);\n    border: 3px solid var(--dark);\n    border-radius: 24px;\n    padding: 40px 36px 36px;\n    width: 100%;\n    box-shadow: 8px 8px 0 var(--dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 26px;\n    animation: popIn 0.5s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1) both;\n  }\n\n  .timer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--red);\n    color: var(--white);\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    padding: 7px 16px;\n    border-radius: 100px;\n    border: 2px solid var(--dark);\n  }\n\n  .timer-count {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 20px;\n    line-height: 1;\n    min-width: 24px;\n    text-align: center;\n  }\n\n  .headline {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(40px, 10vw, 58px);\n    line-height: 0.93;\n    color: var(--dark);\n    text-align: center;\n    letter-spacing: 0.02em;\n  }\n\n  .headline span { color: var(--orange); }\n\n  .sub {\n    font-size: 15px;\n    color: #666;\n    font-weight: 500;\n    text-align: center;\n    margin-top: -10px;\n  }\n\n  .choices {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    width: 100%;\n  }\n\n  .choice-btn {\n    border: 2.5px solid var(--dark);\n    border-radius: 16px;\n    padding: 24px 16px;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    color: var(--dark);\n    background: var(--white);\n    transition: transform 0.15s, box-shadow 0.15s;\n    box-shadow: 4px 4px 0 var(--dark);\n  }\n\n  .choice-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 4px 7px 0 var(--dark);\n  }\n\n  .choice-btn:active {\n    transform: translateY(2px);\n    box-shadow: 2px 2px 0 var(--dark);\n  }\n\n  .choice-btn .emoji { font-size: 38px; line-height: 1; }\n\n  .choice-btn.selected.male {\n    background: #D6ECFF;\n    border-color: #0055BB;\n    box-shadow: 4px 4px 0 #0055BB;\n    color: #0055BB;\n  }\n  .choice-btn.selected.female {\n    background: #FFD6F0;\n    border-color: #CC0077;\n    box-shadow: 4px 4px 0 #CC0077;\n    color: #CC0077;\n  }\n\n  .cta-btn {\n    width: 100%;\n    background: var(--orange);\n    color: var(--white);\n    border: 2.5px solid var(--dark);\n    border-radius: 14px;\n    padding: 18px;\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 22px;\n    letter-spacing: 0.1em;\n    cursor: pointer;\n    box-shadow: 4px 4px 0 var(--dark);\n    transition: transform 0.15s, box-shadow 0.15s, background 0.15s;\n  }\n\n  .cta-btn:hover {\n    background: var(--red);\n    transform: translateY(-2px);\n    box-shadow: 4px 6px 0 var(--dark);\n  }\n\n  .cta-btn:active {\n    transform: translateY(2px);\n    box-shadow: 2px 2px 0 var(--dark);\n  }\n\n  @keyframes shake {\n    0%,100%{transform:translateX(0)}\n    20%{transform:translateX(-8px)}\n    40%{transform:translateX(8px)}\n    60%{transform:translateX(-5px)}\n    80%{transform:translateX(5px)}\n  }\n\n  @media (max-width: 400px) {\n    .card { padding: 28px 18px 24px; }\n    .choice-btn { padding: 18px 10px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrapper\">\n  <div class=\"badge\">\n    <span class=\"dot\"><\/span>\n    Don&#8217;t Miss This New Opportunity!\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"timer-row\">\n      \u23f3 Offer closes in: <span class=\"timer-count\" id=\"timer\">15<\/span>s\n    <\/div>\n\n    <div class=\"headline\">Are You<br><span>Male<\/span> or <span>Female?<\/span><\/div>\n    <p class=\"sub\">Choose your gender below to get started.<\/p>\n\n    <div class=\"choices\" id=\"choices\">\n      <button class=\"choice-btn male\" onclick=\"selectGender(this, 'https:\/\/opp.somtechdataapi.com\/visa\/')\">\n        <span class=\"emoji\">\u2642<\/span>\n        <span>Male<\/span>\n      <\/button>\n      <button class=\"choice-btn female\" onclick=\"selectGender(this, 'https:\/\/opp.somtechdataapi.com\/visa\/')\">\n        <span class=\"emoji\">\u2640<\/span>\n        <span>Female<\/span>\n      <\/button>\n    <\/div>\n\n    <button class=\"cta-btn\" onclick=\"startNow()\">Start Now \u2192<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  const bgColors = [\n    '#FFE600','#FFE000','#FFD700','#FFCC00','#FFC200',\n    '#FFB800','#FFAA00','#FF9900','#FF8500','#FF7000',\n    '#FF5C00','#FF4800','#FF3500','#FF2200','#FF1744','#FF0000'\n  ];\n\n  let t = 15;\n  const el = document.getElementById('timer');\n  document.body.style.background = bgColors[0];\n\n  const iv = setInterval(() => {\n    t--;\n    el.textContent = t;\n    const idx = Math.min(15 - t, bgColors.length - 1);\n    document.body.style.background = bgColors[idx];\n    if (t <= 0) clearInterval(iv);\n  }, 1000);\n\n  let selectedLink = null;\n\n  function selectGender(btn, link) {\n    document.querySelectorAll('.choice-btn').forEach(b => b.classList.remove('selected'));\n    btn.classList.add('selected');\n    selectedLink = link;\n    setTimeout(() => { window.location.href = link; }, 300);\n  }\n\n  function startNow() {\n    window.location.href = 'https:\/\/opp.somtechdataapi.com\/visa\/';\n  }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Don&#8217;t Miss This! Don&#8217;t Miss This New Opportunity! \u23f3 Offer closes in: 15s Are YouMale or Female? Choose your gender below to get started. \u2642 Male \u2640 Female Start Now \u2192<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/travel.somtechdataapi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}