@extends('layout.master')
@section('meta_title', 'Comprehensive IT Services for Modern Businesses in the UK')
@section('meta_description', 'Explore our full range of IT services including software development, mobile apps, AI & ML solutions, cloud services, DevOps, and digital marketing. We help UK businesses build, scale, and optimize with reliable, future-ready technology.')
@section('content')

<div class="page-header bg-main-section parallaxie">

        <div class="page-header-box">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="page-header-content">
                            <h1 class="wow fadeInUp">Our <span>Services</span></h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="page-services service_page">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <div class="about-us-content">
                        <div class="section-title text-center">
                            <h2 class="wow fadeInUp" data-wow-delay="0.2s">
                                Our Comprehensive <span>IT Services</span>
                            </h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-3">

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <a href="{{ route('services.software') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/software_development.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Software Development</h3>
                                <p>We build custom software solutions to improve operations and support business growth.
                                </p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.software') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.2s">
                        <a href="{{ route('services.app') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/application_development.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>App Development</h3>
                                <p>We create mobile and web applications that are user-friendly and reliable.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.app') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.3s">
                        <a href="{{ route('services.ecommerce') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/ecommerce_development.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>E-Commerce Development</h3>
                                <p>We build online stores that help you sell products and manage customers easily.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.ecommerce') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <a href="{{ route('services.aiml') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/aimlsolutions.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>AI & ML Solutions</h3>
                                <p>We develop AI solutions to automate processes and improve decision-making.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.aiml') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.5s">
                        <a href="{{ route('services.cloud') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/cloudservices.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Cloud Services</h3>
                                <p>We help businesses move to the cloud and manage infrastructure securely.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.cloud') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <a href="{{ route('services.devops') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/devopsservice.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>DevOps Services</h3>
                                <p>We automate development and operations for faster and more reliable delivery.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.devops') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.7s">
                        <a href="{{ route('services.it.consulting') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/itconsultation.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>IT Consulting</h3>
                                <p>We guide businesses in choosing the right technology and improving systems.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.it.consulting') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.8s">
                        <a href="{{ route('services.data.analytics') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/data-analytics.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Data Analytics</h3>
                                <p>We turn your data into useful insights for better decisions and growth.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.data.analytics') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.9s">
                        <a href="{{ route('services.qa') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/QATesting.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>QA & Testing</h3>
                                <p>We ensure your software works correctly and performs without issues.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.qa') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="1.0s">
                        <a href="{{ route('services.chatbot') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/ChatbotDevelopment.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Chatbot Development</h3>
                                <p>We build chatbots that automate communication and improve customer support.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.chatbot') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="1.1s">
                        <a href="{{ route('services.mvp') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/MVPDevelopment.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>MVP Development</h3>
                                <p>We build MVPs quickly so you can test ideas and launch faster.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.mvp') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="1.2s">
                        <a href="{{ route('services.digital') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/digital-marketing.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Digital & TikTok Marketing</h3>
                                <p>We help businesses grow through SEO, social media, TikTok, and paid marketing.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.digital') }}" class="readmore-btn">learn
                                    more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="1.3s">
                        <a href="{{ route('services.cloud.consulting') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/cloudconsulting.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Cloud Consulting</h3>
                                <p>We help you choose the right cloud solutions and optimise costs.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.cloud.consulting') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp" data-wow-delay="1.4s">
                        <a href="{{ route('services.project.discovery') }}">
                            <div class="icon-box">
                                <img src="{{ asset('front/images/services_icon/ProjectDiscovery.svg') }}" alt="">
                            </div>
                            <div class="service-item-content">
                                <h3>Project Discovery</h3>
                                <p>We define project scope, features, and planning before development begins.</p>
                            </div>
                            <div class="service-btn">
                                <a href="{{ route('services.project.discovery') }}" class="readmore-btn">learn more</a>
                            </div>
                        </a>
                    </div>
                </div>

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

    <div class="our-blog why_choose_section">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="our-blog-content">
                        <div class="section-title">
                            <h2 class="wow fadeInUp" data-wow-delay="0.25s">Why Choose
                                <span>Us ?</span>
                            </h2>
                        </div>
                        <div class="why_choose_main_image">
                            <a href="#" class="image-anime" data-cursor-text="View">
                                <img src="{{ asset('front/images/why-choose-us-img-1.jpg') }}" alt="">
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">

                    <div class="blog-box">

                        <div class="blog-item wow fadeInUp">
                            <div class="blog-item-body">
                                <div class="blog-item-content">
                                    <h2><a href="#">Versatile Expertise</a></h2>
                                    <p>Benefit from our broad expertise in B2B/B2C solutions, enterprise software,
                                        and innovative blockchain integration.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="blog-item wow fadeInUp" data-wow-delay="0.25s">
                            <div class="blog-item-body">
                                <div class="blog-item-content">
                                    <h2><a href="#">Strategic Development</a></h2>
                                    <p>Count on our structured methodologies for reliable and effective solutions,
                                        meeting your business needs.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="blog-item wow fadeInUp" data-wow-delay="0.5s">
                            <div class="blog-item-body">
                                <div class="blog-item-content">
                                    <h2><a href="#">Technological Excellence</a></h2>
                                    <p>Experience cutting-edge technologies like Xamarin and blockchain, enhancing
                                        security, transparency, and efficiency.</p>
                                </div>
                            </div>
                        </div>

                        <div class="blog-item wow fadeInUp" data-wow-delay="0.5s">
                            <div class="blog-item-body">
                                <div class="blog-item-content">
                                    <h2><a href="#">Client-Centric Focus</a></h2>
                                    <p>We prioritize user-friendly interfaces and seamless navigation, ensuring an
                                        enjoyable experience for your users.</p>
                                </div>
                            </div>
                        </div>

                        <div class="blog-item wow fadeInUp" data-wow-delay="0.5s">
                            <div class="blog-item-body">
                                <div class="blog-item-content">
                                    <h2><a href="#">Comprehensive Solutions</a></h2>
                                    <p>Our services cover diverse industries, from fleet management to health &
                                        fitness, providing tailored solutions for varied needs.</p>
                                </div>
                            </div>
                        </div>

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

@endsection