BLACKSITE


	: 216.73.216.62
	: 147.93.18.13 / vinyasaweddings.com
	: Linux srv667811 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64
: /var/www/vinyasawedding/views/
files >> /var/www/vinyasawedding/views/service.php
 <?php require 'views/layout/header.php'; ?>
<?php require 'views/layout/hero.php'; ?>

<main>

<!-- Services Section -->
<section class="services-section" data-aos="fade-up">
  <div class="container">
    <!-- Section Header -->
    <div class="section-header text-center" data-aos="fade-down" data-aos-duration="800">
      <h2 class="section-title" data-aos="zoom-in" data-aos-delay="100">Our Wedding Services</h2>
      <p class="section-subtitle" data-aos="fade-up" data-aos-delay="200">Crafted with care, curated for your dream day</p>
    </div>

    <?php 
    $stmt = $db->prepare("SELECT * FROM services WHERE status = 'active' ORDER BY id DESC");
    $stmt->execute();
    $services = $stmt->fetchAll(PDO::FETCH_ASSOC);

    foreach ($services as $index => $s): 
      $bulletPoints = json_decode($s['bulletPoint'], true);
      $isReverse = $index % 2 != 0;
    ?>

    <div class="service-row <?= $isReverse ? 'reverse' : '' ?>" data-aos="fade-up" data-aos-delay="<?= 300 + $index * 100 ?>">
      <div class="service-image" data-aos="zoom-in" data-aos-delay="<?= 350 + $index * 100 ?>">
        <img src="<?= BASE_URL . '/' . $s['image'] ?>" alt="<?= htmlspecialchars($s['title']) ?>" class="feature-image">
        <div class="image-overlay"></div>
      </div>
      <div class="service-content" data-aos="<?= $isReverse ? 'fade-right' : 'fade-left' ?>" data-aos-delay="<?= 400 + $index * 100 ?>">
        <h3 class="service-title"><?= htmlspecialchars($s['title']) ?></h3>
        <p class="service-description">
          <?= $s['description'] ?>
        </p>

        <?php if (!empty($bulletPoints)): ?>
        <ul class="service-features">
          <?php foreach ($bulletPoints as $point): ?>
            <li><i class="fas fa-check-circle"></i> <?= htmlspecialchars($point) ?></li>
          <?php endforeach; ?>
        </ul>
        <?php endif; ?>

        <?php if (!empty($s['vinyasDesign']) && ($s['vinyasDesign'] == 1)): ?>
  <a href="<?= BASE_URL ?>/vinyasa-design" class="service-btn">Learn More <i class="fas fa-arrow-right"></i></a>
<?php endif; ?>

      </div>
    </div>

    <?php endforeach; ?>
  </div>
</section>




</main>

<script>
  const servicesData = <?= json_encode($services, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) ?>;
  console.log("First service title:", servicesData);

</script>

<?php require 'views/layout/footer.php'; ?>