{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/integrations-showcase-section",
  "version": "1.0.0",
  "title": "Integrations Showcase Section",
  "category": "bPlugins",
  "description": "A visual directory of third-party integrations with five layouts, category filters, and hover cards.",
  "keywords": [
    "integrations",
    "partners",
    "apps",
    "tools",
    "connect",
    "ecosystem",
    "section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "content": {
      "type": "object",
      "default": {
        "badgeText": "Integrations",
        "title": "Works with the tools you already use",
        "subtitle": "Connect your favourite apps in seconds — no code required.",
        "orbitFeatureTitle": "One platform. Every tool.",
        "orbitFeatureSubtitle": "Our ecosystem connects with 500+ apps so your team can work the way they want.",
        "orbitBullets": "Sync in real time\nZero code required\nOne-click setup\nEnterprise-grade security"
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isBadge": true,
        "isTitle": true,
        "isSubtitle": true,
        "isCategoryFilter": true,
        "isSearch": false,
        "isCta": true
      }
    },
    "integrations": {
      "type": "array",
      "default": [
        {
          "id": "int-1",
          "logo": "",
          "name": "Slack",
          "category": "Communication",
          "description": "Send real-time notifications to any channel.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-2",
          "logo": "",
          "name": "Stripe",
          "category": "Payment",
          "description": "Accept payments and manage subscriptions.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-3",
          "logo": "",
          "name": "HubSpot",
          "category": "Marketing",
          "description": "Sync contacts and automate your CRM workflows.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-4",
          "logo": "",
          "name": "Zapier",
          "category": "Automation",
          "description": "Connect to 7,000+ apps without writing code.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-5",
          "logo": "",
          "name": "Google Drive",
          "category": "Storage",
          "description": "Attach and sync files directly from your Drive.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-6",
          "logo": "",
          "name": "Intercom",
          "category": "Support",
          "description": "Trigger in-app messages based on user actions.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-7",
          "logo": "",
          "name": "GitHub",
          "category": "Development",
          "description": "Link commits and PRs to tasks automatically.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-8",
          "logo": "",
          "name": "Mailchimp",
          "category": "Marketing",
          "description": "Add subscribers and trigger email sequences.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-9",
          "logo": "",
          "name": "Zoom",
          "category": "Communication",
          "description": "Launch meetings directly from your workspace.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-10",
          "logo": "",
          "name": "Salesforce",
          "category": "CRM",
          "description": "Bi-directional sync with Salesforce objects.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-11",
          "logo": "",
          "name": "Jira",
          "category": "Development",
          "description": "Push issues and track progress across teams.",
          "url": "#",
          "newTab": false
        },
        {
          "id": "int-12",
          "logo": "",
          "name": "Shopify",
          "category": "E-Commerce",
          "description": "Pull order data and trigger fulfilment workflows.",
          "url": "#",
          "newTab": false
        }
      ]
    },
    "columns": {
      "type": "object",
      "default": {
        "desktop": 4,
        "tablet": 3,
        "mobile": 2
      }
    },
    "showDescription": {
      "type": "boolean",
      "default": true
    },
    "showCategoryChip": {
      "type": "boolean",
      "default": true
    },
    "cardLinkBehavior": {
      "type": "string",
      "default": "card"
    },
    "cta": {
      "type": "object",
      "default": {
        "text": "Explore all integrations",
        "url": "#",
        "newTab": false
      }
    },
    "titleStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 40,
            "tablet": 32,
            "mobile": 26
          },
          "lineHeight": "1.2"
        }
      }
    },
    "subtitleStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 17,
            "tablet": 15,
            "mobile": 14
          },
          "lineHeight": "1.65"
        }
      }
    },
    "badgeStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#eff6ff",
        "textColor": "#2563eb",
        "borderRadius": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          }
        }
      }
    },
    "cardStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#ffffff",
        "borderColor": "#e5e7eb",
        "borderRadius": {
          "top": "12px",
          "right": "12px",
          "bottom": "12px",
          "left": "12px"
        },
        "hoverShadow": "0 8px 24px rgba(0,0,0,0.10)",
        "padding": {
          "desktop": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          },
          "tablet": {
            "top": "16px",
            "right": "16px",
            "bottom": "16px",
            "left": "16px"
          },
          "mobile": {
            "top": "14px",
            "right": "14px",
            "bottom": "14px",
            "left": "14px"
          }
        }
      }
    },
    "cardNameStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          },
          "lineHeight": "1.4"
        }
      }
    },
    "cardDescStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 12
          },
          "lineHeight": "1.6"
        }
      }
    },
    "chipStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#f3f4f6",
        "textColor": "#374151",
        "activeBackgroundColor": "#2563eb",
        "activeTextColor": "#ffffff",
        "borderRadius": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        }
      }
    },
    "ctaStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#2563eb",
        "textColor": "#ffffff",
        "hoverBackgroundColor": "#1d4ed8",
        "hoverTextColor": "#ffffff",
        "borderRadius": {
          "top": "8px",
          "right": "8px",
          "bottom": "8px",
          "left": "8px"
        },
        "padding": {
          "desktop": {
            "top": "13px",
            "right": "28px",
            "bottom": "13px",
            "left": "28px"
          },
          "tablet": {
            "top": "12px",
            "right": "22px",
            "bottom": "12px",
            "left": "22px"
          },
          "mobile": {
            "top": "11px",
            "right": "18px",
            "bottom": "11px",
            "left": "18px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "accentColor": {
      "type": "object",
      "default": {
        "color": "#2563eb"
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#f9fafb",
          "gradient": "linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%)",
          "overlayColor": "rgba(0,0,0,0)",
          "image": {
            "url": ""
          },
          "position": "center center",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "padding": {
          "desktop": {
            "top": "80px",
            "right": "24px",
            "bottom": "80px",
            "left": "24px"
          },
          "tablet": {
            "top": "60px",
            "right": "20px",
            "bottom": "60px",
            "left": "20px"
          },
          "mobile": {
            "top": "48px",
            "right": "16px",
            "bottom": "48px",
            "left": "16px"
          }
        }
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "contentAlign": "center",
        "maxWidth": "1100px"
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}