@extends('layout.main')

@push('title')

    <title>Best SEO Services in Delhi to Grow Your Business Online</title>
    
    <meta name="description" content="Boost your website’s visibility and traffic with expert SEO services in {{$data->state}}. Rank higher on Google and attract more customers."/>
    <meta name="author" content="SSP SoftPro India Pvt Ltd">
	<meta name="robots" content="index, follow" />
	<meta name="distribution" content="global" />
    <meta name="coverage" content="india" />
    <meta name="object" content="document"/>
    <meta name="audience" content="All" />
    <meta name="revisit-after" content="1 day"/>
    <meta name="language" content="en"/>
    <meta name="rating" content="general"/>
    <meta name="copyright" content="© 2024 All Rights Reserved by SSP SoftPro India Pvt Ltd."/>
	
	<!--canonical tag-->
	<link rel="canonical" href="https://www.sspsoftproindia.com/seo-services"/>
    
     <!--Additional OG:Meta-->
    <meta property="og:type" content="Website"/>
    <meta property="og:title" content="seo services - SSP SoftPro India"/>
    <meta property="og:description" content="Boost your website’s visibility and traffic with expert SEO services in {{$data->state}}. Rank higher on Google and attract more customers."/>
    <meta property="og:site_name" content="SSP SoftPro India Pvt Ltd"/>
    <meta property="og:url" content="https://www.sspsoftproindia.com/web-designing"/>
    <meta property="og:image" content="https://www.sspsoftproindia.com/public/images/white-logo.png"/>
    
<script type='application/ld+json'>
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
		{
		"@type": "ListItem",
		"position": "1",
		"name": "Home",
		"item": "https://www.sspsoftproindia.com"
	},
		{
		"@type": "ListItem",
		"position": "2",
		"name": "Service",
		"item": "https://www.sspsoftproindia.com/service"
	},
		{
		"@type": "ListItem",
		"position": "3",
		"name": "Website Designing",
		"item": "https://www.sspsoftproindia.com/web-designing"
	}
	]
}
</script>   
    
@endpush

@push('nav-bg')
    <header style="background: white;" class="header-pr nav-bg-w main-header navfix fixed-top menu-white">
@endpush
@push('modal')
    $(window).on('load', function () {
        var delayMs = 4000; // delay in milliseconds
        setTimeout(function() {
            $('#leadModal').modal('show');
        }, delayMs);
    });
    //Owl-Carousel - client logo
    var owl = $('.niwax-client-slider');
    owl.owlCarousel({
        loop: true,
        center: false,
        autoplay: true,
        margin: 20,
        nav: true,
        dots: false,
        autoplayTimeout: 3500,
        autoplayHoverPause: true,
        smartSpeed: 2000,
        navText: [
            '<i class="fa fa-arrow-left"></i>',
            '<i class="fa fa-arrow-right"></i>',
        ],
        responsive: {
            0: {
                items: 3,
                nav: false,
            },
            520: {
                items: 3,
            },
            768: {
                items: 4
            },
            1200: {
                items: 4
            },
            1400: {
                items: 5
            },
            1600: {
                items: 6
            },
        }
    });
@endpush

@section('main-section')
<section class="breadcrumb-clean">
    <div class="container">
        <h1 class="breadcrumb-title">Seo Services</h1>
        <ul class="breadcrumb-nav">
            <li><a class="text-light" href="{{ url('/') }}">Home</a></li>
            <li>Seo Services</li>
        </ul>
    </div>
</section>

    <!--End Breadcrumb Area-->
    
    <Style>
        .breadcrumb-clean {
    background: url('{{ asset('assets/images/banner/seo.png') }}') center center/cover no-repeat;
    padding: 100px 0;
    text-align: center;
    position: relative;
    color: #fff;
    height:450px;
}

.breadcrumb-clean::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* dark overlay for readability */
    z-index: 1;
}

.breadcrumb-clean .container {
    position: relative;
    z-index: 2;
    margin-top: 94px;
}

.breadcrumb-title {
    font-size: 36px;
    font-weight: 700;
    margin-top: 10px;
    color: #fff;
}

.breadcrumb-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    color: #fff;
}

.breadcrumb-nav li {
    font-size: 14px;
    color: #fff;
}

.breadcrumb-nav li::after {
    content: "•";
    margin: 0 5px;
    color: #fff;
}

.breadcrumb-nav li:last-child::after {
    content: "";
}

    </Style>
    
    <section class="about-agency pad-tb" id="about">
        <div class="container">
            <div class="row">
                <h3 class="text-left">Grow Your Online Visibility with Expert SEO Services</h3>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    
                    <div class="common-heading text-l">
                        <p>Want your enterprise to appear on Google whilst customers seek? Our professional SEO service in Delhi enables your internet site rank better on engines like google so extra humans can find you on-line. Whether you run a nearby store, a service commercial enterprise, or a web keep, search engine optimization brings you actual traffic and leads.
We paint on-web page search engine optimization (like keywords, meta tags, and velocity), off-web page search engine optimization (like one way links and listings), and technical SEO to boost your website performance. We also music your progress and share clear reports each month.
With our search engine marketing provider in Delhi, you don’t just get traffic—you get the right visitors that will become enterprise. We use one hundred% white-hat search engine marketing techniques and custom designed techniques to suit your commercial enterprise goals.
Let SSP SoftPro India help your website develop organically and attain the right target market.
 Get your free search engine optimization session today and begin ranking better
(SEO).</p>
                        
                    
                        <a href="contact" class="btn-main bg-btn lnk mt30">Contact Us <i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></a>
                    </div>
                </div>
                <div class="col-lg-6 v-center">
                    <div class="image-block">
                        <img src="{{ asset('assets/img/pop.png') }}" alt="about" class="img-fluid no-shadow" />
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container">
            <div class="row justify-content-center mt100">
                <div class="col-lg-6">
                    <div class="common-heading">
                        <h2 class="mb30">Our Service Locations</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                {{-- <div class="col-lg-5 col-sm-4 mt40 wow fadeIn" data-wow-delay="0.2s">
                    <div class="isotope_item up-hor">
                        <div class="item-image">
                            <a href="/web-designing/delhi"><img src="{{ asset('assets/img/delhi.webp') }}" alt="image" class="img-fluid" /> </a>
                        </div>
                        <div class="item-info-div shdo">
                            <h4><a href="web-designing/delhi">Delhi</a></h4>
                        </div>
                    </div>
                </div> --}}
                
                @foreach($data1 as $data)
                <div class="col-lg-5 col-sm-4 mt40 wow fadeIn" data-wow-delay="0.2s">
                    <div class="isotope_item up-hor">
                        <div class="item-image">
                            <a href="/seo-services/{{ $data->state}}">
                                <img src="/storage/{{ $data->state_image }}" alt="image" class="img-fluid" /> 
                             </a>
                        </div>
                        <div class="item-info-div shdo">
                            <h4><a href="/seo-services/{{ $data->state}}">{{$data->state}}</a> </h4>
                        </div>
                    </div>
                </div>
                @endforeach



            </div>
    </div>
    
@endsection