<?php
/**
 * Timeline Steps
 *
 * @package ThemeIsle
 */

return array(
	'title'       => __( 'Timeline Steps', 'otter-blocks' ),
	'categories'  => array( 'otter-blocks', 'timeline' ),
	'description' => __( 'Vertical timeline with numbered icon markers showing a step-by-step how-it-works process, onboarding flow, roadmap, and getting started guide.', 'otter-blocks' ),
	'content'     => '<!-- wp:atomic-wind/box {"tagName":"section","align":"full","className":"bg-white px-6 py-24"} --><section class="wp-block-atomic-wind-box alignfull bg-white px-6 py-24"><!-- wp:atomic-wind/box {"className":"mx-auto flex max-w-3xl flex-col gap-12"} --><div class="wp-block-atomic-wind-box mx-auto flex max-w-3xl flex-col gap-12"><!-- wp:atomic-wind/box {"className":"flex flex-col gap-3"} --><div class="wp-block-atomic-wind-box flex flex-col gap-3"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-sm font-bold uppercase tracking-widest text-teal-600 m-0"} --><span class="wp-block-atomic-wind-text text-sm font-bold uppercase tracking-widest text-teal-600 m-0" data-rich-text="">How it works</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h2","className":"text-4xl font-bold tracking-tight text-neutral-900 m-0"} --><h2 class="wp-block-atomic-wind-text text-4xl font-bold tracking-tight text-neutral-900 m-0" data-rich-text="">From signup to shipped in four steps</h2><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"flex flex-col gap-0 border-l-2 border-neutral-200 pl-8"} --><div class="wp-block-atomic-wind-box flex flex-col gap-0 border-l-2 border-neutral-200 pl-8"><!-- wp:atomic-wind/box {"className":"relative flex flex-col gap-2 pb-10"} --><div class="wp-block-atomic-wind-box relative flex flex-col gap-2 pb-10"><!-- wp:atomic-wind/box {"className":"absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"} --><div class="wp-block-atomic-wind-box absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"><!-- wp:atomic-wind/icon {"icon":"check","className":"size-4 m-0"} /--></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-lg font-semibold text-neutral-900 m-0"} --><h3 class="wp-block-atomic-wind-text text-lg font-semibold text-neutral-900 m-0" data-rich-text="">Connect your data</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-500 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-500 m-0" data-rich-text="">Plug in any source with a one-click integration. No engineering ticket required.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"relative flex flex-col gap-2 pb-10"} --><div class="wp-block-atomic-wind-box relative flex flex-col gap-2 pb-10"><!-- wp:atomic-wind/box {"className":"absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"} --><div class="wp-block-atomic-wind-box absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"><!-- wp:atomic-wind/icon {"icon":"layout-dashboard","className":"size-4 m-0"} /--></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-lg font-semibold text-neutral-900 m-0"} --><h3 class="wp-block-atomic-wind-text text-lg font-semibold text-neutral-900 m-0" data-rich-text="">Build your view</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-500 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-500 m-0" data-rich-text="">Drag metrics onto a canvas and watch the dashboard assemble itself in real time.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"relative flex flex-col gap-2 pb-10"} --><div class="wp-block-atomic-wind-box relative flex flex-col gap-2 pb-10"><!-- wp:atomic-wind/box {"className":"absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"} --><div class="wp-block-atomic-wind-box absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"><!-- wp:atomic-wind/icon {"icon":"users","className":"size-4 m-0"} /--></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-lg font-semibold text-neutral-900 m-0"} --><h3 class="wp-block-atomic-wind-text text-lg font-semibold text-neutral-900 m-0" data-rich-text="">Invite the team</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-500 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-500 m-0" data-rich-text="">Share a link and everyone gets the same answer — no exports, no stale screenshots.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"relative flex flex-col gap-2"} --><div class="wp-block-atomic-wind-box relative flex flex-col gap-2"><!-- wp:atomic-wind/box {"className":"absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"} --><div class="wp-block-atomic-wind-box absolute -left-[41px] flex size-7 items-center justify-center rounded-full bg-teal-600 text-white"><!-- wp:atomic-wind/icon {"icon":"rocket","className":"size-4 m-0"} /--></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-lg font-semibold text-neutral-900 m-0"} --><h3 class="wp-block-atomic-wind-text text-lg font-semibold text-neutral-900 m-0" data-rich-text="">Ship with confidence</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-500 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-500 m-0" data-rich-text="">Set alerts on the numbers that matter and let the data come to you.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --></section><!-- /wp:atomic-wind/box -->',
);
