{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/storytelling-section",
  "version": "1.0.0",
  "title": "Story Telling Section",
  "category": "bPlugins",
  "description": "Scroll-driven storytelling reveals content as you scroll, creating an interactive and engaging experience.",
  "keywords": [
    "Story Telling Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "storyData": {
      "type": "array",
      "default": [
        {
          "chapter": "chapter I · embers of memory",
          "title": "The Forgotten Library",
          "description": "Beneath the roots of an ancient oak, a library slumbered. Its books did not collect dust — they collected forgotten dreams. Elara stumbled upon a hidden trapdoor while chasing a firefly, and the scent of old parchment and rain embraced her.",
          "quote": "\"Every volume whispered a story no living soul remembered. But the oldest one called her name.\"",
          "imageUrl": "https://templates.bplugins.com/wp-content/uploads/2026/04/storytelling1.jpg",
          "alt": "Forgotten Library",
          "overlay": "✦ ancient archives ✦"
        },
        {
          "chapter": "chapter II · gears of fate",
          "title": "The Clockwork Heart",
          "description": "In a city suspended between clouds, a lonely inventor crafted a heart of brass and ruby. It ticked not with time, but with longing. When the city's harmony fractured, only the heart's rhythm could mend the mechanical symphony.",
          "quote": "\"It beat once for every person who had ever felt invisible. And then — it found its echo.\"",
          "imageUrl": "https://templates.bplugins.com/wp-content/uploads/2026/04/storytelling2.jpg",
          "alt": "Clockwork City",
          "overlay": "⚙️ harmonic resonance ⚙️"
        },
        {
          "chapter": "chapter III · cosmic loom",
          "title": "The Starlight Weaver",
          "description": "Lyra could pluck the glow from dying stars and weave cloaks of twilight. But one evening, a falling star carried a plea: a realm of eternal dusk needed a single sunrise. With threads of aurora, she began her most dangerous creation.",
          "quote": "\"The loom hummed ancient melodies — and somewhere, a new dawn flickered.\"",
          "imageUrl": "https://templates.bplugins.com/wp-content/uploads/2026/04/storytelling3.jpg",
          "alt": "Starlight Weaver",
          "overlay": "✨ cosmic threads ✨"
        }
      ]
    },
    "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": "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"
            }
          },
          "minHeight": {
            "desktop": "100vh",
            "tablet": "100vh",
            "mobile": "100vh"
          }
        },
        "imageContainer": {
          "width": {
            "desktop": "1400px",
            "tablet": "1400px",
            "mobile": "1400px"
          },
          "borderRadius": {
            "top": "2rem",
            "right": "2rem",
            "bottom": "2rem",
            "left": "2rem"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "section": {
          "upperBg": {
            "type": "gradient",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "rgba(255, 255, 255, 0.6)",
            "gradient": "radial-gradient(ellipse at 70% 30%, #fff6e8, #f0ebe0)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "lowerBg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "#fbfaf6",
            "gradient": "radial-gradient(ellipse at 70% 30%, #fff6e8, #f0ebe0)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "header": {
            "color": "#1a2a36",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 56,
                "tablet": 56,
                "mobile": 30
              },
              "fontVariant": 400,
              "fontWeight": 700,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#838383",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 12
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        },
        "story": {
          "chapterMeta": {
            "color": "#b48c5c",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "title": {
            "color": "#2d3e4b",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 30,
                "tablet": 30,
                "mobile": 26
              },
              "fontVariant": 400,
              "fontWeight": 600,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#2d3e4b",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 17,
                "tablet": 17,
                "mobile": 15
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "quote": {
            "color": "#5f6c7a",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "fontStyle": "italic",
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "quoteBorderColor": "#c4a27a",
          "overlay": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        }
      }
    },
    "heading": {
      "type": "object",
      "default": {
        "status": true,
        "title": "Scroll  ·  Unfold",
        "description": "Whispers carried by the wind — every scroll reveals a new chapter.<br />Watch the images drift as you journey through the narrative."
      }
    },
    "options": {
      "type": "object",
      "default": {
        "isDownArrow": true
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "purposeType": {
      "type": "string",
      "default": "test"
    },
    "colors": {
      "type": "object",
      "default": {
        "color": "black",
        "bg": "#B1C5A4"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}