Boxes By Type

<a class="silo-card" href="/box-styles" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Box Styles" loading="lazy" src="/images/box-styles.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Box Styles </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Your shape, your design, your style - made to order. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a> <a class="silo-card" href="/boxes/carrier-boxes" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Carrier Boxes" loading="lazy" src="/images/carrier-boxes.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Carrier Boxes </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Carry products easily and safely, and ensure arrival in style. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a> <a class="silo-card" href="/boxes/display-boxes" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Display Boxes" loading="lazy" src="/images/display-boxes.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Display Boxes </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Put your product in focus and let it shine. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a> <a class="silo-card" href="/boxes/folding-cartons" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Folding Cartons" loading="lazy" src="/images/folding-cartons.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Folding Cartons </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Easy to fold, super helpful, and up for anything. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a> <a class="silo-card" href="/boxes/mailer-boxes" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Mailer Boxes" loading="lazy" src="/images/mailer-boxes.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Mailer Boxes </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Ship products safely and stylishly, making every delivery impression a premium experience. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a> <a class="silo-card" href="/boxes/rigid-boxes" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Rigid Boxes" loading="lazy" src="/images/rigid-box-packaging.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Rigid Boxes </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Premium and luxury packaging that really deserves a 5-star rating. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a> <a class="silo-card" href="/boxes/shipping-boxes" style="background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; text-decoration: none; display: block; border: 1px solid rgba(212,175,55,0.1);"> <div class="silo-img" style="height: 220px; width: 100%; overflow: hidden; background: #f9f9f9;"> <img alt="Shipping Boxes" loading="lazy" src="/images/shipping-boxes.webp" style="width: 100%; height: 100%; object-fit: cover;" onerror="this.src='/images/premium-placeholder.webp'"> </div> <div class="silo-content" style="padding: 25px;"> <h3 style="margin: 0 0 10px; font-size: 1.3rem; color: #2C1E16; font-family: 'Sora', sans-serif;"> Shipping Boxes </h3> <p style="margin: 0; color: #666; font-size: 0.95rem; line-height: 1.5;"> Reliable boxes for easy shipping. </p> <div style="margin-top: 18px; width: 40px; height: 40px; border-radius: 50%; background: #D4AF37; display: flex; align-items: center; justify-content: center;"><i class="fas fa-arrow-right" style="color: #fff; font-size: 0.95rem;"></i></div> </div> </a>