<!--
.. title: Home
.. slug: index
.. route_override: /
-->

<!-- FORCE BOOTSTRAP TO LOAD GLOBALLY 
<link rel="stylesheet" href="https://jsdelivr.net">
-->
<!-- 1. HERO GRID SECTION (2 Columns: Text left, Image/Graphic right) -->
<section class="container py-5 my-5">
    <div class="row align-items-center">
        <div class="col-12 col-md-6 mb-4 mb-md-0">
            <span class="badge badge-primary px-3 py-2 rounded-pill mb-3">Updated Merch for 2026</span>
            <h1 class="display-4 font-weight-bold text-dark lh-sm">We Create Premium T-Shirt Experiences</h1>
            <p class="lead text-muted my-4">We offer fast turn arounds on quality branding for your business.</p>
            <div class="d-flex gap-3">
                <a class="btn btn-primary btn-lg px-4 py-3 rounded shadow-sm mr-2" href="#contact">Get Started Today</a>
                <a class="btn btn-outline-secondary btn-lg px-4 py-3 rounded" href="#gallery">View Some Samples</a>
          </div>        </div>        <div class="col-12 col-md-6 text-center">            <div class="p-5 bg-light rounded shadow-sm border">                <h3 class="text-muted font-italic mt-5 mb-4">Specializing in Custom Shirt Printing</h3>                
                <!-- Process Callout -->
                <p class="lead font-weight-bold text-secondary mb-5">
                    your idea <span class="text-primary mx-1">&rarr;</span> 
                    wizard behind the curtain <span class="text-primary mx-1">&rarr;</span> 
                    premium custom shirt
                </p>
            </div>        </div>    </div>

</section>

<!-- 2. VALUE PROPOSITION GRID (3 Columns) -->
<section id="features" class="bg-light py-5 border-top border-bottom">
    <div class="container py-4">
        <div class="text-center mb-5">
            <h2 class="font-weight-bold">Why Work With Us?</h2>
            <p class="text-muted">Three pronged approach to draw in business.</p>
        </div>
        <div class="row">
            <div class="col-12 col-md-4 mb-4 mb-md-0">
                <div class="card border-0 h-100 shadow-sm p-4 text-center">
                    <h4 class="font-weight-bold my-3">⚡ Ultra Fast</h4>
                    <p class="text-muted small mb-0">Quick prints in about a week.</p>
                </div>
            </div>
            <div class="col-12 col-md-4 mb-4 mb-md-0">
                <div class="card border-0 h-100 shadow-sm p-4 text-center">
                    <h4 class="font-weight-bold my-3">🖌️ Enjoy custom artwork</h4>
                    <p class="text-muted small mb-0">We help you enable your vision easily.</p>
                </div>
            </div>
            <div class="col-12 col-md-4">
                <div class="card border-0 h-100 shadow-sm p-4 text-center">
                    <h4 class="font-weight-bold my-3">📈️ We can scale</h4>
                    <p class="text-muted small mb-0">Start with small run batches to see what sells.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 3. PROJECT SHOWCASE GALLERY GRID -->
<section id="gallery" class="container py-5 my-4">
    <div class="text-center mb-5">
        <h2 class="display-4 font-weight-bold text-dark">Our Portfolio</h2>
        <p class="text-muted lead">Click to view some of our custom designs.</p>
    </div>
    
    <!-- Nikola shortcode triggers inside this container element -->
    <div class="p-3 bg-white rounded border shadow-sm">
        {{% gallery portfolio %}}
    </div>
</section>
<!-- 4. CONTACT GRID SECTION (Netlify Integrated) -->
<!-- 4. CONTACT GRID SECTION (With Custom Netlify Redirect) -->
<section id="contact" class="bg-dark text-white py-5">
    <div class="container py-4">
        <div class="row align-items-center">
            
            <!-- Left Side: Company Contact Info (Spokane WA) -->
            <div class="col-12 col-md-5 mb-5 mb-md-0">
                <h2 class="font-weight-bold mb-3 text-white">Let's build your brand together.</h2>
                <p class="text-light-50 mb-4">Drop us a line to discuss your specific requirements. We typically respond within 24 hours.</p>
                <ul class="list-unstyled text-light-50 small">
                    <li class="mb-2">📍 Global Headquarters Spokane WA</li>
                    <li class="mb-2">✉️ pressthepace@outlook.com</li>
                    <li>🕒 Mon - Fri: 3:00 PM - 4:00 PM PST</li>
                </ul>
            </div>
            
            <!-- Right Side: Netlify Form with Action Redirect -->
            <div class="col-12 col-md-7">
                <div class="bg-white p-4 rounded text-dark shadow">
                    <!-- FIX: Added action="/success/" redirect target -->
                    <form name="homepage-contact" method="POST" data-netlify="true" action="/success/">
                        
                        <!-- Netlify Verification Hidden Input -->
                        <input type="hidden" name="form-name" value="homepage-contact">
                        
                        <div class="form-group mb-3">
                            <label for="name" class="small font-weight-bold">Your Name</label>
                            <input type="text" name="name" class="form-control" id="name" required>
                        </div>
                        <div class="form-group mb-3">
                            <label for="email" class="small font-weight-bold">Email Address</label>
                            <input type="email" name="email" class="form-control" id="email" required>
                        </div>
                        <div class="form-group mb-4">
                            <label for="message" class="small font-weight-bold">Project Requirements</label>
                            <textarea name="message" class="form-control" id="message" rows="4" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary btn-block w-100 py-3 font-weight-bold">Submit Form</button>
                    </form>
                </div>
            </div>

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

