Cta 12

Background VideoVideoFormButtonsBackground Image33 nodes · 31 styles

Description

Dark-themed CTA section with two-column layout featuring heading and description on the left, email signup form on the right

Detailed Analysis

This newsletter-focused call-to-action component features a dark gray background with a two-column horizontal layout. The left side presents a medium heading with brief supporting text, while the right side contains an inline email signup form with a text input field and 'Sign Up' button. Below the form, terms and conditions confirmation text with a link provides legal compliance. The dark theme creates visual emphasis while the form design encourages immediate email capture.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

ctanewsletteremail signupformdark themetwo-columnsubscriptionlead captureterms and conditionsinline formsign upmailing list

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "635b0a8c-1b8e-4938-b574-0adc18516e91",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "8360f697-1599-fdfe-fa9b-af02cc4214aa",
          "fbbc22da-4bda-f812-6c5e-b9d1b54fb355"
        ],
        "children": [
          "635b0a8c-1b8e-4938-b574-0adc18516e92",
          "727aef2b-08bb-d9d2-3785-61082e436f70"
        ]
      },
      {
        "_id": "635b0a8c-1b8e-4938-b574-0adc18516e92",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "635b0a8c-1b8e-4938-b574-0adc18516e93"
        ]
      },
      {
        "_id": "635b0a8c-1b8e-4938-b574-0adc18516e93",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
   
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "635b0a8c-1b8e-4938-b574-0adc18516e91", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "8360f697-1599-fdfe-fa9b-af02cc4214aa", "fbbc22da-4bda-f812-6c5e-b9d1b54fb355" ], "children": [ "635b0a8c-1b8e-4938-b574-0adc18516e92", "727aef2b-08bb-d9d2-3785-61082e436f70" ] }, { "_id": "635b0a8c-1b8e-4938-b574-0adc18516e92", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b0934d9a-875a-bb42-0630-12090a77fc73" ], "children": [ "635b0a8c-1b8e-4938-b574-0adc18516e93" ] }, { "_id": "635b0a8c-1b8e-4938-b574-0adc18516e93", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)