JezK
Edit File: timeline-horizontal.php
<?php /** * Horizontal Timeline (Atomic Wind) * * @package ThemeIsle */ return array( 'title' => __( 'Horizontal Timeline', 'otter-blocks' ), 'categories' => array( 'otter-blocks', 'timeline' ), 'description' => __( 'Horizontal numbered process timeline in a four-column grid showing steps from discovery to launch, ideal for how-it-works, roadmaps, and workflow stages', '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-6xl flex-col gap-12"} --><div class="wp-block-atomic-wind-box mx-auto flex max-w-6xl flex-col gap-12"><!-- wp:atomic-wind/box {"className":"mx-auto flex max-w-2xl flex-col items-center gap-4 text-center"} --><div class="wp-block-atomic-wind-box mx-auto flex max-w-2xl flex-col items-center gap-4 text-center"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-sm font-bold uppercase tracking-widest text-indigo-600 m-0"} --><span class="wp-block-atomic-wind-text text-sm font-bold uppercase tracking-widest text-indigo-600 m-0" data-rich-text="">Process</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="">A clear path from start to launch</h2><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"grid gap-10 md:grid-cols-4"} --><div class="wp-block-atomic-wind-box grid gap-10 md:grid-cols-4"><!-- wp:atomic-wind/box {"className":"flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"} --><div class="wp-block-atomic-wind-box flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"><!-- wp:atomic-wind/box {"className":"flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"} --><div class="wp-block-atomic-wind-box flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base font-bold m-0"} --><span class="wp-block-atomic-wind-text text-base font-bold m-0" data-rich-text="">01</span><!-- /wp:atomic-wind/text --></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="">Discover</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-600 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-600 m-0" data-rich-text="">We map your goals and audit what you already have so nothing gets rebuilt twice.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"} --><div class="wp-block-atomic-wind-box flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"><!-- wp:atomic-wind/box {"className":"flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"} --><div class="wp-block-atomic-wind-box flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base font-bold m-0"} --><span class="wp-block-atomic-wind-text text-base font-bold m-0" data-rich-text="">02</span><!-- /wp:atomic-wind/text --></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="">Design</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-600 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-600 m-0" data-rich-text="">A working prototype lands in your inbox within the first week, ready for real feedback.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"} --><div class="wp-block-atomic-wind-box flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"><!-- wp:atomic-wind/box {"className":"flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"} --><div class="wp-block-atomic-wind-box flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base font-bold m-0"} --><span class="wp-block-atomic-wind-text text-base font-bold m-0" data-rich-text="">03</span><!-- /wp:atomic-wind/text --></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</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-600 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-600 m-0" data-rich-text="">We ship in weekly increments so you can watch progress instead of waiting for a big reveal.</p><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"} --><div class="wp-block-atomic-wind-box flex flex-col gap-4 border-t-2 border-neutral-200 pt-6"><!-- wp:atomic-wind/box {"className":"flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"} --><div class="wp-block-atomic-wind-box flex size-12 items-center justify-center rounded-full bg-indigo-600 text-base font-bold text-white"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base font-bold m-0"} --><span class="wp-block-atomic-wind-text text-base font-bold m-0" data-rich-text="">04</span><!-- /wp:atomic-wind/text --></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="">Launch</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"text-sm leading-relaxed text-neutral-600 m-0"} --><p class="wp-block-atomic-wind-text text-sm leading-relaxed text-neutral-600 m-0" data-rich-text="">Go live with confidence, then lean on us for monitoring and hands-on support after release.</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 -->', );