5:["$","$L16",null,{"demo":{"id":"cmbzp6388hv97sn1rvmcpsm5z","createdAt":"2025-06-16T23:00:06.488Z","updatedAt":"2025-06-16T23:07:32.349Z","title":"Moddy Demo","published":true,"color":"bg-gray-200","authorId":"cmbzos28b001xz80ikmjqn1nc","metadesc":"Click through a step-by-step, interactive demo walkthrough of Moddy, powered by Supademo.","ctabtntext":"Visit Rhys Hughes","ctabtncolor":"#348aff","ctabtntextcolor":"#fff","ctabtnlink":"https://rhyshughes.com.au","autoplay":false,"autoplayduration":3000,"autoPlayDelay":1000,"showplaypause":true,"loop":false,"progressbar":true,"font":"Default","workspaceId":"cmbzotf5y00zm010i74dr0cld","darkmode":false,"shared":true,"folderId":null,"border":true,"nextButton":true,"showSteps":false,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"100","number":null,"topBar":true,"indexable":true,"displayAuthor":true,"displayDescription":true,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://app.moddy.io/projects/N8p7jN","brandLogo":"https://media.supademo.com/users/cmbzos28b001xz80ikmjqn1nc/u4ZGZCigSERn8Zl9ipLga.png","allowDuplicate":false,"recordOwnVoice":false,"backgroundId":null,"backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"customFontId":null,"mobileHotspotView":true,"author":{"id":"cmbzos28b001xz80ikmjqn1nc","name":"Rhys Hughes","image":"https://lh3.googleusercontent.com/a/ACg8ocL4pO_uBJJqPPAgmixVRqShr6CPZd16HWggX85CgJUVzlfpF6E=s96-c"},"steps":[{"id":"cmbzp6976hv9esn1rzgt6rc0k","number":"1","text":null,"image":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/0IUraDuX_iaarZSRRbUbC.jpg","video":null,"createdAt":"2025-06-16T23:00:14.212Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"7.867647058823529","mouseYCooridnate":"63.57493857493858","editedImage":null,"widthOrg":2720,"heightOrg":1628,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://app.moddy.io/projects/N8p7jN","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cmbzp6976hv9fsn1rei455xd0","number":"1","createdAt":"2025-06-16T23:00:14.212Z","updatedAt":"2025-06-16T23:00:14.212Z","default":false,"text":"Firstly, click here.","bgcolor":"#348aff","textcolor":"#fff","mouseXCooridnate":"7.867647058823529","mouseYCooridnate":"63.57493857493858","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":"0","boxHeight":"0","prevslide":null,"nextslide":null,"stepId":"cmbzp6976hv9esn1rzgt6rc0k","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cmbzp6dj9hv9lsn1rz3ueb13z","number":"3","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/K9AmR1kzfyixN2U5Sih6s.mp4","createdAt":"2025-06-16T23:00:19.845Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"2.222","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp6hszhv9nsn1roih71uvr","number":"4","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/q0jauOWEVKddS2JP3fMfK.mp4","createdAt":"2025-06-16T23:00:25.379Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"4.172","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp6hzuhv9psn1ro4ehre85","number":"5","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/uZTIlh8oz4leVEsuGBQoT.mp4","createdAt":"2025-06-16T23:00:25.626Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"0.9320000000000001","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp6jlchv9rsn1r4f372fxm","number":"6","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/tAVsOqbNoyCVP9cQFj7dU.mp4","createdAt":"2025-06-16T23:00:27.696Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"2.533","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp6kjwhv9usn1rnlxg3mzj","number":"7","text":null,"image":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/4qUXfFw9jbSeBSrIkyZJs.jpg","video":null,"createdAt":"2025-06-16T23:00:28.925Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"10.294117647058822","mouseYCooridnate":"21.253071253071255","editedImage":null,"widthOrg":2720,"heightOrg":1628,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://app.moddy.io/projects/N8p7jN","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cmbzp6kjxhv9vsn1rn2zv7aaf","number":"7","createdAt":"2025-06-16T23:00:28.925Z","updatedAt":"2025-06-16T23:05:00.833Z","default":false,"text":"Next, let's add a landing.","bgcolor":"#348aff","textcolor":"#fff","mouseXCooridnate":"10.294117647058822","mouseYCooridnate":"21.253071253071255","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cmbzp6kjwhv9usn1rnlxg3mzj","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"

Edit in 3D

Edit in 2D

Rails

","aiText":null,"aiTextVisible":false,"anchorNodeId":null,"nextButtonText":null,"backButtonText":null,"hotspotWidth":"Medium"}],"chapter":null,"comments":[]},{"id":"cmbzp74j8hvb5sn1r19cle5at","number":"19","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/VJeptjb5Ms6FszLdTJ7hl.mp4","createdAt":"2025-06-16T23:00:54.836Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"2.962","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp759xhvb7sn1rtvyqmzjs","number":"20","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/fEEDAtqgaDNC6Lys8KFhB.mp4","createdAt":"2025-06-16T23:00:55.797Z","updatedAt":"2025-06-16T23:07:06.869Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"0.832","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp77ychvbdsn1r68v4qnxk","number":"21","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/DvWCW25I0clQtUdsMqQgw.mp4","createdAt":"2025-06-16T23:00:59.268Z","updatedAt":"2025-06-16T23:07:07.083Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"2.657","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp7e15hvblsn1ri0jvtr15","number":"22","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/zzKa7HC2XTS7JLGIjXZPe.mp4","createdAt":"2025-06-16T23:01:07.145Z","updatedAt":"2025-06-16T23:07:07.083Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"5.452","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp7d9khvbjsn1r0n8sx97t","number":"23","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/pFw5E-YGjCM7htbwRHhSv.mp4","createdAt":"2025-06-16T23:01:06.152Z","updatedAt":"2025-06-16T23:07:07.083Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"0.862","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp7emkhvbnsn1rpfhogkh0","number":"24","text":null,"image":null,"video":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/videos/d1x5N-D7SxWwBtz9qJAge.mp4","createdAt":"2025-06-16T23:01:07.916Z","updatedAt":"2025-06-16T23:07:07.083Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2842,"heightOrg":1700,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":2842,"videoHeight":1700,"videoDuration":"1.472","audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"preventScroll":false,"hotspots":[],"chapter":null,"comments":[]},{"id":"cmbzp7f2uhvbqsn1rwodxy015","number":"25","text":null,"image":"https://media.supademo.com/cmbzos28b001xz80ikmjqn1nc/7A6xMEITBnFl_gUZ2lBtS.jpg","video":null,"createdAt":"2025-06-16T23:01:08.481Z","updatedAt":"2025-06-16T23:07:32.349Z","demoId":"cmbzp6388hv97sn1rvmcpsm5z","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"93.67647058823529","mouseYCooridnate":"2.8255528255528257","editedImage":null,"widthOrg":2720,"heightOrg":1628,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":"20","zoomPositionY":"0","zoomWidth":"80","zoomHeight":"80","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":"https://app.moddy.io/projects/N8p7jN","recordingSessionId":null,"preventScroll":false,"hotspots":[{"id":"cmbzp7f2uhvbrsn1rjwwvfnl2","number":"29","createdAt":"2025-06-16T23:01:08.481Z","updatedAt":"2025-06-16T23:07:32.350Z","default":false,"text":"Let's review in 3D once more.","bgcolor":"#348aff","textcolor":"#fff","mouseXCooridnate":"93.67647058823529","mouseYCooridnate":"2.8255528255528257","style":"Circle","animation":"Ping","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cmbzp7f2uhvbqsn1rwodxy015","tipposition":"autostart","nextButton":true,"textVisible":true,"htmlValue":"

Edit in 3D