@extends('frontend.layouts.app')
{{-- @section('title', ' Web Design Services | Custom Web Design | I-Tech Service')
@section('meta_description',
' We offer professional web design services with custom web design, responsive layouts, creative visuals, user-focused
interfaces, and brand-driven digital experiences
') --}}
@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 Design Services</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 Designing
                    </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>Creative Web Design Services for Modern Businesses</h2>

                    <div class="row g-4 pt-4 pb-5">
                        <div class="col-md-6">
                            <div class="thumb">
                                <img src="{{ asset('public/frontend/assets/new-images/webdev.jpg') }}"
                                    alt="shopify website design services">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <h3>Design Your Brand Into Powerful Digital Experiences</h3>
                            <div class="list-wrapper mt-4">
                                <ul class="list-items">
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Design mobile-friendly and responsive layouts
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Improve visual appeal and brand consistency
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Create user-centric and intuitive interfaces
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Deliver clean, modern, and conversion-focused designs
                                    </li>

                                </ul>
                                <ul class="list-items">
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Enhance user engagement and on-site experience
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Design custom layouts tailored to your business
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Increase leads through strategic design elements
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-angles-right"></i>
                                        Provide design updates and ongoing support
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row g-4 mb-5">
                        <h2 class="text-center">What We Do offer</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/respon-web.png  ') }}"
                                            alt="b2b website design">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">RUI Design</a></h3>
                                        <p>We craft clean and visually engaging user interfaces that reflect your brand
                                            identity while ensuring easy navigation and a smooth browsing experience for
                                            users.</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/custom-web-sol.png') }}"
                                            alt="custom web design">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">UX Design</a></h3>
                                        <p>Our UX design approach focuses on user behavior, layout structure, and
                                            accessibility to create seamless journeys that keep visitors engaged and
                                            encourage action.</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/user-centered.png') }}"
                                            alt="website design company">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Responsive Web Design</a></h3>
                                        <p>We design fully responsive websites that adapt perfectly to desktops, tablets,
                                            and mobile devices, ensuring a consistent experience on every screen size</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/seo-friend.png') }}" alt="web design services">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">E-Commerce Web Design</a></h3>
                                        <p>Every website we design is optimized for search engines from the start. We ensure
                                            your website is structured to rank well and perform effectively in search engine
                                            results.</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-design.png') }}"
                                            alt="website creation services">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Landing Page Design</a></h3>
                                        <p>We design high-converting landing pages with clear layouts, strong visuals, and
                                            focused messaging to support marketing campaigns and lead generation.</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/brand-consistancy.png') }}"
                                            alt="shopify website design services">
                                    </div>
                                    <div class="content">
                                        <h3><a href="#">Website Redesign Services</a></h3>
                                        <p>We redesign existing websites to improve aesthetics, usability, and performance
                                            while maintaining brand consistency and modern design standards.
                                        </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/designfaq.png') }}"
                                alt="b2b website design">
                        </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 design 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 creating visually appealing, user-friendly
                                                website designs that align with your brand and help improve engagement,
                                                trust, and conversions.
                                            </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 design a website?
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                                The design timeline depends on the project scope and requirements. A
                                                standard website design typically takes 1–3 weeks, while complex designs may
                                                require more 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 redesign existing websites?
                                        </button>
                                    </h2>
                                    <div id="collapsethree" class="accordion-collapse collapse"
                                        aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                                Yes, we offer complete website redesign services to improve design quality,
                                                user experience, and overall visual appeal while keeping your brand identity
                                                intact.
                                            </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">
                                            Will my website design be mobile-friendly?
                                        </button>
                                    </h2>
                                    <div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                                Absolutely. All our web designs are fully responsive and optimized to
                                                deliver a smooth experience across mobile, tablet, and desktop devices.
                                            </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">
                                            Do you offer support after the design is completed?
                                        </button>
                                    </h2>
                                    <div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                                Yes, we provide ongoing design support and updates to ensure your website
                                                remains modern, visually consistent, and aligned with your business needs.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection