<?php
/**
 * Title: Contact section with Email, Social Media, and Address
 * Slug: abc-studio/contact-01
 * Categories: contact, abc_studio_pattern
 */
?>
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)">

	<!-- wp:heading {"level":4} -->
	<h4 class="wp-block-heading"><?php echo esc_html__( 'Give us a call or send us an email', 'abc-studio' ); ?></h4>
	<!-- /wp:heading -->

	<!-- wp:paragraph -->
	<p>+1 (234) 567-8910<br>hello@example.com</p>
	<!-- /wp:paragraph -->

	<!-- wp:separator {"className":"is-style-wide","backgroundColor":"border-primary"} -->
	<hr class="wp-block-separator has-text-color has-border-primary-color has-alpha-channel-opacity has-border-primary-background-color has-background is-style-wide"/>
	<!-- /wp:separator -->

	<!-- wp:heading {"level":4} -->
	<h4 class="wp-block-heading"><?php echo esc_html__( 'Let\'s Connect!', 'abc-studio' ); ?></h4>
	<!-- /wp:heading -->

	<!-- wp:social-links {"iconBackgroundColor":"contrast","iconBackgroundColorValue":"#121212","className":"is-style-default","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|20"}}}} -->
	<ul class="wp-block-social-links has-icon-background-color is-style-default">
		<!-- wp:social-link {"url":"#","service":"instagram"} /-->
		<!-- wp:social-link {"url":"#","service":"facebook"} /-->
		<!-- wp:social-link {"url":"#","service":"linkedin"} /-->
	</ul>
	<!-- /wp:social-links -->

	<!-- wp:separator {"className":"is-style-wide","backgroundColor":"border-primary"} -->
	<hr class="wp-block-separator has-text-color has-border-primary-color has-alpha-channel-opacity has-border-primary-background-color has-background is-style-wide"/>
	<!-- /wp:separator -->

	<!-- wp:heading {"level":4} -->
	<h4 class="wp-block-heading"><?php echo esc_html__( 'Address', 'abc-studio' ); ?></h4>
	<!-- /wp:heading -->

	<!-- wp:paragraph -->
	<p>123 Anywhere St., Any City, State, Country 456</p>
	<!-- /wp:paragraph -->

</div>
<!-- /wp:group -->
