@extends('layout.main')

@push('title')

    <title>{{$detail->title}}</title>
    
    <meta name="description" content="{{$detail->description}}"/>
    <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/digital-marketing/delhi/{{$detail->url}}"/>
    
     <!--Additional OG:Meta-->
    <meta property="og:type" content="Website"/>
    <meta property="og:title" content="{{$detail->ogtitle}}"/>
    <meta property="og:description" content="{{$detail->ogdescription}}"/>
    <meta property="og:site_name" content="SSP SoftPro India Pvt Ltd"/>
    <meta property="og:url" content="https://www.sspsoftproindia.com/digital-marketing/delhi/{{$detail->url}}"/>
    <meta property="og:image" content="https://www.sspsoftproindia.com/public/images/white-logo.png"/>
    
    

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.sspsoftproindia.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Digital Marketing",
      "item": "https://www.sspsoftproindia.com/digital-marketing"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Delhi Digital Marketing",
      "item": "https://www.sspsoftproindia.com/digital-marketing/delhi"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "{{$detail->title}}",
      "item": "https://www.sspsoftproindia.com/digital-marketing/delhi/{{$detail->url}}"
    }
  ]
}
</script>
  
    
@endpush

@push('nav-bg')
    <header 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="hero-bg-bg1 bg-gradient1 dark-bg1">
        <div class="text-block">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 v-center">
                        <div class="header-heading">
                            <h1 class="wow fadeInUp" data-wow-delay=".2s">{{$detail->primarykeyword}}</h1>
                            <p class="wow fadeInUp" data-wow-delay=".4s">{{$detail->tagline}}</p>
                            
                        </div>
                    </div>
                    <div class="col-lg-6 v-center">
                        <div class="single-image wow fadeIn" data-wow-delay=".5s">
                            <img src="{{ asset('public/img/digital-marketing -3.png') }}" alt="hero image" class="img-fluid" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="service pad-tb light-dark">
        <div class="container">
            <h2>{{$detail->secondarykeyword}}</h2>
            <p>{{$detail->secondarykeywordpara}}</p>
        </div>
    </section>

    <!--End Hero-->
    <!--Start About-->
    <section class="service pad-tb bg-gradient5">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="image-block wow fadeIn">
                        <img src="{{ asset('public/images/detail/dm-detail.webp') }}" alt="image" class="img-fluid no-shadow">
                    </div>
                </div>
                <div class="col-lg-8 block-1">
                    <div class="common-heading text-l pl25">
                        <span>Overview</span>
                        <h3>{{$detail->tertiarykeyword}}</h3>
                        <p>{{$detail->tertiarykeywordpara}}</p>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End About-->

    <!--Start Key points-->

    <!--End Key points-->
    <!--Start Service-->
    <section class="service-block bg-gradient6 pad-tb">
        <div class="container">
            <div class="row justify-content-center">
                    <div class="common-heading ptag">
                        <h3>Our Services</h3>
                        
                    </div>
            </div>
            <div class="row upset link-hover">

                <div class="col-lg-6 col-sm-6 mt30 wow fadeInUp" data-wow-delay=".2s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon-large"><img src="{{ asset('public/images/detail/seo.webp')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content-large">
                            <h4>Search Engine Optimization (SEO)</h4>
                            <p>{{$detail->seo}}</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-sm-6 mt30 wow fadeInUp" data-wow-delay=".4s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon-large"><img src="{{ asset('public/images/detail/smm.webp')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content-large">
                            <h4>Pay-Per-Click (PPC) Ads</h4>
                            <p>{{$detail->ppc}}</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-sm-6 mt30 wow fadeInUp" data-wow-delay=".6s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon-large"><img src="{{ asset('public/images/detail/ppc.webp')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content-large">
                            <h4>Social Media Marketing</h4>
                            <p>{{$detail->smm}}</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-sm-6 mt30 wow fadeInUp" data-wow-delay=".8s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon-large"><img src="{{ asset('public/images/detail/em.webp')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content-large">
                            <h4>Content Marketing</h4>
                            <p>{{$detail->cm}}</p>
                        </div>
                    </div>
                </div>


            </div>
            
                
            
        </div>
    </section>
    
     
    <!--End Service-->
    <!--Start Process-->

    <!--End Process-->
    <!--Start Why Choose-->
    <section class="service-block pad-tb bg-gradient7">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="common-heading ptag">
                        <span>We Deliver Our Best</span>
                        <h3>Why Choose Us</h3>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-sm-6 mt30  wow fadeIn" data-wow-delay=".2s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('public/images/detail/reliable.svg')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content">
                            <h4>Tailored Strategies</h4>
                            <p>Every business is unique, and we create customized marketing strategies according to your brand and target audience, which will ensure your goals.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mt30 wow fadeIn" data-wow-delay=".5s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('public/images/detail/trusted.svg')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content">
                            <h4>Expert Team</h4>
                            <p>There is a team of experienced and certified digital marketing experts who are experts in each platform (SEO, PPC, Social Media, Content Marketing).</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mt30 wow fadeIn" data-wow-delay=".8s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('public/images/detail/completed.svg')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content">
                            <h4>Proven Results</h4>
                            <p>We can deliver measurable results. Our work has a track record of higher ROI, increased traffic, and better conversion rates.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mt30 wow fadeIn" data-wow-delay="1.1s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('public/images/detail/friendly.svg')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content">
                            <h4>Transparent Reporting</h4>
                            <p>Through weekly and monthly detailed reports, you get clear insights on how your campaigns are performing.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mt30 wow fadeIn" data-wow-delay="1.4s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('public/images/detail/excellent.svg')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content">
                            <h4>Affordable Pricing</h4>
                            <p>Cost-effective packages that suit every budget without compromising quality services.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mt30 wow fadeIn" data-wow-delay="1.7s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('public/images/detail/effective.svg')}}" alt="service" class="img-fluid"></div>
                        <div class="s-block-content">
                            <h4>Dedicated Support</h4>
                            <p>We provide 24/7 support so that your queries are answered in a timely manner, and campaigns run uninterrupted.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Why Choose-->
    <!--Start Pricing-->

    <!--End Pricing-->
    <!--Stat Projects-->

    <!--End Projects-->
    <!--Start reveiws-->
   
	      <section class="pad-tb">
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-lg-8">
                  <div class="common-heading">
                     <h2 class="mb0">FAQS</h2>
                  </div>
               </div>
            </div>
            <div class="row">


				<div class="accordion" id="accordionExample">
					<div class="accordion-item">
						<h2 class="accordion-header" id="heading-1">
						  <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapseOne">
							{{$detail->q1}}
						  </button>
						</h2>
						<div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="heading-1" data-bs-parent="#accordionExample">
						  <div class="accordion-body">
							<div class="data-reqs">
								<p>	{{$detail->a1}}</p>								
							 </div>
						  </div>
						</div>
					  </div>
					  <div class="accordion-item">
						<h2 class="accordion-header" id="heading-2">
						  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="true" aria-controls="collapseOne">
							{{$detail->q2}}
						  </button>
						</h2>
						<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="heading-2" data-bs-parent="#accordionExample">
						  <div class="accordion-body">
							<div class="data-reqs">
								<p>{{$detail->a2}}</p>								
							 </div>
						  </div>
						</div>
					  </div>					
					  <div class="accordion-item">
						<h2 class="accordion-header" id="heading-3">
						  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="true" aria-controls="collapseOne">
							{{$detail->q3}}
						  </button>
						</h2>
						<div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="heading-3" data-bs-parent="#accordionExample">
						  <div class="accordion-body">
							<div class="data-reqs">
								<p>{{$detail->a3}}</p>								
							 </div>
						  </div>
						</div>
					  </div>					
					  <div class="accordion-item">
						<h2 class="accordion-header" id="heading-4">
						  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="true" aria-controls="collapseOne">
							{{$detail->q4}}
						  </button>
						</h2>
						<div id="collapse-4" class="accordion-collapse collapse" aria-labelledby="heading-4" data-bs-parent="#accordionExample">
						  <div class="accordion-body">
							<div class="data-reqs">
								<p>{{$detail->a4}}</p>								
							 </div>
						  </div>
						</div>
					  </div>					
					  <div class="accordion-item">
						<h2 class="accordion-header" id="heading-5">
						  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="true" aria-controls="collapseOne">
							{{$detail->q5}}
						  </button>
						</h2>
						<div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="heading-5" data-bs-parent="#accordionExample">
						  <div class="accordion-body">
							<div class="data-reqs">
								<p>{{$detail->a5}}</p>								
							 </div>
						  </div>
						</div>
					  </div>					
				 </div>

 
            </div>
         </div>
      </section>
    <!--End reviews-->
<!--Start Footer-->

@endsection