- siaprinthubdotcom

SIA PRINT HUB | Print, Design, Deliver
 <div class="bg-navy text-white text-xs py-2 px-4 md:px-12 flex flex-col md:flex-row justify-between items-center gap-2"> <div class="flex flex-col md:flex-row gap-4"> <span><i class="fas fa-phone text-orange mr-1"></i> 9706-333-646</span> <span><i class="fas fa-envelope text-orange mr-1"></i> SIAPRINTHUB@gmail.com</span> </div> <div class="flex items-center gap-3"> <span>Follow Us:</span> <a href="#" class="hover:text-orange"><i class="fab fa-facebook-f"></i></a> <a href="#" class="hover:text-orange"><i class="fab fa-instagram"></i></a> <a href="#" class="hover:text-orange"><i class="fab fa-whatsapp"></i></a> </div> </div>  <header class="bg-white shadow-sm sticky top-0 z-50 px-4 md:px-12 py-3 flex justify-between items-center"> <div class="flex items-center gap-2"> <span class="text-3xl font-extrabold text-navy tracking-tight">SIA</span> <div class="border-l-2 border-gray-300 pl-2"> <div class="text-xl font-bold text-orange tracking-wide leading-none">PRINT HUB</div> <div class="text-[10px] text-gray-500 uppercase tracking-widest font-semibold mt-1">Print | Design | Deliver</div> </div> </div> <nav class="hidden md:flex items-center gap-6 font-semibold text-sm"> <a href="#" class="text-orange border-b-2 border-orange pb-1">HOME</a> <a href="#" class="hover:text-orange transition">ABOUT US</a> <div class="relative group cursor-pointer"> <span class="hover:text-orange transition">SERVICES <i class="fas fa-chevron-down text-xs"></i></span> </div> <a href="#" class="hover:text-orange transition">GALLERY</a> <a href="#" class="hover:text-orange transition">CONTACT US</a> <a href="#" class="bg-orange text-white px-5 py-2 rounded font-bold hover:bg-orange-600 transition ml-2">GET A QUOTE</a> </nav> </header>  <section class="relative bg-gradient-to-r from-navy to-blue-900 text-white py-16 px-4 md:px-12 overflow-hidden"> <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-8 items-center relative z-10"> <div> <h3 class="text-orange font-bold uppercase tracking-wider text-sm mb-2">Your Trusted Partner For</h3> <h1 class="text-4xl md:text-5xl font-extrabold mb-4 leading-tight">QUALITY PRINTING<br><span class="text-orange">& CREATIVE SOLUTIONS</span></h1> <p class="text-gray-300 mb-8 max-w-md">From business cards to flex banners, custom gifts to branding materials – we deliver premium quality prints with fast turnaround.</p> <div class="flex flex-wrap gap-4"> <a href="tel:9706333646" class="bg-blue-600 hover:bg-blue-700 text-white px-5 py-3 rounded flex items-center gap-3 transition"> <i class="fas fa-phone-alt text-xl"></i> <div class="text-left"><p class="text-[10px] uppercase opacity-75 leading-none">Call Now</p><p class="font-bold text-sm">9706-333-646</p></div> </a> <a href="#" class="bg-green-600 hover:bg-green-700 text-white px-5 py-3 rounded flex items-center gap-3 transition"> <i class="fab fa-whatsapp text-2xl"></i> <div class="text-left"><p class="text-[10px] uppercase opacity-75 leading-none">Whatsapp Us</p><p class="font-bold text-sm">9706-333-646</p></div> </a> <a href="#" class="bg-orange hover:bg-orange-600 text-white px-5 py-3 rounded flex items-center gap-3 transition"> <i class="fas fa-file-alt text-xl"></i> <div class="text-left"><p class="text-[10px] uppercase opacity-75 leading-none">Get A Quote</p><p class="font-bold text-sm">Quick & Easy</p></div> </a> </div> </div>  <div class="flex justify-center relative"> <div class="w-full max-w-md p-4 bg-white/10 rounded-xl backdrop-blur-sm border border-white/20 text-center py-20 text-gray-400"> <i class="fas fa-images text-5xl mb-3 text-orange"></i> <p class="text-sm">Print Products Showcase Display (As seen in 1000041313.png)</p> </div> </div> </div> </section>  <section class="py-16 px-4 md:px-12 max-w-6xl mx-auto text-center"> <h2 class="text-3xl font-extrabold mb-2 text-navy">OUR <span class="text-orange">SERVICES</span></h2> <div class="w-24 h-1 bg-orange mx-auto mb-10 relative"><i class="fas fa-print bg-gray-50 px-2 text-navy absolute left-1/2 -top-2 transform -translate-x-1/2 text-xs"></i></div>  <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 mb-8">  <script> const services = [ { icon: 'fa-print', title: 'Digital Printing' }, { icon: 'fa-newspaper', title: 'Offset Printing' }, { icon: 'fa-scroll', title: 'Flex Printing' }, { icon: 'fa-layer-group', title: 'Vinyl Printing' }, { icon: 'fa-lightbulb', title: 'LED Board' }, { icon: 'fa-id-card', title: 'Business Cards Visiting Cards' }, { icon: 'fa-file-invoice', title: 'Flyers & Brochures' }, { icon: 'fa-image', title: 'Posters' }, { icon: 'fa-tags', title: 'Stickers & Labels' }, { icon: 'fa-id-badge', title: 'ID Cards' }, { icon: 'fa-envelope-open-text', title: 'Invitation Cards' }, { icon: 'fa-certificate', title: 'Certificates' }, { icon: 'fa-tshirt', title: 'T-Shirt Printing' }, { icon: 'fa-coffee', title: 'Mug Printing' }, { icon: 'fa-file-pdf', title: 'Lamination' }, { icon: 'fa-book-open', title: 'Spiral Binding' }, { icon: 'fa-copy', title: 'Photocopying' }, { icon: 'fa-barcode', title: 'Scanning' }, { icon: 'fa-images', title: 'Photo Printing' }, { icon: 'fa-file-alt', title: 'Document Printing' }, { icon: 'fa-pen-nib', title: 'Designing Services' } ]; services.forEach(s => { document.write(` <div class="bg-white p-5 border border-gray-200 rounded hover:shadow-md transition flex flex-col items-center justify-center text-center group cursor-pointer"> <div class="text-blue-900 text-3xl mb-3 group-hover:scale-110 transition duration-300"><i class="fas ${s.icon}"></i></div> <span class="text-xs font-bold text-navy tracking-tight">${s.title}</span> </div> `); }); </script> </div> <button class="bg-navy hover:bg-blue-950 text-white text-xs font-bold py-3 px-6 rounded uppercase tracking-wider transition">View All Services <i class="fas fa-chevron-right ml-1"></i></button> </section>  <section class="bg-gray-100 py-16 px-4 md:px-12"> <div class="max-w-6xl mx-auto text-center relative"> <h2 class="text-3xl font-extrabold mb-2 text-navy">FEATURED <span class="text-orange">PRODUCTS</span></h2> <div class="w-24 h-1 bg-orange mx-auto mb-10"></div> <div class="flex items-center justify-between gap-4"> <button class="bg-navy text-white w-8 h-8 rounded-full flex items-center justify-center hover:bg-orange transition"><i class="fas fa-chevron-left"></i></button> <div class="grid grid-cols-2 md:grid-cols-6 gap-4 w-full">  <div class="bg-white p-2 rounded shadow-sm"><div class="bg-gray-200 aspect-square rounded mb-2 flex items-center justify-center text-gray-400 text-xs">Image</div><p class="text-xs font-bold text-navy">Business Cards</p></div> <div class="bg-white p-2 rounded shadow-sm"><div class="bg-gray-200 aspect-square rounded mb-2 flex items-center justify-center text-gray-400 text-xs">Image</div><p class="text-xs font-bold text-navy">Flex Banners</p></div> <div class="bg-white p-2 rounded shadow-sm"><div class="bg-gray-200 aspect-square rounded mb-2 flex items-center justify-center text-gray-400 text-xs">Image</div><p class="text-xs font-bold text-navy">Stickers</p></div> <div class="bg-white p-2 rounded shadow-sm"><div class="bg-gray-200 aspect-square rounded mb-2 flex items-center justify-center text-gray-400 text-xs">Image</div><p class="text-xs font-bold text-navy">T-Shirts</p></div> <div class="bg-white p-2 rounded shadow-sm"><div class="bg-gray-200 aspect-square rounded mb-2 flex items-center justify-center text-gray-400 text-xs">Image</div><p class="text-xs font-bold text-navy">Mugs</p></div> <div class="bg-white p-2 rounded shadow-sm"><div class="bg-gray-200 aspect-square rounded mb-2 flex items-center justify-center text-gray-400 text-xs">Image</div><p class="text-xs font-bold text-navy">Invitation Cards</p></div> </div> <button class="bg-navy text-white w-8 h-8 rounded-full flex items-center justify-center hover:bg-orange transition"><i class="fas fa-chevron-right"></i></button> </div> </div> </section>  <section class="bg-navy text-white py-12 px-4 md:px-12 text-center"> <h2 class="text-2xl font-bold mb-8">WHY CHOOSE <span class="text-orange">SIA PRINT HUB?</span></h2> <div class="max-w-6xl mx-auto grid grid-cols-2 sm:grid-cols-4 md:grid-cols-7 gap-6 text-center divide-x-0 sm:divide-x divide-gray-700"> <div class="p-2"><i class="fas fa-award text-2xl text-orange mb-2"></i><p class="text-xs font-bold">High Quality Printing</p></div> <div class="p-2"><i class="fas fa-tags text-2xl text-orange mb-2"></i><p class="text-xs font-bold">Affordable Prices</p></div> <div class="p-2"><i class="fas fa-truck text-2xl text-orange mb-2"></i><p class="text-xs font-bold">Fast Delivery</p></div> <div class="p-2"><i class="fas fa-palette text-2xl text-orange mb-2"></i><p class="text-xs font-bold">Professional Design Support</p></div> <div class="p-2"><i class="fas fa-boxes text-2xl text-orange mb-2"></i><p class="text-xs font-bold">Bulk Order Facility</p></div> <div class="p-2"><i class="fas fa-microchip text-2xl text-orange mb-2"></i><p class="text-xs font-bold">Latest Technology</p></div> <div class="p-2"><i class="fas fa-headset text-2xl text-orange mb-2"></i><p class="text-xs font-bold">Friendly Customer Service</p></div> </div> </section>  <section class="py-16 px-4 md:px-12 max-w-6xl mx-auto text-center"> <h2 class="text-3xl font-extrabold mb-2 text-navy">WHAT OUR <span class="text-orange">CUSTOMERS</span> SAY</h2> <div class="w-24 h-1 bg-orange mx-auto mb-10"></div> <div class="grid md:grid-cols-3 gap-6"> <div class="bg-white p-6 rounded shadow-sm border border-gray-100 relative"> <div class="text-orange-400 mb-3"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div> <p class="text-xs text-gray-600 italic mb-4">"Excellent quality prints and very fast service. Highly recommended!"</p> <h4 class="text-xs font-bold text-navy">- Rahul Das</h4> </div> <div class="bg-white p-6 rounded shadow-sm border border-gray-100 relative"> <div class="text-orange-400 mb-3"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div> <p class="text-xs text-gray-600 italic mb-4">"SIA Print Hub is the best printing shop in Rangia. Very professional work."</p> <h4 class="text-xs font-bold text-navy">- Priyanka B.</h4 > </div> <div class="bg-white p-6 rounded shadow-sm border border-gray-100 relative"> <div class="text-orange-400 mb-3"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div> <p class="text-xs text-gray-600 italic mb-4">"Affordable pricing and good customer support. Very happy!"</p> <h4 class="text-xs font-bold text-navy">- Ankur Saikia</h4> </div> </div> </section>  <div class="bg-orange text-white py-4 px-4 md:px-12 flex flex-col md:flex-row justify-between items-center gap-4"> <div class="flex items-center gap-3"> <i class="fas fa-paper-plane text-2xl"></i> <div> <p class="text-md font-bold uppercase tracking-wide">NEED PRINTING TODAY?</p> <p class="text-xs opacity-90">Contact us now for a FREE quotation!</p> </div> </div> <a href="#" class="bg-white text-orange px-6 py-2 rounded-full font-extrabold flex items-center gap-2 shadow hover:bg-gray-100 text-sm transition"> <i class="fab fa-whatsapp text-lg"></i> WHATSAPP NOW <span class="text-navy">9706-333-646</span> </a> </div>  <footer class="bg-navy text-gray-300 pt-12 pb-4 px-4 md:px-12 text-xs"> <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 mb-10"> <div> <div class="flex items-center gap-2 mb-4"> <span class="text-2xl font-extrabold text-white">SIA</span> <span class="text-xl font-bold text-orange">PRINT HUB</span> </div> <p class="mb-4 leading-relaxed text-gray-400">Your Trusted Partner for Quality Printing & Creative Solutions.</p> <div class="flex gap-2"> <span class="w-6 h-6 bg-gray-800 flex items-center justify-center rounded-full text-white"><i class="fab fa-facebook-f"></i></span> <span class="w-6 h-6 bg-gray-800 flex items-center justify-center rounded-full text-white"><i class="fab fa-instagram"></i></span> <span class="w-6 h-6 bg-gray-800 flex items-center justify-center rounded-full text-white"><i class="fab fa-whatsapp"></i></span> </div> </div> <div> <h4 class="text-white font-bold mb-4 uppercase tracking-wider text-sm border-b border-gray-700 pb-2">Quick Links</h4> <ul class="space-y-2 font-medium"> <li><a href="#" class="hover:text-orange">Home</a></li> <li><a href="#" class="hover:text-orange">About Us</a></li> <li><a href="#" class="hover:text-orange">Services</a></li> <li><a href="#" class="hover:text-orange">Gallery</a></li> <li><a href="#" class="hover:text-orange">Contact Us</a></li> </ul> </div> <div> <h4 class="text-white font-bold mb-4 uppercase tracking-wider text-sm border-b border-gray-700 pb-2">Our Services</h4> <ul class="space-y-2 font-medium"> <li><a href="#" class="hover:text-orange">Digital Printing</a></li> <li><a href="#" class="hover:text-orange">Flex Printing</a></li> <li><a href="#" class="hover:text-orange">Business Cards</a></li> <li><a href="#" class="hover:text-orange">T-Shirt Printing</a></li> <li><a href="#" class="hover:text-orange">Lamination</a></li> </ul> </div> <div> <h4 class="text-white font-bold mb-4 uppercase tracking-wider text-sm border-b border-gray-700 pb-2">Contact Info</h4> <ul class="space-y-3"> <li class="flex gap-2"><i class="fas fa-map-marker-alt text-orange mt-0.5"></i> <span>Rangia, Ward No. 3, N.T. Road,<br>Near Malik Homeo Hall,<br>Kamrup, Assam - 781354</span></li> <li><i class="fas fa-phone text-orange mr-2"></i> 9706-333-646</li> <li><i class="fas fa-envelope text-orange mr-2"></i> SIAPRINTHUB@gmail.com</li> <li><i class="fas fa-clock text-orange mr-2"></i> Mon - Sat: 9:00 AM - 8:00 PM <br><span class="ml-6 text-gray-500">Sunday: Closed</span></li> </ul> </div> </div> <div class="border-t border-gray-800 pt-4 flex flex-col md:flex-row justify-between items-center text-gray-500"> <p>© 2026 SIA Print Hub. All Rights Reserved.</p> <p>Designed with <span class="text-red-500">&hearts;</span> for Quality Printing</p> </div> </footer>