{"product_id":"custom-diy-build-your-dtf-gang-sheet","title":"Custom DIY Build Your DTF Gang Sheet","description":"\u003cbody\u003e\n\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eCustom DIY Build a Gang Sheet DTF Transfers\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      background-color: #121212;\n      color: white;\n      padding-top: 0;\n      margin-top: 0;\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    .gang-sheet-card {\n      background: rgba(18, 18, 18, 0.8);\n      border-radius: 1rem;\n      border: 1px solid rgba(255, 255, 255, 0.05);\n      overflow: hidden;\n      transition: all 0.3s ease;\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!-- Discount Code Banner --\u003e\n  \u003cdiv class=\"w-full bg-yellow-500 text-black p-3\"\u003e\n    \u003cdiv class=\"container mx-auto text-center font-bold\"\u003e\n      \u003ci class=\"fa-solid fa-tag mr-2\"\u003e\u003c\/i\u003e Use code \u003cspan class=\"text-white bg-black px-2 py-1 rounded\"\u003eDTF20\u003c\/span\u003e for 20% OFF your first purchase!\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \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-layer-group 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          Custom DIY Build a Gang Sheet DTF Transfers\n        \u003c\/h1\u003e\n        \u003cp class=\"text-base sm:text-lg md:text-xl max-w-2xl mx-auto\"\u003e\n          Design your own gang sheet with our easy-to-use builder and create multiple high-quality DTF transfers in one go!\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-edit mr-2\"\u003e\u003c\/i\u003e Start Building\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!-- 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!-- Benefits Section --\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-palette 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\"\u003eCreative Control\u003c\/h3\u003e\n        \u003cp class=\"text-sm text-gray-400\"\u003eDesign your own layout with our intuitive builder\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-piggy-bank 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\"\u003eCost-Effective\u003c\/h3\u003e\n        \u003cp class=\"text-sm text-gray-400\"\u003eMaximize space usage and reduce costs\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\"\u003eReduce waste by optimizing material usage\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-clock 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\"\u003eTime-Saving\u003c\/h3\u003e\n        \u003cp class=\"text-sm text-gray-400\"\u003eStreamline production with multiple designs in one print\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\"\u003eHot peel technology for immediate results after pressing\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- What is a Gang Sheet Section --\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 What is a Gang Sheet?\n      \u003c\/h2\u003e\n      \n      \u003cdiv class=\"bg-gray-800 bg-opacity-50 rounded-lg p-6\"\u003e\n        \u003cp class=\"text-gray-300 mb-4\"\u003e\n          A gang sheet allows you to combine multiple designs onto a single sheet, maximizing the use of space and reducing costs. With our DIY option and easy-to-use builder, you have full control over the layout and composition of your transfers.\n        \u003c\/p\u003e\n        \n        \u003cdiv class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mt-6\"\u003e\n          \u003cdiv class=\"bg-black p-5 rounded-xl border border-gray-700\"\u003e\n            \u003cdiv class=\"flex justify-center mb-3\"\u003e\n              \u003ci class=\"fa-solid fa-object-group text-3xl text-pink-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"text-center text-lg font-bold mb-2\"\u003eMultiple Designs\u003c\/h3\u003e\n            \u003cp class=\"text-center text-sm text-gray-400\"\u003eCombine various designs on one sheet\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-black p-5 rounded-xl border border-gray-700\"\u003e\n            \u003cdiv class=\"flex justify-center mb-3\"\u003e\n              \u003ci class=\"fa-solid fa-maximize text-3xl text-blue-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"text-center text-lg font-bold mb-2\"\u003eSpace Optimization\u003c\/h3\u003e\n            \u003cp class=\"text-center text-sm text-gray-400\"\u003eArrange designs to maximize sheet usage\u003c\/p\u003e\n          \u003c\/div\u003e\n          \n          \u003cdiv class=\"bg-black p-5 rounded-xl border border-gray-700\"\u003e\n            \u003cdiv class=\"flex justify-center mb-3\"\u003e\n              \u003ci class=\"fa-solid fa-money-bill-trend-up text-3xl text-green-500\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"text-center text-lg font-bold mb-2\"\u003eCost Efficiency\u003c\/h3\u003e\n            \u003cp class=\"text-center text-sm text-gray-400\"\u003ePay for sheet area, not per design\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\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-pink-700 text-center relative overflow-hidden\"\u003e\n        \u003cdiv class=\"absolute -right-10 -top-10 bg-pink-600 text-white px-12 py-1 rotate-45 shadow-lg\"\u003e\n          \u003cspan class=\"text-sm font-bold\"\u003eBEST VALUE\u003c\/span\u003e\n        \u003c\/div\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 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              Export Your Single Images\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-image text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eExport in high quality at 300DPI in a large enough size that will be versatile if you shrink it\u003c\/span\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"flex items-start\"\u003e\n                  \u003ci class=\"fa-solid fa-file text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eSupported formats: PNG, JPG, SVG, PSD, AI\/ESP, or PDF\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 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              Choose Your Sheet Size\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-expand text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eSelect your desired sheet dimensions\u003c\/span\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"flex items-start\"\u003e\n                  \u003ci class=\"fa-solid fa-info-circle text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eDon't worry if you picked one too small - you can extend or add another size sheet to your cart\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              Upload and Add Images\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-upload text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eUpload your images on the left side bar\u003c\/span\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"flex items-start\"\u003e\n                  \u003ci class=\"fa-solid fa-mouse-pointer text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eClick each image to add to the sheet\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              Arrange Your Sheet\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-object-group text-pink-500 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003eKeep images from overlapping\u003c\/span\u003e\n                \u003c\/li\u003e\n                \u003cli class=\"flex items-start\"\u003e\n                  \u003ci class=\"fa-solid fa-ruler-combined text-blue-400 mr-3 mt-1\"\u003e\u003c\/i\u003e\n                  \u003cspan\u003ePosition designs at least 0.5\" apart to leave room for cutting\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      \n      \u003c!-- Design Resources Section --\u003e\n      \u003cdiv class=\"mt-8 p-5 bg-black bg-opacity-50 rounded-xl border border-pink-800\"\u003e\n        \u003cdiv class=\"flex items-center mb-4\"\u003e\n          \u003ci class=\"fa-solid fa-book-open text-2xl text-yellow-400 mr-3\"\u003e\u003c\/i\u003e\n          \u003ch3 class=\"font-bold text-lg\"\u003eHelpful Design Resources\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\u003e\n          \u003ca href=\"https:\/\/superdtf.com\/pages\/how-to-create-the-best-quality-images-for-printing\" class=\"flex items-center bg-gray-800 hover:bg-gray-700 p-3 rounded-lg transition-all duration-300\"\u003e\n            \u003ci class=\"fa-solid fa-image text-pink-400 mr-3\"\u003e\u003c\/i\u003e\n            \u003cspan\u003eGuide to Creating Quality Images\u003c\/span\u003e\n          \u003c\/a\u003e\n          \u003ca href=\"https:\/\/superdtf.com\/pages\/ultimate-guide-to-removing-backgrounds-for-dtf-printing\" class=\"flex items-center bg-gray-800 hover:bg-gray-700 p-3 rounded-lg transition-all duration-300\"\u003e\n            \u003ci class=\"fa-solid fa-crop-alt text-blue-400 mr-3\"\u003e\u003c\/i\u003e\n            \u003cspan\u003eUltimate Background Removal Guide\u003c\/span\u003e\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mt-4 bg-gradient-to-r from-pink-900\/20 to-blue-900\/20 p-3 rounded-lg\"\u003e\n          \u003cp class=\"text-sm\"\u003eNeed professional design help? \u003ca href=\"https:\/\/superdtf.com\/products\/image-design-services\" class=\"text-pink-400 hover:text-pink-300 underline\"\u003eCheck out our Design Services\u003c\/a\u003e\u003c\/p\u003e\n        \u003c\/div\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      \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!-- 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 bottom left corner\u003c\/li\u003e\n              \u003cli\u003eEnsure small parts are sticking well before peeling fast\u003c\/li\u003e\n              \u003cli\u003eRe-press with Teflon sheet for 10 seconds for a soft, shiny finish\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 bottom left corner\u003c\/li\u003e\n              \u003cli\u003eEnsure small parts are sticking well before peeling fast\u003c\/li\u003e\n              \u003cli\u003eRe-press with Teflon sheet for 10 seconds for a soft, shiny finish\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=\"https:\/\/superdtf.com\/pages\/dtf-pressing-instructions\" class=\"text-yellow-400 hover:text-yellow-300 inline-flex items-center\"\u003e\n          \u003ci class=\"fa-solid fa-temperature-high mr-2\"\u003e\u003c\/i\u003e View Complete Pressing Instructions\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Shipping Section --\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\u003c\/p\u003e\n          \u003cp class=\"mb-2 text-green-400 font-medium\"\u003eOrders over $350: FREE express worldwide shipping (3-4 business days)\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)\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\n\n      \u003cdiv class=\"mt-6 bg-black p-4 rounded-xl border border-green-800\"\u003e\n        \u003ch3 class=\"text-center text-lg font-bold mb-2 text-green-400\"\u003e\n          \u003ci class=\"fa-solid fa-check-circle mr-2\"\u003e\u003c\/i\u003e Same-Day Processing\n        \u003c\/h3\u003e\n        \u003cp class=\"text-center text-gray-300\"\u003eFREE daily pickup for orders placed before 3pm Monday-Friday\u003c\/p\u003e\n        \u003cp class=\"text-center text-yellow-300 mt-2\"\u003eRush options available for Saturday and Sunday orders\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Custom","offers":[{"title":"22.5\" x 12\"","offer_id":44420037050481,"sku":"GS-22.5x12","price":6.1,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 24\"","offer_id":44420037181553,"sku":"GS-22.5x24","price":12.2,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 36\"","offer_id":44420037247089,"sku":"GS-22.5x36","price":18.31,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 48\"","offer_id":44420037279857,"sku":"GS-22.5x48","price":24.41,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 60\"","offer_id":44420037312625,"sku":"GS-22.5x60","price":30.51,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 72\"","offer_id":44420037378161,"sku":"GS-22.5x72","price":36.61,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 84\"","offer_id":44420037443697,"sku":"GS-22.5x84","price":42.71,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 96\"","offer_id":44420037542001,"sku":"GS-22.5x96","price":48.82,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 108\"","offer_id":44420037607537,"sku":"GS-22.5x108","price":54.92,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 120\"","offer_id":44420037673073,"sku":"GS-22.5x120","price":61.02,"currency_code":"USD","in_stock":true},{"title":"22.5\" x 240\"","offer_id":44420038197361,"sku":"GS-22.5x240","price":122.04,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0553\/5934\/0657\/files\/dtf-ez-uploader-dtf-prints-dtf-transfers-custom-dtf-prints-910142.jpg?v=1741751566","url":"https:\/\/superdtf.com\/es\/products\/custom-diy-build-your-dtf-gang-sheet","provider":"SUPERDTF","version":"1.0","type":"link"}