@section('title', 'PrintFast - Best Printing Services in Islamabad | Business Cards, Banners & Corporate Gifts')

@section('meta_description', 'PrintFast offers premium printing services in Islamabad, Karachi & Lahore. Business cards, brochures, banners, corporate gifts, packaging & more. Fast delivery & competitive prices. Call: 0300-8243483')

@section('meta_keywords', 'printing services islamabad, printing company pakistan, printfast, business cards, banners, corporate gifts, custom printing, fast printing islamabad')

@section('og_title', 'PrintFast - Best Printing Services in Islamabad')

@section('og_description', 'Quality printing services across Pakistan - Business Cards, Banners, Corporate Gifts & More')

<x-top-header />

            <x-header>
                
            </x-header>

            
        <div id="smooth-wrapper">
            <div id="smooth-content">
                <!-- Hero Section Start -->
                <section class="hero-section hero-3 bg-cover" style="background-image: url('assets/img/hero/hero-bg-2.jpg');">
                    <div class="line-shape">
                        <img src="assets/img/hero/line.png" alt="img">
                    </div>
                    <div class="container">
                        <div class="swiper hero-slider-2">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="row g-4 justify-content-between align-items-center">
                                        <div class="col-xxl-6 col-xl-6 col-lg-6">
                                            <div class="hero-content">
                                                <h6 style=" background:#C52F33">Designers, Printers, Publishers</h6>
                                                <h1 style=" font-family: Poppins">
                                                    We Build 
                                                </h1>
                                                <h1 style=" font-family: Poppins;margin-top:10px;">
                                                    Your Vision
                                                </h1>
                                                <p>
                                                    Printing your vision with efficiency, speed <br> and quality
                                                </p>
                                            </div>
                                            <div class="hero-button">
                                                <a href="/contact" class="theme-btn">Order Today</a>
                                            </div>
                                        </div>
                                        <div class="col-xxl-5 col-xl-6 col-lg-6">
                                            <div class="hero-image-items">
                                                <div class="hero-image">
                                                   <img src="assets/img/hero/1.png" alt="Custom T-shirt Printing Services Pakistan">
                                                </div>
                                                <div class="color-box">
                                                    <img src="assets/img/hero/bucket-front-color.png" alt="Printing Color Options PrintFast Pakistan">
                                                </div>
                                                <div class="mockup-shape">
                                                    <img src="assets/img/hero/mockup-generator.png" alt="Custom Design Mockup Generator PrintFast">
                                                </div>
                                                <div class="stickers-shape">
                                                    <img src="assets/img/hero/stiker.png" alt="Custom Stickers Printing Pakistan">
                                                </div>
                                                <div class="cap-shape">
                                                     <img src="assets/img/hero/cap.png" alt="Custom Cap Printing Corporate Gifts">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                
                <!-- 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="{{ $client->name ?? 'Client Logo' }} - PrintFast Partner">
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
<!-- Popular Product Section Start -->
<section class="popular-product-section fix section-padding">
    <div class="container">
        <div class="section-title text-center">
            <h6 class="bg-2 wow fadeInUp" style="font-size: 1.5rem;">From vision to reality</h6>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                Print Fast brings your business ideas to life with precision and speed.
            </h2>
        </div>
        <div class="array-button justify-content-center">
            <button class="array-prev"><i class="fa-regular fa-arrow-left-long"></i></button>
            <button class="array-next"><i class="fa-regular fa-arrow-right-long"></i></button>
        </div>
        <div class="shop-wrapper shop-wrapper-2">
        <div class="swiper shop-slider">
            <div class="swiper-wrapper">
                @foreach($products as $product)
                    <div class="swiper-slide">
                        <div class="shop-box-items style-2">
                            <div class="shop-image-2">
                                <img src="{{ asset($product->imgs) }}" alt="{{ $product->name }} - Custom Printing PrintFast Pakistan" class="zoomable-image" data-img="{{ asset($product->imgs) }}">
                            </div>
                            <div class="shop-content">
                                <h3><a href="{{ $product->links }}">{{ $product->name }}</a></h3>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
