JezK
Edit File: form-gradient-split.php
<?php /** * Contact Form with Gradient Panel * * @package ThemeIsle */ return array( 'title' => __( 'Contact Form with Gradient Panel', 'otter-blocks' ), 'categories' => array( 'otter-blocks', 'forms' ), 'description' => __( 'Split two-column contact form with a gradient info panel showing email, phone and address beside name, email and message fields for inquiries.', 'otter-blocks' ), 'content' => '<!-- wp:atomic-wind/box {"tagName":"section","align":"full","className":"bg-neutral-50 px-6 py-24 md:py-28"} --><section class="wp-block-atomic-wind-box alignfull bg-neutral-50 px-6 py-24 md:py-28"><!-- wp:atomic-wind/box {"className":"mx-auto grid max-w-6xl overflow-hidden rounded-3xl bg-white shadow-xl ring-1 ring-neutral-900/5 md:grid-cols-2"} --><div class="wp-block-atomic-wind-box mx-auto grid max-w-6xl overflow-hidden rounded-3xl bg-white shadow-xl ring-1 ring-neutral-900/5 md:grid-cols-2"><!-- wp:atomic-wind/box {"className":"relative flex flex-col gap-6 overflow-hidden bg-gradient-to-br from-indigo-600 to-fuchsia-600 p-10 md:p-12"} --><div class="wp-block-atomic-wind-box relative flex flex-col gap-6 overflow-hidden bg-gradient-to-br from-indigo-600 to-fuchsia-600 p-10 md:p-12"><!-- wp:atomic-wind/box {"className":"absolute -bottom-20 -right-16 size-64 rounded-full bg-white/10 blur-3xl"} --><div class="wp-block-atomic-wind-box absolute -bottom-20 -right-16 size-64 rounded-full bg-white/10 blur-3xl"></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"relative inline-flex items-center gap-2 self-start rounded-full bg-white/15 px-4 py-1.5"} --><div class="wp-block-atomic-wind-box relative inline-flex items-center gap-2 self-start rounded-full bg-white/15 px-4 py-1.5"><!-- wp:atomic-wind/icon {"icon":"sparkles","className":"size-4 text-white m-0"} /--><!-- wp:atomic-wind/text {"tagName":"span","className":"text-sm font-semibold text-white m-0"} --><span class="wp-block-atomic-wind-text text-sm font-semibold text-white m-0" data-rich-text="">Let’s talk</span><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/text {"tagName":"h2","className":"relative text-3xl font-extrabold tracking-tight text-white md:text-4xl m-0"} --><h2 class="wp-block-atomic-wind-text relative text-3xl font-extrabold tracking-tight text-white md:text-4xl m-0" data-rich-text="">Let’s build something great together</h2><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/text {"className":"relative max-w-sm text-lg leading-relaxed text-indigo-100 m-0"} --><p class="wp-block-atomic-wind-text relative max-w-sm text-lg leading-relaxed text-indigo-100 m-0" data-rich-text="">Tell us about your project and a real person will get back to you within one business day.</p><!-- /wp:atomic-wind/text --><!-- wp:atomic-wind/box {"className":"relative mt-2 flex flex-col gap-4"} --><div class="wp-block-atomic-wind-box relative mt-2 flex flex-col gap-4"><!-- wp:atomic-wind/box {"className":"flex items-center gap-3"} --><div class="wp-block-atomic-wind-box flex items-center gap-3"><!-- wp:atomic-wind/icon {"icon":"mail","className":"size-5 text-white m-0"} /--><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base text-indigo-50 m-0"} --><span class="wp-block-atomic-wind-text text-base text-indigo-50 m-0" data-rich-text="">hello@example.com</span><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"flex items-center gap-3"} --><div class="wp-block-atomic-wind-box flex items-center gap-3"><!-- wp:atomic-wind/icon {"icon":"phone","className":"size-5 text-white m-0"} /--><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base text-indigo-50 m-0"} --><span class="wp-block-atomic-wind-text text-base text-indigo-50 m-0" data-rich-text="">+1 (555) 987-6543</span><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"flex items-center gap-3"} --><div class="wp-block-atomic-wind-box flex items-center gap-3"><!-- wp:atomic-wind/icon {"icon":"map-pin","className":"size-5 text-white m-0"} /--><!-- wp:atomic-wind/text {"tagName":"span","className":"text-base text-indigo-50 m-0"} --><span class="wp-block-atomic-wind-text text-base text-indigo-50 m-0" data-rich-text="">42 Harbor Lane, Austin TX</span><!-- /wp:atomic-wind/text --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --><!-- wp:atomic-wind/box {"className":"p-8 md:p-12"} --><div class="wp-block-atomic-wind-box p-8 md:p-12"><!-- wp:themeisle-blocks/form {"submitLabel":"Send message","id":"wp-block-themeisle-blocks-form-a1c2e3f4","optionName":"f1e2d3c4b5a697887766554433221100aabbccdd_a1c2e3f4","action":"submit","labelColor":"#0f172a","inputColor":"#0f172a","inputBorderColor":"#e2e8f0","inputBackgroundColor":"#f8fafc","submitBackgroundColor":"#4f46e5","submitBackgroundColorHover":"#4338ca","submitColor":"#ffffff","submitColorHover":"#ffffff","submitStyle":"full"} --><div id="wp-block-themeisle-blocks-form-a1c2e3f4" class="wp-block-themeisle-blocks-form" data-option-name="f1e2d3c4b5a697887766554433221100aabbccdd_a1c2e3f4"><form class="otter-form__container"><!-- wp:themeisle-blocks/form-input {"id":"wp-block-themeisle-blocks-form-input-b2d3f4a5","label":"Name","isRequired":true,"labelColor":"#0f172a"} --><div id="wp-block-themeisle-blocks-form-input-b2d3f4a5" class="wp-block-themeisle-blocks-form-input"><label for="wp-block-themeisle-blocks-form-input-b2d3f4a5-input" class="otter-form-input-label"><span class="otter-form-input-label__label">Name</span><span class="required">*</span></label><input type="text" id="wp-block-themeisle-blocks-form-input-b2d3f4a5-input" required class="otter-form-input"/></div><!-- /wp:themeisle-blocks/form-input --><!-- wp:themeisle-blocks/form-input {"id":"wp-block-themeisle-blocks-form-input-c3e4a5b6","type":"email","label":"Email","isRequired":true,"labelColor":"#0f172a"} --><div id="wp-block-themeisle-blocks-form-input-c3e4a5b6" class="wp-block-themeisle-blocks-form-input"><label for="wp-block-themeisle-blocks-form-input-c3e4a5b6-input" class="otter-form-input-label"><span class="otter-form-input-label__label">Email</span><span class="required">*</span></label><input type="email" id="wp-block-themeisle-blocks-form-input-c3e4a5b6-input" required class="otter-form-input"/></div><!-- /wp:themeisle-blocks/form-input --><!-- wp:themeisle-blocks/form-textarea {"id":"wp-block-themeisle-blocks-form-textarea-d4f5b6c7","label":"How can we help?"} --><div id="wp-block-themeisle-blocks-form-textarea-d4f5b6c7" class="wp-block-themeisle-blocks-form-textarea"><label for="wp-block-themeisle-blocks-form-textarea-d4f5b6c7-input" class="otter-form-textarea-label"><span class="otter-form-textarea-label__label">How can we help?</span></label><textarea id="wp-block-themeisle-blocks-form-textarea-d4f5b6c7-input" rows="10" class="otter-form-textarea-input"></textarea></div><!-- /wp:themeisle-blocks/form-textarea --><!-- wp:themeisle-blocks/form-nonce {"formId":"wp-block-themeisle-blocks-form-a1c2e3f4"} /--><div class="wp-block-button full"><button class="wp-block-button__link" type="submit">Send message</button></div></form></div><!-- /wp:themeisle-blocks/form --></div><!-- /wp:atomic-wind/box --></div><!-- /wp:atomic-wind/box --></section><!-- /wp:atomic-wind/box -->', );