{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/recommendation-section",
  "version": "1.0.0",
  "title": "Recommendation Section",
  "category": "bPlugins",
  "description": "A lightweight WordPress plugin that lets you easily showcase personalized recommendations to engage visitors and boost conversions.",
  "keywords": [
    "Recommendation Section"
  ],
  "textdomain": "sectioni-collection",
  "attributes": {
    "data": {
      "type": "array",
      "default": [
        {
          "title": "Figma Smart Animate",
          "description": "Advanced prototyping & interactions.",
          "category": "design",
          "rating": 4.6,
          "image": "https://images.unsplash.com/photo-1581291518633-83b4ebd1d83e?w=500",
          "btn": {
            "text": "click",
            "link": "#"
          }
        },
        {
          "title": "React Performance",
          "description": "Optimize rendering & performance.",
          "category": "development",
          "rating": 4.4,
          "image": "https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=500",
          "btn": {
            "text": "click",
            "link": "#"
          }
        },
        {
          "title": "Marketing Psychology",
          "description": "Understand user behavior deeply.",
          "category": "business",
          "rating": 5,
          "image": "https://images.unsplash.com/photo-1557838923-2985c318be48?w=500",
          "btn": {
            "text": "click",
            "link": "#"
          }
        },
        {
          "title": "UI Design System",
          "description": "Build scalable design systems.",
          "category": "design",
          "rating": 4.4,
          "image": "https://images.unsplash.com/photo-1559027615-cd4628902d4a?w=500",
          "btn": {
            "text": "click",
            "link": "#"
          }
        },
        {
          "title": "Node API Mastery",
          "description": "Build scalable backend APIs.",
          "category": "development",
          "rating": 4.5,
          "image": "https://images.unsplash.com/photo-1518779578993-ec3579fee39f?w=500",
          "btn": {
            "text": "click",
            "link": "#"
          }
        },
        {
          "title": "Startup Growth",
          "description": "Learn how startups scale fast.",
          "category": "business",
          "rating": 4.7,
          "image": "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=500",
          "btn": {
            "text": "click",
            "link": "#"
          }
        }
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "80px",
              "right": "20px",
              "bottom": "80px",
              "left": "20px"
            },
            "tablet": {
              "top": "80px",
              "right": "20px",
              "bottom": "80px",
              "left": "20px"
            },
            "mobile": {
              "top": "80px",
              "right": "20px",
              "bottom": "80px",
              "left": "20px"
            }
          },
          "minHeight": {
            "desktop": "100vh",
            "tablet": "100vh",
            "mobile": "100vh"
          }
        },
        "container": {
          "minHeight": {
            "desktop": "450px",
            "tablet": "450px",
            "mobile": "450px"
          },
          "maxWidth": "1100px",
          "cardWidth": {
            "desktop": "300px",
            "tablet": "260px",
            "mobile": "260px"
          },
          "borderRadius": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "section": {
          "bg": {
            "type": "gradient",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(255, 255, 255, 0.6)",
            "gradient": "linear-gradient(135deg, #0f172a, #020617)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "title": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 32,
                "tablet": 30,
                "mobile": 26
              },
              "fontVariant": 400,
              "fontWeight": 900,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#edededcc",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 16
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "catBtn": {
            "actColors": {
              "bgType": "gradient",
              "color": "#fff",
              "gradient": "linear-gradient(135deg, #6366f1, #22d3ee)"
            },
            "norColors": {
              "color": "#fff",
              "bg": "rgba(255, 255, 255, 0.08)"
            },
            "hovColors": {
              "bgType": "gradient",
              "color": "#fff",
              "gradient": "linear-gradient(135deg, #6366f1, #22d3ee)"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        },
        "card": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(255, 255, 255, 0.05)",
            "gradient": "linear-gradient(145deg, #eef2f9 0%, #e0e7f0 100%)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "category": {
            "color": "#38bdf8",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 11,
                "tablet": 11,
                "mobile": 11
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "title": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 18,
                "tablet": 18,
                "mobile": 18
              },
              "fontVariant": 400,
              "fontWeight": 600,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#edededcc",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "rating": {
            "color": "gold"
          },
          "btn": {
            "colors": {
              "bgType": "gradient",
              "color": "#fff",
              "gradient": "linear-gradient(135deg, #6366f1, #22d3ee)"
            },
            "hovColors": {
              "bgType": "gradient",
              "color": "#fff",
              "gradient": "linear-gradient(135deg, #6366f1, #22d3ee)"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "navBtn": {
            "colors": {
              "color": "#fff",
              "bg": "rgba(255, 255, 255, 0.15)"
            },
            "hovColors": {
              "bgType": "gradient",
              "color": "#fff",
              "gradient": "linear-gradient(135deg, #6366f1, #22d3ee)"
            }
          }
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "isNewTab": false
      }
    },
    "sectionHeading": {
      "type": "object",
      "default": {
        "status": true,
        "title": "Recommended For You",
        "description": "Smart curated content for you"
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "alignment": {
      "type": "string",
      "default": "center"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}