@extends('layout.main')

@push('title')


@if($page->title)
    <title>{{ $page->title }}</title>
@endif
   @if($page->description)
   <meta name="description" content="{{ $page->description }}">
   @endif
   @if($page->keywords)
   <meta name="keywords" content="{{ $page->keywords }}">
   @endif
   @if($page->author)
   <meta name="author" content="{{ $page->author }}">
   @endif
   @if($page->robots)
   <meta name="robots" content="{{ $page->robots }}">
   @endif
   @if($page->copyright)
   <meta name="copyright" content="{{ $page->copyright }}">
   @endif
   @if($page->canonical_url)
   <link rel="canonical" href="{{ $page->canonical_url }}">
   @endif
   @if($page->og_type)
   <meta property="og:type" content="{{ $page->og_type }}">
   @endif
   @if($page->og_url)
   <meta property="og:url" content="{{ $page->og_url }}">
   @endif
   @if($page->og_title)
   <meta property="og:title" content="{{ $page->og_title }}">
   @endif
   @if($page->og_description)
   <meta property="og:description" content="{{ $page->og_description }}">
   @endif
   @if($page->og_image)
   <meta property="og:image" content="{{ $page->og_image }}">
   @endif
   @if($page->twitter_card)
   <meta name="twitter:card" content="{{ $page->twitter_card }}">
   @endif
   @if($page->twitter_url)
   <meta name="twitter:url" content="{{ $page->twitter_url }}">
   @endif
   @if($page->twitter_title)
   <meta name="twitter:title" content="{{ $page->twitter_title }}">
   @endif
   @if($page->twitter_description)
   <meta name="twitter:description" content="{{ $page->twitter_description }}">
   @endif
   @if($page->twitter_image)
   <meta name="twitter:image" content="{{ $page->twitter_image }}">
   @endif
 
   
   
   
   
   
   
   
   
<script type="application/ld+json">
@if($page->schema_json) 
{{ $page->schema_json }}
@endif
</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')
@php
    $segments = request()->segments();
    $middle = $segments ? $segments[floor(count($segments) / 2)] : null;
