Home / Widgets / [ Cimworks logo ] +91 XXXXX XXXXX
Duplicate Snippet

Embed Snippet on Your Site

[ Cimworks logo ] +91 XXXXX XXXXX

Code Preview
html
<!-- ============================================================
  CIMWORKS — IPR BATTERY GRIPPERS — GOOGLE ADS LANDING PAGE
  Source: https://en.iprworldwide.com/category/robot-grippers/battery-gripper/
  Paste into: WordPress page (NOT in main nav menu)
  Suggested URL: cimworks.in/lp/battery-grippers/
  Rank Math: noindex, follow — paid traffic only
  Formspree: SEPARATE form ID from both the general grippers pages
  WhatsApp sitelink target: cimworks.in/whatsapp-battery-grippers/
  Target audience: EV / battery pack manufacturers, e-mobility production engineers
  Video plays in an on-page modal (not a new tab) — keeps the person on the ads page.
  ============================================================ -->
<style>
  .ibgads-scope {
    --ink: #ECEEF0;
    --ink-dim: #9AA2AC;
    --panel: #14171A;
    --panel-raised: #1B1F23;
    --line: #2A2F35;
    --signal-red: #E63946;
    --signal-amber: #F4A100;
    --mono: 'IBM Plex Mono', monospace;
    --display: 'Archivo Expanded', sans-serif;
    --body: 'Inter', sans-serif;
    background: var(--panel);
    color: var(--ink);
    font-family: var(--body);
    line-height: 1.6;
    min-height: 100vh;
  }
  .ibgads-scope * { box-sizing: border-box; }
  .ibgads-wrap { max-width: 980px; margin: 0 auto; padding: 0 24px; }
  .ibgads-bar {
    padding: 20px 0; border-bottom: 1px solid var(--line);
    display: flex; justify-content: space-between; align-items: center;
  }
  .ibgads-logo-slot {
    width: 140px; height: 36px;
    border: 1px dashed var(--line);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--mono); font-size: 10px; color: var(--ink-dim);
  }
  .ibgads-phone { font-family: var(--mono); font-size: 14px; color: var(--signal-amber); text-decoration: none; }
  .ibgads-img-slot {
    border: 1px dashed var(--line);
    background: var(--panel-raised);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--mono); font-size: 12px; color: var(--ink-dim);
    text-align: center; padding: 12px;
    aspect-ratio: 16/9;
    margin: 24px 0;
  }
  .ibgads-hero { padding: 64px 0 40px; text-align: left; }
  .ibgads-eyebrow { font-family: var(--mono); font-size: 13px; color: var(--signal-amber); margin-bottom: 16px; }
  .ibgads-hero h1 {
    font-family: var(--display); font-weight: 700; font-size: clamp(28px, 4vw, 42px);
    line-height: 1.16; margin: 0 0 18px; max-width: 17ch;
  }
  .ibgads-hero p { color: var(--ink-dim); font-size: 17px; max-width: 50ch; margin: 0 0 20px; }
  .ibgads-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 8px; }
  .ibgads-btn-primary {
    background: var(--signal-red); color: #fff; font-weight: 700; font-size: 16px;
    padding: 16px 30px; border: none; text-decoration: none; display: inline-block; cursor: pointer;
    font-family: inherit;
  }
  .ibgads-btn-whatsapp {
    background: transparent; border: 1px solid var(--line); color: var(--ink);
    font-weight: 600; font-size: 16px; padding: 16px 30px; text-decoration: none; display: inline-block;
  }
  .ibgads-btn-video {
    background: transparent; color: var(--signal-amber); border: 1px solid var(--signal-amber);
    font-weight: 600; font-size: 16px; padding: 16px 30px; display: inline-flex; align-items: center; gap: 8px;
    cursor: pointer; font-family: inherit;
  }
  .ibgads-microcopy { font-family: var(--mono); font-size: 12px; color: var(--ink-dim); }
  .ibgads-trust {
    display: flex; gap: 32px; flex-wrap: wrap; padding: 24px 0;
    border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
    font-family: var(--mono); font-size: 13px; color: var(--ink-dim);
  }
  /* ---- Compensation spec strip ---- */
  .ibgads-compspec { display: flex; gap: 1px; background: var(--line); border: 1px solid var(--line); margin: 40px 0; }
  .ibgads-compspec-item { flex: 1; background: var(--panel-raised); padding: 18px; text-align: center; }
  .ibgads-compspec-item .val { font-family: var(--mono); font-size: 22px; color: var(--signal-amber); display: block; margin-bottom: 4px; }
  .ibgads-compspec-item .lbl { font-size: 12px; color: var(--ink-dim); }
  .ibgads-values { padding: 8px 0 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .ibgads-value h4 { font-size: 15px; font-weight: 600; margin: 0 0 6px; }
  .ibgads-value p { color: var(--ink-dim); font-size: 14px; margin: 0; }
  .ibgads-value-img {
    aspect-ratio: 4/3;
    border: 1px dashed var(--line);
    background: var(--panel);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--mono); font-size: 11px; color: var(--ink-dim);
    text-align: center; padding: 10px;
    margin-bottom: 14px;
  }
  /* ---- Model chips (3 models from source page) ---- */
  .ibgads-models { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-bottom: 48px; }
  .ibgads-model-card { background: var(--panel); padding: 16px; }
  .ibgads-model-img { aspect-ratio: 4/3; margin-bottom: 10px; }
  .ibgads-model-card h5 { font-family: var(--mono); font-size: 13px; font-weight: 600; margin: 0; }
  .ibgads-form-section { background: var(--panel-raised); padding: 56px 0; }
  .ibgads-form-section h2 { font-family: var(--display); font-size: 24px; margin: 0 0 8px; }
  .ibgads-form-section .lead { color: var(--ink-dim); margin: 0 0 28px; }
  .ibgads-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 620px; }
  .ibgads-form input, .ibgads-form textarea {
    background: var(--panel); border: 1px solid var(--line); color: var(--ink);
    padding: 13px 14px; font-family: var(--body); font-size: 14px; width: 100%;
  }
  .ibgads-form textarea { grid-column: 1 / -1; min-height: 90px; resize: vertical; }
  .ibgads-form .full { grid-column: 1 / -1; }
  .ibgads-footer {
    padding: 28px 0; border-top: 1px solid var(--line);
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
    font-size: 12px; color: var(--ink-dim);
  }
  .ibgads-footer a { color: var(--ink-dim); text-decoration: none; margin-right: 16px; }
  /* ---- Video modal ---- */
  .ibgads-modal {
    display: none; position: fixed; inset: 0; background: rgba(10,11,12,0.88);
    z-index: 999; align-items: center; justify-content: center; padding: 24px;
  }
  .ibgads-modal.is-open { display: flex; }
  .ibgads-modal-inner {
    width: 100%; max-width: 860px; aspect-ratio: 16/9;
    border: 1px dashed var(--line); background: var(--panel-raised);
    position: relative; display: flex; align-items: center; justify-content: center;
    font-family: var(--mono); font-size: 13px; color: var(--ink-dim); text-align: center; padding: 16px;
  }
  .ibgads-modal-close {
    position: absolute; top: -40px; right: 0;
    background: transparent; border: 1px solid var(--line); color: var(--ink);
    font-family: var(--mono); font-size: 13px; padding: 8px 14px; cursor: pointer;
  }
  @media (max-width: 860px) {
    .ibgads-values { grid-template-columns: 1fr; }
    .ibgads-models { grid-template-columns: 1fr; }
    .ibgads-compspec { flex-direction: column; }
    .ibgads-form { grid-template-columns: 1fr; }
  }
