<?php
/**
 * Title: Newsletter CTA
 * Slug: member-read/newsletter-cta
 * Categories: member-read
 */
?>

<!-- wp:group {"metadata":{"categories":["member-read"],"patternName":"member-read/newsletter-cta","name":"Newsletter CTA"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"background-dark","layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignfull has-background-dark-background-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"border":{"radius":"24px"},"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"},"color":{"background":"var:preset|color|secondary"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="border-radius:24px;background-color:var(--wp--preset--color--secondary);padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"border":{"radius":"999px","color":"rgba(255,255,255,0.18)","width":"1px"},"spacing":{"padding":{"top":"4px","bottom":"4px","left":"12px","right":"12px"},"blockGap":"8px"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color" style="border-color:rgba(255,255,255,0.18);border-width:1px;border-radius:999px;padding-top:4px;padding-right:12px;padding-bottom:4px;padding-left:12px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"11px","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"},"color":{"text":"var:preset|color|primary-dark"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--primary-dark);margin-top:0px;margin-bottom:0px;font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase">✦ <?php esc_html_e( 'NEW STORIES', 'member-read' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"12px","padding":{"bottom":"16px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group" style="padding-bottom:16px"><!-- wp:heading {"className":"has-text-align-center","style":{"typography":{"fontSize":"clamp(36px, 5vw, 60px)","fontWeight":"500","lineHeight":"1.05","letterSpacing":"-1.5px","fontStyle":"normal"},"color":{"text":"var:preset|color|white"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"fontFamily":"primary"} -->
<h2 class="wp-block-heading has-text-align-center has-text-color has-primary-font-family" style="color:var(--wp--preset--color--white);margin-top:0px;margin-bottom:0px;font-size:clamp(36px, 5vw, 60px);font-style:normal;font-weight:500;letter-spacing:-1.5px;line-height:1.05"><?php esc_html_e( 'One good email,', 'member-read' ); ?><br><em style="font-family:var(--wp--preset--font-family--accent);font-weight:400;font-style:italic;color:var(--wp--preset--color--primary-light);letter-spacing:-1px"><?php esc_html_e( 'every Sunday', 'member-read' ); ?></em></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"has-text-color","style":{"typography":{"fontSize":"16px","lineHeight":"1.6","fontWeight":"400","textAlign":"center"},"color":{"text":"var:preset|color|muted-text"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:var(--wp--preset--color--muted-text);margin-top:0px;margin-bottom:0px;font-size:16px;font-weight:400;line-height:1.6"><?php esc_html_e( 'Three stories worth your time, hand-picked by our', 'member-read' ); ?><br><?php esc_html_e( 'editors. Nothing else.', 'member-read' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:html -->
<div style="display:flex;justify-content:center;width:100%">
	<div style="display:flex;align-items:center;width:100%;max-width:520px;background-color:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:999px;padding:8px 8px 8px 20px;gap:8px;">
	<input type="email" placeholder="<?php echo esc_attr_x( '@example.com', 'Example email placeholder', 'member-read' ); ?>" style="flex:1;background:transparent;border:none;outline:none;color:#ffffff;font-size:15px;font-family:inherit;min-width:0;">
	<button type="submit" style="flex-shrink:0;background-color:var(--wp--preset--color--background-light);color:var(--wp--preset--color--heading-text);border:none;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;"><?php esc_html_e( 'Subscribe', 'member-read' ); ?></button>
	</div>
</div>
<!-- /wp:html -->

<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"10px","fontWeight":"600","letterSpacing":"0.16em","textTransform":"uppercase"},"color":{"text":"var:preset|color|muted-text"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--muted-text);margin-top:0px;margin-bottom:0px;font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase"><?php esc_html_e( 'Free Forever', 'member-read' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"8px"},"color":{"text":"var:preset|color|muted-text"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--muted-text);margin-top:0px;margin-bottom:0px;font-size:8px">✦</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px","fontWeight":"600","letterSpacing":"0.16em","textTransform":"uppercase"},"color":{"text":"var:preset|color|muted-text"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--muted-text);margin-top:0px;margin-bottom:0px;font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase"><?php esc_html_e( 'No Spam', 'member-read' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"8px"},"color":{"text":"var:preset|color|muted-text"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--muted-text);margin-top:0px;margin-bottom:0px;font-size:8px">✦</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","textTransform":"uppercase","letterSpacing":"2px"},"color":{"text":"var:preset|color|muted-text"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"fontSize":"x-small"} -->
<p class="has-text-color has-x-small-font-size" style="color:var(--wp--preset--color--muted-text);margin-top:0px;margin-bottom:0px;font-weight:600;letter-spacing:2px;text-transform:uppercase"><?php esc_html_e( 'One-Click Unsubscribe', 'member-read' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