@endphp



    <section class="hero-bg-bg1 bg-gradient1 dark-bg1" style="margin-top:110px;">
        <div class="text-block">
            <div class="container">
                <div class="row text-center">
                    <div class="col-lg-12 ">
                        <div class="header-heading">
                            <h2 class="wow fadeInUp " data-wow-delay=".2s"><span class="">{{ $page->title }}</span></h2>
                            <p class="wow fadeInUp" data-wow-delay=".4s">{{ $page->description }}</p>
                            
                        </div>
                    </div>
                    {{-- <div class="col-lg-6 v-center">
                        <div class="single-image wow fadeIn" data-wow-delay=".5s">
                            <img src="{{ asset('assets/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">
            <div class="row text-center">
                <h2>{{ $page->h1 }}</h2>
                
<div class='row mt-4'>
   <div class="col-md-1 col-4"> 
   <img style="height:40px;border-radius:50%;" src="{{ asset('/storage/user.jpeg') }}">
   </div>
   <div class="col-md-3 col-8"> 
   <p> By - SSP SOFTPRO INDIA PVT.LTD. </p>
</div>
<div class="col-md-3 col-8"> 

<Span>
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-fill" viewBox="0 0 16 16">
        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"/>
      </svg>   {{ $page->updated_at }}
</span>

</div>
</div>


            </div>
          <div class="row mt-4">  
            <div class="col-md-4 col-12 mb-2">
            <img style="height:240px;width:100%; " src="{{ asset('storage/'.$page->image1) }}">

          </div>
            <div class="col-md-4 col-12 mb-2">
            <img style="height:240px;width:100%; "  src="{{ asset('storage/'.$page->image2) }}">

          </div>
            <div class="col-md-4 col-12 mb-2">
            <img style="height:240px;width:100%; " src="{{ asset('storage/'.$page->extra_image) }}">

        </div>
            <p class="text-center mt-3">{{ $page->p1 }}</p>

        </div>

    </section>
    <!--End Hero-->
    <!--Start About-->


    @if($page->service == 'web-designing')

      <section class="service-section-prb pad-tb mt-1">
        <div class="container">
          <div class="row upset">
            <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-6-cus wow fadeInUp" data-wow-delay=".2s">
              <div class="service-sec-brp srvc-bg-nx bg-gradient13 text-w">
                <h4 class="mb10">SERVICES WE OFEER</h4>
                <p>We share our expertise in multiple domains such as Website designing and development, Digital marketing
                  and Graphics designing services etc. Have a look upon them </p>
                <a href="javascript:void(0)" class="mt20 link-prb">See Below <i
                    class="fas fa-chevron-right fa-icon"></i></a>
              </div>
            </div>
            <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus wow fadeInUp" data-wow-delay=".4s">
              <div class="service-sec-list srvc-bg-nx srcl1">
                <img src="https://www.sspsoftproindia.com/public/images/icons/development.svg" alt="service">
                <h5 class="mb10">Web Development</h5>
                <ul class="-service-list">
                  <li> <a href="#">PHP</a> </li>
                  <li> <a href="#">Laravel</a> </li>
                  <li> <a href="#">JS</a> </li>
                  <li> <a href="#">Wordpress</a></li>
                </ul>
                <p>Unlock your website's potential with expert PHP and Laravel development. Custom solutions tailored to
                  your needs.</p>
              </div>
            </div>
            <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus wow fadeInUp" data-wow-delay=".6s">
              <div class="service-sec-list srvc-bg-nx srcl2">
                <img src="https://www.sspsoftproindia.com/public/images/icons/ecommerce.svg" alt="service">
                <h5 class="mb10">Ecommerce Development</h5>
                <ul class="-service-list">
                  <li> <a href="#">Laravel </a> </li>
                  <li> <a href="#">PHP</a> </li>
                  <li> <a href="#">Wordpress </a> </li>
                  <li> <a href="#">JS</a></li>
                </ul>
                <p>Build a robust online store with our tailored ecommerce solutions. User-friendly interfaces and seamless
                  payment integration.</p>
              </div>
            </div>
            <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus mt30- wow fadeInUp"
              data-wow-delay=".8s">
              <div class="service-sec-list srvc-bg-nx srcl3">
                <img src="https://www.sspsoftproindia.com/public/images/icons/app.svg" alt="service">
                <h5 class="mb10">Google Ads</h5>
                <ul class="-service-list">
                  <li> <a href="#">Search Ad </a> </li>
                  <li> <a href="#">Display Ad</a> </li>
                  <li> <a href="#">Shopping Ad </a></li>
                </ul>
                <p>Reach your target audience effectively with Google Ads. Drive qualified traffic and maximize your online
                  visibility.</p>
              </div>
            </div>
            <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus mt30- wow fadeInUp"
              data-wow-delay="1s">
              <div class="service-sec-list srvc-bg-nx srcl4">
                <img src="https://www.sspsoftproindia.com/public/images/icons/tech.svg" alt="service">
                <h5 class="mb10">Google Promotion</h5>
                <ul class="-service-list">
                  <li> <a href="#">Local SEO</a> </li>
                  <li> <a href="#">GMB</a> </li>
                  <li> <a href="#"> Lead Generation </a></li>
                </ul>
                <p>Boost your online presence with strategic Google promotion. Increase brand awareness and attract more
                  customers.</p>
              </div>
            </div>
            <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-6-cus mt30- wow fadeInUp"
              data-wow-delay="1.2s">
              <div class="service-sec-list srvc-bg-nx srcl5">
                <img src="https://www.sspsoftproindia.com/public/images/icons/seo.svg" alt="service">
                <h5 class="mb10">Digital Marketing</h5>
                <ul class="-service-list">
                  <li> <a href="#">SEO </a> </li>
                  <li> <a href="#">SMO </a> </li>
                  <li> <a href="#">SMM </a></li>
                  <li> <a href="#">SEM </a></li>
                </ul>
                <p>Elevate your business with comprehensive digital marketing strategies. From SEO to social media, we've
                  got you covered.</p>
              </div>
            </div>
          </div>
        </div>
      </section>



<!--End Hero-->
<!--Start About-->
@elseif ($page->service == 'digital-marketing')

<section class="service-block bg-gradient6 pad-tb">
    <div class="container">
        <div class="row justify-content-center">
                <div class="common-heading ptag">
                    <p class="mb30">At SSP SoftPro India, we offer many different ways to help your business stand out online and get more customers in  {{ $page->city }} . Here’s how each service works:</p>
                    <p class="mb30">At SSP SoftPro India, we offer many different ways to help your business stand out online and get more customers in  {{ $page->city }} . Here’s how each service works:</p>
                </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('assets/images/detail/seo.webp')}}" alt="service" class="img-fluid"></div>
                    <div class="s-block-content-large">
                        <p>We make sure your business shows up at the top when people search on Google or Bing. For example, if someone searches for "best taxi service in  {{ $page->city }} ," we’ll optimise your website so it appears in the top results. This helps more people find you online without needing ads.</p>
                        <p>We make sure your business shows up at the top when people search on Google or Bing. For example, if someone searches for "best taxi service in  {{ $page->city }} ," we’ll optimise your website so it appears in the top results. This helps more people find you online without needing ads.</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('assets/images/detail/smm.webp')}}" alt="service" class="img-fluid"></div>
                    <div class="s-block-content-large">
                        <h4>Pay-Per-Click (PPC) Ads</h4>
                        <p>PPC ads let your business show up quickly when people search for something. For example, you can run ads that say "Best Balloon Decoration in  {{ $page->city }}  – Visit Us Today!" These ads are paid, but they bring people to your website fast and give you great results if done right.</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('assets/images/detail/ppc.webp')}}" alt="service" class="img-fluid"></div>
                    <div class="s-block-content-large">
                        <p>Social media platforms like Facebook, Instagram, and LinkedIn are popular in  {{ $page->city }} . We create posts, stories, and paid campaigns that catch people’s attention and encourage them to visit your business or website. For example, a fun Instagram post for a Balloon Decoration in  {{ $page->city }}  can get more people to visit.</p>
                        <p>Social media platforms like Facebook, Instagram, and LinkedIn are popular in  {{ $page->city }} . We create posts, stories, and paid campaigns that catch people’s attention and encourage them to visit your business or website. For example, a fun Instagram post for a Balloon Decoration in  {{ $page->city }}  can get more people to visit.</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('assets/images/detail/em.webp')}}" alt="service" class="img-fluid"></div>
                    <div class="s-block-content-large">
                        <h4>Content Marketing</h4>
                        <p>Good content like blogs, videos, and infographics helps build trusories, more people will visit it. For instance, a clothing store in  {{ $page->city }}  can share a blog like "Top Fashion Trends in  {{ $page->city }} " to attract customers</p>
                    </div>
                </div>
            </div>


        </div>
        
            <p class="pt-30">All these services work together to make your business popular online and bring in more customers, no matter where you are in  {{ $page->city }} .</p>
        
    </div>
