@extends('frontend.layouts.app')
{{-- @section('title','Web Development Services | Custom Website Development
')
@section('meta_description',' Are you looking for web development services with custom website development, responsive design, fast performance, secure coding, and scalable solutions? 
') --}}
@section('title', $title)
@section('meta_description', $desc)
@section('meta_keywords', $key)


@section('content')
    <!-- Hero Section Start -->
    <div class="breadcrumb-wrapper bg-cover"
        style="background-image: url('{{ asset('public/frontend/assets/new-images/banner.webp') }}');">
        <div class="container">
            <div class="page-heading">
                <h1 class="wow fadeInUp" data-wow-delay=".3s"> Web Development</h1>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                    <li>
                        <a href="{{route('home')}}">
                            Home
                        </a>
                    </li>
                    <li>
                        <i class="fas fa-chevron-right"></i>
                    </li>
                    <li>
                        Web Development Services
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Service Section Start -->
    <section class="Service-details-section pt-5  fix">
        <div class="container">
            <div class="sertvice-details-wrapper">

                <div class="service-details-content">
                    <h2>Custom Web Development Services for Modern Businesses</h2>

                    <div class="row g-4 pt-4 pb-5 align-items-center">
                        <div class="col-md-6">
                            <div class="thumb">
                                <img src="{{ asset('public/frontend/assets/new-images/webdevelopment.jpg') }}" alt="website creation services​">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <h3>Turn Your Vision Into Powerful Digital Experiences</h3>
                            <div class="list-wrapper mt-4">
                                <ul class="list-items">
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Develop Mobile-Optimized Websites
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Enhance Website Speed & Performance
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                       Create Scalable Digital Platforms
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                      Deliver Secure & Stable Web Solutions
                                    </li>

                                </ul>
                                <ul class="list-items">
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Boost User Interaction & Experience
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                       Build Custom Web-Based Applications
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                       Increase Online Leads & Conversions
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Provide Continuous Maintenance & Support
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row g-4 mb-5">
                        <h2 class="text-center">Grow Your Business with Expert Web Development</h3>
                            <div class="col-xl-4 col-lg-6 col-md-6">
                                <div class="service-details-box-items">
                                    <div class="icon">
                                        <img src="{{ asset('public/frontend/assets/img/icon/frontend-dev.png') }}" alt="web development company">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Front-End Development</a></h3>
                                        <p>We create visually engaging and responsive user interfaces that ensure smooth navigation and a consistent experience across all devices and screen sizes.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6">
                                <div class="service-details-box-items">
                                    <div class="icon">

                                        <img src="{{ asset('public/frontend/assets/img/icon/backend-dev.png') }}" alt="web development agency">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Back-End Development</a></h3>
                                        <p>Our team builds secure and scalable back-end systems that power your website efficiently, ensuring fast performance and reliable functionality as your business grows.
</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6">
                                <div class="service-details-box-items">
                                    <div class="icon">

                                        <img src="{{ asset('public/frontend/assets/img/icon/full-stack.png') }}" alt="web development services">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Full-Stack Development</a></h3>
                                        <p>From design to deployment, our full-stack development services handle every aspect of your website, delivering complete and well-integrated digital solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6">
                                <div class="service-details-box-items">
                                    <div class="icon">

                                        <img src="{{ asset('public/frontend/assets/img/icon/e-commerce-web.png') }}" alt="website creation services">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">E-commerce Web Development</a></h3>
                                        <p>We develop feature-rich e-commerce websites designed for high conversions, seamless checkout experiences, and secure payment gateway integrations.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6">
                                <div class="service-details-box-items">
                                    <div class="icon">

                                        <img src="{{ asset('public/frontend/assets/img/icon/cms-dev.png') }}" alt="web development company">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">CMS Development</a></h3>
                                        <p>Our CMS solutions, including WordPress and Shopify, allow you to easily manage, update, and scale your website without technical complexity.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6">
                                <div class="service-details-box-items">
                                    <div class="icon">

                                        <img src="{{ asset('public/frontend/assets/img/icon/web-maintainance.png') }}" alt="web development agency">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Website Maintenance & Support</a></h3>
                                        <p>We provide ongoing website maintenance and technical support to keep your site secure, updated, and optimized for consistent performance.</p>
                                    </div>
                                </div>
                            </div>
                    </div>


                </div>
            </div>
        </div>
    </section>
    {{-- Faq Schema --}}
    @if(!empty($faqSchema))
        <script type="application/ld+json">
         {!! $faqSchema !!}
         </script>
    @endif
    {{-- Faq Schema --}}

    <section class="faq-section-3 fix section-padding section-bg">
        <div class="container">
            <div class="section-title text-center wow fadeInUp" data-wow-delay=".3s">
                <h2>Frequently Asked Questions</h2>
            </div>
            <div class="faq-wrapper-3">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="faq-image">
                            <img src="{{asset('public/frontend/assets/new-images/developmentfaq.png')}}" alt="web development services">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="faq-items">
                            <div class="accordion" id="accordionExample">
                                <div class="accordion-item wow fadeInUp" data-wow-delay=".3s">
                                    <h2 class="accordion-header" id="headingOne">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                         What makes I-Tech Services different from other web development companies?
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                            At I-Tech Services, we focus on building responsive, user-friendly websites that are designed not only to look professional but also to improve engagement and drive real business results.

                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item wow fadeInUp" data-wow-delay=".5s">
                                    <h2 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo">
                                          How long does it take to build a website?
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse"
                                        aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                               The timeline depends on the project scope and features. A standard business website usually takes 2–4 weeks, while larger or custom projects may require additional development time.

                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item wow fadeInUp" data-wow-delay=".7s">
                                    <h2 class="accordion-header" id="headingthree">
                                        <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapsethree"
                                            aria-expanded="false" aria-controls="collapsethree">
                                        Do you offer ongoing website maintenance after launch?

                                        </button>
                                    </h2>
                                    <div id="collapsethree" class="accordion-collapse collapse"
                                        aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                               Yes, we provide ongoing maintenance and support services to ensure your website remains secure, updated, and optimized for performance after it goes live.

                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item wow fadeInUp" data-wow-delay=".3s">
                                    <h2 class="accordion-header" id="headingfour">
                                        <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapsefour"
                                            aria-expanded="false" aria-controls="collapsefour">
                                           Can you redesign or improve my existing website?
                                        </button>
                                    </h2>
                                    <div id="collapsefour" class="accordion-collapse collapse"
                                        aria-labelledby="headingfour" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                               Absolutely. We can redesign your current website to improve its design, performance, functionality, and user experience while keeping your brand identity intact.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item mb-0 wow fadeInUp" data-wow-delay=".5s">
                                    <h2 class="accordion-header" id="headingfive">
                                        <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapsefive"
                                            aria-expanded="false" aria-controls="collapsefive">
                                         Is SEO included in your web development services?
                                        </button>
                                    </h2>
                                    <div id="collapsefive" class="accordion-collapse collapse"
                                        aria-labelledby="headingfive" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                             Yes, our websites are built with SEO-friendly structures, clean code, fast loading speed, and mobile responsiveness to support better search engine visibility.

                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection