<?php
/**
 * Title: Philosophy
 * Slug: marble-st/philosophy
 * Categories: marble-st
 * Description: About section with image and philosophy text.
 */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"backgroundColor":"surface-low","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull has-surface-low-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"42%"} -->
<div class="wp-block-column" style="flex-basis:42%"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#000000","#ffffff"]}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/cafe-coffee-shop-coffee-glass-drink-black-111764-pxhere.com_.jpg" alt="<?php esc_attr_e( 'Coffee glass on a table', 'marble-st' ); ?>" class="" style="aspect-ratio:4/5;object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"58%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:58%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.75rem","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.2em","textTransform":"uppercase"}},"textColor":"secondary","fontFamily":"body"} -->
<p class="has-secondary-color has-text-color has-body-font-family" style="font-size:0.75rem;font-style:normal;font-weight:700;letter-spacing:0.2em;text-transform:uppercase"><?php esc_html_e('About Us', 'marble-st');?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)"><?php esc_html_e('Started with one espresso machine and a big idea.', 'marble-st');?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.125rem","lineHeight":"1.7"}},"textColor":"secondary"} -->
<p class="has-secondary-color has-text-color" style="font-size:1.125rem;line-height:1.7"><?php esc_html_e('We opened Marble St in 2018 because the neighborhood needed a place that wasn\'t a chain and wasn\'t pretentious. Somewhere you can bring your laptop or your grandmother. We source directly from three farms in Colombia and Ethiopia, roast everything ourselves, and keep the prices fair. Six years later, we still mop our own floors.', 'marble-st');?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e('About Us', 'marble-st');?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
