Header 155

ImageLightboxButtons26 nodes · 26 styles

Description

A centered hero section with headline, description, and dual CTA buttons, featuring an animated horizontal image carousel that scrolls continuously below the content.

Detailed Analysis

This hero component uses a centered layout with a medium-length bold headline at the top, followed by a descriptive paragraph and two call-to-action buttons arranged horizontally. The primary button is solid black with white text, while the secondary button has a white background with a dark outline. Below the text content, a full-width animated carousel displays multiple images in a continuous horizontal scroll, creating visual interest and movement. The animation suggests an infinite loop pattern, ideal for showcasing multiple products, portfolio pieces, or brand imagery.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadercenteredcarouselslideranimatedinfinite scrolldual buttonsCTAimage galleryhorizontal scrollmotionheadlinemarketinglanding page

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4251",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-930",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-930-p"
            }
          ],
          "target": {
            "id": "66822dd4dbd5c943b7333591|c317413c-9d87-7898-f5ef-ba1c055f6527",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "66822dd4dbd5c943b7333591|c317413c-9d87-7898-f5ef-ba1c055f6527",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1761734601696,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main",
            "medium"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-4252",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-931",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-4251", "name": "", "action": { "id": "", "config": { "actionListId": "a-930", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_CONTINUOUS_ACTION" }, "config": [ { "smoothing": 50, "addEndOffset": false, "startsExiting": false, "addOffsetValue": 50, "addStartOffset": false, "endOffsetValue": 50, "startsEntering": true, "continuousParameterGroupId": "a-930-p" } ], "target": { "id": "66822dd4dbd5c943b7333591|c317413c-9d87-7898-f5ef-ba1c055f6527", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "66822dd4dbd5c943b7333591|c317413c-9d87-7898-f5ef-ba1c055f6527", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1761734601696, "eventTypeId": "SCROLLING_IN_VIEW", "mediaQueries": [ "main", "medium" ], "animationType": "custom" }, { "id": "e-4252", "name": "", "action": { "id": "", "config": { "actionListId": "a-931", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_CONTINUOUS_ACTION" }, "config": [ { "smoothing": 50, "addEndOffset": false, ... (truncated)