<?php
/**
 * Title: Albums
 * Slug: creativ-music-fse/home-albums
 * Categories: theme
 *
 * @package creativ-music-fse
 * @since 1.0.0
 */

?>

<!-- wp:group {"metadata":{"categories":["theme"],"patternName":"creativ-music-fse/home-albums","name":"Albums"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|x-small","left":"var:preset|spacing|x-small","top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"},"blockGap":"var:preset|spacing|large","margin":{"top":"0","bottom":"0"}},"color":{"background":"#031322"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#031322;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group" style="margin-bottom:0"><!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"uppercase"},"color":{"text":"#ff0078"}},"fontSize":"x-small"} -->
<h6 class="wp-block-heading has-text-color has-x-small-font-size" style="color:#ff0078;text-transform:uppercase"><?php esc_html_e( 'Latest Albums', 'creativ-music-fse' ); ?></h6>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"lineHeight":"1.3","fontStyle":"normal","fontWeight":"700","letterSpacing":"2px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"xxx-large","fontFamily":"playfair-display"} -->
<h3 class="wp-block-heading has-text-align-center has-base-color has-text-color has-link-color has-playfair-display-font-family has-xxx-large-font-size" style="font-style:normal;font-weight:700;letter-spacing:2px;line-height:1.3"><?php esc_html_e( 'Experience the Soundtrack!', 'creativ-music-fse' ); ?></h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"grid","minimumColumnWidth":"18rem"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"style":"dashed","color":"transparent"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:transparent;border-style:dashed"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|small"}},"border":{"radius":"100%"},"layout":{"selfStretch":"fixed","flexSize":"80px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:100%;margin-bottom:var(--wp--preset--spacing--small)"><!-- wp:image {"scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/album-01.jpg' ) ); ?>" alt="" class="" style="object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"large","fontFamily":"playfair-display"} -->
<h5 class="wp-block-heading has-text-align-center has-base-color has-text-color has-link-color has-playfair-display-font-family has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--x-small);font-style:normal;font-weight:600"><?php esc_html_e( 'No More Love', 'creativ-music-fse' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"#ff0078"}}},"color":{"text":"#ff0078"},"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"body"} -->
<p class="has-text-align-center has-text-color has-link-color has-body-font-family has-small-font-size" style="color:#ff0078;font-style:normal;font-weight:400"><?php esc_html_e( 'Acoustic', 'creativ-music-fse' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"dashed","color":"transparent"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:transparent;border-style:dashed"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|small"}},"border":{"radius":"100%"},"layout":{"selfStretch":"fixed","flexSize":"80px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:100%;margin-bottom:var(--wp--preset--spacing--small)"><!-- wp:image {"scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/album-02.jpg' ) ); ?>" alt="" class="" style="object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"large","fontFamily":"playfair-display"} -->
<h5 class="wp-block-heading has-text-align-center has-base-color has-text-color has-link-color has-playfair-display-font-family has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--x-small);font-style:normal;font-weight:600"><?php esc_html_e( 'Feel The Vibes', 'creativ-music-fse' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"#ff0078"}}},"color":{"text":"#ff0078"},"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"body"} -->
<p class="has-text-align-center has-text-color has-link-color has-body-font-family has-small-font-size" style="color:#ff0078;font-style:normal;font-weight:400"><?php esc_html_e( 'Electronic', 'creativ-music-fse' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"style":"dashed","color":"transparent"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:transparent;border-style:dashed"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|small"}},"border":{"radius":"100%"},"layout":{"selfStretch":"fixed","flexSize":"80px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:100%;margin-bottom:var(--wp--preset--spacing--small)"><!-- wp:image {"scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( 'assets/images/album-03.jpg' ) ); ?>" alt="" class="" style="object-fit:cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"large","fontFamily":"playfair-display"} -->
<h5 class="wp-block-heading has-text-align-center has-base-color has-text-color has-link-color has-playfair-display-font-family has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--x-small);font-style:normal;font-weight:600"><?php esc_html_e( 'Let You Down', 'creativ-music-fse' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"#ff0078"}}},"color":{"text":"#ff0078"},"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"body"} -->
<p class="has-text-align-center has-text-color has-link-color has-body-font-family has-small-font-size" style="color:#ff0078;font-style:normal;font-weight:400"><?php esc_html_e( 'Country', 'creativ-music-fse' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"30px"},"spacing":{"padding":{"left":"var:preset|spacing|small","right":"var:preset|spacing|small","top":"var:preset|spacing|x-small","bottom":"var:preset|spacing|x-small"}},"color":{"background":"#ff0078"},"typography":{"textTransform":"uppercase"}},"fontSize":"x-small"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-x-small-font-size has-custom-font-size wp-element-button" style="border-radius:30px;background-color:#ff0078;padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--small);text-transform:uppercase"><?php esc_html_e( 'View All Albums', 'creativ-music-fse' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->