{
  "id": "showcase-image-before-after-renovation",
  "name": "Before After Renovation",
  "format": "jsoncut-html",
  "compositionKind": "image",
  "width": 1920,
  "height": 1080,
  "fps": 1,
  "duration": 1,
  "version": 1,
  "html": "<div id=\"bg\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Paper field\" data-jc-track=\"0\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:0px;top:0px;width:1920px;height:1080px;background:#F5F1EA\"></div><img id=\"photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Circular photograph\" data-jc-track=\"1\" data-jc-start=\"0\" data-jc-duration=\"1\" src=\"https://jsoncut.com/showcase/examples/before-after-renovation/assets/hero-97bcfb7050.jpg\" alt=\"\" style=\"position:absolute;display:block;box-sizing:border-box;object-fit:cover;left:941px;top:86px;width:883px;height:883px;border-radius:50%;filter:saturate(.9)\"><div id=\"orbit\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Orbit outline\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:883px;top:54px;width:941px;height:941px;border:5.76px solid #E4572E;border-radius:50%\"></div><div id=\"tag\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Information band\" data-jc-track=\"2\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;box-sizing:border-box;left:0px;top:842px;width:1920px;height:238px;background:#E4572E\"></div><div id=\"kicker\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Category label\" data-jc-track=\"5\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:59px;top:59px;width:806px;height:65px;color:#17BEBB;font-family:Roboto Mono;font-size:25px;font-weight:760;line-height:1.35;letter-spacing:-.01em;text-align:left\">87 · CUSTOMER STORY</div><div id=\"headline\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Primary headline\" data-jc-track=\"6\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:59px;top:205px;width:806px;height:367px;color:#111214;font-family:Outfit;font-size:99px;font-weight:800;line-height:.92;letter-spacing:-.055em;text-align:left\">Before After\nRenovation</div><div id=\"body\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Supporting copy\" data-jc-track=\"6\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:59px;top:637px;width:806px;height:140px;color:#111214B8;font-family:Inter;font-size:33px;font-weight:550;line-height:1.35;letter-spacing:-.01em;text-align:left\">Two unique room states ·  interactive-style center split</div><div id=\"cta\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-name=\"Call to action\" data-jc-track=\"7\" data-jc-start=\"0\" data-jc-duration=\"1\" style=\"position:absolute;display:grid;box-sizing:border-box;align-content:center;overflow:hidden;white-space:pre-wrap;left:59px;top:907px;width:806px;height:70px;color:#111214;font-family:Roboto Mono;font-size:23px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-align:left\">READ THE OUTCOME</div>",
  "css": "",
  "values": {},
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "safeArea": {
    "top": 0,
    "right": 0,
    "bottom": 0,
    "left": 0
  },
  "canvasBackground": "#111214"
}