function () { const config = { onMount: (context) => { const container = document.getElementById(context.id) || document.querySelector(`[data-id="${context.id}"]`) || document.querySelector(`[data-node-id="${context.id}"]`) || document.querySelector(`.${context.id}`); if (!container) return; /* 外层容器 */ container.style.cssText = ` position: relative !important; width: 100vw !important; left: 50% !important; margin-left: -50vw !important; padding: 0 !important; border: none !important; overflow: hidden !important; display: block !important; background-color: #8b1a54 !important; `; const styleId = `footer-white-text-v2-${context.id}`; const oldStyle = document.getElementById(styleId); if (oldStyle) oldStyle.remove(); const style = document.createElement("style"); style.id = styleId; style.innerHTML = ` @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); /* 正确匹配实际根元素 */ .ft-wt-wrap-${context.id}, .ft-wt-wrap-${context.id} * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; font-family: 'Inter', Arial, sans-serif !important; } .ft-wt-wrap-${context.id} { position: relative !important; width: 100% !important; background-color: #8b1a54 !important; overflow: hidden !important; } .ft-wt-main-${context.id} { position: relative !important; z-index: 1 !important; display: flex !important; width: 100% !important; min-height: 480px !important; background-color: #8b1a54 !important; } /* ========================= 左侧背景图片区域 ========================= */ .ft-wt-left-${context.id} { position: relative !important; isolation: isolate !important; z-index: 0 !important; flex: 1.1 !important; min-height: 480px !important; background-image: url('https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?auto=format&fit=crop&w=1200&q=80') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 40px !important; overflow: hidden !important; } /* 滤镜层：只覆盖左侧背景图片 */ .ft-wt-left-${context.id}::after { content: "" !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; background: rgba(139, 26, 84, 0.78) !important; z-index: 1 !important; pointer-events: none !important; } /* 左侧文字和图标必须高于滤镜 */ .ft-wt-social-box-${context.id} { position: relative !important; z-index: 2 !important; width: 100% !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 20px !important; } .ft-wt-social-text-${context.id} { position: relative !important; z-index: 3 !important; max-width: 260px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.6 !important; opacity: 1 !important; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25) !important; } .ft-wt-linkedin-${context.id} { position: relative !important; z-index: 3 !important; width: 56px !important; height: 56px !important; border: 2.5px solid #f97316 !important; border-radius: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #f97316 !important; background-color: transparent !important; font-size: 26px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; transition: background-color 0.25s ease, color 0.25s ease !important; } .ft-wt-linkedin-${context.id}:hover { background-color: #f97316 !important; color: #ffffff !important; } /* ========================= 右侧功能区域 ========================= */ .ft-wt-right-${context.id} { position: relative !important; z-index: 3 !important; flex: 2 !important; padding: 80px 6% 80px 60px !important; display: grid !important; grid-template-columns: 1fr 1.2fr 1.2fr !important; align-items: start !important; gap: 40px !important; background-color: #8b1a54 !important; } .ft-wt-column-${context.id} { position: relative !important; z-index: 4 !important; min-width: 0 !important; } .ft-wt-h4-${context.id} { position: relative !important; z-index: 5 !important; margin-bottom: 32px !important; color: #ffffff !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -0.02em !important; } /* 能力列表 */ .ft-wt-list-${context.id} { position: relative !important; z-index: 5 !important; list-style: none !important; display: flex !important; flex-direction: column !important; gap: 15px !important; } .ft-wt-list-item-${context.id} { position: relative !important; z-index: 6 !important; display: flex !important; align-items: center !important; gap: 10px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; opacity: 1 !important; } .ft-wt-dot-${context.id} { position: relative !important; z-index: 7 !important; width: 5px !important; height: 5px !important; background-color: #f97316 !important; flex-shrink: 0 !important; } /* 联系方式 */ .ft-wt-contact-item-${context.id} { position: relative !important; z-index: 5 !important; display: flex !important; align-items: flex-start !important; gap: 14px !important; margin-bottom: 22px !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.6 !important; opacity: 1 !important; } .ft-wt-contact-item-${context.id} span { position: relative !important; z-index: 6 !important; color: #ffffff !important; line-height: 1.6 !important; } .ft-wt-contact-icon-${context.id} { position: relative !important; z-index: 7 !important; width: 17px !important; height: 17px !important; margin-top: 3px !important; color: #f97316 !important; flex-shrink: 0 !important; overflow: visible !important; } /* 认证区域 */ .ft-wt-cert-box-${context.id} { position: relative !important; z-index: 5 !important; width: fit-content !important; margin-bottom: 30px !important; padding: 10px 16px 10px 10px !important; border: 1.5px solid rgba(255, 255, 255, 0.45) !important; border-radius: 40px !important; display: flex !important; align-items: center !important; gap: 10px !important; } .ft-wt-bsi-shield-${context.id} { position: relative !important; z-index: 6 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #8b1a54 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; flex-shrink: 0 !important; } .ft-wt-cert-text-${context.id} { position: relative !important; z-index: 6 !important; padding-left: 10px !important; border-left: 1px solid rgba(255, 255, 255, 0.35) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.35 !important; } .ft-wt-btn-${context.id} { position: relative !important; z-index: 6 !important; display: block !important; width: 100% !important; padding: 14px 20px !important; border: 1.5px solid #ffffff !important; border-radius: 0 !important; color: #ffffff !important; background-color: transparent !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.4 !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; transition: background-color 0.3s ease, color 0.3s ease !important; } .ft-wt-btn-${context.id}:hover { background-color: #ffffff !important; color: #8b1a54 !important; } /* ========================= 底部版权栏 ========================= */ .ft-wt-bottom-${context.id} { position: relative !important; z-index: 10 !important; width: 100% !important; padding: 24px 60px !important; display: flex !important; justify-content: center !important; align-items: center !important; background-color: rgba(0, 0, 0, 0.2) !important; color: #ffffff !important; font-size: 12px !important; line-height: 1.5 !important; text-align: center !important; opacity: 1 !important; } .ft-wt-bottom-${context.id} div, .ft-wt-bottom-${context.id} span { position: relative !important; z-index: 11 !important; } /* ========================= 响应式 ========================= */ @media (max-width: 1024px) { .ft-wt-main-${context.id} { flex-direction: column !important; } .ft-wt-left-${context.id} { min-height: 380px !important; } .ft-wt-right-${context.id} { grid-template-columns: 1fr !important; padding: 60px 40px !important; } } @media (max-width: 640px) { .ft-wt-left-${context.id} { min-height: 320px !important; padding: 30px 20px !important; } .ft-wt-right-${context.id} { padding: 48px 24px !important; gap: 46px !important; } .ft-wt-h4-${context.id} { margin-bottom: 24px !important; } .ft-wt-bottom-${context.id} { padding: 20px 24px !important; } } `; document.head.appendChild(style); const htmlContent = `

Our Capabilities

Forming

Fabricating

Finishing

Fittings & Connections

Testing & Inspection

Materials

Prototyping

Contact us

Unit 1 Blandford Heights
Industrial Estate, Dorset DT11 7TE

22-26 Harwell Rd, Nuffield
Industrial Estate, Poole BH17 0GE

+44 (0) 1258 486300

sales@iracroft.co.uk

Certification

bsi.

ISO 9001 QUALITY
ISO 14001 ENVIRO

Statutory & Company Documents

`; container.innerHTML = htmlContent; }, onUnmount: (context) => { const styleElement = document.getElementById( `footer-white-text-v2-${context.id}` ); if (styleElement) { styleElement.remove(); } } }; return config; }