    <section id="testimonials" class="py-5">
        <div class="container">
            <h2 class="text-center mb-5" style="font-weight: bold; text-shadow: 1px 1px var(--black); color: var(--accent);">
                <?= htmlspecialchars($translations['testimonials']['heading'] ?? 'TESTIMONIALS'); ?>
            </h2>
            <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner">
                    <?php foreach ($translations['testimonials']['quotes'] as $index => $quote): ?>
                    <div class="carousel-item <?= $index === 0 ? 'active' : ''; ?>">
                        <div class="d-flex justify-content-center">
                            <div class="card p-4 shadow-sm" style="max-width: 500px; background: var(--white); color: var(--black);">
                                <p class="mb-3 fs-5"><?= htmlspecialchars($quote['text']); ?></p>
                                <div class="d-flex align-items-center">
                                    <img src="https://i.pravatar.cc/250?img=<?= $index + 1; ?>" alt="Person <?= $index + 1; ?>" class="rounded-circle me-3" style="width: 50px; height: 50px;">
                                    <div>
                                        <h6 class="mb-0"><?= htmlspecialchars($quote['name']); ?></h6>
                                        <small><?= htmlspecialchars($quote['role']); ?></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden"><?= htmlspecialchars($translations['buttons']['previous'] ?? 'Previous'); ?></span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden"><?= htmlspecialchars($translations['buttons']['next'] ?? 'Next'); ?></span>
                </button>
            </div>
        </div>
    </section>