<?php get_header(); ?>

<main id="main" class="bw-main">

<?php // ── Hero ──────────────────────────────────────────────────────────────── ?>
<section class="bw-hero">
	<div class="bw-container">
		<div class="bw-eyebrow bw-eyebrow--orange bw-hero__eyebrow">Research-Grade Peptides</div>
		<h1 class="bw-hero__title">
			Premium<span class="bw-italic"> Research Compounds</span><br>
			Verified by Independent Labs.
		</h1>
		<p class="bw-hero__subtitle">Third-party HPLC-verified purity. Certificate of Analysis on every batch. Shipped next-day within the USA.</p>

		<div class="bw-hero__stats">
			<div class="bw-hero__stat"><div class="bw-hero__stat-num">99.7%</div><div class="bw-hero__stat-label">Avg Purity</div></div>
			<div class="bw-hero__stat"><div class="bw-hero__stat-num">1,800+</div><div class="bw-hero__stat-label">Researchers</div></div>
			<div class="bw-hero__stat"><div class="bw-hero__stat-num">3</div><div class="bw-hero__stat-label">Compounds</div></div>
		</div>

		<div class="bw-hero__trust">
			<div class="bw-hero__stars">
				<span class="bw-hero__star">★</span><span class="bw-hero__star">★</span>
				<span class="bw-hero__star">★</span><span class="bw-hero__star">★</span>
				<span class="bw-hero__star">★</span>
			</div>
			<span class="bw-hero__trust-text">5.0 on Trustpilot</span>
			<span class="bw-hero__trust-count">· 1,800+ verified reviews</span>
		</div>

		<div class="bw-hero__ctas">
			<a href="<?php echo bewell_page_url( 'peptides' ); ?>" class="bw-btn bw-btn--orange">All Peptides →</a>
			<a href="<?php echo bewell_page_url( 'lab-reports' ); ?>" class="bw-text-link">Lab Reports →</a>
		</div>
	</div>
</section>

<?php // ── Marquee Strip ─────────────────────────────────────────────────────── ?>
<div class="bw-marquee">
	<div class="bw-marquee__track">
		<?php for ( $i = 0; $i < 3; $i++ ) : ?>
			<span>BPC-157</span><span class="bw-marquee__dot">·</span>
			<span>GHK-Cu</span><span class="bw-marquee__dot">·</span>
			<span>TB-500</span><span class="bw-marquee__dot">·</span>
			<span>HPLC Verified</span><span class="bw-marquee__dot">·</span>
			<span>USA Shipping</span><span class="bw-marquee__dot">·</span>
			<span>COA On Every Batch</span><span class="bw-marquee__dot">·</span>
		<?php endfor; ?>
	</div>
</div>

