<!DOCTYPE html><!--  This site was created in Webflow. https://webflow.com  --><!--  Last Published: Sun Oct 27 2024 15:40:04 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="663cd0842a962562cc1ce536" data-wf-site="663cd0832a962562cc1ce4c0">
<head>
  <meta charset="utf-8">
  <title>Master Cold Outreach with AI | Supercharge Lead Generation &amp; Close More Sales</title>
  <meta content="Effortlessly turn cold leads into hot prospects with OpenAI &amp; Zapier. Start transforming your lead generation into consistent sales today." name="description">
  <meta content="Master Cold Outreach with AI | Supercharge Lead Generation &amp; Close More Sales" property="og:title">
  <meta content="Effortlessly turn cold leads into hot prospects with OpenAI &amp; Zapier. Start transforming your lead generation into consistent sales today." property="og:description">
  <meta content="https://uploads-ssl.webflow.com/663cd0832a962562cc1ce4c0/6651fbc97e75042ea99e16f7_opengraph.jpg" property="og:image">
  <meta content="Master Cold Outreach with AI | Supercharge Lead Generation &amp; Close More Sales" property="twitter:title">
  <meta content="Effortlessly turn cold leads into hot prospects with OpenAI &amp; Zapier. Start transforming your lead generation into consistent sales today." property="twitter:description">
  <meta content="https://uploads-ssl.webflow.com/663cd0832a962562cc1ce4c0/6651fbc97e75042ea99e16f7_opengraph.jpg" property="twitter:image">
  <meta property="og:type" content="website">
  <meta content="summary_large_image" name="twitter:card">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/master-cold-outreach.webflow.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"]  }});</script>
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <!-- <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;500;700;800&display=swap" rel="stylesheet"> -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap" rel="stylesheet">
  <style>
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .bricolage-grotesque-400 {
        font-family: 'Bricolage Grotesque', sans-serif;
        font-weight: 400;
    }
    .bricolage-grotesque-500 {
        font-family: 'Bricolage Grotesque', sans-serif;
        font-weight: 500;
    }
    .bricolage-grotesque-700 {
        font-family: 'Bricolage Grotesque', sans-serif;
        font-weight: 700;
    }
    .bricolage-grotesque-800 {
        font-family: 'Bricolage Grotesque', sans-serif;
        font-weight: 800;
    }
