@extends('front.layout.main')
@section('title',$header['title'])
@section('meta_title',$header['meta_title'])
@section('meta_description',$header['meta_description'])
@section('main_section_class','inner_banner')




@section('content')
<section class="banner_potion inner_banner">
<div class="banner_part">
    <div class="container banner_card_pos inner_page">
        <div class="content">
            <p>IT & Software Business at</p>
            <!-- <h1>{{ucwords(str_replace(['`','` ','-'],' ',$city))}}, {{ucwords(str_replace(['`','` ','-'],' ',$country_name))}} </h1> -->
            <h1>{{ucwords($cityMasterData['city'])}}, {{ucwords($cityMasterData['country'])}} </h1>
        </div>

    </div>
</div>
</section>
<section id="scroll_down_sec" class="featured_services">
        <div class="container">
            <div class="discover_soft_com minds_via_tech">
                <p class="lit-title">Top 100+ Software Development Companies in 2023</p>
                <h2>Engaging Creative Minds Via <span class="heading_last_color">Technology</span></h2>
            </div>
            <div class="inner_pages_pera">
                <p>
                                  </p>
            </div>
        </div>

    </section>
    <section class="more_data">
        <div class="container">
            <div class="card_cont_inner">
                <div class="card_inner js-nested-link ai_highlight">
                        <div class="card_logo">
                            <img class="card__image" src="{{ URL::asset('front-assets/img/category_logo/AmarInfo.png') }}" alt="card logo">
                        </div>
                        <h5 class="card__block">Amar Infotech</h5>

                        <p class="card__block">Since: 2009
                        </p>
                        <div class="card__block">
                            <a href="https://www.amarinfotech.com/" class="card__link ai_link">View Profile</a>
                        </div>
                    </div>
                @foreach($pagesData as $data)
                    <div class="card_inner js-nested-link">
                        <a href="{{route('company-detail',['country_name'=>trim($data['slug_country']),'city_name'=>trim($data['slug_city']),'slug_url'=>$data['slug_url']])}}">
                            <div class="card_logo">
                                <img class="card__image" src="{{ asset('storage/company_logo/'.$data['feature_image']) }}" title="{{ $data['company_name'] }}">
                            </div>
                        </a>
                        <h5 class="card__block">{{ ucwords($data['company_name']) }}</h5>

                        <p class="card__block">Since: {{ $data['company_establishment_time'] }}
                        </p>
                        <div class="card__block">
                            <a href="{{route('company-detail',['country_name'=>trim($data['slug_country']),'city_name'=>trim($data['slug_city']),'slug_url'=>$data['slug_url']])}}" class="card__link">View Profile</a>
                        </div>
                    </div>
                @endforeach

                <div class="load_more_btn">
                    <a href="javascript:void(0);" class="load-more">
                        Load More
                        <svg class="svg_show" width="16" height="12" viewBox="0 0 16 12" fill="#FFB422"
                            xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.41113 6L3.49447 6M14.7445 6L9.74447 1M14.7445 6L9.74446 11M14.7445 6L5.99447 6"
                                stroke="#FFB422" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                        <svg class="svg_none" width="16" height="12" viewBox="0 0 16 12" fill="#000000"
                            xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.41113 6L3.49447 6M14.7445 6L9.74447 1M14.7445 6L9.74446 11M14.7445 6L5.99447 6"
                                stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
            </div>


        </div>
    </section>

@endsection