Component Browser
BrowseBuild
Home/Browse/Header 156

Header 156

ImageButtons2 Columns4 ColumnsCards35 nodes ยท 28 styles
Header 156

Description

A left-aligned hero section with headline and description on the left, dual buttons on the right, and a 4-column infinite scroll image gallery below.

Detailed Analysis

This hero layout features a split content area with a large bold headline and description text on the left side, while dual CTA buttons are positioned on the right at the same vertical level. Below this content row, a 4-column horizontal image gallery displays portrait-oriented image placeholders that scroll continuously in an infinite loop animation. The asymmetric text/button arrangement creates visual tension while the animated gallery adds dynamic movement. The portrait orientation of the gallery images suggests this is ideal for people-focused content like team members, testimonials, or product photography.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderleft-aligned4 columnsimage galleryinfinite scrollcarouselanimatedportrait imagesdual buttonssplit layoutasymmetriclanding pageteamtestimonials

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4253",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-932",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 80,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-932-p"
            }
          ],
          "target": {
            "id": "66822dd4dbd5c943b7333591|74a47ba6-4a31-72f9-b12f-1c56ed5acc19",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "66822dd4dbd5c943b7333591|74a47ba6-4a31-72f9-b12f-1c56ed5acc19",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1761734601696,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-4254",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-933",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 90,
              "addEndOffset": false,
              "startsExiting": false
... (truncated)