<![CDATA[<?php get_header();
$offers = mediasub_default_offers();
$testimonials = mediasub_default_testimonials();
$faq = mediasub_default_faq();
?>
<section class="ms-hero">
<div class="ms-container ms-hero-grid">
<div>
<span class="ms-pill">Premium • Responsive • Elementor Pro</span>
<h1><?php echo esc_html(mediasub_get_option('hero_title')); ?></h1>
<p><?php echo esc_html(mediasub_get_option('hero_subtitle')); ?></p>
<div class="ms-actions">
<a class="ms-btn" href="<?php echo esc_url(mediasub_get_option('hero_button_url')); ?>"><?php echo esc_html(mediasub_get_option('hero_button_text')); ?></a>
<a class="ms-btn ms-btn--ghost" href="<?php echo esc_url(mediasub_get_option('secondary_cta_url')); ?>">Support direct</a>
</div>
<ul class="ms-trust-list">
<li>Design premium orienté conversion</li>
<li>Formules mensuelle, trimestrielle et annuelle</li>
<li>FAQ, avis clients, blog et pages légales</li>
</ul>
</div>
<div class="ms-hero-card">
<div class="ms-stat"><strong>+3</strong><span>Formules prêtes</span></div>
<div class="ms-stat"><strong>100%</strong><span>Compatible Elementor Pro</span></div>
<div class="ms-stat"><strong>24/7</strong><span>Bouton WhatsApp flottant</span></div>
</div>
</div>
</section>
<section class="ms-section">
<div class="ms-container">
<div class="ms-section-head">
<span class="ms-kicker">Pourquoi ce template</span>
<h2>Une vitrine premium pour vos abonnements média</h2>
</div>
<div class="ms-grid-3">
<article class="ms-card"><h3>Conversion</h3><p>Sections d’appel à l’action, bandeaux promo et cartes tarifaires hiérarchisées.</p></article>
<article class="ms-card"><h3>Confiance</h3><p>Bloc témoignages, FAQ complète, zone blog et textes légaux prêts à personnaliser.</p></article>
<article class="ms-card"><h3>Édition facile</h3><p>Compatible Elementor Pro, structure claire, styles globaux premium et responsive.</p></article>
</div>
</div>
</section>
<section id="offres" class="ms-section ms-section--dark">
<div class="ms-container">
<div class="ms-section-head center">
<span class="ms-kicker">Abonnements</span>
<h2>Choisissez la formule idéale</h2>
<p>Offres prêtes avec badges promo, boutons de paiement et arguments de réassurance.</p>
</div>
<div class="ms-pricing-grid">
<?php foreach ($offers as $index => $offer) :
$links = array(
0 => mediasub_get_option('checkout_monthly', '#'),
1 => mediasub_get_option('checkout_quarterly', '#'),
2 => mediasub_get_option('checkout_yearly', '#'),
);
?>
<article class="ms-price-card <?php echo $index === 1 ? 'featured' : ''; ?>">
<span class="ms-badge"><?php echo esc_html($offer['badge']); ?></span>
<h3><?php echo esc_html($offer['title']); ?></h3>
<div class="ms-price-line"><strong><?php echo esc_html($offer['price']); ?></strong><span><?php echo esc_html($offer['period']); ?></span></div>
<ul>
<?php foreach ($offer['features'] as $feature) : ?><li><?php echo esc_html($feature); ?></li><?php endforeach; ?>
</ul>
<a class="ms-btn" href="<?php echo esc_url($links[$index]); ?>">S’abonner</a>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ms-promo-strip">
<div class="ms-container ms-promo-inner">
<div>
<strong><?php echo esc_html(mediasub_get_option('promo_text')); ?></strong>
<p>Bannière modifiable pour essai gratuit, réduction saisonnière ou lancement.</p>
</div>
<a class="ms-btn ms-btn--light" href="<?php echo esc_url(mediasub_get_option('promo_link')); ?>">Profiter de l’offre</a>
</div>
</section>
<section class="ms-section">
<div class="ms-container">
<div class="ms-section-head">
<span class="ms-kicker">Compatibilité</span>
<h2>Disponible sur tous les appareils</h2>
</div>
<div class="ms-device-grid">
<div class="ms-device">Smartphone</div>
<div class="ms-device">Tablette</div>
<div class="ms-device">Smart TV</div>
<div class="ms-device">Ordinateur</div>
<div class="ms-device">TV Box</div>
<div class="ms-device">Navigateur web</div>
</div>
</div>
</section>
<section class="ms-section ms-section--soft">
<div class="ms-container">
<div class="ms-section-head center">
<span class="ms-kicker">Avis clients</span>
<h2>Une présentation qui inspire confiance</h2>
</div>
<div class="ms-grid-3">
<?php foreach ($testimonials as $item) : ?>
<article class="ms-card ms-card--quote">
<p>“<?php echo esc_html($item['text']); ?>”</p>
<strong><?php echo esc_html($item['name']); ?></strong>
<span><?php echo esc_html($item['role']); ?></span>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="ms-section">
<div class="ms-container ms-content-grid">
<div>
<div class="ms-section-head">
<span class="ms-kicker">FAQ</span>
<h2>Questions fréquentes</h2>
</div>
<div class="ms-accordion">
<?php foreach ($faq as $index => $item) : ?>
<details <?php echo $index === 0 ? 'open' : ''; ?>>
<summary><?php echo esc_html($item['q']); ?></summary>
<p><?php echo esc_html($item['a']); ?></p>
</details>
<?php endforeach; ?>
</div>
</div>
<div>
<div class="ms-section-head">
<span class="ms-kicker">Blog</span>
<h2>Derniers articles</h2>
</div>
<div class="ms-post-list">
<?php
$recent = new WP_Query(array('posts_per_page' => 3));
if ($recent->have_posts()) :
while ($recent->have_posts()) : $recent->the_post(); ?>
<article class="ms-post-card">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<p><?php echo esc_html(wp_trim_words(get_the_excerpt(), 18)); ?></p>
</article>
<?php endwhile; wp_reset_postdata();
else : ?>
<article class="ms-post-card"><h3>Créez votre premier article</h3><p>Le bloc blog affichera automatiquement vos derniers contenus WordPress.</p></article>
<article class="ms-post-card"><h3>Conseils & annonces</h3><p>Publiez vos nouveautés, tutoriels et offres promotionnelles pour améliorer votre SEO.</p></article>
<?php endif; ?>
</div>
</div>
</div>
</section>
<section class="ms-section ms-final-cta">
<div class="ms-container center">
<span class="ms-kicker">Prêt à lancer votre site</span>
<h2>Installez, personnalisez, publiez</h2>
<p>Le thème est prêt pour WordPress, personnalisable dans le Customizer et éditable avec Elementor Pro.</p>
<div class="ms-actions center">
<a class="ms-btn" href="#offres">Découvrir les offres</a>
<a class="ms-btn ms-btn--ghost" href="<?php echo esc_url(mediasub_get_option('secondary_cta_url')); ?>">Contacter le support</a>
</div>
</div>
</section>
<?php get_footer(); ?>
]]>