<!-- Page Header -->
<section class="page-header">
    <div class="container">
        <p class="section-label"><?php echo $L['articles_label']; ?></p>
        <h1><?php echo $L['articles_h1']; ?></h1>
        <p class="page-header-desc"><?php echo $L['articles_desc']; ?></p>
    </div>
</section>

<!-- Lista articole -->
<section class="section">
    <div class="container">
        <div class="articles-grid">

            <article class="article-card">
                <div class="article-meta">
                    <span class="article-category"><?php echo $L['articles_cat_civil']; ?></span>
                    <time datetime="2026-03-15"><?php echo $L['article_1_date']; ?></time>
                </div>
                <h2><a href="#"><?php echo $L['article_1_h']; ?></a></h2>
                <p><?php echo $L['article_1_p']; ?></p>
                <a href="#" class="article-link"><?php echo $L['articles_read_more']; ?> <span>&rarr;</span></a>
            </article>

            <article class="article-card">
                <div class="article-meta">
                    <span class="article-category"><?php echo $L['articles_cat_commercial']; ?></span>
                    <time datetime="2026-01-20"><?php echo $L['article_2_date']; ?></time>
                </div>
                <h2><a href="#"><?php echo $L['article_2_h']; ?></a></h2>
                <p><?php echo $L['article_2_p']; ?></p>
                <a href="#" class="article-link"><?php echo $L['articles_read_more']; ?> <span>&rarr;</span></a>
            </article>

            <article class="article-card">
                <div class="article-meta">
                    <span class="article-category"><?php echo $L['articles_cat_administrative']; ?></span>
                    <time datetime="2025-12-05"><?php echo $L['article_3_date']; ?></time>
                </div>
                <h2><a href="#"><?php echo $L['article_3_h']; ?></a></h2>
                <p><?php echo $L['article_3_p']; ?></p>
                <a href="#" class="article-link"><?php echo $L['articles_read_more']; ?> <span>&rarr;</span></a>
            </article>

            <article class="article-card">
                <div class="article-meta">
                    <span class="article-category"><?php echo $L['articles_cat_civil']; ?></span>
                    <time datetime="2025-11-18"><?php echo $L['article_4_date']; ?></time>
                </div>
                <h2><a href="#"><?php echo $L['article_4_h']; ?></a></h2>
                <p><?php echo $L['article_4_p']; ?></p>
                <a href="#" class="article-link"><?php echo $L['articles_read_more']; ?> <span>&rarr;</span></a>
            </article>

        </div>
    </div>
</section>

<!-- Newsletter CTA -->
<section class="section section-dark">
    <div class="container cta-content">
        <h2><?php echo $L['newsletter_h2']; ?></h2>
        <p><?php echo $L['newsletter_p']; ?></p>
        <form class="newsletter-form" onsubmit="event.preventDefault(); alert('<?php echo htmlspecialchars($L['newsletter_thanks'], ENT_QUOTES, 'UTF-8'); ?>');">
            <input type="email" placeholder="<?php echo htmlspecialchars($L['newsletter_placeholder'], ENT_QUOTES, 'UTF-8'); ?>" required>
            <button type="submit" class="btn btn-primary"><?php echo $L['newsletter_submit']; ?></button>
        </form>
    </div>
</section>
