<?php
/**
 * Title: Newsletter Signup
 * Slug: fse-ecommerce/newsletter-signup
 * Description: Email newsletter signup section with headline, sub-copy, email input and subscribe button. Ideal for capturing leads.
 * Categories: fse-ecommerce/patterns-cat, call-to-action, text, featured
 * Keywords: newsletter, email, subscribe, signup, lead capture, mailing list, ecommerce, offers, updates, marketing
 */
?>

<!-- wp:group {"align":"full","style":{"color":{"background":"#1a1a1a"},"spacing":{"padding":{"top":"80px","bottom":"80px","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#1a1a1a;padding-top:80px;padding-right:var(--wp--preset--spacing--50);padding-bottom:80px;padding-left:var(--wp--preset--spacing--50)">

	<!-- wp:group {"style":{"spacing":{"padding":{"right":"16px","left":"16px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
	<div class="wp-block-group" style="padding-right:16px;padding-left:16px">

		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"12px","fontWeight":"700","letterSpacing":"4px","textTransform":"uppercase"},"color":{"text":"#f66f66"},"spacing":{"margin":{"bottom":"0px"}}}} -->
		<p class="has-text-align-center" style="color:#f66f66;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:0px"><?php esc_html_e( 'Stay In The Loop', 'fse-ecommerce' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:heading {"textAlign":"center","level":2,"style":{"typography":{"fontSize":"clamp(1.8rem, 4vw, 2.6rem)","fontWeight":"800","lineHeight":"1.2"},"spacing":{"margin":{"top":"14px","bottom":"14px"}},"color":{"text":"#ffffff"}}} -->
		<h2 class="wp-block-heading has-text-align-center has-text-color" style="color:#ffffff;margin-top:14px;margin-bottom:14px;font-size:clamp(1.8rem, 4vw, 2.6rem);font-weight:800;line-height:1.2"><?php esc_html_e( 'Get Exclusive Deals & New Arrivals', 'fse-ecommerce' ); ?></h2>
		<!-- /wp:heading -->

		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1rem","lineHeight":"1.7"},"color":{"text":"#cccccc"},"spacing":{"margin":{"bottom":"36px"}}}} -->
		<p class="has-text-align-center" style="color:#cccccc;font-size:1rem;line-height:1.7;margin-bottom:36px"><?php esc_html_e( 'Subscribe to our newsletter and be the first to know about exclusive offers, new arrivals, and style tips. No spam — ever.', 'fse-ecommerce' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
		<div class="wp-block-group">

			<!-- wp:html -->
			<form style="display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:540px;" action="#" method="post">
				<input type="email" name="fse_newsletter_email" placeholder="<?php esc_attr_e( 'Enter your email address', 'fse-ecommerce' ); ?>" required style="flex:1;min-width:200px;padding:14px 20px;border:2px solid rgba(255,255,255,0.14);border-radius:50px;background:rgba(255,255,255,0.07);color:#ffffff;font-size:0.93rem;outline:none;">
				<button type="submit" style="padding:14px 30px;background-color:#f66f66;color:#ffffff;border:none;border-radius:50px;font-size:0.93rem;font-weight:700;cursor:pointer;"><?php esc_html_e( 'Subscribe', 'fse-ecommerce' ); ?></button>
			</form>
			<!-- /wp:html -->

		</div>
		<!-- /wp:group -->

		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.78rem"},"color":{"text":"#999999"},"spacing":{"margin":{"top":"14px"}}}} -->
		<p class="has-text-align-center" style="color:#999999;font-size:0.78rem;margin-top:14px"><?php esc_html_e( 'By subscribing you agree to our Privacy Policy. Unsubscribe anytime.', 'fse-ecommerce' ); ?></p>
		<!-- /wp:paragraph -->

		<!-- wp:group {"style":{"spacing":{"margin":{"top":"44px"},"blockGap":"32px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
		<div class="wp-block-group" style="margin-top:44px">

			<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.85rem","fontWeight":"600"},"color":{"text":"#aaaaaa"}}} -->
			 <p style="color:#aaaaaa;font-size:0.85rem;font-weight:600">&#x1F4E6; <?php esc_html_e( '10,000+ Subscribers', 'fse-ecommerce' ); ?></p>
			 <!-- /wp:paragraph -->

			<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.85rem","fontWeight":"600"},"color":{"text":"#aaaaaa"}}} -->
			 <p style="color:#aaaaaa;font-size:0.85rem;font-weight:600">&#x1F381; <?php esc_html_e( 'Exclusive Subscriber Offers', 'fse-ecommerce' ); ?></p>
			 <!-- /wp:paragraph -->

			<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.85rem","fontWeight":"600"},"color":{"text":"#aaaaaa"}}} -->
			 <p style="color:#aaaaaa;font-size:0.85rem;font-weight:600">&#x1F515; <?php esc_html_e( 'No Spam, Ever', 'fse-ecommerce' ); ?></p>
			 <!-- /wp:paragraph -->

		</div>
		<!-- /wp:group -->

	</div>
	<!-- /wp:group -->

</div>
<!-- /wp:group -->