Component Browser
BrowseBuild
Home/Browse/Header 154

Header 154

ImageLightboxButtons25 nodes · 23 styles
Header 154

Description

A left-aligned hero section with long headline, text, and buttons above an animated horizontal infinite scroll image slider.

Detailed Analysis

This header features left-aligned editorial content (long multi-line headline, paragraph, dual CTA buttons) in the upper portion. Below sits a full-width animated horizontal slider with images scrolling continuously in an infinite loop pattern. The grayscale/muted image treatment and seamless infinite scroll create a sophisticated, modern aesthetic. This component is ideal for showcasing multiple products, portfolio pieces, or client logos while maintaining focus on the primary messaging above.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderleft-alignedsliderinfinite scrollhorizontal scrollanimatedcarouselportfolioimage galleryCTA buttonslong headlineeditorialdynamic

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4249",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-928",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-928-p"
            }
          ],
          "target": {
            "id": "66822dd4dbd5c943b7333591|acff4e7e-1bec-40a6-14f3-908205a8425d",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "66822dd4dbd5c943b7333591|acff4e7e-1bec-40a6-14f3-908205a8425d",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1761734601696,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main",
            "medium"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-4250",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-929",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              
... (truncated)