{
  "format": 1,
  "slug": "content-version-4-launch",
  "title": "Version 4 launch takeover",
  "description": "A fullscreen release announcement on a near-black ground with pink, violet and teal glows over a fading grid: a status pill, a gradient-highlighted headline, one white button and a text link, with a CSS-style app mock-up rising from the bottom edge. For SaaS and app teams announcing a major version.",
  "type": "image_and_content",
  "categories": [
    "announcements",
    "engagement"
  ],
  "season": "",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [
    "mockup.svg"
  ],
  "popup": {
    "popup_name": "Version 4 launch takeover",
    "wdpop_item_tab": {
      "popup_type": "image_and_content",
      "popup_image": "{{IMAGE:mockup.svg}}",
      "popup_image_layout": "top",
      "popup_title": "Faster. Calmer. <span class=\"wdpop-hl\">Built for teams.</span>",
      "Popup_content": "<span class=\"wdpop-eyebrow\">Version 4.0 · shipped today</span><p>Real-time boards, a redesigned inbox and search that finally finds things. Everything you asked for, in one release.</p>",
      "popup_close_text": "Remind me later",
      "cta_link": {
        "url": "/whats-new/",
        "text": "See what's new",
        "target": ""
      },
      "popup_display_mode": "modal",
      "popup_width": "modal-xl",
      "fullscreen_popup": "modal-fullscreen",
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#07080f",
        "style_text": "#aab0c6",
        "style_radius": "0",
        "style_padding": {
          "top": "72",
          "right": "24",
          "bottom": "40",
          "left": "24",
          "unit": "px"
        },
        "style_shadow": "none",
        "style_overlay_color": "#07080f",
        "style_overlay_opacity": "90",
        "style_heading_size": "62",
        "style_heading_weight": "700",
        "style_heading_color": "#ffffff",
        "style_body_size": "17",
        "style_align": "center",
        "style_cta_bg": {
          "color": "#ffffff",
          "hover": "#e4e7f5"
        },
        "style_cta_color": {
          "color": "#07080f",
          "hover": "#07080f"
        },
        "style_btn_radius": "12",
        "style_btn_font_size": "15",
        "style_btn_padding": {
          "top": "15",
          "right": "28",
          "bottom": "15",
          "left": "28",
          "unit": "px"
        },
        "style_btn_width": "auto",
        "style_dismiss_bg": {
          "color": "transparent",
          "hover": "transparent"
        },
        "style_dismiss_color": {
          "color": "#aab0c6",
          "hover": "#ffffff"
        },
        "style_dismiss_border": {
          "color": "transparent",
          "hover": "transparent"
        },
        "style_dismiss_radius": "0",
        "style_dismiss_font_size": "14",
        "style_dismiss_padding": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0",
          "unit": "px"
        },
        "close_btn_color": {
          "color": "#ffffff",
          "hover": "#ffffff"
        },
        "close_btn_bg_color": {
          "color": "rgba(255,255,255,0.08)",
          "hover": "rgba(255,255,255,0.18)"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "fade",
        "anim_out": "fade",
        "anim_duration": "450",
        "style_mobile_heading_size": "38",
        "style_mobile_padding": {
          "top": "64",
          "right": "20",
          "bottom": "32",
          "left": "20",
          "unit": "px"
        },
        "custom_css": "/* Fullscreen launch screen: three radial glows and a fading grid on the dark ground, the copy centred at the top, the app mock-up (an SVG in the image slot) pushed to the foot and bleeding off the bottom edge. Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root .modal-content{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}\n{{POPUP}}.wdpop-root .modal-content::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 110%,rgba(99,102,241,.55),transparent 70%),radial-gradient(500px 300px at 10% 0%,rgba(236,72,153,.35),transparent 70%),radial-gradient(500px 300px at 95% 10%,rgba(45,212,191,.3),transparent 70%)}\n{{POPUP}}.wdpop-root .modal-content::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}\n{{POPUP}}.wdpop-root .wing--popup-wrapper{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;padding:0}\n{{POPUP}}.wdpop-root .wdpop-layout--top{flex:1 1 auto;display:flex;flex-direction:column;align-items:center}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;width:100%;max-width:900px;padding:var(--wdpop-padding,72px 24px 40px);box-sizing:border-box}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n{{POPUP}}.wdpop-root .wdpop-eyebrow{order:-1;grid-column:1/-1;justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}\n{{POPUP}}.wdpop-root .wdpop-eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.25)}\n{{POPUP}}.wdpop-root .wing--popup-title{grid-column:1/-1;margin:20px 0 12px;line-height:1;letter-spacing:-.03em}\n{{POPUP}}.wdpop-root .wdpop-hl{background:linear-gradient(90deg,#f472b6,#a78bfa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}\n{{POPUP}}.wdpop-root .wing--popup-content p{grid-column:1/-1;justify-self:center;max-width:560px;margin:0 0 28px;line-height:1.55}\n{{POPUP}}.wdpop-root .wdpop-cta{order:8;grid-column:2;margin:0;font-weight:700;line-height:1.2}\n{{POPUP}}.wdpop-root .btn-secondary{order:9;grid-column:3;margin:0 0 0 18px;border:0;text-decoration:underline;text-underline-offset:3px;line-height:1.2}\n{{POPUP}}.wdpop-root .wing--popup-image{order:2;width:820px;max-width:92%;margin:auto auto -90px}\n{{POPUP}}.wdpop-root .wing--popup-image img{display:block;width:100%;border-radius:16px 16px 0 0;box-shadow:0 -20px 80px rgba(99,102,241,.35)}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:24px;right:30px;width:36px;height:36px;padding:0;line-height:34px;font-size:22px;text-align:center}\n@media (max-width:575.98px){{{POPUP}}.wdpop-root .wing--popup-image{margin-bottom:-40px}{{POPUP}}.wdpop-root .wing--popup-close-btn{top:14px;right:14px}}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}