@section('title', 'Contact PrintFast - Get a Quote | Islamabad, Karachi, Lahore')

@section('meta_description', 'Contact PrintFast for printing services. Get instant quotes for business cards, banners, corporate gifts. Call: 0300-8243483. Offices in Islamabad, Karachi & Lahore.')

@section('meta_keywords', 'contact printfast, printing quote, printing inquiry pakistan, order printing services')

@section('og_title', 'Contact PrintFast - Get Your Printing Quote Today')
<x-top-header></x-top-header>

        <x-extra-sale >

</x-extra-sale>
           <x-header></x-header>
       </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>Digital printing Service</h6>
                                    <h1>Contact Us</h1>
                                    <br>
                                    <a href="/contact" class="theme-btn"> Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<< Contact Info Section Start >>-->
                <section class="contact-info-section fix section-padding section-bg-2">
                    <div class="container">
                        <div class="row g-4">
                            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                                <div class="contact-info-items text-center">
                                    <div class="icon">
                                        <img src="assets/img/icon/location.png" alt="icon-img">
                                    </div>
                                    <div class="content">
                                        <h3>Address line</h3>
                                        <h6 class='my-1'>Islamabad</h6>
                                        <p>
                                            Office # 106, 1st Floor, Chenab Center, opposite Ufone Tower, Jinnah Avenue, Block I, Blue Area, Islamabad
                                        </p>
                                        <h6 class='my-1'>Karachi</h6>
                                        <p>
                                            Office# 3, 3rd Floor, Plot # 22-C, Ittehad Lane-12, Phase II Extn, DHA, Karachi
                                        </p>
                                        <h6 class='my-1'>Lahore</h6>
                                        <p>
                                            House#19G ground floor, street#12 Multan Rd, Block B Eden Value Homes, Lahore, 54660
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                                <div class="contact-info-items active text-center">
                                    <div class="icon">
                                        <img src="assets/img/icon/phone-call.png" alt="icon-img">
                                    </div>
                                    <div class="content">
                                        <h3>Phone Number</h3>
                                        <h6 class='my-1'>Islamabad</h6>
                                        <p>
                                            Tel: 051-8730240-41 <br>
                                            Mob: +923008243483
                                        </p>
                                        <h6 class='my-1'>karachi</h6>
                                        <p>
                                            Mob: 0300 0603483
                                        </p>
                                        <h6 class='my-1'>Lahore</h6>
                                        <p>
                                            Tel:04235752483 <br>
                                            Mob: 0300-8273483
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                                <div class="contact-info-items text-center">
                                    <div class="icon">
                                        <img src="assets/img/icon/email.png" alt="icon-img">
                                    </div>
                                    <div class="content">
                                        <h3>Mail Adress</h3>
                                        <p>
                                            printfast.adv@gmail.com <br>
                                            Info@printfast.pk 
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>




                <!--<< Contact Section Start >>-->
                <section class="contact-section section-padding pt-0 section-bg-2">
                    <div class="container">
                        <div class="contact-area">
                            <div class="row justify-content-between">
                                <div class="col-xl-6 col-lg-6">
                                    <div class="map-content-area">
                                        <h3 class="wow fadeInUp" data-wow-delay=".3s"> Get In Touch</h3>
                                            <div class="map-selector-buttons">
                                                <button class="active btn btn-dark btn-sm" onclick="changeMap('islamabad')">Islamabad</button>
                                                <button class='btn btn-dark btn-sm' onclick="changeMap('lahore')">Lahore</button>
                                                <button class='btn btn-dark btn-sm'  onclick="changeMap('karachi')">Karachi</button>
                                            </div>
                                            <div class="google-map">
                                                <!-- Default map will show Islamabad location -->
                                                <iframe id="map-frame" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2770.107380507877!2d73.0578543!3d33.7104236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfbf9810400043%3A0xede17cffc3c2ade3!2sPrintFast%20Islamabad%20-%20Print%20Fast!5e1!3m2!1sen!2s!4v1746789166204!5m2!1sen!2s" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                                            </div>
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-5 mt-5 mt-lg-0">
                                    <div class="contact-form-items">
                                        <div class="contact-title">
                                            <h3 class="wow fadeInUp" data-wow-delay=".3s">Fill Up The Form</h3>
                                            <p class="wow fadeInUp" data-wow-delay=".5s">Your email address will not be published. Required fields are marked *</p>
                                            
                                {{-- Success message --}}
                                @if(session('success'))
                                    <div class="alert alert-success">
                                        {{ session('success') }}
                                    </div>
                                @endif
                        
                                {{-- Error messages --}}
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                        </div>
                                        <form action="{{ route('contact.submit') }}" method="POST" id="contact-form" >
                                                @csrf
                                            <div class="row g-4">
                                                <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                                                    <div class="form-clt">
                                                        <input type="text" name="name" id="name" placeholder="Your Name*" required>
                                                        <div class="icon">
                                                            <i class="fal fa-user"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
                                                    <div class="form-clt">
                                                        <input type="text" name="email" id="email" placeholder="Email Address*" required>
                                                        <div class="icon">
                                                            <i class="fal fa-envelope"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 wow fadeInUp" data-wow-delay=".7s">
                                                    <div class="form-clt-big form-clt">
                                                        <textarea name="message" id="message" placeholder="Enter Your Messege here" required></textarea>
                                                        <div class="icon">
                                                            <i class="fal fa-edit"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- reCAPTCHA -->
                                                {!! \Anhskohbo\NoCaptcha\Facades\NoCaptcha::display(([
                                                    'data-callback' => 'recaptchaCallback',
                                                    'data-expired-callback' => 'recaptchaExpiredCallback'
                                                ])) !!}
                                                @error('g-recaptcha-response')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                                <div class="col-lg-6 wow fadeInUp" data-wow-delay=".8s">
                                                    <button type="submit" class="theme-btn" id="submit-btn" style="display: none;">
                                                    <i class="fal fa-paper-plane"></i> Get In Touch
                                                </button>

                                                </div>
                                            </div>
                                        </form>
                                        {{-- Add this to load the reCAPTCHA script --}}
                                        {!! \Anhskohbo\NoCaptcha\Facades\NoCaptcha::renderJs() !!}
                                        {{-- Add this to load the reCAPTCHA script --}}
                                        {!! \Anhskohbo\NoCaptcha\Facades\NoCaptcha::renderJs() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <script>
    function recaptchaCallback() {
        document.getElementById('submit-btn').style.display = 'inline-block';
    }

    // This part is optional and only applies if reCAPTCHA gets reset
    function recaptchaExpiredCallback() {
        document.getElementById('submit-btn').style.display = 'none';
    }
</script>

<x-footer></x-footer>