@extends('layout.main')

@push('title')

    <title>Ecommerce Website Designing in Delhi - SSP SoftPro India</title>
    
    <meta name="description" content="Get SEO-optimized, mobile-friendly ecommerce website designing in Delhi to grow your online store and increase sales effectively."/>
    <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/ecommerce-website"/>
    
     <!--Additional OG:Meta-->
    <meta property="og:type" content="Website"/>
    <meta property="og:title" content="Services We Offer- SSP SoftPro India"/>
    <meta property="og:description" content="SSP Softpro India is a reputed IT & ecommerce website designing Company in Tilak Nagar, New Delhi. Check out the Range of services we offer."/>
    <meta property="og:site_name" content="SSP SoftPro India Pvt Ltd"/>
    <meta property="og:url" content="https://www.sspsoftproindia.com/ecommerce website designing"/>
    <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": "Our Services",
    "item": "https://www.sspsoftproindia.com/ecommerce website 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">ECommerce Website Development</h1>
        <ul class="breadcrumb-nav">
            <li><a class="text-light" href="{{ url('/') }}">Home</a></li>
            <li>ECommerce Website Development</li>
        </ul>
    </div>
</section>

    <!--End Breadcrumb Area-->
    
    <Style>
        .breadcrumb-clean {
    background: url('{{ asset('assets/images/banner/websitedev.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">
                <div class="col-lg-6">
                    
                    <div class="common-heading text-l">
                        <h3>Create a Strong Online Store with Our eCommerce Solutions</h3>
                        <p>Want to promote your products on-line quite simply? We help you create a completely functional, mobile-pleasant, and steady eCommerce website that looks incredible and works flawlessly. Whether you are a small commercial enterprise or a growing emblem, our crew builds online shops which are fast, appealing, and smooth to manipulate.
With our ecommerce internet site service in Delhi, you get the entirety you need—product listings, buying cart, payment gateway, delivery options, and admin panel to get entry to. You can upload or replace merchandise whenever out of your smartphone or computing device.
We additionally make sure your eCommerce web site is search engine marketing-pleasant so greater clients can find your shop on Google. From design to transport, our crew helps you at every step.
If you are looking for a reliable ecommerce internet site provider in Delhi, SSP SoftPro India is your dependent. Let's take your shop on-line and begin promoting with self assurance.
Book an unfastened session today and release your online store trouble-loose.</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/web-designing.webp') }}" 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="/ecommerce website 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="ecommerce website designing/delhi">Delhi</a></h4>
                        </div>
                    </div>
                </div> --}}


                @foreach($data1 as $data)
                <div class="col-lg-4 col-sm-4 mt40 wow fadeIn" data-wow-delay="0.2s">
                    <div class="isotope_item up-hor">
                        <div class="item-image">
                            <a href="http://127.0.0.1:8000/ecommerce-website/{{ $data->state}}">
                                <img src="/storage/{{ $data->state_image }}" alt="image" class="img-fluid" /> 
                             </a>
                        </div>
                        <div class="item-info-div shdo">
                            <h4><a href="/ecommerce-website/{{ $data->state}}">{{$data->state}}</a></h4>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
    </div>
    
@endsection