@extends('frontend.layouts.app')
{{-- @section('title','About Us | Digital Marketing Services | I-Tech Service
')
@section('meta_description',' I-Tech Service offers expert digital marketing services, including SEO, PPC, Social Media, and Ecommerce solutions to grow your business online.
') --}}

@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"
                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">About Us</h1>
            <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s"
                style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                <li>
                    <a href="{{route('home')}}">
                        Home
                    </a>
                </li>
                <li>
                    <i class="fas fa-chevron-right"></i>
                </li>
                <li>
                    About Us
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- About Section Start -->
<section class="about-section section-padding fix">
    <div class="container">
        <div class="about-wrapper-11">
            <div class="row">
                <div class="col-lg-6">
                    <div class="about-image-items">
                        <div class="counter-shape float-bob-y">
                            <div class="icon">
                                <img src="{{asset('public/frontend/assets/img/about/about-icon.png')}}" alt="web development services">
                            </div>
                            <div class="content">
                                <h3><span class="count">6,561</span>+</h3>
                            </div>
                        </div>
                        <div class="video-box">
                            <a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-buttton video-popup">
                                <i class="fa-solid fa-play"></i>
                                <img src="{{asset('public/frontend/assets/img/about/circle-text.png')}}" alt="digital marketing agency"
                                    class="text-circle">
                            </a>
                        </div>
                        <div class="about-image-1 bg-cover wow fadeInLeft" data-wow-delay=".3s"
                            style="background-image: url('{{asset('public/frontend/assets/new-images/aboutimg.jpg')}}');">
                            <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                                <img src="{{asset('public/frontend/assets/new-images/aboutimg1.png')}}" alt="web development services">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 mt-4 mt-lg-0">
                    <div class="about-content">
                        <div class="section-title">
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                Driving Business Growth Through Digital Marketing
                            </h2>
                        </div>
                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                           I-Tech Services is a performance-focused digital marketing agency dedicated to helping businesses build a strong online presence and achieve consistent growth. We work with brands that want more than visibility. Our strategies are designed to attract the right audience, generate quality leads, and turn digital traffic into real business results.


                        </p>
                        <div class="about-icon-items">
                            <div class="icon-items wow fadeInUp" data-wow-delay=".7s">
                                <div class="icon">
                                    <img src="{{asset('public/frontend/assets/img/about/about-icon-2.png')}}"
                                        alt="web development services">
                                </div>
                                <div class="content">
                                    <h3>Problem Solving</h3>
                                    <p>
                                        Digital marketing comes with evolving challenges such as low visibility, weak engagement, and inconsistent lead flow. I-Tech Services focuses on solving these challenges through data-driven planning and continuous optimization.


                                    </p>
                                </div>
                            </div>
                            <div class="icon-items wow fadeInUp" data-wow-delay=".9s">
                                <div class="icon">
                                    <img src="{{asset('public/frontend/assets/img/about/about-icon-3.png')}}"
                                        alt="digital marketing agency">
                                </div>
                                <div class="content">
                                    <h3>Our Mission & Vision</h3>
                                    <p>
                                        I-Tech Services helps businesses grow through effective digital marketing strategies. Our focus is on building a strong online presence, generating quality leads, and delivering measurable results with scalable, performance-driven solutions.

                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="about-author">
                            <div class="main-button  wow fadeInUp" data-wow-delay=".3s">
                                <a href="{{route('contact')}}"> <span class="theme-btn"> Explore More </span><span
                                        class="arrow-btn"><i class="icon-arrow-right"></i></span></a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



@endsection