@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('canonical_tag', $meta_data->canonical_tag)
@section('banner_image', "banners/".$banner->banner_image)
@section('content')
<main>
    @include('product_banner_html')
    <article class="container-fluid sectionsNav">
        <nav class="row custom__row text-center">
            <ul class="m-auto">
                <li data-section="business-overview">Business Overview</li>
                <!-- <li data-section="our-capabilities">Our Capabilities</li> -->
                <!-- <li data-section="our-development">Our Development</li> -->
                <li data-section="product-portfolio">Product Portfolio</li>
            </ul>
        </nav>
    </article>
    @include('business_overview_category')
    @include('business_capabilities_category')
    @if(!empty(count($product_category_milestones)))
    <article class="container-fluid metrics" style="background: #F2F6FC url({{url('/')}}/assets/images/transformers/metrics-bg.jpg);">
        <div class="row custom__row">
            @foreach($product_category_milestones as $product_category_milestone_row)
            <div class="col-6 col-md-3 metrics__block text-center">
                <div class="metrics__block__inner">
                    <img src="{{url('/')}}/assets/images/product-category/{{$product_category_milestone_row->product_category_template_milestone_icon}}" alt="{{$product_category_milestone_row->product_category_template_milestone_caption}}" class="img-fluid">
                    <h4>{{$product_category_milestone_row->product_category_template_milestone_count}}</h4>
                    <p>{{$product_category_milestone_row->product_category_template_milestone_caption}}</p>
                </div>
            </div>
            @endforeach
        </div>
    </article>
    @endif
    @include('recent_development')
    @include('product_category_portfolio')
    @include('product_category_services')
</main>
@endsection