</style>
<div class="ibgads-scope">
  <div class="ibgads-wrap">
    <div class="ibgads-bar">
      <div class="ibgads-logo-slot">[ Cimworks logo ]</div>
      <a href="tel:+91XXXXXXXXXX" class="ibgads-phone">+91 XXXXX XXXXX</a>
    </div>
    <section class="ibgads-hero">
      <div class="ibgads-eyebrow">Authorized IPR Distributor · India</div>
      <h1>Damage-free battery grippers for EV production lines</h1>
      <p>The CGS2 battery gripper from IPR (Germany) — integrated X/Y/Z compensation for precise, damage-free handling of battery modules. Get a quote in one business day.</p>
      <div class="ibgads-img-slot">[ Hero image — CGS2 battery gripper handling a battery module ]</div>
      <div class="ibgads-cta-row">
        <a href="#ibgads-quote" class="ibgads-btn-primary">Get a Quote Today</a>
        <a href="/whatsapp-battery-grippers/" class="ibgads-btn-whatsapp">Chat on WhatsApp</a>
        <button class="ibgads-btn-video" onclick="document.getElementById('ibgads-video-modal').classList.add('is-open')">▶ Product Video</button>
      </div>
      <div class="ibgads-microcopy">No obligation · Response within 24 hours</div>
    </section>
    <div class="ibgads-trust">
      <span>Purpose-built for EV battery handling</span>
      <span>±5mm X/Y, +10mm Z compensation</span>
      <span>Pan-India support from Thane</span>
    </div>
    <!-- COMPENSATION SPEC -->
    <div class="ibgads-compspec">
      <div class="ibgads-compspec-item"><span class="val">±5 mm</span><span class="lbl">X-axis</span></div>
      <div class="ibgads-compspec-item"><span class="val">±5 mm</span><span class="lbl">Y-axis</span></div>
      <div class="ibgads-compspec-item"><span class="val">+10 mm</span><span class="lbl">Z-axis</span></div>
    </div>
    <section class="ibgads-values">
      <div class="ibgads-value">
        <div class="ibgads-value-img">[ Cell damage / precision grip image ]</div>
        <h4>Reduce cell damage</h4>
        <p>Precision grip control lowers scrap rates on high-value battery modules and cells.</p>
      </div>
      <div class="ibgads-value">
        <div class="ibgads-value-img">[ X/Y/Z compensation image ]</div>
        <h4>Handle feed variation</h4>
        <p>Built-in compensation absorbs positioning errors from upstream feeding processes.</p>
      </div>
      <div class="ibgads-value">
        <div class="ibgads-value-img">[ Cimworks support / stock image ]</div>
        <h4>Local stock & support</h4>
        <p>Cimworks handles logistics, spares, and after-sales support from India.</p>
      </div>
    </section>
    <!-- MODEL CHIPS -->
    <div class="ibgads-models">
      <div class="ibgads-model-card">
        <div class="ibgads-img-slot ibgads-model-img">[ CGS2-80-1 image ]</div>
        <h5>CGS2-80-1</h5>
      </div>
      <div class="ibgads-model-card">
        <div class="ibgads-img-slot ibgads-model-img">[ CGS2-100-1 image ]</div>
        <h5>CGS2-100-1</h5>
      </div>
      <div class="ibgads-model-card">
        <div class="ibgads-img-slot ibgads-model-img">[ CGS2-125-1 image ]</div>
        <h5>CGS2-125-1</h5>
      </div>
    </div>
  </div>
  <section class="ibgads-form-section" id="ibgads-quote">
    <div class="ibgads-wrap">
      <h2>Get your quote</h2>
      <p class="lead">Fill this in and our team will get back to you within 24 hours.</p>
      <form class="ibgads-form" action="https://formspree.io/f/YOUR_ADS_BATTERY_GRIPPER_FORM_ID" method="POST">
        <input type="text" name="name" placeholder="Full name" required>
        <input type="text" name="company" placeholder="Company name" required>
        <input type="email" name="email" placeholder="Work email" required>
        <input type="tel" name="phone" placeholder="Phone number" required>
        <textarea name="application" placeholder="What are you looking to automate?"></textarea>
        <button type="submit" class="ibgads-btn-primary full">Get a Quote Today</button>
      </form>
    </div>
  </section>
  <div class="ibgads-wrap">
    <div class="ibgads-footer">
      <div>© Cimworks Technologies (I) Pvt. Ltd.</div>
      <div><a href="/privacy-policy/">Privacy Policy</a><a href="/terms/">Terms</a></div>
    </div>
  </div>
  <!-- VIDEO MODAL: opens in-page, does not navigate away from the ads landing page -->
  <div class="ibgads-modal" id="ibgads-video-modal">
    <div class="ibgads-modal-inner">
      <button class="ibgads-modal-close" onclick="document.getElementById('ibgads-video-modal').classList.remove('is-open')">Close ✕</button>
      [ Product video placeholder — embed CGS2 battery gripper 3D animation MP4 here ]
    </div>
  </div>
</div>

Comments

Add a Comment