
Event slider section with horizontal carousel showing multiple event cards with date badges and navigation controls.
This event component features a header area with tagline, 'Events' title, description, and 'View all' button. Below is a horizontal slider/carousel displaying event cards that extend beyond the viewport (indicated by partial card visibility on the right). Each card shows a large image placeholder with a date badge positioned in the upper right corner displaying day, date number, and month/year. Below each image is a category tag (black pill), event title, location, description text, and 'View event' link with arrow. Navigation includes pagination dots at bottom left and left/right arrow buttons at bottom right. The carousel format allows browsing through multiple events.
Copy and paste directly into Webflow Designer
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [],
"actionLists": [],
"interactions": []
},
"nodes": [
{
"_id": "8b310605-7b85-e60f-1294-699a5da2f0a8",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"7b42ec49-8f3a-26de-0d36-6c3fb4d80e98"
],
"children": [
"8b310605-7b85-e60f-1294-699a5da2f0a9"
]
},
{
"_id": "8b310605-7b85-e60f-1294-699a5da2f0a9",
"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": [
"8b310605-7b85-e60f-1294-699a5da2f0aa"
]
},
{
"_id": "8b310605-7b85-e60f-1294-699a5da2f0aa",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)