<?php
/**
 * Centered Hero (Atomic Wind)
 *
 * @package ThemeIsle
 */

return array(
	'title'       => __( 'Centered Hero', 'otter-blocks' ),
	'categories'  => array( 'otter-blocks', 'header' ),
	'description' => __( 'Centered hero header above the fold with rating badge, headline, dual buttons and a browser dashboard mockup for landing page intro and product launch.', 'otter-blocks' ),
	'content'     => '<!-- wp:atomic-wind/box {"tagName":"section","align":"full","className":"bg-white px-6 pt-24 pb-20"} -->
<section class="wp-block-atomic-wind-box alignfull bg-white px-6 pt-24 pb-20"><!-- wp:atomic-wind/box {"className":"mx-auto flex max-w-4xl flex-col items-center gap-6 text-center"} -->
<div class="wp-block-atomic-wind-box mx-auto flex max-w-4xl flex-col items-center gap-6 text-center"><!-- wp:atomic-wind/box {"className":"inline-flex items-center gap-2 rounded-full border border-indigo-200 bg-indigo-50 px-4 py-1.5"} -->
<div class="wp-block-atomic-wind-box inline-flex items-center gap-2 rounded-full border border-indigo-200 bg-indigo-50 px-4 py-1.5"><!-- wp:atomic-wind/icon {"icon":"sparkles","className":"size-4 text-indigo-600"} /-->

<!-- wp:atomic-wind/text {"tagName":"span","className":"text-sm font-medium text-indigo-700 font-sans"} -->
<span class="wp-block-atomic-wind-text text-sm font-medium text-indigo-700 font-sans" data-rich-text="">Rated 4.9/5 by 2,400+ teams</span>
<!-- /wp:atomic-wind/text --></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/text {"tagName":"h1","className":"text-5xl font-bold tracking-tight text-slate-900 md:text-6xl"} -->
<h1 class="wp-block-atomic-wind-text text-5xl font-bold tracking-tight text-slate-900 md:text-6xl" data-rich-text="">Ship your next idea in days, not quarters</h1>
<!-- /wp:atomic-wind/text -->

<!-- wp:atomic-wind/text {"className":"max-w-2xl text-lg leading-relaxed text-slate-600"} -->
<p class="wp-block-atomic-wind-text max-w-2xl text-lg leading-relaxed text-slate-600" data-rich-text="">One workspace to plan, build, and launch — connected to the tools your team already lives in, minus the tab chaos.</p>
<!-- /wp:atomic-wind/text -->

<!-- wp:atomic-wind/box {"className":"mt-2 flex flex-wrap justify-center gap-4"} -->
<div class="wp-block-atomic-wind-box mt-2 flex flex-wrap justify-center gap-4"><!-- wp:atomic-wind/link {"className":"inline-block rounded-xl bg-indigo-600 px-8 py-4 text-sm font-bold text-white transition hover:bg-indigo-700 font-sans"} -->
<a class="wp-block-atomic-wind-link inline-block rounded-xl bg-indigo-600 px-8 py-4 text-sm font-bold text-white transition hover:bg-indigo-700 font-sans" href="#signup">Start building free</a>
<!-- /wp:atomic-wind/link -->

<!-- wp:atomic-wind/link {"className":"inline-block rounded-xl border border-slate-200 px-8 py-4 text-sm font-bold text-slate-700 transition hover:bg-slate-50 font-sans"} -->
<a class="wp-block-atomic-wind-link inline-block rounded-xl border border-slate-200 px-8 py-4 text-sm font-bold text-slate-700 transition hover:bg-slate-50 font-sans" href="#demo">Watch a 2-min demo</a>
<!-- /wp:atomic-wind/link --></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/text {"className":"text-sm text-slate-500"} -->
<p class="wp-block-atomic-wind-text text-sm text-slate-500" data-rich-text="">Free 14-day trial · No credit card · Cancel anytime</p>
<!-- /wp:atomic-wind/text -->

<!-- wp:atomic-wind/box {"className":"mt-10 w-full max-w-3xl overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-2xl"} -->
<div class="wp-block-atomic-wind-box mt-10 w-full max-w-3xl overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-2xl"><!-- wp:atomic-wind/box {"className":"flex items-center gap-1.5 border-b border-slate-100 px-5 py-3.5"} -->
<div class="wp-block-atomic-wind-box flex items-center gap-1.5 border-b border-slate-100 px-5 py-3.5"><!-- wp:atomic-wind/box {"className":"size-2.5 rounded-full bg-slate-200"} -->
<div class="wp-block-atomic-wind-box size-2.5 rounded-full bg-slate-200"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"size-2.5 rounded-full bg-slate-200"} -->
<div class="wp-block-atomic-wind-box size-2.5 rounded-full bg-slate-200"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"size-2.5 rounded-full bg-slate-200"} -->
<div class="wp-block-atomic-wind-box size-2.5 rounded-full bg-slate-200"></div>
<!-- /wp:atomic-wind/box --></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"flex w-full items-end gap-3 px-8 pt-12"} -->
<div class="wp-block-atomic-wind-box flex w-full items-end gap-3 px-8 pt-12"><!-- wp:atomic-wind/box {"className":"h-14 flex-1 rounded-t-md bg-indigo-200"} -->
<div class="wp-block-atomic-wind-box h-14 flex-1 rounded-t-md bg-indigo-200"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"h-20 flex-1 rounded-t-md bg-indigo-300"} -->
<div class="wp-block-atomic-wind-box h-20 flex-1 rounded-t-md bg-indigo-300"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"h-16 flex-1 rounded-t-md bg-indigo-300"} -->
<div class="wp-block-atomic-wind-box h-16 flex-1 rounded-t-md bg-indigo-300"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"h-24 flex-1 rounded-t-md bg-indigo-400"} -->
<div class="wp-block-atomic-wind-box h-24 flex-1 rounded-t-md bg-indigo-400"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"h-28 flex-1 rounded-t-md bg-indigo-500"} -->
<div class="wp-block-atomic-wind-box h-28 flex-1 rounded-t-md bg-indigo-500"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"h-24 flex-1 rounded-t-md bg-indigo-500"} -->
<div class="wp-block-atomic-wind-box h-24 flex-1 rounded-t-md bg-indigo-500"></div>
<!-- /wp:atomic-wind/box -->

<!-- wp:atomic-wind/box {"className":"h-32 flex-1 rounded-t-md bg-indigo-600"} -->
<div class="wp-block-atomic-wind-box h-32 flex-1 rounded-t-md bg-indigo-600"></div>
<!-- /wp:atomic-wind/box --></div>
<!-- /wp:atomic-wind/box --></div>
<!-- /wp:atomic-wind/box --></div>
<!-- /wp:atomic-wind/box --></section>
<!-- /wp:atomic-wind/box -->',
);