</style>
</head>
<body class="body">
  <section id="Hero" class="hero-section">
    <div data-w-id="7e4b66b8-d301-6c91-ae27-3327a0cf57a2" style="-webkit-transform:translate3d(0, 23px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 23px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 23px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 23px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="hero-block hero">
      <h1 class="h1-shop">Master<br><span class="c">c</span><span class="fire">🔥</span><span class="ld">ld</span> outreach with AI</h1>
      <div class="hero-tagline dark">Automate your lead generation from start to finish with zapier-powered AI outreach, turning cold leads into hot prospects.</div>
      <div class="cta-wrapper">
        <a data-w-id="46719955-c0a5-85f8-083e-9ac3e82df538" href="#pricing" class="primary-cta w-inline-block">
          <div class="primary-btn-text">Get the toolkit</div><img src="images/arrow.svg" loading="lazy" alt="" class="icon-arrow">
        </a>
      </div>
    </div>
  </section>
  <section class="section">
    <div data-w-id="a4037eb7-f520-e28a-19fd-364dda01fd0d" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block this-course">
      <div class="title-small orange">Why should you buy this?</div>
      <h2 class="h2 white">I made cold outreach suck less for everyone.</h2>
      <div class="paragraph light">I launched DesignCraft.me full of excitement, but getting clients beyond my network was tough. I wasted time on job applications and outreach that led nowhere. So, I built a fully automated system using affordable tools like Zapier and OpenAI.<br>‍<br>In three months, this AI-driven method started generating 3-4 clients a month—without my constant input. Now, I’m sharing this exact blueprint with you, complete with templates and step-by-step guides. My goal is to help you earn more while working less.</div><img src="images/magic-money.svg" loading="lazy" alt="" class="wand"><img src="images/AI.svg" loading="lazy" alt="" class="ai"><img src="images/flame.svg" loading="lazy" alt="" class="flame"><img src="images/sparkles.svg" loading="lazy" alt="" class="sparkles _3"><img src="images/sparkles.svg" loading="lazy" alt="" class="sparkles _2"><img src="images/sparkles.svg" loading="lazy" alt="" class="sparkles">
    </div>
  </section>
  <section class="section no-flex">
    <div data-w-id="87eacd7b-dc10-d182-1b8a-e096f6c0c6c3" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block">
      <div class="title-block">
        <div class="title-small">My outreach process</div>
        <h2 class="h2 _81">Search for leads, automate the outreach, and close the deal</h2>
      </div>
      <div class="gain-grid">
        <div id="w-node-_56826cc0-e494-c25a-1cc3-73fab5f7dd2f-cc1ce536" class="gain-card _1">
          <div class="image-block"></div>
          <div class="gain-div">
            <h3 class="h3">Find your ideal leads using google</h3>
          </div>
        </div>
        <div id="w-node-_56826cc0-e494-c25a-1cc3-73fab5f7dd38-cc1ce536" class="gain-card _2">
          <div class="image-block _2"></div>
          <div class="gain-div">
            <h3 class="h3">Automate your outreach with Zapier</h3>
          </div>
        </div>
        <div id="w-node-_56826cc0-e494-c25a-1cc3-73fab5f7dd41-cc1ce536" class="gain-card _3">
          <div class="image-block _3"></div>
          <div class="gain-div">
            <h3 class="h3">Close the deal and make money</h3>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section">
    <div data-w-id="bd10405d-4b8f-f234-ba34-e6237c2eb04a" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block">
      <div class="title-block">
        <div class="title-small">What will you get?</div>
        <h2 class="h2 _80">Effortless cold outreach</h2>
        <div class="style-block">
          <h2 class="h2 _3">powered by</h2>
          <div data-w-id="802ba4df-8908-97ce-f6d4-5e0f46750427" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(8deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(8deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(8deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(8deg) skew(0, 0)" class="badge-bg"><img src="images/OpenAI_Logo-small.svg" loading="lazy" width="75" alt="OpenAI logo" class="image-3"></div>
          <h2 class="h2 fixed up">and</h2>
          <div data-w-id="d3c86c2b-7cc1-4cbc-47c4-c72dcb0640e2" class="badge-bg opposite"><img src="images/zapier-logo_white-1.svg" loading="lazy" width="75" alt="zapier logo dark" class="image-2"></div>
        </div>
      </div>
      <div class="learn-content no-padding">
        <div data-w-id="0b9b92c4-b3ca-f72e-6009-46442d724fba" class="pointer-div">
          <div class="pointer-emoji">👉</div>
        </div>
        <div class="learn-div">
          <h3 class="h3">Instructions to build your own Custom GPT</h3>
          <div class="paragraph">I will show you how to clone yourself with ChatGPT by providing you with step-by-step instructions to build and train your own custom GPT. This is the most important part of your entire automation!</div>
        </div>
      </div>
      <div id="w-node-bd10405d-4b8f-f234-ba34-e6237c2eb05e-cc1ce536" class="learn-content no-padding">
        <div data-w-id="b89ed656-d516-2c50-d2b3-a4ec419b4b71" class="pointer-div">
          <div class="pointer-emoji">👉</div>
        </div>
        <div class="learn-div">
          <h3 class="h3">My comprehensive lead generation guide</h3>
          <div class="paragraph">Receive a detailed guide showing you how I use sophisticated search strings on Google to sift through the web and gather leads from LinkedIn, Facebook, Twitter, Instagram, and many other platforms that others overlook, setting the stage for your hands-free automation.</div>
        </div>
      </div>
      <div class="learn-content no-padding">
        <div data-w-id="74ff33ed-f37c-ea6a-65e6-ef6cbcf1e9f3" class="pointer-div">
          <div class="pointer-emoji">👉</div>
        </div>
        <div class="learn-div">
          <h3 class="h3">My proprietary automation template</h3>
          <div class="paragraph">I’ll share three custom templates I created using Zapier, each accompanied by step-by-step instructions to properly set up the automation. You’ll integrate your custom GPTs with these automations to streamline your outreach process from initial contact, ongoing engagement, to closing the deal.</div>
        </div>
      </div>
    </div>
  </section>
  <section id="pricing" class="section">
    <div id="w-node-d9a1a683-b25f-5dd5-6396-0cc8950a2f4d-cc1ce536" data-w-id="d9a1a683-b25f-5dd5-6396-0cc8950a2f4d" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="pricing-block">
      <div class="cold-outreach-wrapper blue-border">
        <div class="sale-wrapper">
          <div class="title-small orange">Access your toolkit!</div>
          <h3 class="h2 light">Get started today</h3>
          <p class="paragraph custom">Experience the benefits of automating your cold outreach with this full-scale automation toolkit for <strong>only $247</strong>. Save time, expand your reach, and focus on what you do best.</p>
          <a href="https://janosi.gumroad.com/l/mastercoldoutreach" data-w-id="d9a1a683-b25f-5dd5-6396-0cc8950a2f56" target="_blank" class="primary-cta dark w-inline-block">
            <div class="secondary-btn-text white">Get the toolkit</div>
            <div class="arrow-2 white">→</div>
          </a>
        </div>
        <div class="sale-wrapper margin">
          <div class="h3 light">Need something specific?</div>
          <p class="paragraph custom">I can personalize your template with your preferred lead generation tool like Hunter.io, Luna.ai, Apollo.io, Clearbit, and more.</p>
        </div><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _3"><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _5"><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _4"><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _1"><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _7"><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _10"><img loading="lazy" src="images/sparkles.svg" alt="" class="outreach-icon _6">
      </div>
    </div>
  </section>
  <section class="section _24-padding">
    <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd9843" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block transparent-bg">
      <div data-w-id="26a5d886-7534-05c9-60b2-4ccec9ea241f" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="content-block justified-left">
        <h2 class="h2">Commonly asked questions</h2>
      </div>
      <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd9848" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="w-layout-grid faq-grid">
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd9849" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">What exactly will I get from my purchase?</h3>
            <p class="faq-paragraph shop">You will receive a no-fluff guide that covers everything from finding your first leads to automating the entire process. Included are three sets of detailed step-by-step instructions to build your Zapier automations, ensuring you set up a complete cold outreach system. Additionally, you will receive instructions to create your own custom GPT and advanced search techniques for finding leads, along with guidelines on how to set them up and use them for your automation.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="face8d58-c251-9f2b-ec62-c88385e3a3c6" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">Why did you create this toolkit?</h3>
            <p class="faq-paragraph shop">I struggled with getting clients, so I wanted a reliable way to consistently attract new business. Zapier helped me automate the process, and now I’m sharing my exact setup with you so you can achieve the same results without spending a lot of time figuring it out.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd985b" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">Can beginners in AI and Zapier follow along?</h3>
            <p class="faq-paragraph shop">Absolutely! My guide is designed to be user-friendly for beginners. Just follow the detailed step-by-step instructions, and you’ll be ready to hit the ground running. I’ve simplified everything into clear, actionable steps, making it accessible whether you’re new to AI and automation or already have some experience.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd9852" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">How soon can I see results?</h3>
            <p class="faq-paragraph shop">The initial setup for Zapier automations and lead searching is relatively quick. Most of your effort will go into building your custom GPT, which is crucial for the automation. You could see results and land a client within 30 days. However, results may vary depending on your dedication and the quality of your custom GPT.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd9864" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">Is the investment in this toolkit worth it?</h3>
            <p class="faq-paragraph shop">I’d say so! You have the potential to make back up to 10x your ENTIRE investment with just one client. I spent three months fine-tuning this setup so you can hit the ground running fast. Small investment, massive returns—it’s that simple.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd9876" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">Can these steps be applied to any industry?</h3>
            <p class="faq-paragraph shop">Yes! These versatile instructions can be adapted to virtually any industry. Whether you’re in B2B sales, consulting, SaaS, or any other field, they will help streamline your cold outreach process.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd987f" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">How is your toolkit different from other AI outreach tools?</h3>
            <p class="faq-paragraph shop">My blueprint is a one-time purchase, costing less than a single monthly subscription. It fully automates the outreach process, requiring no manual intervention once set up, unlike expensive subscription services that still need manual input.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="e67bf084-3d4f-8ff7-45e4-d8fb2dc6cd99" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">Can you build a custom GPT for me?</h3>
            <p class="faq-paragraph shop">Yes, I can build a custom GPT for you. There is an additional cost for this service. If you’re interested in learning more, please shoot me an <a href="mailto:hello@designcraft.me?subject=Custom%20GPT%20Request">email</a> to discuss the details.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
        <div data-w-id="b3873d8a-8642-ceae-ddbc-ffa1e3bd986d" class="faq-wrapper">
          <div class="faq-container">
            <h3 class="h3 caq">What if I have questions or get stuck?</h3>
            <p class="faq-paragraph shop">You shan&#x27;t worry! My step-by-step instructions are easy to follow, but I am always available for support and guidance to get your automation up and running smoothly.</p>
          </div>
          <div class="faq-action-wrapper">
            <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" class="faq-action-container">
              <div bind="0970dca1-6827-27ab-5b49-462135c8b06c" class="arrow-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 17 17" fill="none" preserveaspectratio="xMidYMid meet" aria-hidden="true" role="img">
                  <g clip-path="url(#clip0_614_964)" transform="rotate(180 8.5 8.5)">
                    <path d="M3 8.5L14 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.5 13L14 8.5L9.5 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_614_964">
                      <rect width="16" height="16" fill="currentColor" transform="translate(1.5 16.5) rotate(-90)"></rect>
                    </clippath>
                  </defs>
                </svg></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section">
    <div data-w-id="8672164b-f10f-b3f8-09a5-dcabf2e947d1" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block mission-statement">
      <div class="content-block justify-left">
        <div data-w-id="6d8633dd-98c5-0f8a-1ecb-d8bb4c88ea4a" class="heading-wrap">
          <div class="title-small orange">My mission</div>
          <h2 class="h2 mission"><span class="word-span-1">Is</span> <span class="word-span-2">to</span> <span class="word-span-3">empower</span> <span class="word-span-4">you</span> <span class="word-span-5">with</span> <span class="word-span-6">the</span> <span class="word-span-7">knowledge</span> <span class="word-span-8">and</span> <span class="word-span-9">skills</span> <span class="word-span-10">to</span> <span class="word-span-11">leverage</span> <span class="word-span-12">AI</span> <span class="word-span-13">for</span> <span class="word-span-14">generating</span> <span class="word-span-15">leads</span> <span class="word-span-16">that</span> <span class="word-span-17">directly</span> <span class="word-span-18">boost</span> <span class="word-span-19">your</span> <span class="word-span-20">earnings.</span></h2>
        </div>
      </div>
    </div>
  </section>
  <section class="section testimonials">
    <div data-w-id="2e209cd2-2409-83c2-b893-156e176cbe63" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block testimonials">
      <div class="title-block wise">
        <div class="title-small">Words from the wise</div>
      </div>
      <div class="wise-grid wise-words">
        <div id="w-node-_8183f59d-c2d5-44f9-e2f1-aeab209ce76f-cc1ce536" class="wise-wrapper">
          <div class="wise-block">
            <div class="image-wrapper"></div>
            <div class="wise-words">
              <div class="wise-top">
                <p class="paragraph">Jen is a phenomenal leader with an exceptional understanding of AI. Her innovative approach and expertise make her the perfect person to teach this course.</p>
              </div>
              <div class="wise-bottom">
                <div class="tab-name">Raj Koneru</div>
                <div class="tab-co">Kore.ai</div>
              </div>
            </div>
          </div>
        </div>
        <div id="w-node-_25330b75-75f2-dee7-4323-0e5e9a29189d-cc1ce536" class="wise-wrapper _2">
          <div class="wise-block">
            <div class="image-wrapper _2"></div>
            <div class="wise-words">
              <div class="wise-top">
                <p class="paragraph">Jennifer is an exceptional designer with a sharp intellect, and deep design psychology expertise. She is also a great teacher and mentor, making her the perfect fit for this subject matter.</p>
              </div>
              <div class="wise-bottom">
                <div class="tab-name">Anardo Cuello</div>
                <div class="tab-co">Highmark Health</div>
              </div>
            </div>
          </div>
        </div>
        <div id="w-node-c5c41a1d-6cf2-0ecc-dbea-648de8e57111-cc1ce536" class="wise-wrapper _3">
          <div class="wise-block">
            <div class="image-wrapper _3"></div>
            <div class="wise-words">
              <div class="wise-top">
                <p class="paragraph">Jen has made an excellent plan for this course, and she’s an excellent designer and a great teacher. If you’re interested in how AI can help with cold outreach, I highly recommend her course!</p>
              </div>
              <div class="wise-bottom">
                <div class="tab-name">Josh Wolfson</div>
                <div class="tab-co">App Orchid Inc</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="footer" class="section">
    <div data-w-id="830fd4a4-28c0-2f6e-8706-445db021ca97" style="-webkit-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section-block bg-color">
      <div class="content-wrapper no-bg">
        <div class="content-block secure">
          <div class="title-small orange">Access your toolkit for only $247</div>
        </div>
        <div class="outreach-wrapper">
          <div class="emoji-wrapper">
            <div class="word-wrapper cold">
              <div class="letter">Turn</div>
              <div class="letter c">c</div><img loading="lazy" src="images/cold-emoji.svg" alt="Cold emoji to represent cold leads" class="emoji">
              <div class="letter ld">ld</div>
            </div>
          </div>
          <div class="word">outreach</div>
          <div class="emoji-wrapper _1">
            <div class="word">into</div>
            <div class="word-wrapper">
              <div class="letter h">h</div><img loading="lazy" src="images/hot-emoji.svg" alt="Fire emoji to represent hot leads" class="emoji hot">
              <div class="letter t">t</div>
            </div>
          </div>
          <div class="word">outreach</div>
        </div>
        <a data-w-id="830fd4a4-28c0-2f6e-8706-445db021caa3" href="https://janosi.gumroad.com/l/mastercoldoutreach" target="_blank" class="primary-cta footer w-inline-block">
          <div class="primary-btn-text">Get the toolkit</div><img loading="lazy" src="images/arrow.svg" alt="" class="icon-arrow second">
        </a>
        <div class="footer-wrapper">
          <div class="refund-container">
            <p class="paragraph-xsmall no-margin">Designcraft.me © 2024</p>
            <a href="terms.html" class="paragraph-xsmall">Terms &amp; Conditions</a>
            <a href="https://designcraft.me" target="_blank" class="paragraph-xsmall">Check out Designcraft.me</a>
            <a id="contact-me-btn" href="mailto:hello@designcraft.me?subject=General%20Inquiry%20about%20cold%20outreach" class="paragraph-xsmall">Have Questions?</a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=663cd0832a962562cc1ce4c0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script><!--  Add this style tag to prevent text selection  -->
  <style>
  body {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
  }
</style>
  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
  <script>
// Create a confetti canvas with a higher z-index
var confettiCanvas = document.createElement('canvas');
confettiCanvas.style.position = 'fixed';  // Use fixed position to stay on screen
confettiCanvas.style.top = 0;
confettiCanvas.style.left = 0;
confettiCanvas.style.width = '100%';
confettiCanvas.style.height = '100%';
confettiCanvas.style.pointerEvents = 'none';
confettiCanvas.style.zIndex = '9999'; // Higher z-index to ensure it's above other content
document.body.appendChild(confettiCanvas);
var myConfetti = confetti.create(confettiCanvas, { resize: true });
// Confetti function with 1.3-second duration
function myConfettiEffect() {
    var end = Date.now() + (0.3 * 1000); // 1.3 seconds duration
    var colors = ['#ff879f', '#a876f5', '#ffde91', '#62bafd'];
    (function frame() {
        myConfetti({
            particleCount: 4,
            angle: 60,
            spread: 55,
            origin: { x: 0 },
            colors: colors
        });
        myConfetti({
            particleCount: 4,
            angle: 120,
            spread: 55,
            origin: { x: 1 },
            colors: colors
        });
        if (Date.now() < end) {
            requestAnimationFrame(frame);
        }
    }());
}
// Flag to ensure confetti only fires once
let confettiFired = false;
// Intersection Observer to trigger confetti when the footer bottom is in view
var footer = document.getElementById('footer'); // Ensure footer has ID 'footer'
if (footer) {
    console.log('Footer found! Setting up observer...');
} else {
    console.error('Footer not found.');
}
var observer = new IntersectionObserver(function(entries) {
    entries.forEach(entry => {
        console.log('Observer Entry:', entry); // Log entry data
        if (entry.isIntersecting) {
            console.log('Footer is in view. Intersection Ratio:', entry.intersectionRatio);
            if (!confettiFired && entry.intersectionRatio >= 0.5) { // Trigger only if 50% or more of the footer is in view
                console.log('Triggering confetti!');
                myConfettiEffect();
                confettiFired = true; // Set the flag to prevent further firing
            } else {
                console.log('Confetti already fired, not firing again.');
            }
        } else {
            console.log('Footer is not fully in view.');
        }
    });
}, {
    threshold: [0, 0.5],  // Check at 0% and 50% visibility
});
observer.observe(footer);
</script>
</body>
</html>