<!-- wp:greenshift-blocks/element {"id":"gsbp-ce06cf0","textContent":"This demo represents \u003ca href=\u0022https://greenshiftwp.com/api-connector/\u0022\u003eAPI Connector\u003c/a\u003e feature and Dynamic Style Feature. All design ","localId":"gsbp-ce06cf0","styleAttributes":{"marginBottom":["100px"]},"isVariation":"divtext"} -->
<div class="gsbp-ce06cf0">This demo represents <a href="https://greenshiftwp.com/api-connector/">API Connector</a> feature and Dynamic Style Feature. All design </div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-28aeba6","type":"inner","className":"","localId":"gsbp-28aeba6","align":"full","styleAttributes":{"display":["flex"],"flexDirection":["column"],"justifyContent":["center"],"alignItems":["center"],"overflow":["clip"]}} -->
<div class="gsbp-28aeba6 alignfull"><!-- wp:greenshift-blocks/element {"id":"gsbp-585da8a","type":"inner","className":"","localId":"gsbp-585da8a","styleAttributes":{"width":["200px"],"height":["200px"],"display":["inline-flex"],"flexDirection":["column"],"justifyContent":["center"],"alignItems":["center"],"borderBottomLeftRadius":["50%"],"borderBottomRightRadius":["50%"],"borderTopLeftRadius":["50%"],"borderTopRightRadius":["50%"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"fontSize":["26px"],"fontWeight":["700"],"position":["absolute"],"pointerEvents":["none"]}} -->
<div class="gsbp-585da8a"><!-- wp:greenshift-blocks/element {"id":"gsbp-f302393","textContent":"Latest","tag":"span","className":"","localId":"gsbp-f302393","styleAttributes":{"textAlign":["center"],"lineHeight":["40px"],"imageGradient_Extra":true,"backgroundImage":["linear-gradient(119deg,rgb(15,15,15) 0%,rgb(155,155,155) 100%)"],"backgroundClip":["text"],"color":["transparent"],"fontSize":["30px"]}} -->
<span class="gsbp-f302393">Latest</span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-26d8dd2","dynamicGClasses":[{"value":"radial-container","type":"local","label":"radial-container","localed":false,"css":".radial-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;mask-image:radial-gradient(circle, hsl(0deg 0% 0%) 0%, hsl(0deg 0% 0%) 300px, hsl(0deg 0% 0% / 0%) 600px);animation:gs_7658 both;animation-timeline:view();width:calc(var(\u002d\u002dradius-container) * 12);height:calc(var(\u002d\u002dradius-container) * 12);border-bottom-left-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%);border-bottom-right-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%);border-top-left-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%);border-top-right-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%);}.radial-container{\n  \u002d\u002dradius-container: 100px;\n  \u002d\u002dtotal-items: 0;\n  \u002d\u002danimation-duration: 0.5s;\n  \u002d\u002danimation-delay: 0.08s;\n}\n\n.radial-container .radial-item {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0;\n  \u002d\u002ddelay: calc(var(\u002d\u002dindex) * var(\u002d\u002danimation-delay));\n  \u002d\u002dangle: calc(360deg / var(\u002d\u002dtotal-items)* var(\u002d\u002dindex));\n  transform-origin: 0 0;\n  display: flex;\n  white-space: nowrap;\n  cursor: pointer;\n  opacity: 0;\n  transition: all var(\u002d\u002danimation-duration) ease-in-out;\n  transform: rotate(var(\u002d\u002dangle)) translate(0, calc(-0.8 * var(\u002d\u002dradius-container))) rotate(-90deg) translate(0, -100%);\n}\n\n.radial-container.aos-animate .radial-item, .radial-container[data-gs-aos] .radial-item{\n  transition-delay: var(\u002d\u002ddelay);\n  opacity: 1;\n  transform: rotate(var(\u002d\u002dangle)) translate(0, calc(-1 * var(\u002d\u002dradius-container))) rotate(-90deg) translate(0, -100%);\n}\n\n.radial-container:has(.radial-item:hover) .radial-item *{opacity:0.5;}\n.radial-container .radial-item:hover *{opacity:1 !important}\n\n                            @keyframes gs_7658 {\n                                from{\ntransform: rotate(-18deg);\n}\nto{\ntransform: rotate(18deg);\n}\n                            }\n                            @media (prefers-reduced-motion) {\n                            .radial-container {\n                                animation: none !important;\n                            }\n                        }","attributes":{"styleAttributes":{"customCSS_Extra":"{CURRENT}{\n  \u002d\u002dradius-container: 100px;\n  \u002d\u002dtotal-items: 0;\n  \u002d\u002danimation-duration: 0.5s;\n  \u002d\u002danimation-delay: 0.08s;\n}\n\n{CURRENT} .radial-item {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0;\n  \u002d\u002ddelay: calc(var(\u002d\u002dindex) * var(\u002d\u002danimation-delay));\n  \u002d\u002dangle: calc(360deg / var(\u002d\u002dtotal-items)* var(\u002d\u002dindex));\n  transform-origin: 0 0;\n  display: flex;\n  white-space: nowrap;\n  cursor: pointer;\n  opacity: 0;\n  transition: all var(\u002d\u002danimation-duration) ease-in-out;\n  transform: rotate(var(\u002d\u002dangle)) translate(0, calc(-0.8 * var(\u002d\u002dradius-container))) rotate(-90deg) translate(0, -100%);\n}\n\n{CURRENT}.aos-animate .radial-item, {CURRENT}[data-gs-aos] .radial-item{\n  transition-delay: var(\u002d\u002ddelay);\n  opacity: 1;\n  transform: rotate(var(\u002d\u002dangle)) translate(0, calc(-1 * var(\u002d\u002dradius-container))) rotate(-90deg) translate(0, -100%);\n}\n\n{CURRENT}:has(.radial-item:hover) .radial-item *{opacity:0.5;}\n{CURRENT} .radial-item:hover *{opacity:1 !important}\n","position":["relative"],"display":["flex"],"flexDirection":["column"],"justifyContent":["center"],"alignItems":["center"],"maskLink_Extra":true,"maskType_Extra":"gradient","maskImage":["radial-gradient(circle, hsl(0deg 0% 0%) 0%, hsl(0deg 0% 0%) 300px, hsl(0deg 0% 0% / 0%) 600px)"],"maskDirection_Extra":["circle"],"animation_keyframes_Extra":[{"name":"gs_7658","code":"from{\ntransform: rotate(-18deg);\n}\nto{\ntransform: rotate(18deg);\n}"}],"animation":["gs_7658 both"],"animationTimeline":["view()"],"width":["calc(var(\u002d\u002dradius-container) * 12)"],"height":["calc(var(\u002d\u002dradius-container) * 12)"],"borderRadiusCustom_Extra":false,"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderRadiusLink_Extra":true}},"originalID":"gsbp-26d8dd2","originalBlock":"greenshift-blocks/element","selectors":[{"value":" \u003e a","attributes":{"styleAttributes":{"fontSize":["25px"],"fontWeight":["700"],"textDecoration":["none"],"color":["#1b1b1b"]}},"css":".radial-container \u003e a{font-size:25px;font-weight:700;text-decoration:none;color:#1b1b1b;}"},{"value":" \u003e a \u003e *","attributes":{"styleAttributes":{"transition":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dtransition\u002d\u002dmild, all 0.5s cubic-bezier(0.47, 0, 0.07, 1))"],"transform_hover":["translateX(20px) scale(1.2)"],"transformLink_Extra":{"scale":true,"translateX":true},"translateX_Extra_hover":["20px"],"scale_Extra_hover":["1.2"],"transformOrigin":["center left"]}},"css":".radial-container \u003e a \u003e *{transition:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dtransition\u002d\u002dmild, all 0.5s cubic-bezier(0.47, 0, 0.07, 1));transform-origin:center left;}.radial-container \u003e a \u003e *:hover{transform:translateX(20px) scale(1.2);}"}]}],"interactionLayers":[],"type":"repeater","animation":{"duration":800,"easing":"ease","type":"zoom-in"},"className":"radial-container","localId":"gsbp-26d8dd2","styleAttributes":[],"api_filters":{"apiUrl":"https://woocommerce.greenshiftwp.com/wp-json/wp/v2/product?per_page=25","apiUrlcache":"3600","apiUrltransient":"cacheapi","apiMethod":"GET","useAjax":false,"ajaxTrigger":"","ajaxSelector":"","apiReplace":"replace","fetch_trigger":true,"apiTimeout":"10000"},"repeaterType":"api_request","dynamicIndexer":true,"metadata":{"name":"Circle Effect"}} -->
<div data-aos="zoom-in" data-aos-easing="ease" data-aos-duration="800" class="radial-container gsbp-26d8dd2"><repeater><!-- wp:greenshift-blocks/element {"id":"gsbp-fd3b7ab","dynamicGClasses":[{"value":"gs-parent-hover","type":"preset","label":"gs-parent-hover"}],"tag":"a","type":"inner","dynamiclink":{"dynamicEnable":true,"dynamicType":"repeater","repeaterField":"link","dynamicField":""},"className":"radial-item gs-parent-hover","localId":"gsbp-fd3b7ab","href":"https://woocommerce.greenshiftwp.com/product/360-gallery-3d-viewer-video-in-gallery\u003cdynamictext\u003ehttps://woocommerce.greenshiftwp.com/product/360-gallery-3d-viewer-video-in-gallery\u003c/dynamictext\u003e"} -->
<a class="radial-item gs-parent-hover" href="https://woocommerce.greenshiftwp.com/product/360-gallery-3d-viewer-video-in-gallery<dynamictext>https://woocommerce.greenshiftwp.com/product/360-gallery-3d-viewer-video-in-gallery</dynamictext>"><!-- wp:greenshift-blocks/element {"id":"gsbp-2c19849","tag":"img","animation":{"duration":800,"easing":"ease","type":"clip-up","onhover_active":true},"dynamiclink":{"dynamicEnable":true,"dynamicType":"repeater","repeaterField":"thumbnail_url","dynamicField":""},"className":"","localId":"gsbp-2c19849","src":"https://remag.wpsoul.net/wp-content/uploads/2020/09/im3opt.jpg","styleAttributes":{"width":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dsize\u002d\u002dxxl, 150px)"],"objectFit":["cover"],"borderRadius":["50%"],"borderLink_Extra":true,"height":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dsize\u002d\u002dxxl, 150px)"],"position":["absolute"],"top":["-30px"],"left":["-175px"]}} -->
<img data-aos-easing="ease" data-aos-duration="800" class="gsbp-2c19849" src="https://remag.wpsoul.net/wp-content/uploads/2020/09/im3opt.jpg" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b389da7","textContent":"\u003cdynamictext\u003eCan we use AI agents to do all our job in browser?\u003c/dynamictext\u003e","tag":"span","dynamictext":{"dynamicEnable":true,"dynamicType":"repeater","repeaterField":"title","dynamicField":""},"className":"","localId":"gsbp-b389da7","styleAttributes":[]} -->
<span class="gsbp-b389da7"><dynamictext>Can we use AI agents to do all our job in browser?</dynamictext></span>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element --></repeater></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->