{"id":410765,"url":"\/print-on-demand\/","layout":"standard","version":"2026-03-26T13:48:50.000000Z","blocks":[{"id":5068912,"type":"html","published":1,"size":{"x":12,"y":0},"order":0,"items":[],"properties":{"html":{"id":127391517,"value":"<div class=\"penna-pod-flow-bg\" id=\"penna-pod-flow-bg\">\n  <canvas class=\"penna-pod-flow-bg__canvas\" id=\"pennaPodFlowCanvas\"><\/canvas>\n<\/div>\n\n<section class=\"penna-pod-hero\" id=\"penna-pod-hero\">\n  \n  <div class=\"penna-pod-hero__inner\">\n    <div class=\"penna-pod-hero__content\">\n            <h1>Print on demand for brands that want to scale.<\/h1>\n\n      <p class=\"penna-pod-hero__lead\">\n        Connect your store, launch products instantly, and let Penna handle the printing, packing and fulfilment behind the scenes.\n      <\/p>\n\n      <div class=\"penna-pod-hero__points\">\n        <div class=\"penna-pod-hero__point\">No stock holding<\/div>\n        <div class=\"penna-pod-hero__point\">Automated order flow<\/div>\n        <div class=\"penna-pod-hero__point\">Fast UK fulfilment<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-hero {\n    --pod-text: #07111b;\n    --pod-muted: #4b5563;\n    --pod-blue: #1e96c8;\n    --pod-blue-strong: #28b0e5;\n    --pod-yellow: #f2d600;\n    --pod-red: #e0525e;\n\n    position: relative;\n    min-height: 92vh;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    overflow: hidden;\n    background: transparent;\n    isolation: isolate;\n  }\n\n  .penna-pod-hero * {\n    box-sizing: border-box;\n  }\n\n  .penna-pod-flow-bg {\n    position: fixed;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .penna-pod-flow-bg__canvas {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .penna-pod-hero__inner {\n    position: relative;\n    z-index: 1;\n    min-height: 92vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 42px 20px;\n    text-align: center;\n  }\n\n  .penna-pod-hero__content {\n    max-width: 980px;\n    margin: 0 auto;\n    font-family: Inter, Arial, sans-serif;\n    color: var(--pod-text);\n  }\n\n  \n\n  .penna-pod-hero h1 {\n    margin: 0 0 22px;\n    font-family: Inter, Arial, sans-serif;\n    font-size: clamp(3.2rem, 8vw, 6.4rem);\n    line-height: 0.94;\n    letter-spacing: -0.065em;\n    color: var(--pod-text);\n  }\n\n  .penna-pod-hero__lead {\n    max-width: 760px;\n    margin: 0 auto 34px;\n    font-family: Inter, Arial, sans-serif;\n    font-size: 1.18rem;\n    line-height: 1.65;\n    color: var(--pod-muted);\n  }\n\n  .penna-pod-hero__points {\n    display: flex;\n    justify-content: center;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n\n  .penna-pod-hero__point {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    padding: 0 18px;\n    border-radius: 999px;\n    border: 1px solid rgba(7,17,27,0.08);\n    background: rgba(255,255,255,0.72);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    color: var(--pod-text);\n    font-family: Inter, Arial, sans-serif;\n    font-size: 0.95rem;\n    font-weight: 600;\n    box-shadow: 0 10px 30px rgba(30,150,200,0.06);\n  }\n\n  @media (max-width: 767px) {\n    .penna-pod-hero,\n    .penna-pod-hero__inner {\n      min-height: 86vh;\n    }\n\n    .penna-pod-hero__inner {\n      padding: 30px 18px;\n    }\n\n    .penna-pod-hero h1 {\n      font-size: clamp(2.6rem, 12vw, 4.4rem);\n    }\n\n    .penna-pod-hero__lead {\n      font-size: 1rem;\n      margin-bottom: 28px;\n    }\n\n    .penna-pod-hero__point {\n      width: 100%;\n      max-width: 320px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const canvas = document.getElementById('pennaPodFlowCanvas');\n    if (!canvas) return;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    let width = 0;\n    let height = 0;\n\n    const mouse = {\n      x: window.innerWidth * 0.5,\n      y: window.innerHeight * 0.45,\n      active: false\n    };\n\n    const blobs = [\n      { x: 0.2, y: 0.22, r: 250, color: '#1e96c8' },\n      { x: 0.78, y: 0.2, r: 220, color: '#28b0e5' },\n      { x: 0.7, y: 0.72, r: 180, color: '#f2d600' },\n      { x: 0.28, y: 0.72, r: 170, color: '#e0525e' },\n      { x: 0.5, y: 0.45, r: 280, color: '#b9ecfb' }\n    ];\n\n    function resizeCanvas() {\n      width = window.innerWidth;\n      height = window.innerHeight;\n      const ratio = window.devicePixelRatio || 1;\n      canvas.width = width * ratio;\n      canvas.height = height * ratio;\n      ctx.setTransform(ratio, 0, 0, ratio, 0, 0);\n    }\n\n    function handlePointerMove(event) {\n      mouse.x = event.clientX;\n      mouse.y = event.clientY;\n      mouse.active = true;\n      mouse.lastMove = Date.now();\n    }\n\n    function handlePointerLeave() {\n      mouse.active = false;\n    }\n\n    function draw() {\n      const time = Date.now() * 0.00026;\n      ctx.clearRect(0, 0, width, height);\n\n      blobs.forEach((blob, index) => {\n        const scrollY = window.scrollY || 0;\n        const baseX = width * blob.x + Math.sin(time + index * 1.5) * 48;\n        const baseY = (height * blob.y + Math.cos(time * 1.15 + index * 1.1) * 38 + scrollY * (0.05 + index * 0.01)) % (height + blob.r * 2) - blob.r;\n\n        const centerX = width * 0.5;\n        const centerY = height * 0.5;\n        const influence = 0.045 + index * 0.004;\n        const mouseLive = mouse.active || (mouse.lastMove && Date.now() - mouse.lastMove < 160);\n\n        const offsetX = mouseLive ? (mouse.x - centerX) * influence : 0;\n        const offsetY = mouseLive ? (mouse.y - centerY) * influence * 0.55 : 0;\n\n        const targetX = baseX + offsetX;\n        const targetY = baseY + offsetY;\n\n        blob.currentX = (blob.currentX ?? targetX) + (targetX - (blob.currentX ?? targetX)) * 0.045;\n        blob.currentY = (blob.currentY ?? targetY) + (targetY - (blob.currentY ?? targetY)) * 0.045;\n\n        const gradient = ctx.createRadialGradient(blob.currentX, blob.currentY, 0, blob.currentX, blob.currentY, blob.r);\n        gradient.addColorStop(0, blob.color + '66');\n        gradient.addColorStop(0.45, blob.color + '2d');\n        gradient.addColorStop(1, blob.color + '00');\n\n        ctx.fillStyle = gradient;\n        ctx.beginPath();\n        ctx.arc(blob.currentX, blob.currentY, blob.r, 0, Math.PI * 2);\n        ctx.fill();\n      });\n\n      window.requestAnimationFrame(draw);\n    }\n\n    resizeCanvas();\n    draw();\n\n    window.addEventListener('resize', resizeCanvas);\n    window.addEventListener('pointermove', handlePointerMove, { passive: true });\n    window.addEventListener('mousemove', handlePointerMove, { passive: true });\n    window.addEventListener('mouseleave', handlePointerLeave);\n  })();\n<\/script>\n\n\n<!-- NEXT BLOCK: CAPABILITIES -->\n<section class=\"penna-pod-capabilities\">\n  <div class=\"penna-pod-capabilities__inner\">\n    <div class=\"penna-pod-capabilities__content\">\n      <h2>Everything you need to run print on demand.<\/h2>\n      <p class=\"penna-pod-capabilities__lead\">\n        Built for modern ecommerce brands, our system gives you the tools to launch, automate and scale without the usual complexity \u2014 including direct integrations via our RESTful API.\n      <\/p>\n\n      <div class=\"penna-pod-capabilities__grid\">\n        <div class=\"penna-pod-capabilities__item\">\n          <h3>Store integration<\/h3>\n          <p>\n            Connect your Shopify store and automatically sync products, orders and fulfilment without manual input.\n          <\/p>\n        <\/div>\n\n        <div class=\"penna-pod-capabilities__item\">\n          <h3>Automated workflow<\/h3>\n          <p>\n            Orders flow directly into production, removing admin and allowing your business to run in the background.\n          <\/p>\n        <\/div>\n\n        <div class=\"penna-pod-capabilities__item\">\n          <h3>On-demand production<\/h3>\n          <p>\n            Every product is printed only when it\u2019s ordered, reducing waste and removing the need for stock.\n          <\/p>\n        <\/div>\n\n        <div class=\"penna-pod-capabilities__item\">\n          <h3>UK fulfilment<\/h3>\n          <p>\n            Fast, reliable packing and shipping handled in-house, with consistent quality on every order.\n          <\/p>\n        <\/div>\n\n        <div class=\"penna-pod-capabilities__item\">\n          <h3>RESTful API access<\/h3>\n          <p>\n            Integrate directly with our platform using our RESTful API \u2014 push orders, manage products and automate workflows without relying on third-party apps.\n          <\/p>\n        <\/div>\n\n        <div class=\"penna-pod-capabilities__item\">\n          <h3>Built for developers<\/h3>\n          <p>\n            Create custom integrations, automate processes and scale your operations with full control over how your system connects to ours.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-capabilities {\n    position: relative;\n    z-index: 1;\n    padding: 100px 20px;\n    background: transparent;\n  }\n\n  .penna-pod-capabilities__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .penna-pod-capabilities__content {\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-pod-capabilities h2 {\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    margin-bottom: 18px;\n    letter-spacing: -0.03em;\n  }\n\n  .penna-pod-capabilities__lead {\n    max-width: 720px;\n    margin: 0 auto 60px;\n    font-size: 1.1rem;\n    color: #4b5563;\n  }\n\n  .penna-pod-capabilities__grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n\n  .penna-pod-capabilities__item {\n    padding: 30px;\n    border-radius: 18px;\n    border: 1px solid rgba(0,0,0,0.06);\n    background: rgba(255,255,255,0.75);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    text-align: left;\n  }\n\n  .penna-pod-capabilities__item h3 {\n    font-size: 1.2rem;\n    margin-bottom: 10px;\n  }\n\n  .penna-pod-capabilities__item p {\n    font-size: 0.95rem;\n    color: #555;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 1150px) {\n    .penna-pod-diagram {\n      grid-template-columns: repeat(2, minmax(240px, 1fr));\n      gap: 20px;\n      max-width: 760px;\n      margin: 0 auto;\n    }\n\n    .penna-pod-link {\n      display: none;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .penna-pod-diagram {\n      grid-template-columns: 1fr;\n      max-width: 420px;\n    }\n\n    .penna-pod-node {\n      width: 100%;\n    }\n  }\n<\/style>\n\n\n<!-- NEXT BLOCK: HOW IT WORKS (SYSTEM DIAGRAM FIXED) -->\n<section class=\"penna-pod-process\">\n  <div class=\"penna-pod-process__inner\">\n    <div class=\"penna-pod-process__content\">\n      <h2>A connected workflow from checkout to delivery.<\/h2>\n      <p class=\"penna-pod-process__lead\">\n        Orders move through a fully automated pipeline \u2014 from your store or API, into production, and out to your customer.\n      <\/p>\n\n      <div class=\"penna-pod-diagram\">\n        <div class=\"penna-pod-node\">\n          <div class=\"penna-pod-node__dot\"><\/div>\n          <h3>Your store \/ API<\/h3>\n          <p>Shopify or RESTful API sends products and orders in real time.<\/p>\n        <\/div>\n\n        <div class=\"penna-pod-link\"><\/div>\n\n        <div class=\"penna-pod-node\">\n          <div class=\"penna-pod-node__dot\"><\/div>\n          <h3>Order processing<\/h3>\n          <p>Orders are validated, queued and routed automatically.<\/p>\n        <\/div>\n\n        <div class=\"penna-pod-link\"><\/div>\n\n        <div class=\"penna-pod-node\">\n          <div class=\"penna-pod-node__dot\"><\/div>\n          <h3>Print & production<\/h3>\n          <p>On-demand printing with consistent, high-quality output.<\/p>\n        <\/div>\n\n        <div class=\"penna-pod-link\"><\/div>\n\n        <div class=\"penna-pod-node\">\n          <div class=\"penna-pod-node__dot\"><\/div>\n          <h3>Pack & dispatch<\/h3>\n          <p>Orders are packed and shipped directly to your customer.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-process {\n    position: relative;\n    z-index: 1;\n    padding: 110px 20px;\n  }\n\n  .penna-pod-process__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .penna-pod-process__content {\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-pod-process h2 {\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    margin-bottom: 18px;\n  }\n\n  .penna-pod-process__lead {\n    max-width: 700px;\n    margin: 0 auto 60px;\n    font-size: 1.1rem;\n    color: #4b5563;\n  }\n\n  .penna-pod-diagram {\n    display: grid;\n    grid-template-columns: 240px 60px 240px 60px 240px 60px 240px;\n    align-items: stretch;\n    justify-content: center;\n  }\n\n  .penna-pod-node {\n    padding: 26px;\n    border-radius: 18px;\n    border: 1px solid rgba(0,0,0,0.06);\n    background: rgba(255,255,255,0.78);\n    backdrop-filter: blur(10px);\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .penna-pod-node__dot {\n    width: 10px;\n    height: 10px;\n    margin: 0 auto 14px;\n    border-radius: 50%;\n    background: #1e96c8;\n    box-shadow: 0 0 0 6px rgba(30,150,200,0.12);\n  }\n\n  .penna-pod-link {\n    align-self: center;\n    height: 2px;\n    background: linear-gradient(90deg, #1e96c8, transparent);\n  }\n\n  @media (max-width: 1150px) {\n    .penna-pod-diagram {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n    }\n\n    .penna-pod-link {\n      display: none;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .penna-pod-diagram {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\n\n\n<!-- NEXT BLOCK: IMAGE SHOWCASE -->\n<section class=\"penna-pod-showcase\">\n  <div class=\"penna-pod-showcase__inner\">\n    <div class=\"penna-pod-showcase__heading\">\n      <h2>Built in-house. Made to move at scale.<\/h2>\n      <p>\n        From product quality to packing and dispatch, every order is handled with speed, consistency and care.\n      <\/p>\n    <\/div>\n\n    <div class=\"penna-pod-showcase__grid\">\n      <div class=\"penna-pod-showcase__card penna-pod-showcase__card--hero\">\n        <img src=\"https:\/\/images.teemill.com\/a1ebe42b5959f32d41ff43c71da36d36bbf141802e2090e9.jpg?project=penna-clothing-ltd-295107\" alt=\"Penna Clothing production detail\" loading=\"lazy\" \/>\n        <div class=\"penna-pod-showcase__label\">In-house production<\/div>\n      <\/div>\n\n      <div class=\"penna-pod-showcase__card\">\n        <img src=\"https:\/\/images.teemill.com\/84cfa04ddc0da6083aab82295ada6eb65cd8c06b1e1a3e3e.jpg?project=penna-clothing-ltd-295107\" alt=\"Penna Clothing product quality\" loading=\"lazy\" \/>\n        <div class=\"penna-pod-showcase__label\">Product quality<\/div>\n      <\/div>\n\n      <div class=\"penna-pod-showcase__card\">\n        <img src=\"https:\/\/images.teemill.com\/bda3ecd581eace3ee195cd940ef4aa8970578a8b17339667.jpg?project=penna-clothing-ltd-295107\" alt=\"Penna Clothing packing and fulfilment\" loading=\"lazy\" \/>\n        <div class=\"penna-pod-showcase__label\">Packing & fulfilment<\/div>\n      <\/div>\n\n      <div class=\"penna-pod-showcase__card penna-pod-showcase__card--wide\">\n        <img src=\"https:\/\/images.teemill.com\/42054aa336e12c054564c2ce815eae3b05a176b1fd871a1c.jpg?project=penna-clothing-ltd-295107\" alt=\"Penna Clothing factory and workflow\" loading=\"lazy\" \/>\n        <div class=\"penna-pod-showcase__label\">Fast, consistent dispatch<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-showcase {\n    position: relative;\n    z-index: 1;\n    padding: 110px 20px;\n    background: transparent;\n  }\n\n  .penna-pod-showcase__inner {\n    max-width: 1220px;\n    margin: 0 auto;\n  }\n\n  .penna-pod-showcase__heading {\n    max-width: 760px;\n    margin: 0 auto 56px;\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-pod-showcase__heading h2 {\n    margin: 0 0 18px;\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n    color: #07111b;\n  }\n\n  .penna-pod-showcase__heading p {\n    margin: 0;\n    font-size: 1.08rem;\n    line-height: 1.65;\n    color: #4b5563;\n  }\n\n  .penna-pod-showcase__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n    align-items: start;\n  }\n\n  .penna-pod-showcase__card {\n    position: relative;\n    overflow: hidden;\n    border-radius: 26px;\n    background: rgba(255,255,255,0.62);\n    border: 1px solid rgba(0,0,0,0.06);\n    box-shadow: 0 18px 44px rgba(30,150,200,0.08);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition: transform 0.45s ease, box-shadow 0.45s ease;\n    transform-style: preserve-3d;\n  }\n\n  .penna-pod-showcase__card:hover {\n    box-shadow: 0 24px 56px rgba(30,150,200,0.14);\n  }\n\n  .penna-pod-showcase__card img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n  }\n\n  .penna-pod-showcase__card:hover img {\n    transform: scale(1.04);\n  }\n\n  .penna-pod-showcase__card--hero {\n    grid-column: 1 \/ -1;\n    min-height: 540px;\n  }\n\n  .penna-pod-showcase__card:not(.penna-pod-showcase__card--hero):not(.penna-pod-showcase__card--wide) {\n    min-height: 360px;\n  }\n\n  .penna-pod-showcase__card--wide {\n    grid-column: 1 \/ -1;\n    min-height: 360px;\n  }\n\n  .penna-pod-showcase__label {\n    position: absolute;\n    left: 18px;\n    bottom: 18px;\n    display: inline-flex;\n    align-items: center;\n    min-height: 42px;\n    padding: 0 14px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.82);\n    border: 1px solid rgba(0,0,0,0.08);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    font-family: Inter, Arial, sans-serif;\n    font-size: 0.92rem;\n    font-weight: 700;\n    color: #07111b;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n  }\n\n  @media (max-width: 980px) {\n    .penna-pod-showcase {\n      padding: 80px 20px;\n    }\n\n    .penna-pod-showcase__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .penna-pod-showcase__card--hero,\n    .penna-pod-showcase__card--wide,\n    .penna-pod-showcase__card:not(.penna-pod-showcase__card--hero):not(.penna-pod-showcase__card--wide) {\n      grid-column: auto;\n      min-height: 340px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .penna-pod-showcase__heading {\n      margin-bottom: 36px;\n    }\n\n    .penna-pod-showcase__grid {\n      gap: 18px;\n    }\n\n    .penna-pod-showcase__card--hero,\n    .penna-pod-showcase__card--wide,\n    .penna-pod-showcase__card:not(.penna-pod-showcase__card--hero):not(.penna-pod-showcase__card--wide) {\n      min-height: 280px;\n      border-radius: 20px;\n    }\n\n    .penna-pod-showcase__label {\n      left: 14px;\n      bottom: 14px;\n      font-size: 0.86rem;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const cards = document.querySelectorAll('.penna-pod-showcase__card');\n    if (!cards.length) return;\n\n    const onMove = (event, card) => {\n      if (window.innerWidth < 981) return;\n      const rect = card.getBoundingClientRect();\n      const x = event.clientX - rect.left;\n      const y = event.clientY - rect.top;\n      const rotateY = ((x \/ rect.width) - 0.5) * 5;\n      const rotateX = (((y \/ rect.height) - 0.5) * -5);\n      card.style.transform = 'perspective(1000px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) translateY(-4px)';\n    };\n\n    const onLeave = (card) => {\n      card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px)';\n    };\n\n    cards.forEach((card) => {\n      card.addEventListener('mousemove', (event) => onMove(event, card), { passive: true });\n      card.addEventListener('mouseleave', () => onLeave(card));\n    });\n  })();\n<\/script>\n\n\n<!-- NEXT BLOCK: WHY PENNA -->\n<section class=\"penna-pod-why\">\n  <div class=\"penna-pod-why__inner\">\n    <div class=\"penna-pod-why__content\">\n      <h2>Why brands choose Penna.<\/h2>\n      <p class=\"penna-pod-why__lead\">\n        A hybrid of technology and in-house fulfilment \u2014 built for reliability, quality and scale.\n      <\/p>\n\n      <div class=\"penna-pod-why__grid\">\n        <div class=\"penna-pod-why__item\">\n          <h3>In-house production<\/h3>\n          <p>We control quality, speed and consistency \u2014 no outsourcing, no compromises.<\/p>\n        <\/div>\n\n        <div class=\"penna-pod-why__item\">\n          <h3>Built for scale<\/h3>\n          <p>From first orders to thousands per day, our system grows with your brand.<\/p>\n        <\/div>\n\n        <div class=\"penna-pod-why__item\">\n          <h3>Real support<\/h3>\n          <p>Work directly with a team that understands production, not just software.<\/p>\n        <\/div>\n\n        <div class=\"penna-pod-why__item\">\n          <h3>Tech + fulfilment<\/h3>\n          <p>API, automation and production \u2014 all in one connected platform.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-why {\n    position: relative;\n    z-index: 1;\n    padding: 110px 20px;\n    background: transparent;\n  }\n\n  .penna-pod-why__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .penna-pod-why__content {\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-pod-why h2 {\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    margin-bottom: 16px;\n    letter-spacing: -0.03em;\n  }\n\n  .penna-pod-why__lead {\n    max-width: 720px;\n    margin: 0 auto 56px;\n    font-size: 1.08rem;\n    color: #4b5563;\n  }\n\n  .penna-pod-why__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n  }\n\n  .penna-pod-why__item {\n    padding: 28px;\n    border-radius: 18px;\n    border: 1px solid rgba(0,0,0,0.06);\n    background: rgba(255,255,255,0.78);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    text-align: left;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .penna-pod-why__item:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(30,150,200,0.12);\n  }\n\n  .penna-pod-why__item h3 {\n    font-size: 1.15rem;\n    margin-bottom: 8px;\n  }\n\n  .penna-pod-why__item p {\n    font-size: 0.95rem;\n    color: #555;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 1000px) {\n    .penna-pod-why__grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .penna-pod-why {\n      padding: 80px 20px;\n    }\n\n    .penna-pod-why__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .penna-pod-why__item {\n      text-align: center;\n    }\n  }\n<\/style>\n\n\n<!-- NEXT BLOCK: SOCIAL PROOF -->\n<section class=\"penna-pod-proof\">\n  <div class=\"penna-pod-proof__inner\">\n    <h2>Trusted by leading brands.<\/h2>\n\n    <div class=\"penna-pod-proof__logos\">\n      <img src=\"https:\/\/images.teemill.com\/532cd0938441c356f26594c6bee2cefdc9866d8b93559726.png?project=penna-clothing-ltd-295107\" alt=\"Nike\" \/>\n      <img src=\"https:\/\/images.teemill.com\/5bd7b60c2bbcca2ecaaa1672cd03e32cc8d7ec1bed4a53bc.png?project=penna-clothing-ltd-295107\" alt=\"Teemill\" \/>\n      <img src=\"https:\/\/images.teemill.com\/cc80f9bf49118672c9bb9f3ae6fbf4a81a4c8259b7710f13.png?project=penna-clothing-ltd-295107\" alt=\"Art Of\" \/>\n    <\/div>\n\n    <div class=\"penna-pod-proof__quote\">\n      <p>\u201cPenna to me means the great service and quality that only family businesses know how to do, with the scale and capability of a serious player\u201d<\/p>\n      <span>\u2014 Mart (Teemill Tech)<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-proof {\n    padding: 110px 20px;\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-pod-proof__inner {\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .penna-pod-proof h2 {\n    font-size: clamp(2rem, 4vw, 2.6rem);\n    margin-bottom: 40px;\n  }\n\n  .penna-pod-proof__logos {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 50px;\n    flex-wrap: wrap;\n  }\n\n  .penna-pod-proof__logos img {\n    height: 40px;\n    opacity: 0.7;\n    transition: opacity 0.3s ease;\n  }\n\n  .penna-pod-proof__logos img:hover {\n    opacity: 1;\n  }\n\n  .penna-pod-proof__quote {\n    max-width: 700px;\n    margin: 0 auto;\n    font-size: 1.1rem;\n    line-height: 1.6;\n    color: #333;\n  }\n\n  .penna-pod-proof__quote span {\n    display: block;\n    margin-top: 12px;\n    font-size: 0.9rem;\n    color: #777;\n  }\n<\/style>\n\n\n<!-- FINAL BLOCK: CTA -->\n<section class=\"penna-pod-cta\">\n  <div class=\"penna-pod-cta__inner\">\n    <h2>Ready to scale your print on demand?<\/h2>\n    <p>Connect your store, automate your workflow and start fulfilling orders with Penna.<\/p>\n\n    <div class=\"penna-pod-cta__actions\">\n      <a href=\"\/contact\" class=\"penna-pod-cta__button penna-pod-cta__button--primary\">Start your project<\/a>\n      <a href=\"\/contact\" class=\"penna-pod-cta__button penna-pod-cta__button--secondary\">Speak to the team<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .penna-pod-cta {\n    padding: 120px 20px 140px;\n    text-align: center;\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .penna-pod-cta__inner {\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .penna-pod-cta h2 {\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    margin-bottom: 18px;\n  }\n\n  .penna-pod-cta p {\n    margin-bottom: 36px;\n    color: #4b5563;\n    font-size: 1.05rem;\n  }\n\n  .penna-pod-cta__actions {\n    display: flex;\n    gap: 14px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .penna-pod-cta__button {\n    padding: 16px 26px;\n    border-radius: 12px;\n    font-weight: 700;\n    text-decoration: none;\n    font-size: 0.95rem;\n    color: #fff;\n    display: inline-block;\n  }\n\n  .penna-pod-cta__button--primary {\n    background: #000;\n    color: #fff !important;\n    display: inline-block;\n  }\n\n  .penna-pod-cta__button--secondary {\n    background: rgba(255,255,255,0.7);\n    border: 1px solid rgba(0,0,0,0.1);\n    color: #111;\n  }\n<\/style>"},"padding":{"id":127391519,"value":"6"},"fullWidth":{"id":127391520,"value":"0"},"fullBackgroundColor":{"id":127391521,"value":"#fff0"},"published":{"id":127391522,"value":"1"},"conditions":{"id":127391523,"value":"[]"},"template":{"id":127394191,"value":"html"}}}],"properties":{"title":{"id":85002639,"value":"Sustainable Print on Demand UK | Eco-Friendly POD | Penna Clothing"},"isStorePage":{"id":85002640,"value":"1"},"description":{"id":85002641,"value":"UK's leading sustainable print on demand service with organic cotton & eco-friendly production. No upfront costs, 24hr fulfilment & zero waste. Start selling today!"},"ogImage":{"id":85002642,"value":"https:\/\/images.podos.io\/syhrkeyaelgh9hfzvp1je7r6ukitjuggskdgqayx8c2i4fez.png.png?w=1200&h=auto"}},"labels":[],"published":1,"sitemap":1,"divisionId":293110,"edited":true,"keyPhraseCampaignId":67666}