</section>
    @endif

    {{-- @if(Str::contains($page->service,'digital-marketing')) --}}
    <section style="padding-top: 51px !important;
    padding-bottom: 63px !important;" class="service pad-tb light-dark">
        <div class="container">
            <h2>{{$page->h2}}</h2>
            <p>{{$page->p2}}</p>
        </div>
    </section>
    {{-- <img src="{{ asset('storage/'.$page->image2) }}"> --}}

    <section style="padding-top: 51px !important;
    padding-bottom: 63px !important;" class="service pad-tb light-dark">
        <div class="container">
            <h2>{{$page->h3}}</h2>
            <p>{{$page->p3}}</p>
        </div>
    </section>
   

    <section style="padding-top: 51px !important;
    padding-bottom: 63px !important;" class="service pad-tb light-dark">
        <div class="container">
            <h2>{{$page->h4}}</h2>
            <p>{{$page->p4}}</p>
        </div>
    </section>



    
    
            {{-- <div class="statistics-section bg-gradient6 pad-tb tilt3d">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="statistics">
                        <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                            <img src="{{ asset('assets/images/icons/startup.svg') }}" alt="years" class="img-fluid" />
                        </div>
                        <div class="statnumb">
                            <span class="counter">4</span><span>+</span>
                            <p>Year In Business</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="statistics">
                        <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                            <img src="{{ asset('assets/images/icons/team.svg') }}" alt="team" class="img-fluid" />
                        </div>
                        <div class="statnumb">
                            <span class="counter">25</span><span>+</span>
                            <p>Team Members</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="statistics">
                        <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                            <img src="{{ asset('assets/images/icons/deal.svg') }}" alt="happy" class="img-fluid" />
                        </div>
                        <div class="statnumb">
                            <span class="counter">10.5</span><span>K</span>
                            <p>Happy Clients</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="statistics">
                        <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                            <img src="{{ asset('assets/images/icons/computers.svg') }}" alt="project" class="img-fluid" />
                        </div>
                        <div class="statnumb counter-number">
                            <span class="counter">12</span><span>K</span>
                            <p>Projects Done</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div> --}}
    
    {{-- <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('assets/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('assets/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('assets/images/detail/completed.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.1s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('assets/images/detail/friendly.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.4s">
                    <div class="s-block wide-sblock">
                        <div class="s-card-icon"><img src="{{ asset('assets/images/detail/excellent.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 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('assets/images/detail/effective.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>
        </div>
    </section> --}}
    
    {{-- <section class="testinomial-section-app bg-none pad-tb">
		<div class="container">
			<div class="row">
				<div class="col-lg-5">
					<div class="common-heading text-l">
						<span>What our clients</span>
						<h3>Say about us?</h3>
					</div>
					<div class="review-title-ref mt40">
						<h4>Read More Reviews</h4>
					</div>
					<div class="row mt30 justify-content-start">
						<a href="#" target="blank" class="wow fadeIn col-lg-4 col-4" data-wow-delay=".2s">
                            <img src="{{ asset('assets/images/about/reviews-icon-1.png') }}" alt="review" class="img-fluid">
                        </a>
					</div>
				</div>
				<div class="col-lg-7">
					<div class="pl50">
						<div class="shape shape-a1"><img src="{{ asset('assets/images/shape/shape-3.svg') }}" alt="shape"></div>
						<div class="testimonial-card-a tcd owl-carousel">
							<div class="testimonial-card">
								<div class="tt-text">
									<p>SSP Softpro India exceeded my expectations! Their web development expertise and attention to detail resulted in a stunning website that perfectly represents my business. The team's professionalism and commitment to customer satisfaction truly impressed me. Highly recommended!</p>
								</div>
								<div class="client-thumbs mt30">
									<div class="media v-center upset">
										<div class="user-image bdr-radius"><img src="{{ asset('assets/images/user-thumb/user.png') }}"
												alt="girl" class="img-fluid rounded-circle" /></div>
										<div class="media-body user-info v-center">
											<h5>Ravi Gupta</h5>
											<!--<p>Founder at Itawa Real eState</p>-->
											<i class="fas fa-quote-right posiqut"></i>
										</div>
									</div>
								</div>
							</div>
							<div class="testimonial-card">
								<div class="tt-text">
									<p>I am thrilled with the e-commerce website developed by SSP Softpro India. They understood my requirements completely and delivered a user-friendly platform with seamless payment integration. The team's technical prowess and prompt support made the entire process smooth. Great job!</p>
								</div>
								<div class="client-thumbs mt30">
									<div class="media v-center upset">
										        <div class="user-image bdr-radius"><img src="{{ asset('assets/images/user-thumb/user.png') }}"
												alt="girl" class="img-fluid rounded-circle" /></div>
										<div class="media-body user-info v-center">
											<h5>Rajesh Singhania</h5>
											<!--<p>Founder at Itawa Real eState</p>-->
											<i class="fas fa-quote-right posiqut"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section> --}}


    {{--     
<section class="element-page">
    <div class="container">
        <div class="row justify-content-center mt100">
            <div class="col-lg-6">
                <div class="common-heading">
                    <h2 class="mb30">Our Locations in Delhi</h2>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                 @foreach($servicelocation->slice(0, 5) as $servicelocations)
                        <td style="text-align: center;">
                            <div class="isotope_item up-hor">
                                <div class="item-image">
                                    <a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}"></a>
                                </div>
                                    <h4><a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}">{{$servicelocations->title}}</a></h4>
                            </div>
                        </td>
                    @endforeach
                    @foreach($servicelocation->slice(5, 5) as $servicelocations)
                        <td style="text-align: center;">
                            <div class="isotope_item up-hor">
                                <div class="item-image">
                                    <a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}"></a>
                                </div>
                                    <h4><a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}">{{$servicelocations->title}}</a></h4>
                            </div>
                        </td>
                    @endforeach
            </div>
            <div class="col-md-6">
                    @foreach($servicelocation->slice(10, 5) as $servicelocations)
                        <td style="text-align: center;">
                            <div class="isotope_item up-hor">
                                <div class="item-image">
                                    <a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}"></a>
                                </div>
                                    <h4><a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}">{{$servicelocations->title}}</a></h4>
                            </div>
                        </td>
                    @endforeach
                    @foreach($servicelocation->slice(15, 5) as $servicelocations)
                        <td style="text-align: center;">
                            <div class="isotope_item up-hor">
                                <div class="item-image">
                                    <a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}"></a>
                                </div>
                                    <h4><a href="{{route('digitalmarketingdelhidetail', $servicelocations->url)}}">{{$servicelocations->title}}</a></h4>
                            </div>
                        </td>
                    @endforeach
            </div>
        </div>
    </div>
