Voiceflow Chatbot Preview

{"content":[{"name":"Section","content":[{"name":"Container","holder":"root","type":"container","content":[{"name":"Container","holder":"container","type":"container","content":[{"type":"button","name":"Button","_elType":"ELEMENT","content":"DEMO PAGE","settings":{"buttonType":"icon-text"},"pseudoClass":{"hover":{"style":{"color":"#FFFFFF"}}},"style":{"padding":[["top","15px"],["bottom","15px"],["left","15px"],["right","15px"]],"textDecoration":{"type":"none"},"justifyContent":"center","borderRadius":"25px 25px 25px 25px","border":[["width","0px"],["style",""],["color",""]],"backgroundColor":"#062021","fontSize":"14px","color":"#FFFFFF","lineHeight":"1px","fontWeight":"600","margin":[["bottom","10px"]]},"component_path":"button","id":"kgjahg07","wrapper":{"textAlign":"center"}},{"name":"Title","titleType":"h1","type":"heading","_elType":"ELEMENT","component_path":"title","content":"

Preview Your AI Solution

\n","settings":{"dynamicText":{"_enabled":false}},"dynamicText":{"items":[{"id":"hfgvo35u","content":"Lorem ipsum"},{"id":"hfgvo35i","content":"dolor sit amet"},{"id":"hfgvo35j","content":"consectetur adipiscing"}],"options":{"typeSpeed":50,"loop":true,"backSpeed":40,"showCursor":true,"cursorChar":true}},"style":{"margin":[["top","8px"],["bottom","8px"]],"textAlign":"center","fontSize":"70px","lineHeight":"1.1","color":{"key":"--color-5","value":"#020202"}},"id":"c752dqsw","media":{"mobile":{"style":{"lineHeight":"1","fontSize":"70px"}}}},{"type":"text","name":"Text","_elType":"ELEMENT","content":"

Enter your Project ID below to see how our AI solution performs.

\n","component_path":"text","style":{"margin":[["top","4px"],["bottom","20px"]],"color":"#9a9d9e","padding":[["left","10%"],["right","10%"]],"textAlign":"center","fontSize":"19px"},"id":"zseclifc"},{"name":"Container","holder":"container","type":"container","content":[{"type":"code","name":"Custom Code","_elType":"ELEMENT","component_path":"code","id":"m1z7szve","advanced":{"html":"\n\n\n \n Voiceflow Chatbot Preview\n \n\n\n

\n \n

\n Enter Project ID:\n \n

\n \n

\n\n \n \n\n \n \n\n \n\n"}}],"id":"cf3s6a4a","_elType":"CONTAINER","component_path":"container","style":{"display":"flex","flexDirection":"column","flexWrap":"wrap","padding":[["top","10px"],["bottom","10px"]],"flexBasis":"100%","alignItems":"stretch"}}],"id":"kmlenj29","_elType":"CONTAINER","component_path":"container","style":{"display":"flex","flexDirection":"column","flexWrap":"wrap","padding":[["top","10px"],["bottom","10px"]],"flexBasis":"100%","alignItems":"stretch"}}],"id":"imu6pgyu","_elType":"CONTAINER","component_path":"container","style":{"display":"flex","flexDirection":"row","flexWrap":"wrap","padding":[["top","60px"],["left","80px"],["right","80px"],["bottom","60px"]],"flexBasis":"100%","justifyContent":"center","border":[["width","2px"],["style","solid"],["color","#0a1b23"]],"borderRadius":"15px 15px 15px 15px","margin":[["top","50px"],["bottom","50px"]]},"media":{"mobile":{"style":{"padding":[["top","20px"],["left","20px"],["right","20px"],["bottom","20px"]]}}}}],"id":"0j880uq1","type":"section","_elType":"SECTION","component_path":"section","pseudoClass":{"before":{"style":{"__gradientType":"simple"}}},"style":{"margin":[["top",""]],"padding":[["top","0px"],["bottom","0px"]],"borderRadius":"30px 30px 0px 0px","__backgroundType":"color","backgroundImage":{"image":""},"backgroundSize":"contain","backgroundPosition":"top","backgroundRepeat":"no-repeat","backgroundAttachment":"fixed","backgroundBlendMode":"darken"},"media":{"mobile":{"style":{"padding":[["top","40px"],["bottom","0px"],["left","20px"],["right","20px"]]}}}}],"settings":{"meta":{"title":"Ai solution DEMO"}}}