@extends('website.layout.app')
@section('title', $ourService->meta_title ?? 'Invinaa')
@section('meta_keywords', $ourService->meta_keyword ?? '')
@section('meta_description', $ourService->meta_description ?? '')
@section('content')

    <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px">
        <div class="row py-5">
            <div class="col-12 pt-lg-5 mt-lg-5 text-center">
                <h1 class="display-4 text-white animated zoomIn">Our Services</h1>
                <p class="text-white mt-3 lead">
                We provide expert financial, legal, and business solutions<br />
                designed to help your company grow with confidence and compliance.
                </p>
            </div>
        </div>
    </div>
  </div>

  <!-- Service Start -->
  <section class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
    <div class="container py-5">
      <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px">
        <h5 class="fw-bold text-primary text-uppercase">Our Services</h5>
        <h1 class="mb-0">Empowering Businesses with Expert Solutions</h1>
        <p class="text-muted mt-3">
          We deliver reliable business, financial, and compliance services
          tailored to your success.
        </p>
      </div>

      <div class="row g-5 justify-content-center">
        <!-- Service 1 -->
        @foreach ($ourSubServices as $ourSubService)
            <div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.3s">
            <div
                class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center p-4 h-100">
                <div class="service-icon mb-3">
                <i class="fas fa-building text-white bg-primary p-3 rounded-circle"></i>
                </div>
                <h4 class="mb-3">{{ $ourSubService->title ?? '' }}</h4>
                <p>
                {{ $ourSubService->slug_name ?? '' }}
                </p>
                <div class="mt-3 text-center">
                <a class="btn btn-primary btn-sm"
                    href="{{ route('sub_services_details', base64_encode($ourSubService->id)) }}">
                    Learn More <i class="bi bi-arrow-right ms-1"></i>
                </a>
                </div>
            </div>
            </div>

        @endforeach

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

  <!-- Service End -->

  <!-- Testimonial Start -->
@include('website.testimonials-list')
  <!-- Testimonial End -->
@include('website.request-quotes')
@endsection