JezK
Edit File: aw-portfolio-grid.php
<?php /** * Portfolio Showcase Grid * * @package ThemeIsle */ return array( 'title' => __( 'Portfolio Showcase Grid', 'otter-blocks' ), 'categories' => array( 'otter-blocks', 'portfolio' ), 'description' => __( 'Dark two-column portfolio showcase grid with image overlays, category tags and zoom hover for project work, case studies, and creative agency gallery.', 'otter-blocks' ), 'content' => '<!-- wp:atomic-wind/box {"tagName":"section","align":"full","className":"bg-neutral-950 px-6 py-24"} --><section class="wp-block-atomic-wind-box alignfull bg-neutral-950 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 max-w-2xl flex-col gap-4"} --><div class="wp-block-atomic-wind-box flex max-w-2xl flex-col gap-4"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-sm font-bold uppercase tracking-widest text-indigo-400 m-0"} --><span class="wp-block-atomic-wind-text text-sm font-bold uppercase tracking-widest text-indigo-400 m-0" data-rich-text="">Portfolio</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h2","className":"text-4xl font-bold tracking-tight text-white md:text-5xl m-0"} --><h2 class="wp-block-atomic-wind-text text-4xl font-bold tracking-tight text-white md:text-5xl m-0" data-rich-text="">Recent projects we are proud of</h2><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"grid gap-6 md:grid-cols-2"} --><div class="wp-block-atomic-wind-box grid gap-6 md: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/folio1/900/650","alt":"","className":"aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0" src="https://picsum.photos/seed/folio1/900/650" alt=""/><!-- /wp:atomic-wind/image --><!-- wp:atomic-wind/box {"className":"absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"} --><div class="wp-block-atomic-wind-box absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-xs font-bold uppercase tracking-widest text-indigo-400 m-0"} --><span class="wp-block-atomic-wind-text text-xs font-bold uppercase tracking-widest text-indigo-400 m-0" data-rich-text="">Branding</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-xl font-semibold text-white m-0"} --><h3 class="wp-block-atomic-wind-text text-xl font-semibold text-white m-0" data-rich-text="">Northwind identity system</h3><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --><!-- 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/folio2/900/650","alt":"","className":"aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0" src="https://picsum.photos/seed/folio2/900/650" alt=""/><!-- /wp:atomic-wind/image --><!-- wp:atomic-wind/box {"className":"absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"} --><div class="wp-block-atomic-wind-box absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-xs font-bold uppercase tracking-widest text-indigo-400 m-0"} --><span class="wp-block-atomic-wind-text text-xs font-bold uppercase tracking-widest text-indigo-400 m-0" data-rich-text="">Web design</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-xl font-semibold text-white m-0"} --><h3 class="wp-block-atomic-wind-text text-xl font-semibold text-white m-0" data-rich-text="">Harbor commerce platform</h3><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --><!-- 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/folio3/900/650","alt":"","className":"aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0" src="https://picsum.photos/seed/folio3/900/650" alt=""/><!-- /wp:atomic-wind/image --><!-- wp:atomic-wind/box {"className":"absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"} --><div class="wp-block-atomic-wind-box absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-xs font-bold uppercase tracking-widest text-indigo-400 m-0"} --><span class="wp-block-atomic-wind-text text-xs font-bold uppercase tracking-widest text-indigo-400 m-0" data-rich-text="">Mobile app</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-xl font-semibold text-white m-0"} --><h3 class="wp-block-atomic-wind-text text-xl font-semibold text-white m-0" data-rich-text="">Lumen meditation app</h3><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --><!-- 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/folio4/900/650","alt":"","className":"aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0"} --><img class="wp-block-atomic-wind-image aspect-[4/3] w-full object-cover transition duration-700 group-hover:scale-110 m-0" src="https://picsum.photos/seed/folio4/900/650" alt=""/><!-- /wp:atomic-wind/image --><!-- wp:atomic-wind/box {"className":"absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"} --><div class="wp-block-atomic-wind-box absolute inset-x-0 bottom-0 flex flex-col gap-1 bg-gradient-to-t from-black/80 to-transparent p-6"><!-- wp:atomic-wind/text {"tagName":"span","className":"text-xs font-bold uppercase tracking-widest text-indigo-400 m-0"} --><span class="wp-block-atomic-wind-text text-xs font-bold uppercase tracking-widest text-indigo-400 m-0" data-rich-text="">Campaign</span><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"tagName":"h3","className":"text-xl font-semibold text-white m-0"} --><h3 class="wp-block-atomic-wind-text text-xl font-semibold text-white m-0" data-rich-text="">Solstice launch film</h3><!-- /wp:atomic-wind/text --></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 -->', );