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

@section('home_page_overlay','overlay')



@section('content')
<section class="banner_potion">
    <div class="overlay"></div>
    <div class="banner_part">
        <div class="container banner_card_pos">
            <div class="content">
                <p class="color_pera">IT & Software Business</p>
                <h1>Everything You Need For Business <span class="shape_underline">Success</span></h1>
                <!-- <a href="#scroll_sec" class="scroll_down">Scroll Down</a> -->
                <span class="scroll-btn">
                    <a href="#scroll_sec">
                        <span class="mouse">
                            <span>
                            </span>
                        </span>
                    </a>

                </span>

            </div>

        </div>
    </div>
</section>
<section>
    <div class="container">
        <div class="card_div">
            <div class="card">
                <div class="shape_cont">
                    <img src="{{ URL::asset('front-assets/img/icons/Vector.png') }}" alt="search">
                </div>
                <div class="card_cont_div">
                    <span>Search</span>
                    <h4>Browse Software Companies</h4>
                    <p>Explore our database categorizing a comprehensive range of dependable software companies from around the globe. Within minutes, easily find the perfect company that meets your requirements.</p>
                </div>
            </div>
            <div class="card">
                <div class="shape_cont">
                    <img src="{{ URL::asset('front-assets/img/icons/Vector (1).png') }}" alt="location">
                </div>
                <div class="card_cont_div">
                    <span>Find</span>
                    <h4>Narrow results and shortlist top picks</h4>
                    <p>Transform an overwhelming number of choices into a select few reputable contenders
                        with just a few clicks. Utilize filters based on budget, industry, location, and additional
                        criteria.</p>
                </div>
            </div>
            <div class="card">
                <div class="shape_cont">
                    <img src="{{ URL::asset('front-assets/img/icons/Vector.png') }}" alt="search">
                </div>
                <div class="card_cont_div">
                    <span>Uses</span>
                    <h4>100% Free Use of Software Company</h4>
                    <p>Leverage our directory to discover the most fitting software companies for your business,
                        and rest assured, there are no charges for our valued customers.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Solution & Ideas -->
<section class="business_solution" id="scroll_sec">
    <div class="overlay"></div>
    <div class="container">
        <div class="content_sec">
            <div class="left_sec">
                <p class="lit-title">Discover Software Companies</p>
                <h2>Bringing New IT Business Solutions And Ideas</h2>
                <p class="left_pera">We are committed to staying at the forefront of technology and innovation, constantly searching
                    for fresh ideas and cutting-edge solutions to help your business thrive. Our curated collection
                    showcases a diverse range of IT solutions, from software development and digital
                    transformation to cloud computing and cybersecurity</p>
                <ul class="list_link">
                    <li>Start Up Companies</li>
                    <li>SME Companies</li>
                    <li>Medium Enterprise Companies</li>
                    <li>Large Enterprise Companies</li>
                </ul>
            </div>
            <div class="right_sec">
                <img src="{{ URL::asset('front-assets/img/triangle-img.png') }}" alt="section-img">
            </div>
        </div>
    </div>
</section>

<!-- Featured Services -->
<section id="scroll_down_sec" class="featured_services">
    <div class="container">
        <div class="discover_soft_com">
            <p class="lit-title">Discover Software Companies</p>
            <h2>Engaging Creative Minds Via <span class="heading_last_color">Technology</span></h2>
        </div>
        <div class="boxaccordion">
            <div class="containerwidth">
                <div class="left_pos">
                    @foreach($companiesCountryData as $countryName)
                        <div class="country_boxs">
                            <div class="wrapper">
                                <button class="toggle"><span class="flag"></span> {{ $countryName['country_name'] }}<i
                                        class="fas fa-plus icon"></i></button>

                            </div>
                            <div class="content_tab">