|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>True Color Display Printing Saskatoon | Same-Day Printing</title> |
| <link rel="stylesheet" href="assets/css/main.css"> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet"> |
| </head> |
| <body> |
| <custom-header></custom-header> |
|
|
| <section class="hero"> |
| <div class="hero__content container"> |
| <span class="badge">Same-Day Printing</span> |
| <h1 class="hero__title">Professional Printing Services in Saskatoon</h1> |
| <p class="hero__subtitle">Bringing your ideas to life with premium printing services in Saskatoon</p> |
| <p class="hero__text">True Color Printing has been serving Saskatoon businesses since 2009 with high-quality printing, banners, decals and signage with in-house design and installation.</p> |
| <div class="hero__cta"> |
| <a href="/services.html" class="btn btn--primary">Explore Services</a> |
| <a href="tel:+13069548688" class="btn btn--ghost">(306) 954-8688</a> |
| </div> |
| </div> |
| <img src="assets/images/hero-placeholder.jpg" alt="True Color printing equipment" class="hero__image"> |
| </section> |
| |
| <section class="py-16 px-4"> |
| <div class="container"> |
| <h2 class="text-3xl font-bold text-center mb-12">Our Printing Services</h2> |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <a href="/services/business-cards" class="service-card" style="background-image: url('http://static.photos/business/640x360/1')"> |
| <div class="service-card__content"> |
| <h3 class="text-2xl font-bold mb-2">Business Cards</h3> |
| <p>Premium quality business cards that make an impression.</p> |
| </div> |
| </a> |
| |
| |
| <a href="/services/banners-signage" class="service-card" style="background-image: url('http://static.photos/business/640x360/2')"> |
| <div class="service-card__content"> |
| <h3 class="text-2xl font-bold mb-2">Banners & Signage</h3> |
| <p>Eye-catching banners and signage for any occasion.</p> |
| </div> |
| </a> |
| |
| |
| <a href="/services/standing-banners" class="service-card" style="background-image: url('http://static.photos/business/640x360/3')"> |
| <div class="service-card__content"> |
| <h3 class="text-2xl font-bold mb-2">Standing Banners</h3> |
| <p>Professional standing banners for events and promotions.</p> |
| </div> |
| </a> |
| |
| |
| <a href="/services/flyers" class="service-card" style="background-image: url('http://static.photos/business/640x360/4')"> |
| <div class="service-card__content"> |
| <h3 class="text-2xl font-bold mb-2">Flyers</h3> |
| <p>High-impact flyers to promote your business.</p> |
| </div> |
| </a> |
| |
| |
| <a href="/services/stickers" class="service-card" style="background-image: url('http://static.photos/business/640x360/5')"> |
| <div class="service-card__content"> |
| <h3 class="text-2xl font-bold mb-2">Stickers</h3> |
| <p>Custom stickers for branding and promotions.</p> |
| </div> |
| </a> |
| |
| |
| <a href="/services/vinyl-decals" class="service-card" style="background-image: url('http://static.photos/business/640x360/6')"> |
| <div class="service-card__content"> |
| <h3 class="text-2xl font-bold mb-2">Vinyl Decals</h3> |
| <p>Durable vinyl decals for windows, walls, and vehicles.</p> |
| </div> |
| </a> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 px-4 bg-gray-50"> |
| <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center"> |
| <div> |
| |
| <img src="assets/images/about-placeholder.jpg" alt="Our Saskatoon printing facility" class="about-image"> |
| </div> |
| <div> |
| <h2 class="section-title">About True Color Display Printing</h2> |
| <p class="section-text">We're a Saskatoon-based printing company offering fast, professional printing services with in-house design and installation.</p> |
| <p class="section-text">Our local team is dedicated to helping Saskatoon businesses with their printing needs.</p> |
| <a href="/about" class="btn--primary">Our Story</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-4"> |
| <div class="max-w-6xl mx-auto"> |
| <h2 class="text-3xl font-bold text-center mb-12">Our State-of-the-Art Equipment</h2> |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="text-center"> |
| |
| <img src="assets/images/equipment-roland.jpg" alt="Our Roland digital printer" class="equipment-image"> |
| <h3 class="text-xl font-bold mb-2">Digital Printers</h3> |
| <p class="text-gray-600">High-resolution digital printing for vibrant colors and sharp details.</p> |
| </div> |
| <div class="text-center"> |
| |
| <img src="assets/images/equipment-konica.jpg" alt="Our Konica digital printer" class="equipment-image"> |
| <h3 class="text-xl font-bold mb-2">Precision Cutters</h3> |
| <p class="text-gray-600">Computer-controlled cutting for perfect shapes every time.</p> |
| </div> |
| <div class="text-center"> |
| |
| <img src="assets/images/equipment-laminator.jpg" alt="Our professional laminator" class="equipment-image"> |
| <h3 class="text-xl font-bold mb-2">Laminators</h3> |
| <p class="text-gray-600">Professional finishing for durability and premium feel.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-4 bg-[#16C2F3] bg-opacity-10"> |
| <div class="max-w-6xl mx-auto"> |
| <h2 class="text-3xl font-bold text-center mb-12">Why Choose True Color Printing</h2> |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-sm"> |
| <div class="w-12 h-12 bg-[#ED008E] rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="clock" class="text-white"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2">Fast Turnaround</h3> |
| <p class="text-gray-600">We understand deadlines and deliver on time, every time.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-sm"> |
| <div class="w-12 h-12 bg-[#93268F] rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="award" class="text-white"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2">Premium Quality</h3> |
| <p class="text-gray-600">We use only the best materials and printing techniques.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-sm"> |
| <div class="w-12 h-12 bg-[#16C2F3] rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="dollar-sign" class="text-white"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2">Competitive Pricing</h3> |
| <p class="text-gray-600">High-quality printing doesn't have to break the bank.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="stats"> |
| <div class="stats__marquee"> |
| <div class="text-xl font-bold mx-8">Same-Day Printing</div> |
| <div class="text-xl font-bold mx-8">In-House Design</div> |
| <div class="text-xl font-bold mx-8">Print + Install</div> |
| <div class="text-xl font-bold mx-8">Local Saskatoon</div> |
| <div class="text-xl font-bold mx-8">Same-Day Printing</div> |
| <div class="text-xl font-bold mx-8">In-House Design</div> |
| <div class="text-xl font-bold mx-8">Print + Install</div> |
| <div class="text-xl font-bold mx-8">Local Saskatoon</div> |
| </div> |
| </section> |
| |
| <section class="py-16 px-4"> |
| <div class="max-w-6xl mx-auto"> |
| <h2 class="text-3xl font-bold text-center mb-12">Our Recent Work</h2> |
| <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"> |
| |
| <img src="assets/images/work-1.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-2.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-3.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-4.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-5.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-6.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-7.jpg" alt="Portfolio item" class="portfolio-image"> |
| |
| <img src="assets/images/work-8.jpg" alt="Portfolio item" class="portfolio-image"> |
| </div> |
| <div class="text-center mt-8"> |
| <a href="/work" class="btn--primary">View Full Portfolio</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-4 bg-gray-50"> |
| <div class="max-w-3xl mx-auto"> |
| <h2 class="text-3xl font-bold text-center mb-12">Frequently Asked Questions</h2> |
| <div class="space-y-4"> |
| <div class="faq-item bg-white border border-gray-200 rounded-lg p-6"> |
| <button class="faq-question flex justify-between items-center w-full text-left font-bold text-lg"> |
| What file formats do you accept? |
| <i data-feather="chevron-down" class="faq-icon transition-transform"></i> |
| </button> |
| <div class="faq-answer mt-4 hidden"> |
| <p>We accept all standard print-ready formats including PDF, AI, EPS, and high-resolution JPG/PNG files. For best results, we recommend PDF with bleed marks and crop marks.</p> |
| </div> |
| </div> |
| <div class="faq-item bg-white border border-gray-200 rounded-lg p-6"> |
| <button class="faq-question flex justify-between items-center w-full text-left font-bold text-lg"> |
| How long does production take? |
| <i data-feather="chevron-down" class="faq-icon transition-transform"></i> |
| </button> |
| <div class="faq-answer mt-4 hidden"> |
| <p>Standard turnaround is 3-5 business days. Rush services are available for 24-48 hour turnaround on most products. Contact us for specific timing on large or complex orders.</p> |
| </div> |
| </div> |
| <div class="faq-item bg-white border border-gray-200 rounded-lg p-6"> |
| <button class="faq-question flex justify-between items-center w-full text-left font-bold text-lg"> |
| Do you offer design services? |
| <i data-feather="chevron-down" class="faq-icon transition-transform"></i> |
| </button> |
| <div class="faq-answer mt-4 hidden"> |
| <p>Yes! Our in-house design team can create or modify your artwork for print. Design services start at $75/hour with a 1-hour minimum.</p> |
| </div> |
| </div> |
| <div class="faq-item bg-white border border-gray-200 rounded-lg p-6"> |
| <button class="faq-question flex justify-between items-center w-full text-left font-bold text-lg"> |
| What payment methods do you accept? |
| <i data-feather="chevron-down" class="faq-icon transition-transform"></i> |
| </button> |
| <div class="faq-answer mt-4 hidden"> |
| <p>We accept Visa, Mastercard, American Express, PayPal, and bank transfers. Business accounts may qualify for net-30 terms with approved credit.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-4 bg-gradient-to-r from-[#ED008E] to-[#93268F] text-white"> |
| <div class="max-w-4xl mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Start Your Printing Project?</h2> |
| <p class="text-xl mb-8">Get a free quote today and experience the True Color difference.</p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <a href="/contact" class="btn--primary">Contact Us</a> |
| <a href="tel:+13069548688" class="cta-phone"> |
| <i data-feather="phone" class="inline mr-2"></i> (306) 954-8688 |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <custom-footer></custom-footer> |
|
|
| |
| <script src="components/header.js"></script> |
| <script src="components/footer.js"></script> |
| <script src="assets/js/main.js"></script> |
| <script>feather.replace();</script> |
| </body> |
| </html> |
