@section('title', 'About PrintFast - Leading Printing Company in Pakistan | Our Story')

@section('meta_description', 'Learn about PrintFast - Pakistan\'s trusted printing company since inception. We deliver quality printing services across Islamabad, Karachi & Lahore with cutting-edge technology and expert team.')

@section('meta_keywords', 'about printfast, printing company pakistan, about us, printing services company, islamabad printers')

@section('og_title', 'About PrintFast - Leading Printing Company in Pakistan')
<x-top-header>
    
</x-top-header>



           <x-header>

           </x-header>


       <div id="smooth-wrapper">
            <div id="smooth-content">
                <!-- Breadcrumb Wrapper Start -->
                <div class="breadcrumb-section section-bg-2">
                <div class="container-fluid">
                    <div class="breadcrumb-wrapper bg-cover" style="background-image: url('assets/img/breadcrumb-bg.jpg');">
                        <div class="flower-shape">
                            <img src="assets/img/flower-shape.png" alt="img">
                        </div>
                        <div class="star-shape">
                            <img src="assets/img/star-shape.png" alt="img">
                        </div>
                        <div class="container">
                            <div class="page-heading center">
                                <h6>Designers, Printers, Publishers</h6>
                                <h1>About US</h1>
                                <br>
                                <a href="/contact" class="theme-btn"> Shop Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                </div>

                <!-- About Section Start -->
                <section class="about-section section-padding">
                    <div class="container">
                        <div class="about-wrapper-2">
                            <div class="row g-4">
                                <div class="col-lg-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                                    <div class="about-image-items">
                                        <div class="about-image">
                                            <img src="assets/img/about/1.png" alt="img">
                                        </div>
                                        <div class="shape-1">
                                            <img src="assets/img/about/shape-1.png" alt="img">
                                        </div>
                                        <div class="shape-2">
                                            <img src="assets/img/about/mug1.png" alt="img">
                                        </div>
                                        <div class="shape-3">
                                            <img src="assets/img/about/color_cycle.png" alt="img">
                                        </div>
                                        <div class="shape-4">
                                            <img src="assets/img/about/sticer.png" alt="img">
                                        </div>
                                        <div class="shape-5">
                                            <img src="assets/img/about/shape-2.png" alt="img">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="about-content">
                                        <div class="section-title">
                                            <h6 class="wow fadeInUp">More About Us</h6>
                                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                            <span> Equipment and Techniques:  
                                                </span>
                                            </h2>
                                        </div>
                                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                            We utilize the most advanced technology in the printing industry. Our state-of-the-art equipment allows us to provide high-quality products on time and within the budget. 
                                        </p>
                                        <ul class="about-list wow fadeInUp" data-wow-delay=".3s">
                                            <li>
                                                <i class="fa-solid fa-check"></i>
                                                Printing perfection, one page at a time - Powered by Print Fast
                                            </li>
                                            <li>
                                                <i class="fa-solid fa-check"></i>
                                                Reliable, efficient, and precise – Print Fast's printing solutions
                                            </li>
                                            <li>
                                                <i class="fa-solid fa-check"></i>
                                                Transforming ideas into tangible reality – Print Fast's printing expertise
                                            </li>
                                            <li>
                                                <i class="fa-solid fa-check"></i>
                                                Where quality meets speed – Print Fast's printing equipment
                                            </li>
                                            <li>
                                                <i class="fa-solid fa-check"></i>
                                                Printing with precision, passion, and perfection – Print Fast
                                            </li>
                                        </ul>
                                        <div class="about-author">
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Marquee Section Start -->
                <div class="marquee-section pb-4 margin-top-20">
                    <div class="mycustom-marque">
                        <div class="scrolling-wrap">
                            <div class="comm">
                                <div class="cmn-textslide">web design</div>
                                <div><img src="assets/img/marquee-box.png" alt="img"></div>
                                <div class="cmn-textslide">sitcker print</div>
                                <div class="cmn-textslide color-2">Custom Printing</div>
                                <div><img src="assets/img/marquee-box.png" alt="img"></div>
                                <div class="cmn-textslide">Packageing</div>
                            </div>
                            <div class="comm">
                                <div class="cmn-textslide">web design</div>
                                <div><img src="assets/img/marquee-box.png" alt="img"></div>
                                <div class="cmn-textslide">sitcker print</div>
                                <div class="cmn-textslide color-2">Custom Printing</div>
                                <div><img src="assets/img/marquee-box.png" alt="img"></div>
                                <div class="cmn-textslide">Packageing</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Service Section Start -->
                <section class="service-section bg-cover section-padding" style="background-image: url('assets/img/service/service-bg.jpg');">
                    <div class="container">
                        <div class="section-title-area">
                            <div class="section-title">
                                <h6 class="wow fadeInUp">Your business dreams, our printing expertise</h6>
                                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                    Print Fast helps you make a lasting impression.
                                </h2>
                            </div>
                            <a href="/service" class="theme-btn wow fadeInUp" data-wow-delay=".5s">See all Services</a>
                        </div>
                    </div>
                    <div class="service-wrapper mb-0">
                        <div class="swiper service-slider">
                            <div class="swiper-wrapper">
                                @foreach($OurServices as $OurService)
                                <div class="swiper-slide">
                                    <div class="service-card-items" >
                                        <div class="service-cotent" style='padding:30px 0px 0px;margin-bottom:0%'>
                                            <h3><a href="{{$OurService->link}}">{{$OurService->title}}</a></h3>
                                            <p class='short-paragraph'>{{$OurService->description}}</p>
                                        </div>
                                        <div class="service-image">
                                            <a href="{{$OurService->link}}"><img src="{{$OurService->icon}}" alt="img"></a>
                                        </div>
                                        <div class="service-btn">
                                        <a href="/more-about" class="link-btn">Read Out More <i class="fa-solid fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Counter Section Start -->
                {{-- <section class="counter-section fix section-padding">
                    <div class="container">
                        <div class="counter-text text-center">
                            <h6 class="wow fadeInUp">Manufacturing software that goes beyond the benchmark</h6>
                        </div>
                    </div>
                </section> --}}

                <!-- About Feature Section Start -->
                <section class="about-feature-section fix section-padding pt-0">
                    <div class="container">
                        <div class="about-feature-wrapper style-2">
                            <div class="row g-4">
                                <div class="col-lg-6">
                                    <div class="about-image-items">
                                        <div class="about-feature-image">
                                            <img src="assets/img/about/10.png" alt="img" class="wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                                            <div class="about-feature-image reveal image-anime">
                                                <img src="assets/img/about/11.png" alt="img">
                                            </div>
                                            <div class="stickers-shape">
                                                <img src="assets/img/feature/StickersV30.png" alt="img">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="about-feature-content">
                                        <div class="section-title">
                                            <h6 class="wow fadeInUp">More about us</h6>
                                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                                Our Guiding Principles
                                            </h2>
                                        </div>
                                        <div class="box-items-area mt-3 mt-md-0">
                                            <div class="box-item wow fadeInUp" data-wow-delay=".3s">
                                                <h5>Quality without Compromise: </h5>
                                                <p>
                                                    We believe in delivering superior results, every time. From the finest print finishes to 
                                                    flawless web designs, quality is at the core of everything we do.
                                                </p>
                                            </div>
                                            <div class="box-item active wow fadeInUp" data-wow-delay=".3s">
                                                <h5>Customer-Centric Approach</h5>
                                                <p>
                                                    Your satisfaction drives us. We listen, understand, and work collaboratively with you to 
                                                    ensure that your needs are met, your expectations are exceeded, and your vision is 
                                                    brought to life. 
                                                </p>
                                            </div>
                                            <div class="box-item wow fadeInUp" data-wow-delay=".3s">
                                                <h5>Innovation and Creativity</h5>
                                                <p>
                                                    We’re always looking for new ways to improve. By embracing creativity and leveraging 
                                                    the latest technologies, we ensure that each project is unique, fresh, and forward
                                                    thinking. 
                                                </p>
                                            </div>
                                            <div class="box-item wow fadeInUp" data-wow-delay=".3s">
                                                <h5>Integrity and Transparency</h5>
                                                <p>
                                                    We believe in building lasting relationships based on honesty and trust. We keep you 
                                                    informed, offer clear communication, and always stand behind our work.
                                                </p>
                                            </div>
                                            <div class="box-item wow fadeInUp" data-wow-delay=".3s">
                                                <h5>Timely Delivery</h5>
                                                <p>
                                                    We understand the importance of deadlines. You can count on us to deliver high-quality 
                                                    results on time, every time.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Cta Video Section Start -->
                <div class="cta-video-section">
                    <div class="mycustom-marque style-about">
                        <div class="scrolling-wrap">
                            <div class="comm">
                                <div class="cmn-textslide">business </div>
                                <div class="cmn-textslide">Consulting</div>
                            </div>
                            <div class="comm">
                                <div class="cmn-textslide">business </div>
                                <div class="cmn-textslide">Consulting</div>
                            </div>
                            <div class="comm">
                                <div class="cmn-textslide">business </div>
                                <div class="cmn-textslide">Consulting</div>
                            </div>
                            <div class="comm">
                                <div class="cmn-textslide">business </div>
                                <div class="cmn-textslide">Consulting</div>
                            </div>
                            <div class="comm">
                                <div class="cmn-textslide">business </div>
                                <div class="cmn-textslide">Consulting</div>
                            </div>
                        </div>
                    </div>
                    <div class="container-fluid">
                        <div class="cta-video-wrapper bg-cover wow fadeInUp" data-wow-delay=".3s" style="background-image: url('assets/img/cta-video.jpg');">
                            <a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
                                <i class="fas fa-play"></i>
                            </a>
                        </div>
                    </div>
                    <div class="brand-wrapper-4 bg-cover" style="background-image: url('assets/img/brand/bg.jpg');">
                        <div class="container">
                            <h4 class="text-center wow fadeInUp">We are blessed to work with leading brands <span>brands</span></h4>
                            <!-- Brand Section Start -->
                            <div class="brand-section">
                                <div class="brand-wrapper-3">
                                    <div class="swiper brand-slider-3">
                                        <div class="swiper-wrapper">
                                            @foreach($clients as $client)
                                            <div class="swiper-slide">
                                                <div class="brand-image">
                                                    <img class="img-fluid" src="{{ asset($client->logo) }}" alt="img">
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Work Process Section Start -->
                <section class="work-process-section section-padding fix">
                    <div class="container">
                        <div class="section-title text-center">
                            <h6 class="bg-2 wow fadeInUp" style='font-size: 1.5rem;' >Every great business starts with an idea</h6>
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                Print Fast ensures it gets the perfect launch.
                            </h2>
                        </div>
                        <div class="work-process-wrapper">
                            <div class="row">
                                <div class="col-xl-4 col-lg-6 col-ms-6 wow fadeInUp" data-wow-delay=".3s">
                                    <div class="work-process-box-items">
                                        <div class="thumb">
                                            <img src="assets/img/work-process/15.png" alt="img">
                                        </div>
                                        <div class="content">
                                            <h3>Pick a Product</h3>
                                            
                                        </div>
                                        <div class="number">
                                            01
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-ms-6 wow fadeInUp" data-wow-delay=".5s">
                                    <div class="work-process-box-items active">
                                        <div class="thumb">
                                            <img src="assets/img/work-process/16.png" alt="img">
                                        </div>
                                        <div class="content">
                                            <h3>Custom artwork &review</h3>
                                            <
                                        </div>
                                        <div class="number">
                                            02
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-ms-6 wow fadeInUp" data-wow-delay=".7s">
                                    <div class="work-process-box-items">
                                        <div class="thumb">
                                            <img src="assets/img/work-process/17.png" alt="img">
                                        </div>
                                        <div class="content">
                                            <h3>Set up shipping</h3>
                                            
                                        </div>
                                        <div class="number">
                                            03
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <x-reviews>

                </x-reviews>

<x-footer>

</x-footer>