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/mochiwale/views/
files >> /var/www/mochiwale/views/service.php
 <?php


$activePage = 'service';

// Default fallback values
$pageTitle = $servicePage['seo_title'] ?: $servicePage['title'];
$pageKeywords = $servicePage['seo_keyword'];
$pageDescription = $servicePage['seo_description'];




require 'views/layout/header.php';
?>


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

<main class="service-page">
  <!-- Hero Section -->
  <section class="service-hero bg-light py-5 py-lg-6">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10 text-center">
                    <!-- <?php if (!empty($servicePage['logo_image'])): ?>
                        <div class="service-logo mb-4">
                            <img src="<?= BASE_URL ?>/<?= htmlspecialchars($servicePage['logo_image']) ?>" 
                                 alt="<?= htmlspecialchars($servicePage['title']) ?>" 
                                 class="img-fluid" 
                                 style="max-height: 80px;">
                        </div>
                    <?php endif; ?> -->
                    
                    <h1 class="display-4 fw-bold mb-3"><?= htmlspecialchars($servicePage['title']) ?></h1>
                    
                    <!-- <?php if (!empty($servicePage['short_description'])): ?>
                        <p class="lead text-muted mb-4"><?= htmlspecialchars($servicePage['short_description']) ?></p>
                    <?php endif; ?> -->
                </div>
            </div>
        </div>
    </section>

  <!-- Banner Image -->
  <?php if (!empty($servicePage['banner_image'])): ?>
    <section class="service-banner">
      <div class="container-fluid px-0">
        <img src="<?= BASE_URL ?>/<?= htmlspecialchars($servicePage['banner_image']) ?>"
          alt="<?= htmlspecialchars($servicePage['title']) ?>" class="img-fluid w-100"
          style="max-height: 500px; object-fit: contain; object-position: center;">

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




  <!-- Content Sections -->
  <section class="service-content py-5">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-12">
          <?php if (!empty($servicePage['description'])): ?>
            <div class="service-section mb-5">
              <div class="content-block p-4 p-lg-5 bg-white rounded-3 shadow-sm">
                <?= $servicePage['description'] ?>
              </div>
            </div>
          <?php endif; ?>

          <?php if (!empty($servicePage['description_1'])): ?>
            <div class="service-section mb-5">
              <div class="content-block p-4 p-lg-5 bg-white rounded-3 shadow-sm">
                <?= $servicePage['description_1'] ?>
              </div>
            </div>
          <?php endif; ?>

          <!-- Optional CTA Section -->
          <!-- <div class="text-center mt-5">
            <a href="/contact" class="btn btn-primary btn-lg px-4 py-3">
              Get Started With This Service
            </a>
          </div> -->
        </div>
      </div>
    </div>
  </section>
</main>

<style>
  .service-hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  }

  .service-section {
    transition: transform 0.3s ease;
  }

  .service-section:hover {
    transform: translateY(-5px);
  }

  .content-block {
    border-left: 4px solid var(--primary);
  }

  .content-block img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1rem 0;
  }
</style>

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