<?php

/**
 * Title: Header
 * Slug: brick-beam/header
 * Categories: brick-beam
 */
?>
<!-- wp:group {"metadata":{"name":"Top Header"},"style":{"spacing":{"padding":{"top":"12px","right":"var:preset|spacing|30","bottom":"12px","left":"var:preset|spacing|30"},"blockGap":"0px"},"color":{"background":"#111111"}},"layout":{"type":"constrained","contentSize":"1400px"}} -->
<div class="wp-block-group has-background"
    style="background-color:#111111;padding-top:12px;padding-right:var(--wp--preset--spacing--30);padding-bottom:12px;padding-left:var(--wp--preset--spacing--30)">
    <!-- wp:group {"align":"wide","className":"mobile-aligncenter","style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"}} -->
    <div class="wp-block-group alignwide mobile-aligncenter">
        <!-- wp:group {"className":"mobile-aligncenter","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"blockGap":"10px"}},"textColor":"white","layout":{"type":"flex","flexWrap":"wrap"}} -->
        <div class="wp-block-group mobile-aligncenter has-white-color has-text-color has-link-color">
            <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
            <div class="wp-block-group">
                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
                <div class="wp-block-group">
                    <!-- wp:image {"width":"20px","height":"auto","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-default vertical-aligncenter","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                    <figure class="wp-block-image size-full is-resized is-style-default vertical-aligncenter"><img
                            src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/phone-incoming.png" alt=""
                            style="object-fit:cover;width:20px;height:auto" /></figure>
                    <!-- /wp:image -->
                </div>
                <!-- /wp:group -->

                <!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"}}} -->
                <p style="font-size:15px"> <?php echo esc_html__('+123 456 789', 'brick-beam'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
            <div class="wp-block-group">
                <!-- wp:image {"width":"23px","sizeSlug":"full","linkDestination":"none","className":"is-style-default vertical-aligncenter","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                <figure class="wp-block-image size-full is-resized is-style-default vertical-aligncenter"><img
                        src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/email-2.png" alt=""
                        style="width:23px" /></figure>
                <!-- /wp:image -->

                <!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"}}} -->
                <p style="font-size:15px"><a href="mailto:support@example.com">
                        <?php echo esc_html__('support@example.com', 'brick-beam'); ?></a></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
            <div class="wp-block-group">
                <!-- wp:image {"width":"20px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-default vertical-aligncenter","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                <figure class="wp-block-image size-full is-resized is-style-default vertical-aligncenter"><img
                        src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/location-1.png" alt=""
                        style="aspect-ratio:1;object-fit:cover;width:20px" /></figure>
                <!-- /wp:image -->

                <!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"}}} -->
                <p style="font-size:15px">
                    <?php echo esc_html__('Sumter,SC 29150', 'brick-beam'); ?>
                </p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"mobile-aligncenter"} -->
        <div class="wp-block-group mobile-aligncenter">
            <!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","size":"has-small-icon-size","className":"is-style-logos-only","style":{"spacing":{"margin":{"top":"0px","bottom":"0px","left":"0","right":"0"},"blockGap":{"top":"var:preset|spacing|10","left":"var:preset|spacing|10"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
            <ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"
                style="margin-top:0px;margin-right:0;margin-bottom:0px;margin-left:0">
                <!-- wp:social-link {"url":"#","service":"facebook"} /-->

                <!-- wp:social-link {"url":"#","service":"youtube"} /-->

                <!-- wp:social-link {"url":"#","service":"instagram"} /-->

                <!-- wp:social-link {"url":"#","service":"wordpress"} /-->
            </ul>
            <!-- /wp:social-links -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"Main Header"},"className":"has-background-background-color","style":{"spacing":{"padding":{"top":"12px","right":"var:preset|spacing|30","bottom":"12px","left":"var:preset|spacing|30"},"blockGap":"0px"},"border":{"bottom":{"style":"none","width":"0px"},"top":[],"right":[],"left":[]}},"backgroundColor":"black","layout":{"type":"constrained","contentSize":"1400px"}} -->
<div class="wp-block-group has-background-background-color has-black-background-color has-background"
    style="border-bottom-style:none;border-bottom-width:0px;padding-top:12px;padding-right:var(--wp--preset--spacing--30);padding-bottom:12px;padding-left:var(--wp--preset--spacing--30)">
    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"10px","top":"10px","right":"0px","left":"0px"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    <div class="wp-block-group alignwide" style="padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px">
        <!-- wp:group {"className":"mobile-aligncenter","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex"}} -->
        <div class="wp-block-group mobile-aligncenter"><!-- wp:site-logo {"width":37,"shouldSyncIcon":true} /-->

            <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"fontSize":"tiny","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-tiny-font-size">
                <!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontStyle":"normal","fontWeight":"500","fontSize":"1.6rem","letterSpacing":"0px","textTransform":"uppercase"}}} /-->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"mobile-media-alignjustify","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
        <div class="wp-block-group mobile-media-alignjustify">
            <!-- wp:navigation {"textColor":"foreground","overlayBackgroundColor":"background","overlayTextColor":"foreground","metadata":{"ignoredHookedBlocks":["woocommerce/customer-account","woocommerce/mini-cart"]},"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"typography":{"fontSize":"1.02rem","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"}},"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"}} /-->

            <!-- wp:buttons -->
            <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill"} -->
                <div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">
                        <?php echo esc_html__('Contact Us', 'brick-beam'); ?></a>
                </div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->