</div>
    </div>
</section>


                <!-- Product Demand Section Start -->
                <section class="product-demand-section fix section-padding">
                    <div class="line-shape">
                        <img src="assets/img/line-3.png" alt="img">
                    </div>
                    <div class="container">
                        <div class="product-demand-wrapper">
                            <div class="row g-4">
                                <div class="col-xl-5 col-lg-6">
                                    <div class="product-demand-image">
                                        <img src="assets/img/custom-print-img.png" alt="img" class="border-radius-22 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                                        <div class="ratting-shape">
                                            
                                        </div>
                                        <div class="brush-shape">
                                            <img src="assets/img/brush-front.png" alt="img">
                                        </div>
                                        <div class="demand-shape float-bob-y">
                                            <img src="assets/img/demand-shape.png" alt="img">
                                        </div>
                                        <div class="home-demand-shape float-bob-x">
                                            <img src="assets/img/home-demand.png" alt="img">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-7 col-lg-6">
                                    <div class="product-demand-content">
                                        <div class="section-title">
                                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                                Great ideas deserve great prints
                                            </h2>
                                        </div>
                                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                            Print Fast turns your concepts into compelling brand 
                                            assets.
                                        </p>
                                        <div class="icon-wrapper">
                                            <div class="icon-items wow fadeInUp" data-wow-delay=".3s">
                                                <div class="icon">
                                                    <img src="assets/img/icon/09.svg" alt="img">
                                                </div>
                                                <h4>
                                                    Mix and match colors, <br>
                                                    sizes, and designs
                                                </h4>
                                            </div>
                                            <div class="icon-items wow fadeInUp" data-wow-delay=".5s">
                                                <div class="icon">
                                                    <img src="assets/img/icon/10.svg" alt="img">
                                                </div>
                                                <h4>
                                                    Top quality prints using <br>
                                                    the latest technology
                                                </h4>
                                            </div>
                                        </div>
                                        <ul class="wow fadeInUp" data-wow-delay=".3s">
                                           
                                        </ul>
                                        <a href="/more-about" class="theme-btn wow fadeInUp" data-wow-delay=".5s">more about us</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Marquee Section Start -->
                <div class="marquee-section fix">
                    <div class="mycustom-marque">
                        <div class="scrolling-wrap bg-style">
                            
                            <div class="comm cmn-style-3">
                                @foreach($OurServices as $OurService)
                                <div class="cmn-textslide">{{$OurService->title}}</div>
                                <div><img  src="assets/img/star.png" alt="img"></div>
                                @endforeach
                            </div>
                            <div class="comm cmn-style-3">
                                @foreach($OurServices as $OurService)
                                <div class="cmn-textslide">{{$OurService->title}}</div>
                                <div><img src="assets/img/star.png" alt="img"></div>
                                @endforeach
                            </div>
                            
                        </div>
                    </div>
                </div>

                <!-- Service Section Start -->
                <section class="service-section-2 bg-cover fix section-padding" style="background-image: url('assets/img/service/service-bg-2.jpg');">
                    <div class="left-bg">
                        <img src="assets/img/service/left-bg.png" alt="img">
                    </div>
                    <div class="container">
                        <div class="section-title text-center">
                            <h6 class="bg-2 wow fadeInUp" style="font-size: 1.5rem;">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>
                        <div class="swiper service-slider-2">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="service-box-items">
                                        <h3><a href="#">Stamps </a></h3>
                                        <div class="service-image">
                                            <img data-img="assets/img/service/27.png"  src="assets/img/service/27.png" class='zoomable-image' alt="img">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="service-box-items">
                                        <h3><a href="#">Catalogue </a></h3>
                                        <div class="service-image">
                                            <img data-img="assets/img/service/10.png"  src="assets/img/service/10.png" class="zoomable-image" alt="img">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="service-box-items">
                                        <h3><a href="#">Keychain</a></h3>
                                        <div class="service-image">
                                            <img data-img="assets/img/service/12.png"  src="assets/img/service/12.png" class="zoomable-image" alt="img">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-dot pt-5">
                                <div class="dot"></div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Shop Banner Section Start -->
                <section class="shop-banner-section-2 fix">
                    <div class="row g-4">
                        <div class="col-xl-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                            <div class="shop-banner-items-2">
                                <div class="content">
                                    <p class="wow fadeInUp" style='color:#C52F33'>"Print Fast: </p>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">Where creativity meets quality, fueling the growth of your business.</h2>
                                    <a href="/contact" class="theme-btn wow fadeInUp" data-wow-delay=".7s">Custom print now</a>
                                </div>
                                <div class="thumb wow fadeInUp" data-wow-delay=".3s">
                                    <img src="assets/img/shop-banner/t-shirt.png" alt="img">
                                    <div class="flower-shape">
                                        <img src="assets/img/shop-banner/flower.png" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
                            <div class="shop-banner-items-2 style-2">
                                <div class="content">
                                    <p class="wow fadeInUp" style='color:#C52F33'>We don’t just print:</p>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s" >we empower your <br> brand to stand out <br> and succeed.</h2>
                                    <ul class="wow fadeInUp" data-wow-delay=".5s">
                                       
                                    </ul>
                                </div>
                                <div class="thumb-2">
                                    <a href="#">
                                        <img src="assets/img/shop-banner/gift-box.png" alt="img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- 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>

                <!-- Project Section Start -->
                <section class="project-section-2 fix pt-0">
                    <div class="project-wrapper-3">
                        <div class="array-button">
                            <button class="array-prev"><i class="fa-regular fa-chevron-right"></i></button>
                            <button class="array-next"><i class="fa-regular fa-chevron-left"></i></button>
                        </div>
                        <div class="swiper project-slider">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="project-thumb reveal image-anime">
                                        <img src="assets/img/project/18.png" alt="img">
                                        <div class="content">
                                            <h4><a href="project-details.html">Digital Marketing</a></h4>
                                            <p>Art , Direction</p>
                                        </div>
                                        <div class="project-button">
                                            <a href="project-details.html" class="btns">
                                                View More 
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="project-thumb reveal image-anime">
                                        <img src="assets/img/project/19.png" alt="img">
                                        <div class="content">
                                            <h4><a href="project-details.html">Digital Marketing</a></h4>
                                            <p>Art , Direction</p>
                                        </div>
                                        <div class="project-button">
                                            <a href="project-details.html" class="btns">
                                                View More 
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="project-thumb reveal image-anime">
                                        <img src="assets/img/project/20.png" alt="img">
                                        <div class="content">
                                            <h4><a href="project-details.html">Digital Marketing</a></h4>
                                            <p>Art , Direction</p>
                                        </div>
                                        <div class="project-button">
                                            <a href="project-details.html" class="btns">
                                                View More 
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Product Section Start -->
                <section class="feature-product-section-3 fix section-padding">
                    <div class="right-shape">
                        <img src="assets/img/feature-product/stickers.png" alt="img">
                    </div>
                    <div class="container">
                        <div class="section-title-area">
                            <div class="section-title">
                                <h6 class="bg-4 wow fadeInUp" style="font-size: 1.5rem;">Fast, reliable, and impactful</h6>
                                <h2 class="wow fadeInUp" data-wow-delay=".3s">Print Fast transforms your brand into a market leader.</h2>
                            </div>
                            
                        </div>
                        <div class="tab-content">
                            <div id="Arrivals" class="tab-pane fade show active">
                                <div class="row">
                                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                                        <div class="feature-product-items-2">
                                            <div class="product-image">
                                                <img data-img="assets/img/feature-product/21.png"  src="assets/img/feature-product/21.png" class="zoomable-image" alt="img">
                                                <ul class="product-icon d-grid align-items-center">
                                                    <li>
                                                        <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-cart.html">
                                                            <i class="fa-regular fa-star"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a  href="#"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="product-content">
                                                
                                                <h4><a href="#">Labels</a></h4>
                                                <ul class="dot-list">
                                                    <li></li>
                                                    <li></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                                        <div class="feature-product-items-2">
                                            <div class="product-image">
                                                <img data-img="assets/img/feature-product/22.png" src="assets/img/feature-product/22.png" class="zoomable-image" alt="img">
                                                <ul class="product-icon d-grid align-items-center">
                                                    <li>
                                                        <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-cart.html">
                                                            <i class="fa-regular fa-star"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="product-content">
                                                
                                                <h4><a href="#">Stickers </a></h4>
                                                <ul class="dot-list">
                                                    <li></li>
                                                    <li></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                                        <div class="feature-product-items-2">
                                            <div class="product-image">
                                                <img data-img="assets/img/feature-product/23.png" class="zoomable-image" src="assets/img/feature-product/23.png" alt="img">
                                                <ul class="product-icon d-grid align-items-center">
                                                    <li>
                                                        <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-cart.html">
                                                            <i class="fa-regular fa-star"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="product-content">
                                                
                                                <h4><a href="#">Mug</a></h4>
                                                <ul class="dot-list">
                                                    <li></li>
                                                    <li></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
                                        <div class="feature-product-items-2">
                                            <div class="product-image">
                                                <img data-img="assets/img/feature-product/24.png" class="zoomable-image" src="assets/img/feature-product/24.png" alt="img">
                                                <ul class="product-icon d-grid align-items-center">
                                                    <li>
                                                        <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                                    </li>
                                                    <li>
                                                        <a href="shop-cart.html">
                                                            <i class="fa-regular fa-star"></i>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="product-content">
                                                
                                                <h4><a href="#">Corporate items</a></h4>
                                                <ul class="dot-list">
                                                    <li></li>
                                                    <li></li>
                                                    <li></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <!-- Feature Section Start -->
                <section class="feature-section-3 fix section-padding pt-0">
                    <div class="container">
                        <div class="feature-wrapper-3">
                            <div class="row g-4 align-items-center">
                                <div class="col-lg-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                                    <div class="feature-image">
                                        <img src="assets/img/feature/01.png" alt="img">
                                        <div class="line-shape">
                                            <img src="assets/img/feature/line-shape-2.png" alt="">
                                        </div>
                                        
                                        <div class="color-cycle">
                                            <img src="assets/img/feature/color_cycle.png" alt="img">
                                        </div>
                                        <div class="box-shape">
                                            <img src="assets/img/feature/box.png" alt="img">
                                        </div>
                                        <div class="stickers-shape">
                                            <img src="assets/img/feature/StickersV30.png" alt="img">
                                        </div>
                                        <div class="shirt-shape">
                                            <img src="assets/img/feature/t-shirt-shape.png" alt="img">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="feature-content">
                                        <div class="section-title">
                                            <h6 class="bg-2 wow fadeInUp" style="font-size: 1.5rem;">Designers, Printers, Publishers</h6>
                                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                                Our Services:
                                            </h2>
                                        </div>
                                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                            At Print Fast, we offer a comprehensive range of services to meet all your printing and web 
                                            design needs. From high-quality prints like business cards, brochures, and banners to custom 
                                            web designs, our team ensures every project is executed with precision and creativity. We 
                                            combine cutting-edge printing technology with expert web design to help your business make a 
                                            lasting impression both online and offline. Whether you're looking to enhance your brand’s 
                                            presence or need printing solutions delivered quickly, Print Fast is your go-to partner for all 
                                            your design and print requirements.
                                        </p>
                                        <a href="/contact" class="theme-btn wow fadeInUp" data-wow-delay=".5s">Order Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                
                <x-reviews>

                </x-reviews>

                
<x-footer>

</x-footer>