<?php // ── Featured Products ─────────────────────────────────────────────────── ?>
<section class="bw-section">
	<div class="bw-container">
		<div class="bw-section__header" style="display:flex; justify-content:space-between; align-items:flex-end;">
			<div>
				<div class="bw-eyebrow" style="margin-bottom:6px;">Our Compounds</div>
				<h2>Research<span class="bw-italic"> Peptides</span></h2>
			</div>
			<a href="<?php echo bewell_page_url( 'peptides' ); ?>" class="bw-text-link" style="font-size:13px; white-space:nowrap;">View all →</a>
		</div>

		<div class="bw-product-grid">
			<?php
			$products = wc_get_products( [
				'limit'   => 3,
				'status'  => 'publish',
				'orderby' => 'menu_order',
			] );
			if ( ! empty( $products ) ) :
				foreach ( $products as $product ) :
					$product_id = $product->get_id();
			?>
			<div class="bw-product-card">
				<?php if ( $product->get_image_id() ) : ?>
				<a href="<?php echo esc_url( $product->get_permalink() ); ?>" class="bw-product-card__img">
					<?php echo $product->get_image( 'medium' ); ?>
					<span class="bw-product-card__badge">In Stock</span>
				</a>
				<?php else : ?>
				<a href="<?php echo esc_url( $product->get_permalink() ); ?>" class="bw-product-card__img bw-product-card__img--placeholder">
					<span class="bw-product-card__badge">In Stock</span>
				</a>
				<?php endif; ?>
				<div class="bw-product-card__body">
					<div class="bw-product-card__sku"><?php echo esc_html( $product->get_sku() ?: 'RES-' . $product_id ); ?></div>
					<h3 class="bw-product-card__name">
						<a href="<?php echo esc_url( $product->get_permalink() ); ?>"><?php echo esc_html( $product->get_name() ); ?></a>
					</h3>
					<p class="bw-product-card__desc"><?php echo wp_trim_words( $product->get_short_description() ?: $product->get_description(), 16 ); ?></p>
					<span class="bw-product-card__purity">✓ &gt;99% Purity Verified</span>
					<div class="bw-product-card__footer">
						<div class="bw-product-card__price">
							<span class="bw-product-card__price-from">from </span>
							<?php echo $product->get_price_html(); ?>
						</div>
						<a href="<?php echo esc_url( $product->get_permalink() ); ?>" class="bw-btn bw-btn--orange" style="padding:8px 16px; font-size:13px;">View →</a>
					</div>
				</div>
			</div>
			<?php
				endforeach;
			else :
				// Fallback if WooCommerce not active or no products yet
				$fallback = [
					[ 'sku' => 'BPC-157', 'name' => 'BPC-157', 'desc' => 'Body Protection Compound. Most studied recovery peptide.', 'purity' => '99.8', 'price' => '$44.99' ],
					[ 'sku' => 'GHK-Cu',  'name' => 'GHK-Cu',  'desc' => 'Copper tripeptide with broad research applications.', 'purity' => '99.4', 'price' => '$38.99' ],
					[ 'sku' => 'TB-500',  'name' => 'TB-500',  'desc' => 'Thymosin Beta-4 fragment. Actin-binding peptide.', 'purity' => '99.7', 'price' => '$59.99' ],
				];
				foreach ( $fallback as $p ) : ?>
				<div class="bw-product-card">
					<div class="bw-product-card__img bw-product-card__img--placeholder">
						<span class="bw-product-card__badge">In Stock</span>
					</div>
					<div class="bw-product-card__body">
						<div class="bw-product-card__sku"><?php echo esc_html( $p['sku'] ); ?></div>
						<h3 class="bw-product-card__name"><?php echo esc_html( $p['name'] ); ?></h3>
						<p class="bw-product-card__desc"><?php echo esc_html( $p['desc'] ); ?></p>
						<span class="bw-product-card__purity">✓ <?php echo esc_html( $p['purity'] ); ?>% Purity Verified</span>
						<div class="bw-product-card__footer">
							<div class="bw-product-card__price"><span class="bw-product-card__price-from">from </span><?php echo esc_html( $p['price'] ); ?></div>
							<a href="<?php echo bewell_page_url( 'peptides' ); ?>" class="bw-btn bw-btn--orange" style="padding:8px 16px; font-size:13px;">View →</a>
						</div>
					</div>
				</div>
			<?php endforeach;
			endif; ?>
		</div>
	</div>
</section>

<?php // ── How It Works ──────────────────────────────────────────────────────── ?>
<section class="bw-section bw-section--warm">
	<div class="bw-container">
		<div class="bw-section__header bw-section__header--center">
			<div class="bw-eyebrow" style="margin-bottom:6px;">Process</div>
			<h2>How<span class="bw-italic"> It Works</span></h2>
		</div>
		<div class="bw-steps">
			<div class="bw-step">
				<div class="bw-step__num">STEP 01</div>
				<h3 class="bw-step__title">Select Your Compound</h3>
				<p class="bw-step__body">Browse BPC-157, GHK-Cu, and TB-500. Each product page includes full COA, purity data, and research references.</p>
			</div>
			<div class="bw-step">
				<div class="bw-step__num">STEP 02</div>
				<h3 class="bw-step__title">Place Your Order</h3>
				<p class="bw-step__body">Choose your size and quantity. Bulk pricing applies automatically. Secure checkout with Stripe, PayPal, or Apple Pay.</p>
			</div>
			<div class="bw-step">
				<div class="bw-step__num">STEP 03</div>
				<h3 class="bw-step__title">Dispatched Next Day</h3>
				<p class="bw-step__body">Orders placed before 2pm ET ship the same business day. Standard, expedited, and overnight options available.</p>
			</div>
		</div>
	</div>
</section>

