{"componentChunkName":"component---src-templates-project-js","path":"/project/interactive-pricing-component/","result":{"data":{"sampleProject":{"id":"-1d164118-8bc8-58ac-92b6-05a368a2c6f5","publishedAt":"2020-04-15T19:00:00.000Z","categories":[],"relatedProjects":[],"mainImage":{"crop":null,"hotspot":null,"asset":{"_id":"image-77caaf34a3c6e1e25213e27a8677271b075fc803-1440x1056-jpg"},"alt":"pricing component desktop preview"},"title":"Interactive Pricing Component","slug":{"current":"interactive-pricing-component"},"_rawBody":[{"_key":"66ed26a9fc9d","_type":"block","children":[{"_key":"3fa5fa89bd19","_type":"span","marks":[],"text":"Building small reusable components make scaling and developing bigger web applications so much easier. As a result, I have decide to create this interactive pricing component. To view the live demo, please click  "},{"_key":"f033d7a02044","_type":"span","marks":["ee1d6f92e4d3"],"text":"here"}],"markDefs":[{"_key":"ee1d6f92e4d3","_type":"link","href":"https://aymanx.io/live/pricing-component/"}],"style":"normal"},{"_key":"0ce6ad4d794a","_type":"block","children":[{"_key":"45a262c6363a","_type":"span","marks":[],"text":"This uses HTML, CSS, and Vanilla JavaScript. It can also be easily done in Reactjs"}],"markDefs":[],"style":"normal"},{"_key":"9b38a342ac29","_type":"block","children":[{"_key":"e9b44d1c1f70","_type":"span","marks":[],"text":""}],"markDefs":[],"style":"normal"},{"_key":"ef7dcd8d6165","_type":"block","children":[{"_key":"65520a08ec570","_type":"span","marks":[],"text":"\n"}],"markDefs":[],"style":"normal"}],"members":[{"_key":"930f009e9f89","person":{"image":{"crop":{"_key":null,"_type":"sanity.imageCrop","top":0,"bottom":0,"left":0,"right":0},"hotspot":{"_key":null,"_type":"sanity.imageHotspot","x":0.4850543478260869,"y":0.4809782608695656,"height":0.8858695652173917,"width":0.8831521739130435},"asset":{"_id":"image-921142275f56ba6eb38730e93828c775c00e7d38-1080x1080-png"}},"name":"Ayman AlDherasi"},"roles":["developer"]}]}},"pageContext":{"id":"-1d164118-8bc8-58ac-92b6-05a368a2c6f5"}},"staticQueryHashes":["2817707602","4207246219"]}