JezK
Edit File: gallery-feature-split.php
<?php /** * Gallery Feature Split (Atomic Wind) * * @package ThemeIsle */ return array( 'title' => __( 'Gallery Feature Split', 'otter-blocks' ), 'categories' => array( 'otter-blocks', 'gallery' ), 'description' => __( 'Editorial image gallery with one large hero photo split beside a four-tile grid and gradient overlay captions, for photography portfolio and lookbook showcases.', '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":"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-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="">Behind the lens</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h2","className":"max-w-2xl text-4xl font-bold tracking-tight text-neutral-900 m-0"} --><h2 class="wp-block-atomic-wind-text max-w-2xl text-4xl font-bold tracking-tight text-neutral-900 m-0" data-rich-text="">One hero frame, a wall of detail</h2><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"grid gap-6 lg:grid-cols-2"} --><div class="wp-block-atomic-wind-box grid gap-6 lg:grid-cols-2"><!-- wp:atomic-wind/box {"className":"group relative overflow-hidden rounded-3xl"} --><div class="wp-block-atomic-wind-box group relative overflow-hidden rounded-3xl"><!-- wp:atomic-wind/image {"url":"https://picsum.photos/seed/featuresplithero/1000/1200","alt":"","className":"h-full w-full object-cover transition duration-700 group-hover:scale-105 m-0"} --><img class="wp-block-atomic-wind-image h-full w-full object-cover transition duration-700 group-hover:scale-105 m-0" src="https://picsum.photos/seed/featuresplithero/1000/1200" alt=""/><!-- /wp:atomic-wind/image --><!-- wp:atomic-wind/box {"className":"absolute bottom-0 left-0 right-0 flex flex-col gap-1 bg-gradient-to-t from-neutral-950/80 to-transparent p-8"} --><div class="wp-block-atomic-wind-box absolute bottom-0 left-0 right-0 flex flex-col gap-1 bg-gradient-to-t from-neutral-950/80 to-transparent p-8"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-xs font-bold uppercase tracking-widest text-indigo-300 m-0"} --><span class="wp-block-atomic-wind-text text-xs font-bold uppercase tracking-widest text-indigo-300 m-0" data-rich-text="">Editorial</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-2xl font-bold text-white m-0"} --><h3 class="wp-block-atomic-wind-text text-2xl font-bold text-white m-0" data-rich-text="">The cover shoot</h3><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"grid grid-cols-2 gap-6"} --><div class="wp-block-atomic-wind-box grid grid-cols-2 gap-6"><!-- wp:atomic-wind/box {"className":"group aspect-square overflow-hidden rounded-2xl"} --><div class="wp-block-atomic-wind-box group aspect-square overflow-hidden rounded-2xl"><!-- wp:atomic-wind/image {"url":"https://picsum.photos/seed/featuresplit1/600/600","alt":"","className":"h-full w-full object-cover transition duration-500 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image h-full w-full object-cover transition duration-500 group-hover:scale-110 m-0" src="https://picsum.photos/seed/featuresplit1/600/600" alt=""/><!-- /wp:atomic-wind/image --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"group aspect-square overflow-hidden rounded-2xl"} --><div class="wp-block-atomic-wind-box group aspect-square overflow-hidden rounded-2xl"><!-- wp:atomic-wind/image {"url":"https://picsum.photos/seed/featuresplit2/600/600","alt":"","className":"h-full w-full object-cover transition duration-500 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image h-full w-full object-cover transition duration-500 group-hover:scale-110 m-0" src="https://picsum.photos/seed/featuresplit2/600/600" alt=""/><!-- /wp:atomic-wind/image --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"group aspect-square overflow-hidden rounded-2xl"} --><div class="wp-block-atomic-wind-box group aspect-square overflow-hidden rounded-2xl"><!-- wp:atomic-wind/image {"url":"https://picsum.photos/seed/featuresplit3/600/600","alt":"","className":"h-full w-full object-cover transition duration-500 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image h-full w-full object-cover transition duration-500 group-hover:scale-110 m-0" src="https://picsum.photos/seed/featuresplit3/600/600" alt=""/><!-- /wp:atomic-wind/image --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"group relative aspect-square overflow-hidden rounded-2xl bg-gradient-to-br from-indigo-600 to-purple-600"} --><div class="wp-block-atomic-wind-box group relative aspect-square overflow-hidden rounded-2xl bg-gradient-to-br from-indigo-600 to-purple-600"><!-- wp:atomic-wind/box {"className":"flex h-full flex-col items-start justify-end gap-2 p-6"} --><div class="wp-block-atomic-wind-box flex h-full flex-col items-start justify-end gap-2 p-6"><!-- wp:atomic-wind/icon {"icon":"images","className":"size-7 text-indigo-200 m-0"} /--><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-xl font-bold text-white m-0"} --><h3 class="wp-block-atomic-wind-text text-xl font-bold text-white m-0" data-rich-text="">120+ frames</h3><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/link {"className":"inline-flex items-center gap-1 text-sm font-bold text-white","url":"#gallery","text":"View full set"} --><a class="wp-block-atomic-wind-link inline-flex items-center gap-1 text-sm font-bold text-white" href="#gallery">View full set</a><!-- /wp:atomic-wind/link --></div><!-- /wp:atomic-wind/box --></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 -->', );