<?= $this->extend('layouts/main') ?>

<?= $this->section('content') ?>
<!-- Banner -->
<section class="page-banner">
  <div class="max-w-[1200px] mx-auto px-6">
    <h1>Our Heritage & Story</h1>
    <p>Devoted to Preserving Vedic Traditions & Sattvik Culinary Excellence</p>
  </div>
</section>

<!-- Story Section -->
<section class="py-24 bg-white">
  <div class="max-w-[1200px] mx-auto px-6">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center mb-20">
      <div class="flex flex-col gap-4.5">
        <span class="text-saffron font-semibold tracking-[0.15em] uppercase text-[0.85rem]">Catering Excellence Across South India</span>
        <h2 class="font-title text-[2.1rem] md:text-[2.6rem] leading-tight text-charcoal">Magnificent Catering, Delivered Worldwide</h2>
        <p class="text-[1.05rem] text-charcoal-light font-light leading-relaxed">
          On Call, the professionals who are familiar in the service industry, has shown magnificent outstanding catering services in South India. We are ethical to you to deliver your events anywhere around the world, offering the highest standards, attention to detail with flexibility &amp; review the approach providing as much help for our customers need to support in reach of <span class="text-saffron font-medium">customized solutions for satisfaction</span>.
        </p>
        <p class="text-[1.05rem] text-charcoal-light font-light leading-relaxed">
          Our knowledge and professionalism guarantee an extraordinary environment by understanding the relationships, ability to value &amp; judge the expectations and the outcome. Our team is equipped with skills to come up with perfect plan and tackle crisis effectively. We are reflected in all our undertakings and actions, so much that it even <span class="text-saffron font-medium italic">"Catches the eye of the most unaware ones"</span>. Our team is providing target and need driven, to all your needs.
        </p>
        <p class="text-[1.05rem] text-charcoal-light font-light leading-relaxed">
          Hence we are loyal to provide flexible service to the satisfaction of our <span class="text-saffron font-semibold">"Yajamaan"</span> (the master).
        </p>
      </div>
      <div class="relative rounded-lg overflow-hidden shadow-lg border-4 border-white aspect-[4/3] w-full min-h-[280px] md:min-h-[380px] bg-cover bg-center hover:scale-[1.02] hover:-translate-y-1 hover:shadow-2xl transition-all duration-400" style="background-image: linear-gradient(rgba(26,26,26,0.15), rgba(26,26,26,0.25)), url('<?= base_url('images/service-wedding.png') ?>');">
      </div>
    </div>
  </div>
</section>

<!-- Core Values Section -->


<!-- Team Section -->
<?= $this->endSection() ?>
