Magnetic Landing Pad

/* ========================= AF APPLE-STYLE DARK MODE — LANDING PAD PDP (FINAL) LOCKED OPTION A PALETTE ========================= */ :root { /* Locked Palette */ --af-graphite: #0B0D0B; --af-tech: #9FB8A0; --af-olive: #1A2517; --af-signal: #22C55E; /* Functional Mappings */ --bg-color: var(--af-graphite); --card-bg: #0B0D0B; --text-main: #f5f5f7; --text-muted: #A3A3A8; /* Borders & Shadows */ --border: rgba(159, 184, 160, 0.2); --border-soft: rgba(159, 184, 160, 0.1); --shadow: 0 20px 40px rgba(0,0,0,0.6); --glow: 0 0 20px rgba(159, 184, 160, 0.15); } .af-luxury-page { background: var(--bg-color); color: var(--text-main); padding: 60px 20px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; } .af-luxury-page * { box-sizing: border-box; } .af-container { max-width: 1000px; margin: 0 auto; } /* HEADER & TYPOGRAPHY */ .af-eyebrow { color: var(--af-tech); letter-spacing: .1em; text-transform: uppercase; font-weight: 800; font-size: .75rem; margin: 0 0 16px; text-align: center; } .af-hero { display: flex; flex-direction: column; align-items: center; margin-bottom: 32px; } .af-hero h1 { margin: 0 0 14px; font-weight: 800; line-height: 1.05; font-size: clamp(2.5rem, 5vw, 4rem); letter-spacing: -0.02em; background: linear-gradient(180deg, #fff, #a1a1aa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } .af-lead { font-size: 1.3rem; color: #fff; font-weight: 750; text-align: center; margin: 12px 0 10px; } .af-lede { margin: 0 auto 0; max-width: 760px; color: var(--text-muted); font-size: 1.1rem; text-align: center; line-height: 1.6; } /* CARDS */ .af-card { background: rgba(255,255,255,0.02); border-radius: 24px; padding: 32px; margin: 24px 0; border: 1px solid var(--border); box-shadow: var(--shadow); } .af-card--tech { background: linear-gradient(180deg, rgba(159,184,160,0.05), var(--af-graphite)); border: 1px solid rgba(159,184,160,0.25); } .af-card--glow { box-shadow: var(--glow); border-color: rgba(159,184,160,0.4); } .af-h2 { margin: 0 0 12px; font-size: 1.8rem; line-height: 1.2; font-weight: 800; color: #fff; letter-spacing: -0.01em; } .af-muted { color: var(--text-muted); font-size: 1.05rem; margin: 0 0 1rem; } /* PILL VALUE MODULE */ .af-pill-module { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 32px 0; } .af-pill { background: rgba(255,255,255,0.05); border: 1px solid var(--border); color: #fff; padding: 10px 20px; border-radius: 999px; font-size: 0.95rem; font-weight: 600; box-shadow: 0 4px 12px rgba(0,0,0,0.2); display: flex; align-items: center; gap: 8px; } .af-pill::before { content: "•"; color: var(--af-tech); font-size: 1.2rem; line-height: 0; } /* IMAGE WRAPPERS */ .af-img-wrap { margin: 0 0 16px 0; border-radius: 20px; overflow: hidden; border: 1px solid var(--border-soft); background: #000; position: relative; } .af-img { display: block; width: 100%; height: auto; } video.af-img { border-radius: 20px; width: 100%; height: auto; } /* BUTTONS */ .af-btn-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; align-items: center; } .af-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; border-radius: 999px; font-weight: 750; text-decoration: none; font-size: 1.05rem; transition: all .2s ease; border: 0; cursor: pointer; min-height: 52px; } .af-btn-primary { background: var(--af-signal); color: #000; border: 1px solid var(--af-signal); font-weight: 900; box-shadow: 0 4px 15px rgba(34, 197, 94, 0.4); } .af-btn-primary:hover { filter: brightness(1.1); transform: translateY(-2px); } .af-btn-secondary { background: rgba(255,255,255,0.03); color: #fff; border: 1px solid rgba(255,255,255,0.15); font-size: 1rem; } .af-btn-secondary:hover { background: rgba(255,255,255,0.08); border-color: #fff; } /* INTERACTION MODULE */ .af-hero-interaction { background: rgba(255,255,255,0.03); border: 1px solid var(--af-tech); border-radius: 28px; padding: 24px; margin: 0 auto; max-width: 580px; width: 100%; backdrop-filter: blur(10px); text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.5); } .af-nudge { text-align: center; margin-top: 12px; color: var(--text-muted); font-size: .95rem; } /* EXEC SUMMARY */ .af-exec-summary { background: rgba(34, 197, 94, 0.08); border: 1px solid #22C55E; border-radius: 24px; padding: 28px; margin-bottom: 28px; margin-top: 10px; box-shadow: 0 0 20px rgba(34, 197, 94, 0.1); } .af-exec-summary__hdr { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .af-exec-summary__label { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: #000; font-weight: 800; background: #22C55E; padding: 4px 10px; border-radius: 6px; } .af-exec-summary__note { font-size: 1.1rem; color: #fff; font-weight: 700; } .af-exec-summary p { margin: 0; color: #f3f4f6; font-size: 1.05rem; line-height: 1.6; } .af-verdict-text { display: block; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(34, 197, 94, 0.3); font-weight: 700; color: #fff; font-size: 1.1rem; } .af-verdict-text strong { color: #22C55E; } /* STEPS & LISTS */ .af-steps, .af-list { margin: 0; padding-left: 1.2rem; color: var(--text-muted); } .af-steps li, .af-list li { margin: 0.8rem 0; font-size: 1.05rem; } .af-steps li strong, .af-list li strong { color: #fff; font-weight: 700; } /* DRAWERS & FAQ */ .af-drawer, .af-faq { border-top: 1px solid var(--border); padding: 16px 0; margin-top: 16px; } .af-drawer summary, .af-faq summary { cursor: pointer; font-weight: 700; color: #fff; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } .af-drawer summary::-webkit-details-marker { display: none; } .af-drawer summary::after, .af-faq summary::after { content: "+"; font-weight: 400; color: var(--text-muted); font-size: 1.5rem; } .af-drawer[open] summary::after, .af-faq[open] summary::after { content: "−"; } .af-drawer .af-drawer-body, .af-faq div { margin-top: 12px; color: var(--text-muted); line-height: 1.6; } /* TABLES */ .af-comp-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 20px 0; font-size: 1rem; color: var(--text-main); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; } .af-comp-table th, .af-comp-table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--border-soft); } .af-comp-table th { background: rgba(159,184,160,0.1); color: #fff; font-weight: 700; } .af-comp-table td:first-child { font-weight: 700; color: var(--af-tech); width: 35%; } .af-comp-table tr:last-child td { border-bottom: none; } /* SWATCHES (FOR BUNDLE) */ .af-swatch-row { display: flex; justify-content: center; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; } .af-swatch { width: 36px; height: 36px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); cursor: pointer; transition: transform .2s; padding: 0; background: #111; } .af-swatch:hover { transform: scale(1.15); border-color: #fff; } .af-swatch[aria-selected="true"] { border-color: var(--af-signal); box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25); transform: scale(1.15); } /* Stubby Swatches */ .af-swatch[data-af-finish-both-stubby="Black"] {background:#111;} .af-swatch[data-af-finish-both-stubby="Blue"] {background:#1e3a8a;} .af-swatch[data-af-finish-both-stubby="Augusta Green"] {background:#14532d;} .af-swatch[data-af-finish-both-stubby="Birdie Blue"] {background:#0ea5e9;} .af-swatch[data-af-finish-both-stubby="Grey"] {background:#4b5563;} .af-swatch[data-af-finish-both-stubby="Gunmetal Grey"] {background:#374151;} .af-swatch[data-af-finish-both-stubby="Red"] {background:#991b1b;} /* GRID */ .af-grid-2 { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { .af-grid-2 { grid-template-columns: 1fr 1fr; } .af-bundle-preview { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 767px) { .af-luxury-page { padding: 40px 16px; } .af-card { padding: 24px; } .af-btn { width: 100%; } } /* STANDARDS */ .af-standards-citation { margin: 40px 0 0 0; padding: 24px; background: var(--af-olive); border: 1px solid rgba(159,184,160,0.3); border-radius: 20px; } Bag Docking Station • Steel Core Magnetic Landing Pad Stop improvising mid-round. Give your towel a permanent home. Test Verdict Consistency beats searching. Magnets solve attachment, but they don’t solve consistency. The Landing Pad adds a steel-core “home base” inside your bag so magnetic towels and accessories re-dock to the same spot every time, even on non-magnetic bag materials. If your routine keeps breaking (grab → use → where’d it go), this fixes the system. Verdict: Buy it if you want a "no-look" docking routine. Skip it if you enjoy clipping and unclipping. Add to Cart See Install Mounts inside bag dividers (not on cart frame). Steel Core Universal Fit Zero Slip System Base The Real Enemy: Tiny Interruptions You don’t lose strokes because your towel is “missing.” You lose strokes because your brain keeps checking: Where is it? Is it dragging? Did it fall? The Landing Pad removes that loop by creating a dedicated, steel-core target exactly where you need it. Watch it work Real play. Unscripted consistency. Why “sticker plates” fail Feature Aiming Fluid Landing Pad Adhesive Phone Plates Mount Type Mechanical Clip + Steel Core Sticky Tape (can peel / creep) Portability Move bag-to-bag Permanent / leaves residue Dock reliability Predictable “home base” Depends on placement + age Start Here Do you need a Landing Pad? Yes if your bag is non-magnetic or inconsistent. Yes if you want a repeatable routine: dock once, stop thinking. Installation Choose: Find a stable spot inside your bag between dividers. Attach: Clip the pad securely. It won't shift. Habit: Dock your towel after every use. Complete the System The pad is the dock. The towel is the tool. Together, the routine becomes automatic. 1. Select Stubby Color 2. + Landing Pad Your new steel-core home base. Add Bundle to Cart FAQ What problem does this solve? It creates a reliable docking point inside your bag so magnetic towels have a predictable “home,” even on bags that don’t hold magnets consistently. Where does it mount? Inside your golf bag between the club dividers. It does not mount to a cart frame. Is it only for Aiming Fluid towels? No. Any magnetic towel benefits from a consistent steel-core docking surface. Do I still need a strong magnet towel? Yes. The pad provides the surface; a quality magnetic towel ensures retention. Together they form the system. Stop losing attention to dumb problems Install a dock once, then let the routine run in the background. Add to Cart Shop Systems Why Magnetic Towels Fall Off (It’s Physics) If your magnetic golf towel keeps dropping off the cart rail, it’s not bad luck. Round rails create a geometry mismatch, vibration creates shear force, and aluminum frames kill magnetic hold. See the full breakdown. Read the Full Explanation Evaluated Against Published Testing Standards This product is evaluated using Aiming Fluid Golf’s published magnetic gear testing framework. The framework defines how magnetic towels and docking systems are assessed across retention, cleaning effectiveness, usability, durability, and compatibility under real on-course conditions. View Standards { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What problem does the Landing Pad solve?", "acceptedAnswer": { "@type": "Answer", "text": "It creates a reliable docking point inside your bag so magnetic towels and accessories have a predictable “home,” even on bags that don’t hold magnets consistently." } }, { "@type": "Question", "name": "Where does it mount?", "acceptedAnswer": { "@type": "Answer", "text": "Inside your golf bag between the club dividers. It does not mount to a cart frame." } }, { "@type": "Question", "name": "Is it only for Aiming Fluid towels?", "acceptedAnswer": { "@type": "Answer", "text": "No. Any magnetic towel or accessory benefits from a consistent steel-core docking surface. Aiming Fluid towels are designed to pair cleanly, but the dock concept is universal." } }, { "@type": "Question", "name": "Do I still need a strong magnet towel if I have the pad?", "acceptedAnswer": { "@type": "Answer", "text": "The pad provides the docking surface. A well-built magnetic towel improves retention and ease of use. Together is the cleanest setup." } }, { "@type": "Question", "name": "Who should choose it by default?", "acceptedAnswer": { "@type": "Answer", "text": "Anyone with a non-magnetic bag, inconsistent mounting points, multiple bags, or a desire for a repeatable system instead of clips and dangling hardware." } } ] } /* ========================================================= AF PDP ATC - LANDING PAD + STUBBY BUNDLE LOGIC - Single item ATC (Landing Pad) - Bundle ATC (Landing Pad + Selected Stubby) ========================================================= */ (function(){ // STUBBY MAPS (Copied from Stubby PDP for consistency) const finishToImageStubby = { "Red": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_Image_2.jpg?v=1769714394", "Birdie Blue": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Amazon_Main_Image_4a14208d-a588-4d0c-8257-be4c6f929d2c.jpg?v=1769714394", "Gunmetal Grey": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Main_Image_732dcd44-f78d-458d-bd41-2e148e5b7af7.jpg?v=1769714394", "Grey": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_amazon_Main_Image_a81807c5-6f77-44c4-a531-5cf6b47a5bbd.jpg?v=1769714394", "Augusta Green": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Amazon_Main_Image_128423e7-67ac-4508-82b8-2b1076ec7e3e.jpg?v=1769714394", "Blue": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_main_image.jpg?v=1769714394", "Black": "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/2026_Amazon_Main_Image.jpg?v=1769714394" }; const finishToVariantIdStubby = { "Red": 40987341815851, "Birdie Blue": 42663187546155, "Gunmetal Grey": 41151790088235, "Grey": 40882080743467, "Augusta Green": 40882080776235, "Blue": 40882080710699, "Black": 40882080677931 }; const root = document.querySelector('[data-af-landingpad-pdp]'); if(!root) return; // Single Item Logic const mainAtcBtns = root.querySelectorAll('[data-af-atc]'); const mainHandle = 'magnetic-landing-pad'; // Current Product Handle let landingPadId = null; // Bundle Logic const bundleSwatches = root.querySelectorAll('[data-af-finish-both-stubby]'); const bundleImg = root.querySelector('[data-af-both-stubby-img]'); const bundleAtcBtn = root.querySelector('[data-af-atc-both]'); const bundleStatus = root.querySelector('[data-af-both-status]'); let selectedStubbyFinish = 'Black'; // --- HELPERS --- async function getLandingPadId(){ if(landingPadId) return landingPadId; const res = await fetch(`/products/${mainHandle}.js`); if(!res.ok) throw new Error('Pad not found'); const data = await res.json(); landingPadId = data.variants[0].id; return landingPadId; } async function addToCart(items, statusEl){ if(statusEl) statusEl.textContent = "Adding..."; try { const res = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ items }) }); if(res.ok) { window.location.href = '/cart'; } else { throw new Error(); } } catch(e) { if(statusEl) statusEl.textContent = "Error adding to cart."; console.error(e); } } // --- SINGLE ADD (LANDING PAD) --- mainAtcBtns.forEach(btn => { btn.addEventListener('click', async (e) => { e.preventDefault(); const originalText = btn.textContent; btn.textContent = "Adding..."; try { const id = await getLandingPadId(); await addToCart([{ id: id, quantity: 1 }]); } catch(e) { btn.textContent = "Error"; setTimeout(() => btn.textContent = originalText, 2000); } }); }); // --- BUNDLE ADD (PAD + STUBBY) --- if(bundleSwatches.length){ // Selection Logic bundleSwatches.forEach(btn => { btn.addEventListener('click', () => { const f = btn.getAttribute('data-af-finish-both-stubby'); selectedStubbyFinish = f; bundleSwatches.forEach(b => b.setAttribute('aria-selected', b.getAttribute('data-af-finish-both-stubby') === f ? 'true' : 'false')); if(bundleImg && finishToImageStubby[f]) bundleImg.src = finishToImageStubby[f]; }); }); // Add Logic if(bundleAtcBtn){ bundleAtcBtn.addEventListener('click', async (e) => { e.preventDefault(); const stubbyId = finishToVariantIdStubby[selectedStubbyFinish]; if(!stubbyId){ if(bundleStatus) bundleStatus.textContent = "Please select a towel color."; return; } try { const padId = await getLandingPadId(); await addToCart([{ id: padId, quantity: 1 }, { id: stubbyId, quantity: 1 }], bundleStatus); } catch(e) { if(bundleStatus) bundleStatus.textContent = "Error loading Landing Pad."; } }); } // Init Selection bundleSwatches[0].click(); } // Pre-fetch pad ID getLandingPadId().catch(()=>{}); })();