<?php

/**
 * Title: Contact Us Section
 * Slug: eryndo/contact-us-section
 * Categories: contact, featured, sections
 * Block Types: core/template-part/sections
 * Description: Contact us section.
 *
 * @package WordPress
 * @subpackage Eryndo
 * @since Eryndo 1.0
 */
?>

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
            <div class="wp-block-column"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"contrast","fontSize":"medium"} -->
                <h2 class="wp-block-heading has-contrast-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><?php echo esc_html__('GET IN TOUCH', 'eryndo'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:heading {"className":"is-style-text-section-header","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
                <h2 class="wp-block-heading is-style-text-section-header" style="font-style:normal;font-weight:500"><?php echo esc_html__('Let’s Connect with You', 'eryndo'); ?></h2>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:paragraph {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30"}},"typography":{"lineHeight":1.6},"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}}},"textColor":"accent-4","fontSize":"medium"} -->
        <p class="has-accent-4-color has-text-color has-link-color has-medium-font-size" style="padding-bottom:var(--wp--preset--spacing--30);line-height:1.6"><?php echo esc_html__('Whether you have questions about our services, need pet care advice, or want to share a photo of your furry friend, our team is here to help.', 'eryndo'); ?></p>
        <!-- /wp:paragraph -->

        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"20px"}},"backgroundColor":"accent-1","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
        <div class="wp-block-group has-accent-1-background-color has-background" style="border-radius:20px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
                <div class="wp-block-column"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"accent-5","fontSize":"medium"} -->
                    <h2 class="wp-block-heading has-accent-5-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><?php echo esc_html__('Address', 'eryndo'); ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}}},"textColor":"accent-4","fontSize":"medium"} -->
                    <p class="has-accent-4-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('123 Oceanview Drive, Tofino, BC V0R 2Z0, CA', 'eryndo'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->

            <!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"style":{"border":{"radius":"10px"}}} -->
                <div class="wp-block-column" style="border-radius:10px"><!-- wp:eryndo/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/eryndo-icon-10.svg"} -->
                    <div class="wp-block-eryndo-svg-icon aligncenter has-text-align-center eryndo-svg-icon-block has-transparent-background-color has-background" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;display:inline-block;text-align:center;width:fit-content;margin:0 auto;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color);background-color:var(--icon-bg-color)"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/eryndo-icon-10.svg" alt="SVG Icon" style="width:100%;height:100%;object-fit:contain" /></div>
                    </div>
                    <!-- /wp:eryndo/svg-icon -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"20px"}},"backgroundColor":"accent-1","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
        <div class="wp-block-group has-accent-1-background-color has-background" style="border-radius:20px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
                <div class="wp-block-column"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"accent-5","fontSize":"medium"} -->
                    <h2 class="wp-block-heading has-accent-5-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><?php echo esc_html__('Hotline', 'eryndo'); ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"medium"} -->
                    <p class="has-contrast-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('(250) 555-6789', 'eryndo'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->

            <!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"style":{"border":{"radius":"10px"}}} -->
                <div class="wp-block-column" style="border-radius:10px"><!-- wp:eryndo/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/eryndo-icon-11.svg"} -->
                    <div class="wp-block-eryndo-svg-icon aligncenter has-text-align-center eryndo-svg-icon-block has-transparent-background-color has-background" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;display:inline-block;text-align:center;width:fit-content;margin:0 auto;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color);background-color:var(--icon-bg-color)"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/eryndo-icon-11.svg" alt="SVG Icon" style="width:100%;height:100%;object-fit:contain" /></div>
                    </div>
                    <!-- /wp:eryndo/svg-icon -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"20px"}},"backgroundColor":"accent-1","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
        <div class="wp-block-group has-accent-1-background-color has-background" style="border-radius:20px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
                <div class="wp-block-column"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"accent-5","fontSize":"medium"} -->
                    <h2 class="wp-block-heading has-accent-5-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><?php echo esc_html__('Opening Hours', 'eryndo'); ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}}},"textColor":"accent-4","fontSize":"medium"} -->
                    <p class="has-accent-4-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('Mon to Fri 9:00 am - 8:30 pm', 'eryndo'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-4"}}}},"textColor":"accent-4","fontSize":"medium"} -->
                    <p class="has-accent-4-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('Sat 10:30 am - 7:00 pm', 'eryndo'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"medium"} -->
                    <p class="has-contrast-color has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('Sun: Closed', 'eryndo'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->

            <!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"style":{"border":{"radius":"10px"}}} -->
                <div class="wp-block-column" style="border-radius:10px"><!-- wp:eryndo/svg-icon {"iconUrl":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/eryndo-icon-12.svg"} -->
                    <div class="wp-block-eryndo-svg-icon aligncenter has-text-align-center eryndo-svg-icon-block has-transparent-background-color has-background" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;display:inline-block;text-align:center;width:fit-content;margin:0 auto;--icon-color:currentColor;--icon-bg-color:transparent">
                        <div class="svg-icon-container" style="display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;line-height:0;color:var(--icon-color);background-color:var(--icon-bg-color)"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/eryndo-icon-12.svg" alt="SVG Icon" style="width:100%;height:100%;object-fit:contain" /></div>
                    </div>
                    <!-- /wp:eryndo/svg-icon -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"verticalAlignment":"center","width":"55%","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"border":{"radius":"20px"}},"backgroundColor":"contrast"} -->
    <div class="wp-block-column is-vertically-aligned-center has-contrast-background-color has-background" style="border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:55%"><!-- wp:heading {"className":"is-style-text-display","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"base"} -->
        <h2 class="wp-block-heading is-style-text-display has-base-color has-text-color has-link-color" style="font-style:normal;font-weight:500"><?php echo esc_html__('Your Message, Our Care', 'eryndo'); ?></h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-1"}}},"spacing":{"padding":{"bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":1.6}},"textColor":"accent-1","fontSize":"medium"} -->
        <p class="has-accent-1-color has-text-color has-link-color has-medium-font-size" style="padding-bottom:var(--wp--preset--spacing--20);line-height:1.6"><?php echo esc_html__('Got a question, idea, or simply want to say hello? Send us a message and our friendly Canadian team will be in touch quicker than you can say', 'eryndo'); ?></p>
        <!-- /wp:paragraph -->

        <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
        <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"border":{"radius":"10px"}},"backgroundColor":"base","textColor":"contrast","fontSize":"medium"} -->
            <div class="wp-block-column has-contrast-color has-base-background-color has-text-color has-background has-link-color has-medium-font-size" style="border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"fontSize":"medium"} -->
                <p class="has-medium-font-size"><?php echo esc_html__('First Name', 'eryndo'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"10px","width":"1px"}},"backgroundColor":"accent-7","textColor":"base","fontSize":"medium","borderColor":"accent-7"} -->
            <div class="wp-block-column has-border-color has-accent-7-border-color has-base-color has-accent-7-background-color has-text-color has-background has-link-color has-medium-font-size" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"fontSize":"medium"} -->
                <p class="has-medium-font-size"><?php echo esc_html__('Last Name', 'eryndo'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"width":"1px","color":"color-mix(in srgb, currentColor 20%, transparent)","radius":"10px"}},"backgroundColor":"accent-7","textColor":"base"} -->
            <div class="wp-block-column has-border-color has-base-color has-accent-7-background-color has-text-color has-background has-link-color" style="border-color:color-mix(in srgb, currentColor 20%, transparent);border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"fontSize":"medium"} -->
                <p class="has-medium-font-size"><?php echo esc_html__('Email Address', 'eryndo'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"width":"1px","color":"color-mix(in srgb, currentColor 20%, transparent)","radius":"10px"}},"backgroundColor":"accent-7","textColor":"base"} -->
            <div class="wp-block-column has-border-color has-base-color has-accent-7-background-color has-text-color has-background has-link-color" style="border-color:color-mix(in srgb, currentColor 20%, transparent);border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"fontSize":"medium"} -->
                <p class="has-medium-font-size"><?php echo esc_html__('Phone Number', 'eryndo'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"width":"1px","color":"color-mix(in srgb, currentColor 20%, transparent)","radius":"10px"}},"backgroundColor":"accent-7","textColor":"base"} -->
            <div class="wp-block-column has-border-color has-base-color has-accent-7-background-color has-text-color has-background has-link-color" style="border-color:color-mix(in srgb, currentColor 20%, transparent);border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"fontSize":"medium"} -->
                <p class="has-medium-font-size"><?php echo esc_html__('Your Message', 'eryndo'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"width":"1px","color":"color-mix(in srgb, currentColor 20%, transparent)","radius":"10px"}},"backgroundColor":"accent-5","textColor":"base"} -->
            <div class="wp-block-column has-border-color has-base-color has-accent-5-background-color has-text-color has-background has-link-color" style="border-color:color-mix(in srgb, currentColor 20%, transparent);border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
                <p class="has-text-align-center has-medium-font-size"><?php echo esc_html__('Send Message', 'eryndo'); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:column -->
</div>
<!-- /wp:columns -->