Download Code
<!-- wp:greenshift-blocks/element {"id":"gsbp-67e0435","dynamicGClasses":[{"value":"timeline-container","type":"local","label":"timeline-container","localed":false,"css":".timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:40px 0;}","attributes":{"styleAttributes":{"position":["relative"],"maxWidth":["1200px"],"margin":["0 auto"],"padding":["40px 0"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-track-bg","type":"local","label":"timeline-track-bg","localed":false,"css":".timeline-track-bg{position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 50%;\n            width: 2px;\n            background-color: #cbd5e1;\n            transform: translateX(-50%);\n            z-index: 0;}@media (max-width: 768px){.timeline-track-bg, .timeline-track-fill{left: 24px;\n                transform: none;}}","attributes":{"styleAttributes":{"position":["absolute"],"top":["0"],"bottom":["0"],"left":["50%"],"width":["2px"],"backgroundColor":["#cbd5e1"],"transform":["translateX(-50%)"],"zIndex":["0"],"customCSS_Extra":"@media (max-width: 768px){.timeline-track-bg, .timeline-track-fill{left: 24px;\n                transform: none;}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-track-fill","type":"local","label":"timeline-track-fill","localed":false,"css":".timeline-track-fill{position:absolute;top:0;left:50%;width:2px;background-color:var(\u002d\u002dprimary-color);transform:translateX(-50%);z-index:1;height:0;transition:height 0.05s linear;}@media (max-width: 575.98px){.timeline-track-fill{left:24px;}}","attributes":{"styleAttributes":{"position":["absolute"],"top":["0"],"left":["50%",null,null,"24px"],"width":["2px"],"backgroundColor":["var(\u002d\u002dprimary-color)"],"transform":["translateX(-50%)"],"zIndex":["1"],"height":["0"],"transition":["height 0.05s linear"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-item","type":"local","label":"timeline-item","localed":false,"css":".timeline-item{position: relative;\n            width: 100%;\n            display: flex;\n            align-items: flex-start; \n            margin-bottom: 80px;}@media (max-width: 768px){.timeline-item{flex-direction: column !important; \n                margin-bottom: 60px;\n                padding-left: 24px;}}@media (max-width: 768px){.timeline-item:nth-child(odd) .timeline-column:first-child,\n            .timeline-item:nth-child(even) .timeline-column:first-child{text-align: left;\n                margin-bottom: 16px;}}","attributes":{"styleAttributes":{"position":["relative"],"width":["100%"],"display":["flex"],"alignItems":["flex-start"],"marginBottom":["80px"],"customCSS_Extra":"@media (max-width: 768px){.timeline-item{flex-direction: column !important; \n                margin-bottom: 60px;\n                padding-left: 24px;}}@media (max-width: 768px){.timeline-item:nth-child(odd) .timeline-column:first-child,\n            .timeline-item:nth-child(even) .timeline-column:first-child{text-align: left;\n                margin-bottom: 16px;}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[{"value":":nth-child(odd)","attributes":{"styleAttributes":{"flexDirection":["row"]}},"css":".timeline-item:nth-child(odd){flex-direction: row;}"},{"value":":nth-child(even)","attributes":{"styleAttributes":{"flexDirection":["row-reverse"]}},"css":".timeline-item:nth-child(even){flex-direction: row-reverse;}"},{"value":":nth-child(odd) .timeline-column:first-child","attributes":{"styleAttributes":{"textAlign":["right"]}},"css":".timeline-item:nth-child(odd) .timeline-column:first-child{text-align: right;}"},{"value":":nth-child(even) .timeline-column:first-child","attributes":{"styleAttributes":{"textAlign":["left"]}},"css":".timeline-item:nth-child(even) .timeline-column:first-child{text-align: left;}"}]},{"value":"timeline-column","type":"local","label":"timeline-column","localed":false,"css":".timeline-column{width: 50%;\n            position: relative;\n            padding: 0 60px; \n            z-index: 2;}@media (max-width: 768px){.timeline-column{width: 100%;\n                padding: 0 0 0 40px; \n                text-align: left !important;}}","attributes":{"styleAttributes":{"width":["50%"],"position":["relative"],"padding":["0 60px"],"zIndex":["2"],"customCSS_Extra":"@media (max-width: 768px){.timeline-column{width: 100%;\n                padding: 0 0 0 40px; \n                text-align: left !important;}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-marker","type":"local","label":"timeline-marker","localed":false,"css":".timeline-marker{position: absolute;\n            left: 50%;\n            \n            top: 13px; \n            transform: translateX(-50%);\n            \n            \n            width: 8px;\n            height: 8px;\n            background-color: #e2e8f0; \n            border-radius: 50%;\n            z-index: 5;\n            \n            \n            transition: background-color 0.3s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            \n            \n            box-shadow: 0 0 0 2px #f8fafc;}@media (max-width: 768px){.timeline-marker{left: 24px;\n                transform: translateX(-50%);\n                top: 10px;}}@media (max-width: 768px){.timeline-marker.is-active{transform: translateX(-50%) scale(2.0);}}","attributes":{"styleAttributes":{"position":["absolute"],"left":["50%"],"top":["13px"],"transform":["translateX(-50%)"],"width":["8px"],"height":["8px"],"backgroundColor":["#e2e8f0"],"borderRadius":["50%"],"zIndex":["5"],"transition":["background-color 0.3s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)"],"boxShadow":["0 0 0 2px #f8fafc"],"customCSS_Extra":"{CURRENT}{content:''}@media (max-width: 768px){.timeline-marker{left: 24px;\n                transform: translateX(-50%);\n                top: 10px;}}@media (max-width: 768px){.timeline-marker.is-active{transform: translateX(-50%) scale(2.0);}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[{"value":"::before","attributes":{"styleAttributes":{"position":["absolute"],"top":["50%"],"left":["50%"],"width":["24px"],"height":["24px"],"backgroundColor":["rgba(124, 58, 237, 0.15)"],"borderRadius":["50%"],"zIndex":["-1"],"transform":["translate(-50%, -50%) scale(0)"],"transition":["transform 0.4s ease"],"customCSS_Extra":"{CURRENT}::before{content:''}"}},"css":".timeline-marker::before{content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            \n            width: 24px; \n            height: 24px;\n            background-color: rgba(124, 58, 237, 0.15); \n            border-radius: 50%;\n            z-index: -1;\n            \n            \n            transform: translate(-50%, -50%) scale(0);\n            transition: transform 0.4s ease;}"},{"value":".is-active","attributes":{"styleAttributes":{"backgroundColor":["var(\u002d\u002dprimary-color)"],"transform":["translateX(-50%) scale(2.0)"]}},"css":".timeline-marker.is-active{background-color: var(\u002d\u002dprimary-color); \n            \n            transform: translateX(-50%) scale(2.0);}"},{"value":".is-active::before","attributes":{"styleAttributes":{"transform":["translate(-50%, -50%) scale(1)"]}},"css":".timeline-marker.is-active::before{transform: translate(-50%, -50%) scale(1);}"}]},{"value":"date-pill","type":"local","label":"date-pill","localed":false,"css":".date-pill{display: inline-block;\n            padding: 8px 24px;\n            background: var(\u002d\u002dprimary-color);\n            color: #fff;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 0.9rem;\n            box-shadow: 0 4px 10px rgba(124, 58, 237, 0.3);\n            letter-spacing: 0.5px;\n            white-space: nowrap;}@media (max-width: 768px){.date-pill{padding: 6px 16px;\n                font-size: 0.85rem;}}","attributes":{"styleAttributes":{"display":["inline-block"],"padding":["8px 24px"],"background":["var(\u002d\u002dprimary-color)"],"color":["#fff"],"borderRadius":["50px"],"fontWeight":["700"],"fontSize":["0.9rem"],"boxShadow":["0 4px 10px rgba(124, 58, 237, 0.3)"],"letterSpacing":["0.5px"],"customCSS_Extra":"{CURRENT}{white-space:nowrap}@media (max-width: 768px){.date-pill{padding: 6px 16px;\n                font-size: 0.85rem;}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-content-wrapper","type":"local","label":"timeline-content-wrapper","localed":false,"css":".timeline-content-wrapper{display: flex;\n            flex-direction: column;\n            gap: 16px;}@media (max-width: 768px){.timeline-content-wrapper{gap: 12px;}}","attributes":{"styleAttributes":{"display":["flex"],"flexDirection":["column"],"gap":["16px"],"customCSS_Extra":"@media (max-width: 768px){.timeline-content-wrapper{gap: 12px;}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-title","type":"local","label":"timeline-title","localed":false,"css":".timeline-title{font-size: 1.5rem;\n            font-weight: 700;\n            color: #0f172a;\n            margin: 0;\n            line-height: 1.2;\n            \n            padding-top: 4px;}@media (max-width: 768px){.timeline-title{margin-bottom: 8px;\n                font-size: 1.3rem;}}","attributes":{"styleAttributes":{"fontSize":["1.5rem"],"fontWeight":["700"],"color":["#0f172a"],"margin":["0"],"lineHeight":["1.2"],"paddingTop":["4px"],"customCSS_Extra":"@media (max-width: 768px){.timeline-title{margin-bottom: 8px;\n                font-size: 1.3rem;}}"}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-location","type":"local","label":"timeline-location","localed":false,"css":".timeline-location{font-size: 0.95rem;\n            color: var(\u002d\u002dprimary-color);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-left: 10px;}","attributes":{"styleAttributes":{"fontSize":["0.95rem"],"color":["var(\u002d\u002dprimary-color)"],"fontWeight":["700"],"textTransform":["uppercase"],"letterSpacing":["0.5px"],"marginLeft":["10px"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"timeline-card","type":"local","label":"timeline-card","localed":false,"css":".timeline-card{background: #ffffff;\n            border-radius: 20px;\n            padding: 30px;\n            box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);\n            border: 1px solid #f1f5f9;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;}.timeline-card:hover{transform: translateY(-4px);\n            box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.08);}","attributes":{"styleAttributes":{"background":["#ffffff"],"borderRadius":["20px"],"padding":["30px"],"boxShadow":["0 10px 30px -5px rgba(0, 0, 0, 0.05)"],"border":["1px solid #f1f5f9"],"transition":["transform 0.3s ease, box-shadow 0.3s ease"],"transform_hover":["translateY(-4px)"],"boxShadow_hover":["0 20px 40px -5px rgba(0, 0, 0, 0.08)"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"card-text","type":"local","label":"card-text","localed":false,"css":".card-text{color: #475569;\n            line-height: 1.7;\n            font-size: 1rem;\n            margin-bottom: 24px;}","attributes":{"styleAttributes":{"color":["#475569"],"lineHeight":["1.7"],"fontSize":["1rem"],"marginBottom":["24px"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"card-link","type":"local","label":"card-link","localed":false,"css":".card-link{display: inline-flex;\n            align-items: center;\n            font-size: 0.95rem;\n            font-weight: 700;\n            color: var(\u002d\u002dprimary-color);\n            text-decoration: none;\n            transition: opacity 0.2s;}.card-link:hover{opacity: 0.8;}","attributes":{"styleAttributes":{"display":["inline-flex"],"alignItems":["center"],"fontSize":["0.95rem"],"fontWeight":["700"],"color":["var(\u002d\u002dprimary-color)"],"textDecoration":["none"],"transition":["opacity 0.2s"],"opacity_hover":["0.8"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"card-image","type":"local","label":"card-image","localed":false,"css":".card-image{width: 100%;\n            height: 180px;\n            object-fit: cover;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            display: block;}","attributes":{"styleAttributes":{"width":["100%"],"height":["180px"],"objectFit":["cover"],"borderRadius":["12px"],"marginBottom":["20px"],"display":["block"]}},"originalID":"gsbp-67e0435","originalBlock":"greenshift-blocks/element","selectors":[]}],"type":"no","className":"timeline-container timeline-track-bg timeline-track-fill timeline-item timeline-column timeline-marker date-pill timeline-content-wrapper timeline-title timeline-location timeline-card card-text card-link card-image","localId":"gsbp-67e0435","isVariation":"stylemanager","customCss":"","customJs":"document.addEventListener('DOMContentLoaded', () =\u003e {\n            const container = document.getElementById('timeline-container');\n            const fillLine = document.getElementById('timeline-fill');\n            const markers = document.querySelectorAll('.timeline-marker');\n\n            function updateTimeline() {\n                const containerRect = container.getBoundingClientRect();\n                const windowHeight = window.innerHeight;\n                const containerTop = containerRect.top;\n                \n                // Active point at 55% of the screen height (just past center)\n                const activePoint = windowHeight * 0.55;\n\n                // Calculate the line height\n                let fillHeight = activePoint - containerTop;\n                const maxFill = container.offsetHeight;\n                \n                if (fillHeight \u003c 0) fillHeight = 0;\n                if (fillHeight \u003e maxFill) fillHeight = maxFill;\n\n                fillLine.style.height = `${fillHeight}px`;\n\n                // Handle Marker Scaling (Precise Trigger)\n                markers.forEach(marker =\u003e {\n                    // Use getBoundingClientRect to calculate position relative to viewport\n                    // This avoids issues with nested offsetParents\n                    const markerRect = marker.getBoundingClientRect();\n                    const markerCenter = markerRect.top + (markerRect.height / 2);\n                    \n                    // If the marker's vertical center is above or at the \u0022active point\u0022\n                    // (the tip of the filling line), it should be active.\n                    if (markerCenter \u003c activePoint) {\n                        marker.classList.add('is-active');\n                    } else {\n                        marker.classList.remove('is-active');\n                    }\n                });\n            }\n\n            window.addEventListener('scroll', () =\u003e {\n                requestAnimationFrame(updateTimeline);\n            });\n            \n            window.addEventListener('resize', updateTimeline);\n            \n            updateTimeline();\n        });","customJsEnabled":true} -->
<div class="timeline-container timeline-track-bg timeline-track-fill timeline-item timeline-column timeline-marker date-pill timeline-content-wrapper timeline-title timeline-location timeline-card card-text card-link card-image"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-da84e45","tag":"section","type":"inner","localId":"gsbp-da84e45","align":"full","dynamicAttributes":[{"name":"data-type","value":"section-component"}],"styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingTop":["40px"],"paddingBottom":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dbottom, 0px)"],"marginTop":["0px"],"marginBottom":["0px"],"paddingLink_Extra":"lr","position":["relative"],"overflow":["clip"]},"isVariation":"contentwrapper"} -->
<section class="gsbp-da84e45 alignfull" data-type="section-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-c7c0863","metadata":{"name":"Content Area"},"type":"inner","localId":"gsbp-c7c0863","dynamicAttributes":[{"name":"data-type","value":"content-area-component"}],"styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"]},"isVariation":"nocolumncontent"} -->
<div class="gsbp-c7c0863" data-type="content-area-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-0cf9725b5e969","type":"inner","className":"","localId":"gsbp-0cf9725b5e969","styleAttributes":{"alignItems":["center"],"borderBottomColor":["rgb(24, 24, 27)"],"borderBottomWidth":["0px"],"borderLeftColor":["rgb(24, 24, 27)"],"borderLeftWidth":["0px"],"borderRightColor":["rgb(24, 24, 27)"],"borderRightWidth":["0px"],"borderTopColor":["rgb(24, 24, 27)"],"borderTopWidth":["0px"],"boxSizing":["border-box"],"color":["rgb(24, 24, 27)"],"columnGap":["24px"],"display":["flex"],"flexDirection":["column"],"fontFamily":["\u0022Instrument Sans\u0022, sans-serif"],"fontSize":["16px"],"justifyContent":["flex-start"],"lineHeight":["24px"],"marginBottom":["48px"],"marginLeft":["auto",null,null,"0px"],"marginRight":["auto",null,null,"0px"],"marginTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"],"paddingTop":["0px"],"rowGap":["24px"],"textAlign":["center"],"maxWidth":["39.25rem"],"flexWrap":["nowrap"]}} -->
<div class="gsbp-0cf9725b5e969"><!-- wp:greenshift-blocks/element {"id":"gsbp-a5efafb0b0953","type":"inner","className":"","localId":"gsbp-a5efafb0b0953","styleAttributes":{"alignItems":["center"],"backgroundColor":["rgb(250, 250, 250)"],"borderBlockEndStyle":["solid"],"borderBlockStartStyle":["solid"],"borderBottomColor":["rgb(255, 255, 255)"],"borderBottomLeftRadius":["32px"],"borderBottomRightRadius":["32px"],"borderBottomStyle":["solid"],"borderBottomWidth":["1px"],"borderInlineEndStyle":["solid"],"borderInlineStartStyle":["solid"],"borderLeftColor":["rgb(255, 255, 255)"],"borderLeftStyle":["solid"],"borderLeftWidth":["1px"],"borderRightColor":["rgb(255, 255, 255)"],"borderRightStyle":["solid"],"borderRightWidth":["1px"],"borderTopColor":["rgb(255, 255, 255)"],"borderTopLeftRadius":["32px"],"borderTopRightRadius":["32px"],"borderTopStyle":["solid"],"borderTopWidth":["1px"],"boxSizing":["border-box"],"color":["rgb(24, 24, 27)"],"columnGap":["4px"],"display":["flex"],"fontFamily":["\u0022Instrument Sans\u0022, sans-serif"],"fontSize":["0.875rem"],"fontWeight":["500"],"justifyContent":["center"],"lineHeight":["1.5"],"marginBottom":["0px"],"marginLeft":["0px"],"marginRight":["0px"],"marginTop":["0px"],"paddingBottom":["6px"],"paddingLeft":["12px"],"paddingRight":["12px"],"paddingTop":["6px"],"rowGap":["4px"],"textAlign":["center"]}} -->
<div class="gsbp-a5efafb0b0953"><!-- wp:greenshift-blocks/element {"id":"gsbp-25dcef1994cca","textContent":"Timeline","className":"","localId":"gsbp-25dcef1994cca","styleAttributes":{"borderBottomColor":["rgb(24, 24, 27)"],"borderBottomWidth":["0px"],"borderLeftColor":["rgb(24, 24, 27)"],"borderLeftWidth":["0px"],"borderRightColor":["rgb(24, 24, 27)"],"borderRightWidth":["0px"],"borderTopColor":["rgb(24, 24, 27)"],"borderTopWidth":["0px"],"boxSizing":["border-box"],"color":["rgb(24, 24, 27)"],"fontFamily":["\u0022Instrument Sans\u0022, sans-serif"],"fontSize":["14px"],"fontWeight":["500"],"lineHeight":["21px"],"marginBottom":["0px"],"marginLeft":["0px"],"marginRight":["0px"],"marginTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"],"paddingTop":["0px"],"textAlign":["center"]}} -->
<div class="gsbp-25dcef1994cca">Timeline</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-72629fe4a33eb8","textContent":"Our Journey to Revolutionizing Meetings","tag":"h2","className":"","localId":"gsbp-72629fe4a33eb8","styleAttributes":{"fontSize":["3.5rem",null,null,"2.5rem"],"lineHeight":["1.2"],"marginBottom":["0px"],"marginLeft":["0px"],"marginRight":["0px"],"marginTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"],"paddingTop":["0px"],"textAlign":["center"],"fontWeight":["500"],"letterSpacing":[null,null,null,"-1.2px"]}} -->
<h2 class="gsbp-72629fe4a33eb8">Our Journey to Revolutionizing Meetings</h2>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6076be6f91caa","textContent":"From a simple idea to transform how teams collaborate","className":"","localId":"gsbp-6076be6f91caa","styleAttributes":{"borderBottomColor":["rgb(24, 24, 27)"],"borderBottomWidth":["0px"],"borderLeftColor":["rgb(24, 24, 27)"],"borderLeftWidth":["0px"],"borderRightColor":["rgb(24, 24, 27)"],"borderRightWidth":["0px"],"borderTopColor":["rgb(24, 24, 27)"],"borderTopWidth":["0px"],"boxSizing":["border-box"],"color":["rgb(24, 24, 27)"],"fontFamily":["\u0022Instrument Sans\u0022, sans-serif"],"fontSize":["1.25rem",null,null,"18px"],"lineHeight":["1.5"],"marginBottom":["0px"],"marginLeft":["0px"],"marginRight":["0px"],"marginTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"],"paddingTop":["0px"],"textAlign":["center"],"opacity":[0.6]}} -->
<div class="gsbp-6076be6f91caa">From a simple idea to transform how teams collaborate</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-7afbc81","anchor":"timeline-container","metadata":{"name":"TimeLine Container"},"type":"inner","className":"timeline-container","localId":"gsbp-7afbc81","styleAttributes":{"cssVars_Extra":[{"name":"\u002d\u002dprimary-color","value":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dsecondary, #340fa0)"}]}} -->
<div class="timeline-container gsbp-7afbc81" id="timeline-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-244d6e0","type":"empty","className":"timeline-track-bg","localId":"gsbp-244d6e0"} -->
<div class="timeline-track-bg"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-3a077b4","anchor":"timeline-fill","type":"empty","className":"timeline-track-fill","localId":"gsbp-3a077b4"} -->
<div class="timeline-track-fill" id="timeline-fill"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0f7d566","type":"inner","className":"timeline-item","localId":"gsbp-0f7d566"} -->
<div class="timeline-item"><!-- wp:greenshift-blocks/element {"id":"gsbp-5fa414f","type":"inner","className":"timeline-column","localId":"gsbp-5fa414f"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-4efde5e","textContent":"Jan 2031","className":"date-pill","localId":"gsbp-4efde5e"} -->
<div class="date-pill">Jan 2031</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0329b14","type":"empty","className":"timeline-marker","localId":"gsbp-0329b14"} -->
<div class="timeline-marker"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ef0f73b","type":"inner","className":"timeline-column","localId":"gsbp-ef0f73b"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-e35b816","type":"inner","className":"timeline-content-wrapper","localId":"gsbp-e35b816"} -->
<div class="timeline-content-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-3fd2374","tag":"h3","type":"inner","className":"timeline-title","localId":"gsbp-3fd2374"} -->
<h3 class="timeline-title"><!-- wp:greenshift-blocks/element {"id":"gsbp-9a3febf","textContent":"Journey Start","tag":"span","localId":"gsbp-9a3febf"} -->
<span>Journey Start</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1668b31","textContent":"(Concept)","tag":"span","className":"timeline-location","localId":"gsbp-1668b31"} -->
<span class="timeline-location">(Concept)</span>
<!-- /wp:greenshift-blocks/element --></h3>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b33ada6","type":"inner","className":"timeline-card","localId":"gsbp-b33ada6"} -->
<div class="timeline-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-bdf932e","textContent":"Initial brainstorming sessions defined the core architecture. We focused on a minimal viable product that solves real user pain points.","tag":"p","className":"card-text","localId":"gsbp-bdf932e"} -->
<p class="card-text">Initial brainstorming sessions defined the core architecture. We focused on a minimal viable product that solves real user pain points.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-98bd9ae","textContent":"View Docs ›","tag":"a","className":"card-link","localId":"gsbp-98bd9ae","href":"#"} -->
<a class="card-link" href="#">View Docs ›</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b74fcdf","type":"inner","className":"timeline-item","localId":"gsbp-b74fcdf"} -->
<div class="timeline-item"><!-- wp:greenshift-blocks/element {"id":"gsbp-89f6455","type":"inner","className":"timeline-column","localId":"gsbp-89f6455"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-29104de","textContent":"March 2031","className":"date-pill","localId":"gsbp-29104de"} -->
<div class="date-pill">March 2031</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6da6889","type":"empty","className":"timeline-marker","localId":"gsbp-6da6889"} -->
<div class="timeline-marker"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e6d0104","type":"inner","className":"timeline-column","localId":"gsbp-e6d0104"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-15edb87","type":"inner","className":"timeline-content-wrapper","localId":"gsbp-15edb87"} -->
<div class="timeline-content-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-f8f945d","tag":"h3","type":"inner","className":"timeline-title","localId":"gsbp-f8f945d"} -->
<h3 class="timeline-title"><!-- wp:greenshift-blocks/element {"id":"gsbp-9f83a82","textContent":"Prototype Beta","tag":"span","localId":"gsbp-9f83a82"} -->
<span>Prototype Beta</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6ed92f6","textContent":"(Testing)","tag":"span","className":"timeline-location","localId":"gsbp-6ed92f6"} -->
<span class="timeline-location">(Testing)</span>
<!-- /wp:greenshift-blocks/element --></h3>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-92f2d7e","type":"inner","className":"timeline-card","localId":"gsbp-92f2d7e"} -->
<div class="timeline-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-763d526","tag":"img","type":"image","className":"card-image","localId":"gsbp-763d526","src":"https://picsum.photos/400/200?random=10","alt":"Prototype"} -->
<img class="card-image" src="https://picsum.photos/400/200?random=10" alt="Prototype" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-190e41d","textContent":"Released the beta version to 500 exclusive users. Feedback was overwhelmingly positive, leading to immediate Series A funding rounds.","tag":"p","className":"card-text","localId":"gsbp-190e41d"} -->
<p class="card-text">Released the beta version to 500 exclusive users. Feedback was overwhelmingly positive, leading to immediate Series A funding rounds.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-60499ec","textContent":"Read Report ›","tag":"a","className":"card-link","localId":"gsbp-60499ec","href":"#"} -->
<a class="card-link" href="#">Read Report ›</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ae07aac","type":"inner","className":"timeline-item","localId":"gsbp-ae07aac"} -->
<div class="timeline-item"><!-- wp:greenshift-blocks/element {"id":"gsbp-9813f61","type":"inner","className":"timeline-column","localId":"gsbp-9813f61"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-4c1e7b8","textContent":"Apr 2031","className":"date-pill","localId":"gsbp-4c1e7b8"} -->
<div class="date-pill">Apr 2031</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d2553ed","type":"empty","className":"timeline-marker","localId":"gsbp-d2553ed"} -->
<div class="timeline-marker"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a50df05","type":"inner","className":"timeline-column","localId":"gsbp-a50df05"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-96ae4c4","type":"inner","className":"timeline-content-wrapper","localId":"gsbp-96ae4c4"} -->
<div class="timeline-content-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-a0f4fd1","tag":"h3","type":"inner","className":"timeline-title","localId":"gsbp-a0f4fd1"} -->
<h3 class="timeline-title"><!-- wp:greenshift-blocks/element {"id":"gsbp-0f91f5a","textContent":"Global Launch","tag":"span","localId":"gsbp-0f91f5a"} -->
<span>Global Launch</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1c42c4a","textContent":"(New York)","tag":"span","className":"timeline-location","localId":"gsbp-1c42c4a"} -->
<span class="timeline-location">(New York)</span>
<!-- /wp:greenshift-blocks/element --></h3>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-86b0de2","type":"inner","className":"timeline-card","localId":"gsbp-86b0de2"} -->
<div class="timeline-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-03d33b4","textContent":"Official public launch event in NYC. Reached 1 million active users within the first 30 days of operation.","tag":"p","className":"card-text","localId":"gsbp-03d33b4"} -->
<p class="card-text">Official public launch event in NYC. Reached 1 million active users within the first 30 days of operation.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-153d9be","textContent":"Press Kit ›","tag":"a","className":"card-link","localId":"gsbp-153d9be","href":"#"} -->
<a class="card-link" href="#">Press Kit ›</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-fe7ee1f","type":"inner","className":"timeline-item","localId":"gsbp-fe7ee1f"} -->
<div class="timeline-item"><!-- wp:greenshift-blocks/element {"id":"gsbp-43cd098","type":"inner","className":"timeline-column","localId":"gsbp-43cd098"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-bded25d","textContent":"May 2031","className":"date-pill","localId":"gsbp-bded25d"} -->
<div class="date-pill">May 2031</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f536121","type":"empty","className":"timeline-marker","localId":"gsbp-f536121"} -->
<div class="timeline-marker"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-008552d","type":"inner","className":"timeline-column","localId":"gsbp-008552d"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-1d44412","type":"inner","className":"timeline-content-wrapper","localId":"gsbp-1d44412"} -->
<div class="timeline-content-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-419e26f","tag":"h3","type":"inner","className":"timeline-title","localId":"gsbp-419e26f"} -->
<h3 class="timeline-title"><!-- wp:greenshift-blocks/element {"id":"gsbp-81c6f18","textContent":"Eco Expansion","tag":"span","localId":"gsbp-81c6f18"} -->
<span>Eco Expansion</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ca4f49c","textContent":"(Worldwide)","tag":"span","className":"timeline-location","localId":"gsbp-ca4f49c"} -->
<span class="timeline-location">(Worldwide)</span>
<!-- /wp:greenshift-blocks/element --></h3>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-fa03707","type":"inner","className":"timeline-card","localId":"gsbp-fa03707"} -->
<div class="timeline-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-f940316","tag":"img","type":"image","className":"card-image","localId":"gsbp-f940316","src":"https://picsum.photos/400/200?random=11","alt":"Green Energy"} -->
<img class="card-image" src="https://picsum.photos/400/200?random=11" alt="Green Energy" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4ebc51b","textContent":"Transitioned entire server infrastructure to 100% renewable energy sources. Opened 12 new carbon-neutral offices.","tag":"p","className":"card-text","localId":"gsbp-4ebc51b"} -->
<p class="card-text">Transitioned entire server infrastructure to 100% renewable energy sources. Opened 12 new carbon-neutral offices.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6b4e903","textContent":"Sustainability Goals ›","tag":"a","className":"card-link","localId":"gsbp-6b4e903","href":"#"} -->
<a class="card-link" href="#">Sustainability Goals ›</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-39eb881","type":"inner","className":"timeline-item","localId":"gsbp-39eb881"} -->
<div class="timeline-item"><!-- wp:greenshift-blocks/element {"id":"gsbp-d8cbe31","type":"inner","className":"timeline-column","localId":"gsbp-d8cbe31"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-4e58b46","textContent":"June 2031","className":"date-pill","localId":"gsbp-4e58b46"} -->
<div class="date-pill">June 2031</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6fb3380","type":"empty","className":"timeline-marker","localId":"gsbp-6fb3380"} -->
<div class="timeline-marker"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4635c9d","type":"inner","className":"timeline-column","localId":"gsbp-4635c9d"} -->
<div class="timeline-column"><!-- wp:greenshift-blocks/element {"id":"gsbp-ffa8930","type":"inner","className":"timeline-content-wrapper","localId":"gsbp-ffa8930"} -->
<div class="timeline-content-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-a5d4693","tag":"h3","type":"inner","className":"timeline-title","localId":"gsbp-a5d4693"} -->
<h3 class="timeline-title"><!-- wp:greenshift-blocks/element {"id":"gsbp-6117ed4","textContent":"AI Singularity","tag":"span","localId":"gsbp-6117ed4"} -->
<span>AI Singularity</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a89dfdc","textContent":"(Cloud)","tag":"span","className":"timeline-location","localId":"gsbp-a89dfdc"} -->
<span class="timeline-location">(Cloud)</span>
<!-- /wp:greenshift-blocks/element --></h3>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9641764","type":"inner","className":"timeline-card","localId":"gsbp-9641764"} -->
<div class="timeline-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-8be9842","textContent":"Integration of self-evolving AI algorithms to predict user needs before they arise. The platform now operates autonomously.","tag":"p","className":"card-text","localId":"gsbp-8be9842"} -->
<p class="card-text">Integration of self-evolving AI algorithms to predict user needs before they arise. The platform now operates autonomously.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-521e3a1","textContent":"Future Vision ›","tag":"a","className":"card-link","localId":"gsbp-521e3a1","href":"#"} -->
<a class="card-link" href="#">Future Vision ›</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9514af0","type":"inner","localId":"gsbp-9514af0","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002ds, 1rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002ds, 1.4rem)"],"hideOnFrontend_Extra":true},"isVariation":"divtext"} -->
<div class="gsbp-9514af0"><!-- wp:greenshift-blocks/element {"id":"gsbp-a6c1b8e","textContent":"Section uses variable to set colors. Currently it's connected with Secondary Preset color of plugin and you can change it in Stylebook - Colors. You can also connect it to another color, for this, find TimeLine Container block, and find \u002d\u002dprimary-color setting inside custom code area. Replace value to your own value","localId":"gsbp-a6c1b8e","isVariation":"divtext"} -->
<div>Section uses variable to set colors. Currently it's connected with Secondary Preset color of plugin and you can change it in Stylebook - Colors. You can also connect it to another color, for this, find TimeLine Container block, and find --primary-color setting inside custom code area. Replace value to your own value</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:image {"id":5074,"width":"300px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://greenshift.wpsoul.net/wp-content/uploads/2026/01/CleanShot-2026-01-29-at-19.08.33@2x-416x1024.webp" alt="" class="wp-image-5074" style="width:300px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:greenshift-blocks/element -->

Dynamic Timeline

Timeline

Our Journey to Revolutionizing Meetings

From a simple idea to transform how teams collaborate
Jan 2031

Journey Start (Concept)

Initial brainstorming sessions defined the core architecture. We focused on a minimal viable product that solves real user pain points.

View Docs ›
March 2031

Prototype Beta (Testing)

Prototype

Released the beta version to 500 exclusive users. Feedback was overwhelmingly positive, leading to immediate Series A funding rounds.

Read Report ›
Apr 2031

Global Launch (New York)

Official public launch event in NYC. Reached 1 million active users within the first 30 days of operation.

Press Kit ›
May 2031

Eco Expansion (Worldwide)

Green Energy

Transitioned entire server infrastructure to 100% renewable energy sources. Opened 12 new carbon-neutral offices.

Sustainability Goals ›
June 2031

AI Singularity (Cloud)

Integration of self-evolving AI algorithms to predict user needs before they arise. The platform now operates autonomously.

Future Vision ›