<?php // ── Quality Block ─────────────────────────────────────────────────────── ?>
<section class="bw-section">
	<div class="bw-container">
		<div style="display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;">
			<div>
				<div class="bw-eyebrow" style="margin-bottom:8px;">Quality Assurance</div>
				<h2>Every batch<span class="bw-italic"> independently verified.</span></h2>
				<p style="font-size:14px; color:#666; line-height:1.8; margin:16px 0 24px;">We partner with Freedom Diagnostics for HPLC purity testing, mass spectrometry identity confirmation, and endotoxin screening on every production lot.</p>
				<div style="display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px;">
					<span class="bw-chip">HPLC Purity</span>
					<span class="bw-chip">Mass Spec ID</span>
					<span class="bw-chip">Endotoxin Screen</span>
					<span class="bw-chip">Sterility Test</span>
				</div>
				<a href="<?php echo bewell_page_url( 'lab-reports' ); ?>" class="bw-btn bw-btn--orange">View Lab Reports →</a>
			</div>
			<div class="bw-coa-table">
				<div class="bw-coa-table__head" style="grid-template-columns:1fr 70px 60px;">
					<span class="bw-coa-table__label">Product</span>
					<span class="bw-coa-table__label">Purity</span>
					<span class="bw-coa-table__label">COA</span>
				</div>
				<?php
				$coa = [
					[ 'BPC-157', '99.8' ],
					[ 'GHK-Cu',  '99.4' ],
					[ 'TB-500',  '99.7' ],
				];
				foreach ( $coa as $row ) : ?>
				<div class="bw-coa-table__row" style="grid-template-columns:1fr 70px 60px;">
					<span style="font-size:14px; font-weight:600;"><?php echo esc_html( $row[0] ); ?></span>
					<span class="bw-coa-table__purity"><?php echo esc_html( $row[1] ); ?>%</span>
					<span class="bw-coa-table__badge">VIEW</span>
				</div>
				<?php endforeach; ?>
				<div class="bw-coa-table__footer">Lot A1015 · Freedom Diagnostics · Verified <?php echo esc_html( date('Y') ); ?></div>
			</div>
		</div>
	</div>
</section>

<?php // ── Testimonials ──────────────────────────────────────────────────────── ?>
<section class="bw-section bw-section--warm">
	<div class="bw-container">
		<div class="bw-section__header bw-section__header--center">
			<div class="bw-eyebrow" style="margin-bottom:6px;">Trusted by Researchers</div>
			<h2>What the<span class="bw-italic"> community says.</span></h2>
		</div>
		<div class="bw-testimonial-grid">
			<?php
			$testimonials = [
				[ 'body' => '"Fastest turnaround I\'ve experienced from any peptide supplier. COA was attached to the confirmation email before the package even arrived."', 'name' => 'Dr. J. Morris', 'title' => 'Biochemistry Researcher' ],
				[ 'body' => '"The purity reports are genuinely impressive — 99.8% HPLC-verified BPC-157. Exactly what serious lab work demands."', 'name' => 'M. Okafor, PhD', 'title' => 'Molecular Biology Lab' ],
				[ 'body' => '"Ordered GHK-Cu and TB-500 together. Competitive pricing on the bulk tiers, and the packaging was excellent — everything arrived cold and intact."', 'name' => 'T. Reeves', 'title' => 'Independent Researcher' ],
			];
			foreach ( $testimonials as $t ) : ?>
			<div class="bw-testimonial">
				<div class="bw-testimonial__stars">★★★★★</div>
				<p class="bw-testimonial__body"><?php echo esc_html( $t['body'] ); ?></p>
				<div class="bw-testimonial__author">
					<div class="bw-testimonial__avatar"></div>
					<div>
						<div class="bw-testimonial__name"><?php echo esc_html( $t['name'] ); ?></div>
						<div class="bw-testimonial__title"><?php echo esc_html( $t['title'] ); ?></div>
					</div>
				</div>
			</div>
			<?php endforeach; ?>
		</div>
	</div>
</section>

<?php // ── Newsletter ────────────────────────────────────────────────────────── ?>
<section class="bw-newsletter">
	<div class="bw-container">
		<h2 class="bw-newsletter__title">Stay up to date<span class="bw-italic"> with research.</span></h2>
		<p class="bw-newsletter__sub">New batch releases, COA updates, and peptide research briefs — no more than twice a month.</p>
		<form class="bw-newsletter__form" method="post" action="#">
			<?php wp_nonce_field( 'bewell-newsletter', 'newsletter_nonce' ); ?>
			<input type="email" name="email" class="bw-newsletter__input" placeholder="your@email.com" required aria-label="Email address">
			<button type="submit" class="bw-btn bw-btn--filled">Subscribe</button>
		</form>
		<p class="bw-newsletter__legal">Research use only. Unsubscribe at any time.</p>
	</div>
</section>

</main>

<?php get_footer(); ?>