{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "create-block/services-section",
  "version": "1.0.0",
  "title": "Services Section",
  "category": "section-blocks",
  "icon": "admin-tools",
  "description": "Display services, features, or offerings using stylish cards with icons/images, titles, descriptions, and optional CTA buttons. Enhanced with hover effects and responsive design.",
  "keywords": [
    "services",
    "features",
    "cards",
    "grid",
    "icons",
    "cta"
  ],
  "example": {
    "attributes": {
      "services": [
        {
          "useIcon": true,
          "icon": "admin-tools",
          "title": "Web Development",
          "description": "Custom websites built with modern technologies and best practices.",
          "showCTA": true,
          "ctaText": "Learn More",
          "ctaUrl": "#"
        },
        {
          "useIcon": true,
          "icon": "chart-line",
          "title": "Digital Marketing",
          "description": "Grow your business with data-driven marketing strategies.",
          "showCTA": true,
          "ctaText": "Get Started",
          "ctaUrl": "#"
        },
        {
          "useIcon": true,
          "icon": "admin-customizer",
          "title": "UI/UX Design",
          "description": "Beautiful, user-friendly designs that convert visitors into customers.",
          "showCTA": true,
          "ctaText": "View Portfolio",
          "ctaUrl": "#"
        }
      ],
      "columns": 3
    }
  },
  "attributes": {
    "services": {
      "type": "array",
      "default": [
        {
          "useIcon": true,
          "icon": "admin-tools",
          "image": null,
          "imageId": 0,
          "title": "Service One",
          "description": "Describe your amazing service here.",
          "showCTA": false,
          "ctaText": "Learn More",
          "ctaUrl": "#"
        },
        {
          "useIcon": true,
          "icon": "chart-line",
          "image": null,
          "imageId": 0,
          "title": "Service Two",
          "description": "Describe your amazing service here.",
          "showCTA": false,
          "ctaText": "Learn More",
          "ctaUrl": "#"
        },
        {
          "useIcon": true,
          "icon": "admin-customizer",
          "image": null,
          "imageId": 0,
          "title": "Service Three",
          "description": "Describe your amazing service here.",
          "showCTA": false,
          "ctaText": "Learn More",
          "ctaUrl": "#"
        }
      ]
    },
    "columns": {
      "type": "number",
      "default": 3,
      "minimum": 2,
      "maximum": 4
    },
    "gap": {
      "type": "string",
      "default": "normal"
    },
    "equalHeight": {
      "type": "boolean",
      "default": true
    },
    "animationEffect": {
      "type": "string",
      "default": "none"
    },
    "hoverEffect": {
      "type": "string",
      "default": "lift"
    },
    "backgroundColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "textColor": {
      "type": "string",
      "default": "#333333"
    },
    "cardBackgroundColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "cardHoverBackgroundColor": {
      "type": "string",
      "default": "#f8f9fa"
    },
    "iconColor": {
      "type": "string",
      "default": "#007cba"
    },
    "iconSize": {
      "type": "number",
      "default": 48
    },
    "borderRadius": {
      "type": "number",
      "default": 12
    },
    "cardShadow": {
      "type": "string",
      "default": "medium"
    },
    "spacing": {
      "type": "string",
      "default": "normal"
    },
    "ctaButtonStyle": {
      "type": "string",
      "default": "primary"
    },
    "ctaButtonColor": {
      "type": "string",
      "default": "#007cba"
    },
    "ctaButtonTextColor": {
      "type": "string",
      "default": "#ffffff"
    }
  },
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "padding": true,
      "margin": true
    },
    "color": {
      "background": true,
      "text": true
    }
  },
  "textdomain": "section-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "render": "file:./render.php"
}