@extends('layouts.main')
@section('title', $title)
@section('meta')
    @foreach($meta as $tag)
        <meta name="{{$tag->name}}" content="{{$tag->content}}">
    @endforeach
@stop

@section('content')
    <section>
        <div class="container">
            <div class="page-title  s-pb-30 s-pt-100">
                <div class="container text-center">
                    <div class="text-center pl-2 pr-2 pl-lg-0 pr-lg-0">
                        <h1 class="font--lg text-uppercase font-weight-bold">Our <span class="txt-blue">Services</span></h1>
                        <div class="text-center helper-txt">
                            <p>At InScope LLC, we provide a full suite of professional services designed to drive innovation, streamline operations,
                                and deliver measurable results. From concept to execution, we partner with businesses to transform challenges into
                                opportunities and ideas into impactful solutions. Whether you need cutting-edge software development, seamless integration,
                                or robust quality assurance, InScope is your trusted partner in building scalable, high-performing solutions.
                            </p>
                        </div>
                        <div>
                            <h5 class="text-left">Why Choose InScope LLC?</h5>
                            <h6 class="text-left">End-to-End Solutions</h6>
                            <p class="text-left">
                                We handle every stage of your project—from strategy and development to deployment and support—so you can focus on growing your business.
                            </p>
                            <h6 class="text-left">Expertise Across Industries</h6>
                            <p class="text-left">
                                With extensive experience in EdTech, FinTech, E-Commerce, and more, we understand your market and deliver tailored solutions to match your needs.
                            </p>
                            <h6 class="text-left">Innovation-Driven Approach</h6>
                            <p class="text-left">
                                Our services incorporate the latest technologies, including AI, machine learning, and cloud solutions, to give you a competitive edge.
                            </p>

                            <h6 class="text-left">Cost-Effective Results</h6>
                            <p class="text-left">
                                We deliver value-driven solutions without compromising on quality, helping you achieve your goals while staying within budget.
                            </p>
                            <h6 class="text-left">Reliable Support</h6>
                            <p class="text-left">
                                Our team provides ongoing support and maintenance to ensure your systems run smoothly and adapt to changing business demands.
                            </p>
                            <h6 class="text-left">Proven Track Record</h6>
                            <p class="text-left">
                                With a portfolio of successful projects and satisfied clients, InScope is a name you can trust for your business transformation.
                                If you want to get detailed information click on service you are interested in.
                            </p>
                        </div>
                        <div class="mt-5">
                            <span class="font-italic">If you want to get detailed information click on service you are interested in.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="services-list">
        <div class="container">
            <div class="row justify-content-center justify-content-lg-between align-items-baseline">
                    @foreach($services as $service)
                        <div class="service-block col-md-4">
                            <a class="service-link"
                               href="service/{{$service->page_name}}">
                                <div class="service-icon">
                                    <img class="lazyload" src="{{$service->icon}}" alt="{{$service->icon_alt}}">
                                </div>
                                <div>
                                    <h2 class="title">{{$service->name}}</h2>
                                </div>
                                <div class="service-desc">
                                    {{$service->description}}
                                </div>
                            </a>
                        </div>
                    @endforeach
            </div>

        </div>
    </section>
@stop