<?php
/**
 * Title: Footer With Three Columns
 * Slug: catch-bells/footer-with-three-columns
 * Categories: catch-bells, footer
 */
?>

<!-- wp:group {"metadata":{"categories":["catch-bells","footer"],"patternName":"catch-bells/footer-with-three-columns","name":"Footer With Three Columns"},"align":"full","className":"footer","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull footer"><!-- wp:columns {"align":"wide","className":"upper-footer"} -->
  <div class="wp-block-columns alignwide upper-footer"><!-- wp:column -->
    <div class="wp-block-column"><!-- wp:heading {"level":5,"className":"footer-title"} -->
      <h5 class="wp-block-heading footer-title"><?php esc_html_e('About Us', 'catch-bells'); ?></h5>
      <!-- /wp:heading -->
      <!-- wp:paragraph -->
      <p><?php esc_html_e('Lorem ipsum dolor sit amet con sect etur adipiscing elit maecenas conse ctetur dapibus rutrum proin vitae nibh eget adipiscing elit maecenas cons.', 'catch-bells'); ?></p>
      <!-- /wp:paragraph -->

      <!-- wp:social-links {"className":"is-style-logos-only"} -->
      <ul class="wp-block-social-links is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

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

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

    <!-- wp:column -->
    <div class="wp-block-column"><!-- wp:heading {"level":5,"className":"footer-title"} -->
      <h5 class="wp-block-heading footer-title"><?php esc_html_e('Recent Posts', 'catch-bells'); ?></h5>
      <!-- /wp:heading -->

      <!-- wp:latest-posts {"displayPostDate":true} /-->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"className":"wp-block-widget"} -->
    <div class="wp-block-column wp-block-widget"><!-- wp:group -->
      <div class="wp-block-group"><!-- wp:heading {"level":5,"className":"footer-title"} -->
        <h5 class="wp-block-heading footer-title"><?php esc_html_e('Get in touch', 'catch-bells'); ?></h5>
        <!-- /wp:heading -->

        <!-- wp:group -->
        <div class="wp-block-group"><!-- wp:group {"className":"wp-info-group","layout":{"type":"flex","allowOrientation":false}} -->
          <div class="wp-block-group wp-info-group"><!-- wp:image {"id":15025,"sizeSlug":"full","linkDestination":"none"} -->
            <figure class="wp-block-image size-full"><img src="<?php echo get_parent_theme_file_uri('/assets/images/phone.png'); ?>" alt="" class="wp-image-15025" /></figure>
            <!-- /wp:image -->

            <!-- wp:paragraph -->
            <p><a href="#"><?php esc_html_e('(+880) 123 3456 7890', 'catch-bells'); ?></a></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->

          <!-- wp:group {"className":"wp-info-group","layout":{"type":"flex","allowOrientation":false}} -->
          <div class="wp-block-group wp-info-group"><!-- wp:image {"id":15026,"sizeSlug":"full","linkDestination":"none"} -->
            <figure class="wp-block-image size-full"><img src="<?php echo get_parent_theme_file_uri('/assets/images/envelope.png'); ?>" alt="" class="wp-image-15026" /></figure>
            <!-- /wp:image -->

            <!-- wp:paragraph -->
            <p><a href="#"><?php esc_html_e('support@companyname.com', 'catch-bells'); ?></a></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->

          <!-- wp:group {"className":"wp-info-group","layout":{"type":"flex","allowOrientation":false}} -->
          <div class="wp-block-group wp-info-group"><!-- wp:image {"id":15027,"sizeSlug":"full","linkDestination":"none"} -->
            <figure class="wp-block-image size-full"><img src="<?php echo get_parent_theme_file_uri('/assets/images/clock.png'); ?>" alt="" class="wp-image-15027" /></figure>
            <!-- /wp:image -->

            <!-- wp:paragraph -->
            <p><a href="#"><?php esc_html_e('Opening Hours: 10:00 18:00', 'catch-bells'); ?></a></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->