</section> --}}

{{--     
    <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">
{{
    $page->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>{{ $page->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">
							{{ $page->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>{{ $page->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">
							{{ $page->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>{{ $page->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">
							{{ $page->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>{{ $page->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">
							Is Hiring a Digital Marketing Company in Delhi Worth It?
						  </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>Yes, partnering with a digital marketing agency can streamline your efforts, saving time and resources. With their expertise, you can implement effective strategies to engage your audience, boost brand visibility, and achieve your business goals faster.</p>								
							 </div>
						  </div>
						</div>
					  </div>					 --}}
					  {{-- <div class="accordion-item">
						<h2 class="accordion-header" id="heading-6">
						  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-6" aria-expanded="true" aria-controls="collapseOne">
							{{ $page->q5 }}
						  </button>
						</h2>
						<div id="collapse-6" class="accordion-collapse collapse" aria-labelledby="heading-6" data-bs-parent="#accordionExample">
						  <div class="accordion-body">
							<div class="data-reqs">
								<p>{{ $page->a5 }}</p>								
							 </div>
						  </div>
						</div>
					  </div>					
				 </div>

 
            </div>
         </div>
      </section> --}}


      @if($page->custom_js)
      <script>
      {!! $page->custom_js !!}
      </script>
      @endif



@endsection