{"product_id":"ez-uploaded-high-quality-gang-sheets","title":"Ez-Uploaded High Quality Gang Sheets","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eSuperDTF Prints\u003c\/title\u003e\n  \u003c!-- Font Awesome --\u003e\n  \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/js\/all.min.js\"\u003e\u003c\/script\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n  \u003c!-- Tailwind CSS CDN --\u003e\n  \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n  \u003cstyle\u003e\n    \/* Global text rendering improvements to prevent blurring *\/\n    body {\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      text-rendering: optimizeLegibility;\n    }\n    \n    \/* Animated header text using theme colors *\/\n    .animated-header {\n      background: linear-gradient(45deg, #ce0081, #e3d716, #39a9cd);\n      background-size: 200% 200%;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: headerAnim 3s ease infinite;\n      \/* Add these properties to prevent blurring during hover *\/\n      transform: translateZ(0);\n      backface-visibility: hidden;\n      -webkit-font-smoothing: subpixel-antialiased;\n    }\n    @keyframes headerAnim {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n    \n    \/* Glassy effect for cards *\/\n    .glass-card {\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(8px);\n      border-radius: 1.5rem;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);\n      transition: transform 0.3s ease;\n      \/* Add these properties to prevent text blurring during hover *\/\n      transform-style: preserve-3d;\n      will-change: transform;\n    }\n    .glass-card:hover {\n      transform: scale(1.02);\n    }\n    \n    \/* Hero section styling *\/\n    .hero {\n      background: linear-gradient(135deg, #121212, #1a1a1a);\n      border-radius: 1.5rem;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.8);\n      transition: transform 0.4s ease;\n      \/* Add these properties to prevent text blurring *\/\n      transform-style: preserve-3d;\n      will-change: transform;\n      -webkit-font-smoothing: antialiased;\n    }\n    .hero:hover {\n      transform: scale(1.03);\n    }\n    \n    \/* Fade in animation *\/\n    .fade-in {\n      animation: fadeIn 1s ease-in-out;\n    }\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Benefits grid styling *\/\n    .benefits {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n    \n    .benefit-item {\n      background: rgba(255, 255, 255, 0.03);\n      border-radius: 1rem;\n      border: 1px solid rgba(255, 255, 255, 0.05);\n      transition: all 0.3s ease;\n      \/* Add text anti-aliasing for all text in benefits *\/\n      -webkit-font-smoothing: antialiased;\n      transform: translateZ(0);\n    }\n    \n    .benefit-item:hover {\n      background: rgba(255, 255, 255, 0.06);\n      border-color: rgba(255, 255, 255, 0.1);\n      transform: translateY(-5px);\n    }\n    \n    .benefit-item i {\n      font-size: 1.5rem;\n      background: linear-gradient(45deg, #ce0081, #39a9cd);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n    \n    \/* Notice styling *\/\n    .notice {\n      background: linear-gradient(135deg, rgba(206, 0, 129, 0.1), rgba(57, 169, 205, 0.1));\n      border-left: 4px solid #ce0081;\n    }\n    \n    \/* Button styling *\/\n    .gradient-btn {\n      background: linear-gradient(45deg, #ce0081, #39a9cd);\n      color: white;\n      padding: 0.75rem 1.5rem;\n      border-radius: 0.5rem;\n      font-weight: bold;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n    }\n    \n    .gradient-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n    }\n    \n    \/* Step number styling *\/\n    .step-number {\n      background: linear-gradient(45deg, #ce0081, #39a9cd);\n      color: white;\n      width: 2rem;\n      height: 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 9999px;\n      font-weight: bold;\n    }\n    \n    \/* Alternative approach for gradient text that eliminates blurring issues *\/\n    .gradient-text {\n      position: relative;\n      color: white;\n      z-index: 1;\n    }\n    \n    .gradient-text::before {\n      content: attr(data-text);\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      z-index: -1;\n      background: linear-gradient(45deg, #ce0081, #e3d716, #39a9cd);\n      background-size: 200% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: headerAnim 3s ease infinite;\n    }\n    \n    .gang-sheet-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(255, 255, 255, 0.1);\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n    \n    .gang-sheet-card-header {\n      background: linear-gradient(135deg, rgba(206, 0, 129, 0.2), rgba(57, 169, 205, 0.2));\n      padding: 1rem;\n      display: flex;\n      align-items: center;\n    }\n    \n    .gang-sheet-card-body {\n      padding: 1rem;\n    }\n  \u003c\/style\u003e\n\n\n  \u003c!-- Main container with responsive padding and max-width --\u003e\n  \u003cdiv id=\"dtf-prints-container\" class=\"min-h-screen\"\u003e\n    \u003cdiv class=\"container mx-auto px-4 py-8\"\u003e\n      \u003c!-- Hero Section --\u003e\n      \u003csection class=\"hero p-8 mb-8 fade-in\"\u003e\n        \u003cdiv class=\"text-center\"\u003e\n          \u003cdiv class=\"inline-block p-4 rounded-full bg-gradient-to-r from-pink-600 to-blue-500 bg-opacity-20 mb-6\"\u003e\n            \u003ci class=\"fa-solid fa-print fa-3x\"\u003e\u003c\/i\u003e\n          \u003c\/div\u003e\n          \u003ch1 class=\"animated-header text-3xl sm:text-4xl md:text-5xl font-bold mb-4\"\u003e\n            SUPER DTF Prints\n          \u003c\/h1\u003e\n          \u003cp class=\"text-base sm:text-lg md:text-xl max-w-2xl mx-auto\"\u003e\n            Premium Quality, Affordable Customization with Instant Hot Peel Film\n          \u003c\/p\u003e\n          \u003cdiv class=\"mt-6 flex justify-center space-x-4\"\u003e\n            \u003ca href=\"#how-to-order\" class=\"gradient-btn\"\u003e\n              \u003ci class=\"fa-solid fa-cart-shopping mr-2\"\u003e\u003c\/i\u003e Order Now\n            \u003c\/a\u003e\n            \u003ca href=\"#pricing\" class=\"bg-gray-800 hover:bg-gray-700 text-white px-6 py-3 rounded-lg transition-all duration-300\"\u003e\n              \u003ci class=\"fa-solid fa-tag mr-2\"\u003e\u003c\/i\u003e See Pricing\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Benefits Section - Redesigned to match screenshot exactly --\u003e\n      \u003csection class=\"fade-in mb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\"\u003e\n        \u003cdiv class=\"bg-black p-6 rounded-xl text-center border border-gray-800\"\u003e\n          \u003cdiv class=\"flex justify-center mb-4\"\u003e\n            \u003cdiv class=\"rounded-full bg-pink-900\/80 p-4 w-16 h-16 flex items-center justify-center\"\u003e\n              \u003ci class=\"fa-solid fa-star text-2xl text-pink-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"text-lg font-bold mb-2 text-white\"\u003eSuper Quality\u003c\/h3\u003e\n          \u003cp class=\"text-sm text-gray-400\"\u003eVibrant colors and sharp details that last\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"bg-black p-6 rounded-xl text-center border border-gray-800\"\u003e\n          \u003cdiv class=\"flex justify-center mb-4\"\u003e\n            \u003cdiv class=\"rounded-full bg-blue-900\/80 p-4 w-16 h-16 flex items-center justify-center\"\u003e\n              \u003ci class=\"fa-solid fa-layer-group text-2xl text-blue-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"text-lg font-bold mb-2 text-white\"\u003eSupertility\u003c\/h3\u003e\n          \u003cp class=\"text-sm text-gray-400\"\u003eSuitable for a wide range of fabrics and materials\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"bg-black p-6 rounded-xl text-center border border-gray-800\"\u003e\n          \u003cdiv class=\"flex justify-center mb-4\"\u003e\n            \u003cdiv class=\"rounded-full bg-green-900\/80 p-4 w-16 h-16 flex items-center justify-center\"\u003e\n              \u003ci class=\"fa-solid fa-leaf text-2xl text-green-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"text-lg font-bold mb-2 text-white\"\u003eEco-Friendly\u003c\/h3\u003e\n          \u003cp class=\"text-sm text-gray-400\"\u003eOur process uses PET film, reducing environmental impact\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"bg-black p-6 rounded-xl text-center border border-gray-800\"\u003e\n          \u003cdiv class=\"flex justify-center mb-4\"\u003e\n            \u003cdiv class=\"rounded-full bg-yellow-900\/80 p-4 w-16 h-16 flex items-center justify-center\"\u003e\n              \u003ci class=\"fa-solid fa-piggy-bank text-2xl text-yellow-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"text-lg font-bold mb-2 text-white\"\u003eCost-Effective\u003c\/h3\u003e\n          \u003cp class=\"text-sm text-gray-400\"\u003eHigh-quality prints at an affordable price\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"bg-black p-6 rounded-xl text-center border border-gray-800 col-span-1 sm:col-span-2 lg:col-span-4\"\u003e\n          \u003cdiv class=\"flex justify-center mb-4\"\u003e\n            \u003cdiv class=\"rounded-full bg-yellow-600\/80 p-4 w-16 h-16 flex items-center justify-center\"\u003e\n              \u003ci class=\"fa-solid fa-bolt text-2xl text-yellow-300\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"text-lg font-bold mb-2 text-white\"\u003eInstant Peel\u003c\/h3\u003e\n          \u003cp class=\"text-sm text-gray-400\"\u003eCan be peeled immediately after pressing for quick results\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Notice --\u003e\n      \u003csection class=\"notice p-6 mb-8 rounded-lg shadow-md fade-in\"\u003e\n        \u003cdiv class=\"flex flex-col sm:flex-row sm:items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-triangle-exclamation text-2xl text-yellow-400\"\u003e\u003c\/i\u003e\n          \u003cstrong class=\"text-lg text-yellow-300\"\u003eImportant Notice:\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"mt-2 text-sm sm:text-base text-gray-300\"\u003e\n          All orders placed on Friday after 3pm will not be printed unless a weekday rush fee is applied. We do not fulfill orders on Saturday unless it is a rush order—please plan accordingly. This fee can be added at checkout or by searching \"Same Day Rush Fee.\" Orders on Saturday and Sunday must have the Saturday Rush Fee attached or they will be fulfilled the next business day (Monday).\n        \u003c\/p\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Pricing Card --\u003e\n      \u003csection id=\"pricing\" class=\"glass-card p-8 mb-8 fade-in\"\u003e\n        \u003ch2 class=\"animated-header text-2xl font-bold mb-6 flex items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-tag\"\u003e\u003c\/i\u003e Simple Pricing\n        \u003c\/h2\u003e\n        \n        \u003cdiv class=\"bg-gradient-to-r from-gray-800 to-gray-900 rounded-xl p-6 border border-gray-700 text-center\"\u003e\n          \u003cdiv class=\"text-3xl md:text-4xl font-bold text-white mb-2\"\u003e$3 \u003cspan class=\"text-xl text-gray-400\"\u003eper square foot\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cp class=\"text-gray-400 mb-4\"\u003eNo hidden fees. No minimum order requirements.\u003c\/p\u003e\n          \u003cul class=\"space-y-3 text-left max-w-md mx-auto mb-6\"\u003e\n            \u003cli class=\"flex items-start\"\u003e\n              \u003ci class=\"fa-solid fa-check text-green-400 mt-1 mr-3\"\u003e\u003c\/i\u003e\n              \u003cspan\u003eHigh-quality transfers with vibrant colors\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start\"\u003e\n              \u003ci class=\"fa-solid fa-check text-green-400 mt-1 mr-3\"\u003e\u003c\/i\u003e\n              \u003cspan\u003eWorks on cotton, polyester, blends, and more\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start\"\u003e\n              \u003ci class=\"fa-solid fa-check text-green-400 mt-1 mr-3\"\u003e\u003c\/i\u003e\n              \u003cspan\u003eInstant hot peel technology\u003c\/span\u003e\n            \u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003ca href=\"#how-to-order\" class=\"gradient-btn inline-block\"\u003e\n            Start Your Order\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- How to Order - Updated with new steps --\u003e\n      \u003csection id=\"how-to-order\" class=\"glass-card p-8 mb-8 fade-in\"\u003e\n        \u003ch2 class=\"animated-header text-2xl font-bold mb-6 flex items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-list-check\"\u003e\u003c\/i\u003e How to Order\n        \u003c\/h2\u003e\n        \n        \u003cdiv class=\"space-y-8\"\u003e\n          \u003c!-- Step 1 --\u003e\n          \u003cdiv class=\"flex flex-col md:flex-row gap-6\"\u003e\n            \u003cdiv class=\"flex items-start\"\u003e\n              \u003cdiv class=\"step-number text-2xl min-w-10 h-10\"\u003e1\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"animated-header text-xl font-bold mb-4\"\u003e\n                Create your Gang Sheet\n              \u003c\/h3\u003e\n              \u003cdiv class=\"bg-gray-800 bg-opacity-50 rounded-lg p-4\"\u003e\n                \u003cp class=\"mb-3 text-gray-300\"\u003eCreate your design in one of these platforms:\u003c\/p\u003e\n                \u003cul class=\"space-y-3 text-gray-300\"\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-palette text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cdiv\u003e\n                      \u003cspan\u003eCanva - \u003c\/span\u003e\n                      \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-gang-sheets-using-canva\" class=\"text-blue-400 hover:text-blue-300 underline\"\u003eView Canva Guide\u003c\/a\u003e\n                    \u003c\/div\u003e\n                  \u003c\/li\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-pen-ruler text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cdiv\u003e\n                      \u003cspan\u003eIllustrator - \u003c\/span\u003e\n                      \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-gang-sheets-using-illustrator\" class=\"text-blue-400 hover:text-blue-300 underline\"\u003eView Illustrator Guide\u003c\/a\u003e\n                    \u003c\/div\u003e\n                  \u003c\/li\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-image text-purple-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cdiv\u003e\n                      \u003cspan\u003ePhotoshop - \u003c\/span\u003e\n                      \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-gang-sheets-using-photoshop\" class=\"text-blue-400 hover:text-blue-300 underline\"\u003eView Photoshop Guide\u003c\/a\u003e\n                    \u003c\/div\u003e\n                  \u003c\/li\u003e\n                \u003c\/ul\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Step 2 --\u003e\n          \u003cdiv class=\"flex flex-col md:flex-row gap-6\"\u003e\n            \u003cdiv class=\"flex items-start\"\u003e\n              \u003cdiv class=\"step-number text-2xl min-w-10 h-10\"\u003e2\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"animated-header text-xl font-bold mb-4\"\u003e\n                Set Correct Dimensions\n              \u003c\/h3\u003e\n              \u003cdiv class=\"bg-gray-800 bg-opacity-50 rounded-lg p-4\"\u003e\n                \u003cul class=\"space-y-3 text-gray-300\"\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-ruler-combined text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eMake sure your canvas is \u003cstrong class=\"text-white\"\u003e22.5\" in width\u003c\/strong\u003e\u003c\/span\u003e\n                  \u003c\/li\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-arrows-up-down text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eHeight should be in \u003cstrong class=\"text-white\"\u003e12\" increments\u003c\/strong\u003e - from 12\" up to 2400\"\u003c\/span\u003e\n                  \u003c\/li\u003e\n                \u003c\/ul\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Step 3 --\u003e\n          \u003cdiv class=\"flex flex-col md:flex-row gap-6\"\u003e\n            \u003cdiv class=\"flex items-start\"\u003e\n              \u003cdiv class=\"step-number text-2xl min-w-10 h-10\"\u003e3\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"animated-header text-xl font-bold mb-4\"\u003e\n                Review Your Design\n              \u003c\/h3\u003e\n              \u003cdiv class=\"bg-gray-800 bg-opacity-50 rounded-lg p-4\"\u003e\n                \u003cul class=\"space-y-3 text-gray-300\"\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-magnifying-glass-chart text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eCheck for overlapping images\u003c\/span\u003e\n                  \u003c\/li\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-check-double text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eIdentify and replace any low quality images\u003c\/span\u003e\n                  \u003c\/li\u003e\n                \u003c\/ul\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Step 4 --\u003e\n          \u003cdiv class=\"flex flex-col md:flex-row gap-6\"\u003e\n            \u003cdiv class=\"flex items-start\"\u003e\n              \u003cdiv class=\"step-number text-2xl min-w-10 h-10\"\u003e4\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"animated-header text-xl font-bold mb-4\"\u003e\n                Export in High Resolution\n              \u003c\/h3\u003e\n              \u003cdiv class=\"bg-gray-800 bg-opacity-50 rounded-lg p-4\"\u003e\n                \u003cul class=\"space-y-3 text-gray-300\"\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-file-export text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eExport in minimum \u003cstrong class=\"text-white\"\u003e300 DPI\u003c\/strong\u003e\u003c\/span\u003e\n                  \u003c\/li\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-file-image text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003ePreferred formats: \u003cstrong class=\"text-white\"\u003ePNG, AI, PSD, or TIFF\u003c\/strong\u003e\u003c\/span\u003e\n                  \u003c\/li\u003e\n                \u003c\/ul\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Step 5 --\u003e\n          \u003cdiv class=\"flex flex-col md:flex-row gap-6\"\u003e\n            \u003cdiv class=\"flex items-start\"\u003e\n              \u003cdiv class=\"step-number text-2xl min-w-10 h-10\"\u003e5\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"animated-header text-xl font-bold mb-4\"\u003e\n                Pixel Size for Other Programs\n              \u003c\/h3\u003e\n              \u003cdiv class=\"bg-gray-800 bg-opacity-50 rounded-lg p-4\"\u003e\n                \u003cp class=\"mb-3 text-gray-300\"\u003eIf you are exporting from Canva, Silhouette Studio, or programs that only export in pixel dimensions:\u003c\/p\u003e\n                \u003cul class=\"space-y-3 text-gray-300\"\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-arrow-right-arrow-left text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eAt 300 DPI, use \u003cstrong class=\"text-white\"\u003e6750px width\u003c\/strong\u003e\u003c\/span\u003e\n                  \u003c\/li\u003e\n                  \u003cli class=\"flex items-start\"\u003e\n                    \u003ci class=\"fa-solid fa-arrows-up-down text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eHeight should automatically adjust to maintain proportions\u003c\/span\u003e\n                  \u003c\/li\u003e\n                \u003c\/ul\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Gang Sheet Resources --\u003e\n      \u003csection class=\"glass-card p-8 mb-8 fade-in\"\u003e\n        \u003ch2 class=\"animated-header text-2xl font-bold mb-6 flex items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-table-cells-large\"\u003e\u003c\/i\u003e Gang Sheet Resources\n        \u003c\/h2\u003e\n        \n        \u003cp class=\"text-gray-300 mb-6\"\u003eCreate gang sheets to maximize your printing area and reduce costs. Follow our step-by-step guides below:\u003c\/p\u003e\n        \n        \u003cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-6\"\u003e\n          \u003c!-- Canva Guide --\u003e\n          \u003cdiv class=\"gang-sheet-card\"\u003e\n            \u003cdiv class=\"gang-sheet-card-header\"\u003e\n              \u003ci class=\"fa-solid fa-palette text-2xl mr-3\"\u003e\u003c\/i\u003e\n              \u003ch3 class=\"text-lg font-bold\"\u003eUsing Canva\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"gang-sheet-card-body text-gray-300\"\u003e\n              \u003cp class=\"mb-4 text-sm\"\u003ePerfect for beginners. Create professional gang sheets without design experience.\u003c\/p\u003e\n              \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-gang-sheets-using-canva\" class=\"text-yellow-400 hover:text-yellow-300 flex items-center\"\u003e\n                View Guide \u003ci class=\"fa-solid fa-arrow-right ml-2\"\u003e\u003c\/i\u003e\n              \u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Illustrator Guide --\u003e\n          \u003cdiv class=\"gang-sheet-card\"\u003e\n            \u003cdiv class=\"gang-sheet-card-header\"\u003e\n              \u003ci class=\"fa-solid fa-pen-ruler text-2xl mr-3\"\u003e\u003c\/i\u003e\n              \u003ch3 class=\"text-lg font-bold\"\u003eUsing Illustrator\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"gang-sheet-card-body text-gray-300\"\u003e\n              \u003cp class=\"mb-4 text-sm\"\u003eAdvanced vector-based workflow for precise control and professional results.\u003c\/p\u003e\n              \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-gang-sheets-using-illustrator\" class=\"text-yellow-400 hover:text-yellow-300 flex items-center\"\u003e\n                View Guide \u003ci class=\"fa-solid fa-arrow-right ml-2\"\u003e\u003c\/i\u003e\n              \u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Photoshop Guide --\u003e\n          \u003cdiv class=\"gang-sheet-card\"\u003e\n            \u003cdiv class=\"gang-sheet-card-header\"\u003e\n              \u003ci class=\"fa-solid fa-layer-group text-2xl mr-3\"\u003e\u003c\/i\u003e\n              \u003ch3 class=\"text-lg font-bold\"\u003eUsing Photoshop\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"gang-sheet-card-body text-gray-300\"\u003e\n              \u003cp class=\"mb-4 text-sm\"\u003eGreat for photo-based designs and pixel-perfect layouts.\u003c\/p\u003e\n              \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-gang-sheets-using-photoshop\" class=\"text-yellow-400 hover:text-yellow-300 flex items-center\"\u003e\n                View Guide \u003ci class=\"fa-solid fa-arrow-right ml-2\"\u003e\u003c\/i\u003e\n              \u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Pressing Instructions --\u003e\n      \u003csection class=\"glass-card p-8 mb-8 fade-in\"\u003e\n        \u003ch2 class=\"animated-header text-2xl font-bold mb-6 flex items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-temperature-high\"\u003e\u003c\/i\u003e Pressing Instructions\n        \u003c\/h2\u003e\n        \n        \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"\u003e\n          \u003c!-- Polyester --\u003e\n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 rounded-xl p-6\"\u003e\n            \u003cdiv class=\"flex items-center mb-4\"\u003e\n              \u003cdiv class=\"bg-gradient-to-r from-pink-600 to-blue-500 rounded-full p-3 mr-4\"\u003e\n                \u003ci class=\"fa-solid fa-tshirt text-xl\"\u003e\u003c\/i\u003e\n              \u003c\/div\u003e\n              \u003ch3 class=\"text-xl font-bold\"\u003eFor Polyester\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"space-y-4\"\u003e\n              \u003cdiv class=\"flex items-center bg-gray-900 bg-opacity-50 p-3 rounded-lg\"\u003e\n                \u003ci class=\"fa-solid fa-thermometer text-pink-500 text-lg min-w-8\"\u003e\u003c\/i\u003e\n                \u003cspan class=\"ml-3\"\u003e275°F (135°C)\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"flex items-center bg-gray-900 bg-opacity-50 p-3 rounded-lg\"\u003e\n                \u003ci class=\"fa-solid fa-clock text-blue-400 text-lg min-w-8\"\u003e\u003c\/i\u003e\n                \u003cspan class=\"ml-3\"\u003e10 seconds\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003col class=\"space-y-2 ml-8 list-decimal text-gray-300\"\u003e\n                \u003cli\u003ePress firmly for 10 seconds\u003c\/li\u003e\n                \u003cli\u003eImmediately peel from the corner\u003c\/li\u003e\n                \u003cli\u003eRe-press with Teflon sheet for 10 seconds\u003c\/li\u003e\n              \u003c\/ol\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \n          \u003c!-- Cotton --\u003e\n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 rounded-xl p-6\"\u003e\n            \u003cdiv class=\"flex items-center mb-4\"\u003e\n              \u003cdiv class=\"bg-gradient-to-r from-pink-600 to-blue-500 rounded-full p-3 mr-4\"\u003e\n                \u003ci class=\"fa-solid fa-tshirt text-xl\"\u003e\u003c\/i\u003e\n              \u003c\/div\u003e\n              \u003ch3 class=\"text-xl font-bold\"\u003eFor Cotton\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"space-y-4\"\u003e\n              \u003cdiv class=\"flex items-center bg-gray-900 bg-opacity-50 p-3 rounded-lg\"\u003e\n                \u003ci class=\"fa-solid fa-thermometer text-pink-500 text-lg min-w-8\"\u003e\u003c\/i\u003e\n                \u003cspan class=\"ml-3\"\u003e325°F (163°C)\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"flex items-center bg-gray-900 bg-opacity-50 p-3 rounded-lg\"\u003e\n                \u003ci class=\"fa-solid fa-clock text-blue-400 text-lg min-w-8\"\u003e\u003c\/i\u003e\n                \u003cspan class=\"ml-3\"\u003e10 seconds\u003c\/span\u003e\n              \u003c\/div\u003e\n              \u003col class=\"space-y-2 ml-8 list-decimal text-gray-300\"\u003e\n                \u003cli\u003ePress firmly for 10 seconds\u003c\/li\u003e\n                \u003cli\u003eImmediately peel from the corner\u003c\/li\u003e\n                \u003cli\u003eRe-press with Teflon sheet for 10 seconds\u003c\/li\u003e\n              \u003c\/ol\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"mt-6 text-center\"\u003e\n          \u003ca href=\"#\" class=\"text-yellow-400 hover:text-yellow-300 inline-flex items-center\"\u003e\n            \u003ci class=\"fa-solid fa-file-pdf mr-2\"\u003e\u003c\/i\u003e Download Complete Pressing Guide\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"mt-4 p-4 bg-gradient-to-r from-pink-900\/20 to-blue-900\/20 rounded-lg border border-pink-500\/20 text-center\"\u003e\n          \u003cp class=\"text-gray-300 text-sm\"\u003eNeed more detailed instructions? Check out our \u003ca href=\"#\" class=\"text-pink-400 hover:text-pink-300\"\u003ecomprehensive pressing guide\u003c\/a\u003e for all material types.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Additional Services --\u003e\n      \u003csection class=\"glass-card p-8 mb-8 fade-in\"\u003e\n        \u003ch2 class=\"animated-header text-2xl font-bold mb-6 flex items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-plus\"\u003e\u003c\/i\u003e Additional Services\n        \u003c\/h2\u003e\n        \n        \u003cdiv class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\"\u003e\n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-crop text-pink-500 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eBackground Removal\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eClean up your images for professional results\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-paintbrush text-blue-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eDesign Services\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eCustom designs created by professionals\u003c\/p\u003e\n            \u003ca href=\"https:\/\/superdtf.com\/products\/image-design-services\" class=\"text-blue-400 hover:text-blue-300 text-xs mt-2 inline-block\"\u003eBook our services\u003c\/a\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-vector-square text-yellow-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eVectoring Services\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eConvert low-res images to scalable vectors\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-palette text-purple-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eColor Change\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eModify existing designs with new colors\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-pen-to-square text-green-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eDTF Modifications\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eOptimize existing designs for DTF printing\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-check-double text-red-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eCustom Print Check\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eProfessional review before printing\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-swatchbook text-indigo-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eColor Matching\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003ePerfect color reproduction for your brand\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-4 rounded-lg transition-all duration-300 hover:bg-gray-700\"\u003e\n            \u003ci class=\"fa-solid fa-print text-teal-400 text-xl mb-2\"\u003e\u003c\/i\u003e\n            \u003ch3 class=\"font-semibold mb-1\"\u003eSample Prints\u003c\/h3\u003e\n            \u003cp class=\"text-xs text-gray-400\"\u003eTest prints before large production runs\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"mt-6 p-4 bg-gradient-to-r from-pink-900\/20 to-blue-900\/20 rounded-lg text-center\"\u003e\n          \u003cp class=\"text-gray-300\"\u003eNeed help with your design? \u003ca href=\"https:\/\/superdtf.com\/products\/image-design-services\" class=\"text-pink-400 hover:text-pink-300 font-medium\"\u003eBook our services\u003c\/a\u003e or email us for a quote at \u003ca href=\"mailto:Sales@SuperDTF.com\" class=\"text-pink-400 hover:text-pink-300 font-medium\"\u003eSales@SuperDTF.com\u003c\/a\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003c!-- Shipping --\u003e\n      \u003csection class=\"glass-card p-8 mb-8 fade-in\"\u003e\n        \u003ch2 class=\"animated-header text-2xl font-bold mb-6 flex items-center gap-2\"\u003e\n          \u003ci class=\"fa-solid fa-truck\"\u003e\u003c\/i\u003e Shipping\n        \u003c\/h2\u003e\n        \n        \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-8\"\u003e\n          \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-6 rounded-xl\"\u003e\n            \u003cdiv class=\"flex items-center mb-4\"\u003e\n              \u003cdiv class=\"bg-gradient-to-r from-blue-500 to-purple-500 rounded-full p-3 mr-4\"\u003e\n                \u003ci class=\"fa-solid fa-globe text-xl\"\u003e\u003c\/i\u003e\n              \u003c\/div\u003e\n              \u003ch3 class=\"text-xl font-bold\"\u003eWorldwide\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"mb-2 text-yellow-400 font-medium\"\u003e10-15 business days For Orders Under $350, Orders over $350 3-4 business days with FREE express worldwide shipping\u003c\/p\u003e\n            \u003cp class=\"text-sm text-gray-400\"\u003eInternational shipping available to most countries\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n                      \u003cdiv class=\"bg-gray-800 bg-opacity-30 p-6 rounded-xl\"\u003e\n            \u003cdiv class=\"flex items-center mb-4\"\u003e\n              \u003cdiv class=\"bg-gradient-to-r from-red-500 to-blue-500 rounded-full p-3 mr-4\"\u003e\n                \u003ci class=\"fa-solid fa-flag-usa text-xl\"\u003e\u003c\/i\u003e\n              \u003c\/div\u003e\n              \u003ch3 class=\"text-xl font-bold\"\u003eUnited States\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \u003cul class=\"space-y-2 text-gray-300\"\u003e\n              \u003cli class=\"flex items-center\"\u003e\n                \u003ci class=\"fa-solid fa-clock text-green-400 mr-3\"\u003e\u003c\/i\u003e\n                \u003cspan\u003e\u003cstrong class=\"text-green-400\"\u003e1 Day:\u003c\/strong\u003e California, Nevada, West AZ(Orange County, LA, San Diego, Riverside, Nevada, and West Arizona)\u003c\/span\u003e\n              \u003c\/li\u003e\n              \u003cli class=\"flex items-center\"\u003e\n                \u003ci class=\"fa-solid fa-clock text-green-400 mr-3\"\u003e\u003c\/i\u003e\n                \u003cspan\u003e\u003cstrong class=\"text-green-400\"\u003e2 Days:\u003c\/strong\u003e Rest of California\u003c\/span\u003e\n              \u003c\/li\u003e\n              \u003cli class=\"flex items-center\"\u003e\n                \u003ci class=\"fa-solid fa-clock text-yellow-400 mr-3\"\u003e\u003c\/i\u003e\n                \u003cspan\u003e\u003cstrong class=\"text-yellow-400\"\u003e2-3 Days:\u003c\/strong\u003e Rest of West Coast\u003c\/span\u003e\n              \u003c\/li\u003e\n              \u003cli class=\"flex items-center\"\u003e\n                \u003ci class=\"fa-solid fa-clock text-yellow-400 mr-3\"\u003e\u003c\/i\u003e\n                \u003cspan\u003e\u003cstrong class=\"text-yellow-400\"\u003e3-4 Days:\u003c\/strong\u003e Central and East Coast\u003c\/span\u003e\n              \u003c\/li\u003e\n            \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"SUPERDTF","offers":[{"title":"22.5\" x 12\"","offer_id":43739604090993,"sku":null,"price":5.93,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 24\"","offer_id":43739604123761,"sku":null,"price":11.86,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 36\"","offer_id":43739604156529,"sku":null,"price":17.82,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 48\"","offer_id":43739604189297,"sku":null,"price":23.7,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 60\"","offer_id":43739604222065,"sku":null,"price":29.63,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 72\"","offer_id":43739604254833,"sku":null,"price":35.55,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 84\"","offer_id":43739604287601,"sku":null,"price":41.48,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 96\"","offer_id":43739604320369,"sku":null,"price":47.4,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 108\"","offer_id":43739604353137,"sku":null,"price":53.33,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 120\"","offer_id":43739604385905,"sku":null,"price":59.25,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 132\"","offer_id":43739604418673,"sku":null,"price":65.18,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 240\"","offer_id":43739604451441,"sku":null,"price":118.5,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 480\"","offer_id":43739604484209,"sku":null,"price":237.01,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 960\"","offer_id":43739604516977,"sku":null,"price":474.01,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 1200\"","offer_id":43739604549745,"sku":null,"price":592.52,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 2400\"","offer_id":43739604582513,"sku":null,"price":1185.04,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/shirt_2_487806d8-e7fd-463c-8343-9ba9d1885321.png?v=1738272007","url":"https:\/\/superdtf.com\/products\/ez-uploaded-high-quality-gang-sheets","provider":"SUPERDTF","version":"1.0","type":"link"}