{"version":3,"sources":["webpack:///./src/views/hire/SalesAndMarketing.vue","webpack:///./src/views/hire/SalesAndMarketing.vue?27ce","webpack:///./src/components/partials/Hero.vue","webpack:///./src/components/partials/Hero.vue?2350","webpack:///./src/components/partials/CreateAccount.vue","webpack:///./src/components/partials/CreateAccount.vue?ad09","webpack:///./src/components/partials/CanHelp.vue","webpack:///./src/assets/icons/users.svg","webpack:///./src/components/partials/HiringSupport.vue","webpack:///./src/components/partials/HiringSupport.vue?fdf5","webpack:///./src/components/partials/JobTitles.vue"],"names":["titles","ref","helps","title","description","onMounted","_document$querySelect","document","querySelector","scrollIntoView","__exports__","beforeEnter","el","style","opacity","transform","enter","gsap","to","duration","y","x","ease","class","_createElementVNode","fill","viewBox","stroke","stroke-linecap","stroke-linejoin","stroke-width","d","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","href","_ctx","$candidateUrl","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_createVNode","_component_router_link","_hoisted_15","script","render","module","exports"],"mappings":"wlBAuCA,MAAMA,EAASC,eAAI,CACjB,iBACA,oBACA,aACA,4BACA,2BACA,uBACA,6BACA,sBACA,yBACA,2BACA,qBACA,iCAGIC,EAAQD,eAAI,CAChB,CACEE,MAAO,0BACPC,YAAa,8CAEf,CACED,MAAO,4BACPC,YAAa,4CAEf,CACED,MAAO,kCACPC,YAAa,2EAEf,CACED,MAAO,uCACPC,YAAa,0E,OAGjBC,eAAU,KAAM,IAAAC,EACsB,QAApCA,EAAAC,SAASC,cAAc,qBAAa,IAAAF,GAApCA,EAAsCG,mB,4wBCtExC,MAAMC,EAAc,EAEL,gB,2mBCyDTC,EAAeC,IACnBA,EAAGC,MAAMC,QAAU,IACnBF,EAAGC,MAAME,UAAY,sBAGjBC,EAASJ,IACbK,OAAKC,GAAGN,EAAI,CACVO,SAAU,IACVC,EAAG,EACHC,EAAG,EACHP,QAAS,EACTQ,KAAM,0B,8uDCtEV,MAAMZ,EAAc,EAEL,U,6DCJRa,MAAM,0C,GACJA,MAAM,gD,GACJA,MAAM,4C,GAEJA,MAAM,mH,2oBAuBPC,eAEM,OAFDD,MAAM,eAAeE,KAAK,OAAOC,QAAQ,YAAYC,OAAO,gB,CAC/DH,eAAqG,QAA/FI,iBAAe,QAAQC,kBAAgB,QAAQC,eAAa,IAAIC,EAAE,+B,gvCAoCzER,MAAM,mH,qwBAuBPC,eAEM,OAFDD,MAAM,eAAeE,KAAK,OAAOC,QAAQ,YAAYC,OAAO,gB,CAC/DH,eAAqG,QAA/FI,iBAAe,QAAQC,kBAAgB,QAAQC,eAAa,IAAIC,EAAE,+B,iFAxFpFC,eA8FM,MA9FNC,EA8FM,CA7FJT,eA4FM,MA5FNU,EA4FM,CA3FJV,eA0FM,MA1FNW,EA0FM,CAxFJX,eA2BM,MA3BNY,EA2BM,CA1BJC,EAiBAb,eAQI,KAPDc,KAAMC,EAAAC,cAAgB,YACvBjB,MAAM,2I,gBACP,0BAECkB,G,OAOJC,EA8BAlB,eA2BM,MA3BNmB,EA2BM,CA1BJC,EAiBAC,eAQcC,EAAA,CAPZ5B,GAAG,WACHK,MAAM,2I,wBACP,IAEC,C,eAFD,sBAECwB,I,uCCvFZ,MAAMC,EAAS,GAGTtC,EAA2B,IAAgBsC,EAAQ,CAAC,CAAC,SAASC,KAErD,U,6nCCHf,MAAMvC,EAAc,EAEL,U,qBCLfwC,EAAOC,QAAU,IAA0B,0B,2DCCpC5B,MAAM,qD,whDACTW,G,wCADFF,eA2CM,MA3CNC,EA2CMI,G,yBC3CR,MAAMW,EAAS,GAGTtC,EAA2B,IAAgBsC,EAAQ,CAAC,CAAC,SAASC,KAErD,U,y+BCHf,MAAMvC,EAAc,EAEL","file":"js/sales-marketing.457b9a14.js","sourcesContent":["<template>\n  <div class=\"page-load\"></div>\n  <Hero\n    heroTitle=\"Hire excellent African <br class='hidden xl:inline-block'>\n    <span class='text-[#FE0D73] founders font-semibold'>Sales & Marketing</span> talent \n      and reduce overhead by 70%\"\n    heroDesc=\"We help startups and larger companies find, interview, and hire great pre-vetted Sales & Marketing talent from Africa for your teams.\"\n    heroBtnText=\"Get Started\"\n    heroImg=\"sales-man.png\"\n  />\n\n  <Customers />\n\n  <div class=\"flex justify-center bg-white\">\n    <div class=\"w-full px-[24px] md:px-0 md:w-[72vw]\">\n      <div class=\"py-[5rem]\">\n        <h2 class=\"text-center mb-8 text-[32px] md:text-[60px] text-brand-black leading-[110%] font-semibold\">\n          Why hire Sales & Marketing Talent from Africa?\n        </h2>\n\n        <HiringSupport />\n      </div>\n    </div>\n  </div>\n\n  <CanHelp :helps=\"helps\" />\n  <JobTitles heading=\"Sales & Marketing Job Titles\" :titles=\"titles\" />\n  <CreateAccount />\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport Hero from '@/components/partials/Hero.vue';\nimport HiringSupport from '@/components/partials/HiringSupport.vue';\nimport Customers from '@/components/partials/Customers.vue';\nimport CreateAccount from '@/components/partials/CreateAccount.vue';\nimport JobTitles from '@/components/partials/JobTitles.vue';\nimport CanHelp from '@/components/partials/CanHelp.vue';\n\nconst titles = ref([\n  'Content Writer',\n  'Community Manager',\n  'Copywriter',\n  'Digital Marketing Manager',\n  'Sales Reps (SDRs & BDRs)',\n  'Social Media Manager',\n  'Email Marketing Specialist',\n  'Marketing Assistant',\n  'Programmatic Marketing',\n  'Growth Marketing Manager',\n  'Outbound Sales Rep',\n  'Inbound Sales Representative',\n]);\n\nconst helps = ref([\n  {\n    title: 'Save 30-70% on salaries',\n    description: 'We offer lower-cost, motivated candidates.',\n  },\n  {\n    title: 'Hire quickly — 10x Faster',\n    description: 'Typically you can hire in under 14 days.',\n  },\n  {\n    title: 'Find the best teammates for you',\n    description: ' op 1% Sales &amp; Marketing talents that help build strong businesses.',\n  },\n  {\n    title: 'Save time with pre-vetted candidates',\n    description: 'English speaking. Highly skilled. Sales &amp; Marketing  experience.',\n  },\n]);\nonMounted(() => {\n  document.querySelector('.page-load')?.scrollIntoView();\n});\n</script>\n","import script from \"./SalesAndMarketing.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SalesAndMarketing.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <transition appear @before-enter=\"beforeEnter\" @enter=\"enter\">\n    <div class=\"bg-[#FEFAF1] flex justify-center px-[24px] pt-[60px] md:px-20\">\n      <div class=\"w-full md:w-[76vw] flex justify-center\">\n        <div :class=\"['w-full flex flex-col md:flex-row items-center gap-8', { 'justify-center': !heroImg }]\">\n          <!-- Content Section -->\n          <div :class=\"['w-full pb-8 md:pb-0', heroImg ? 'md:w-1/2 text-left' : 'text-center']\">\n            <h1\n              class=\"text-[#1A1A1A] text-[32px] md:text-[60px] font-semibold leading-[110%] helvetica\"\n              :class=\"{ 'mx-auto': !heroImg }\"\n              v-html=\"heroTitle\"\n            ></h1>\n            <p\n              class=\"mt-4 mb-8 text-[15px] md:text-[20px] leading-[150%] text-[#4A4A4A] font-normal\"\n              :class=\"[heroImg ? 'md:max-w-[500px]' : 'max-w-2xl mx-auto']\"\n              v-html=\"heroDesc\"\n            ></p>\n            <div :class=\"['gap-4 flex flex-col md:flex-row', { 'justify-center': !heroImg }]\">\n              <a\n                v-if=\"heroBtnText\"\n                :href=\"heroBtnLink\"\n                class=\"px-8 py-4 bg-brand-black inline-block rounded-2xl text-white font-semibold hover:bg-brand-black/90 transition-colors duration-300\"\n              >\n                {{ heroBtnText }}\n              </a>\n              <a\n                v-if=\"heroBtnTwoText\"\n                :href=\"heroBtnTwoLink\"\n                class=\"px-8 py-4 bg-white inline-block rounded-2xl text-brand-black font-bold border-2 border-brand-black hover:bg-brand-black hover:text-white transition-all duration-300\"\n              >\n                {{ heroBtnTwoText }}\n              </a>\n            </div>\n          </div>\n\n          <!-- Image Section -->\n          <div v-if=\"heroImg\" class=\"w-full md:w-1/2 relative\">\n            <img :src=\"heroImg\" :alt=\"heroImgAlt || 'Hero image'\" :class=\"['w-full h-auto object-cover rounded-2xl', imageClass]\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport gsap from 'gsap';\nimport ScrollTrigger from 'gsap/ScrollTrigger';\nimport { onMounted } from 'vue';\n\nconst props = defineProps({\n  heroImg: { type: String },\n  heroImgAlt: { type: String },\n  heroTitle: { type: String },\n  heroDesc: { type: String },\n  heroBtnText: { type: String },\n  heroBtnLink: { type: String, default: '/contact' },\n  heroBtnTwoText: { type: String },\n  heroBtnTwoLink: { type: String, default: '/contact' },\n  imageClass: { type: String },\n});\n\nconst beforeEnter = (el) => {\n  el.style.opacity = '0';\n  el.style.transform = 'translateY(-100px)';\n};\n\nconst enter = (el) => {\n  gsap.to(el, {\n    duration: 2.5,\n    y: 0,\n    x: 0,\n    opacity: 1,\n    ease: 'elastic.inOut(1,0.3)',\n  });\n};\n</script>\n","import script from \"./Hero.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Hero.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"bg-gradient-to-b from-white to-gray-50\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24\">\n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <!-- Candidate Card -->\n        <div class=\"group bg-brand-black rounded-3xl p-8 transform transition-all duration-300 hover:-translate-y-2 hover:shadow-xl\">\n          <div class=\"flex items-center space-x-4 mb-6\">\n            <div class=\"w-12 h-12 bg-[#FDE442]/10 rounded-full flex items-center justify-center\">\n              <svg class=\"w-6 h-6 text-[#FDE442]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\n                />\n              </svg>\n            </div>\n            <div class=\"w-20 h-1 bg-[#FDE442] rounded-full\"></div>\n          </div>\n\n          <h3 class=\"text-2xl font-bold text-white mb-4\">Candidate Signup</h3>\n          <p class=\"text-gray-300 mb-8 text-lg leading-relaxed\">Create a profile and find your next opportunity</p>\n\n          <a\n            :href=\"$candidateUrl + '/register'\"\n            class=\"inline-flex items-center text-[#FDE442] hover:text-[#FDE442]/90 font-medium group-hover:translate-x-1 transition-transform duration-200\"\n          >\n            Sign up to get hired\n            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" />\n            </svg>\n          </a>\n        </div>\n\n        <!-- Employer Card -->\n        <div class=\"group bg-brand-black rounded-3xl p-8 transform transition-all duration-300 hover:-translate-y-2 hover:shadow-xl\">\n          <div class=\"flex items-center space-x-4 mb-6\">\n            <div class=\"w-12 h-12 bg-[#00F5D4]/10 rounded-full flex items-center justify-center\">\n              <svg class=\"w-6 h-6 text-[#00F5D4]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n                />\n              </svg>\n            </div>\n            <div class=\"w-20 h-1 bg-[#00F5D4] rounded-full\"></div>\n          </div>\n\n          <h3 class=\"text-2xl font-bold text-white mb-4\">Employer Signup</h3>\n          <p class=\"text-gray-300 mb-8 text-lg leading-relaxed\">Sign up and find your next team member. You can use the self serve</p>\n\n          <a\n            href=\"https://employer.thecareerbuddy.com/\"\n            class=\"inline-flex items-center text-[#00F5D4] hover:text-[#00F5D4]/90 font-medium group-hover:translate-x-1 transition-transform duration-200\"\n          >\n            Sign up hire\n            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" />\n            </svg>\n          </a>\n        </div>\n\n        <!-- Start Hiring Card -->\n        <div class=\"group bg-brand-black rounded-3xl p-8 transform transition-all duration-300 hover:-translate-y-2 hover:shadow-xl\">\n          <div class=\"flex items-center space-x-4 mb-6\">\n            <div class=\"w-12 h-12 bg-[#FE6D74]/10 rounded-full flex items-center justify-center\">\n              <svg class=\"w-6 h-6 text-[#FE6D74]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n                />\n              </svg>\n            </div>\n            <div class=\"w-20 h-1 bg-[#FE6D74] rounded-full\"></div>\n          </div>\n\n          <h3 class=\"text-2xl font-bold text-white mb-4\">Start Hiring</h3>\n          <p class=\"text-gray-300 mb-8 text-lg leading-relaxed\">Reach out to our team to instantly connect you to top talents you want to hire.</p>\n\n          <router-link\n            to=\"/contact\"\n            class=\"inline-flex items-center text-[#FE6D74] hover:text-[#FE6D74]/90 font-medium group-hover:translate-x-1 transition-transform duration-200\"\n          >\n            See how it works\n            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" />\n            </svg>\n          </router-link>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup></script>\n","import { render } from \"./CreateAccount.vue?vue&type=template&id=202928f0\"\nconst script = {}\n\nimport exportComponent from \"/home/runner/work/careerbuddy-frontend/careerbuddy-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import script from \"./CanHelp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CanHelp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/users.774a7a71.svg\";","<template>\n  <div class=\"md:grid md:grid-cols-2 lg:grid-cols-3 gap-10 pb-5\">\n    <div class=\"mb-4 md:mb-0 bg-brand-black rounded-2xl p-8\">\n      <div class=\"text-center\">\n        <span class=\"bg-white inline-block px-8 py-3 rounded-lg mx-auto\">BETTER TALENT</span>\n        <p class=\"text-[30px] text-white my-3 py-[.2rem] block\">Top 1%</p>\n      </div>\n\n      <p class=\"text-white mb-5\">\n        All candidates in our pipeline have gone through a rigorous screening process. We only accept the best 1% of candidates that apply\n      </p>\n\n      <div>\n        <a href=\"/contact\" class=\"w-full block rounded-lg px-8 py-3 text-center bg-white\">Get started</a>\n      </div>\n    </div>\n\n    <div class=\"mb-4 md:mb-0 bg-brand-black rounded-2xl p-8\">\n      <div class=\"text-center\">\n        <span class=\"bg-white inline-block px-8 py-3 rounded-lg mx-auto\">FAST HIRING</span>\n        <p class=\"text-[30px] text-white my-3 py-[.2rem] block\">Hire within days</p>\n      </div>\n\n      <p class=\"text-white mb-5\">\n        Spend less time interviewing and more time building by connecting with talent who have undergone our rigorous vetting process.\n      </p>\n\n      <div>\n        <a href=\"/contact\" class=\"w-full block rounded-lg px-8 py-3 text-center bg-white\">Get started</a>\n      </div>\n    </div>\n\n    <div class=\"mb-4 md:mb-0 bg-brand-black rounded-2xl p-8\">\n      <div class=\"text-center\">\n        <span class=\"bg-white inline-block px-8 py-3 rounded-lg mx-auto\">LOWER COST</span>\n        <p class=\"text-[30px] text-white my-3 py-[.2rem] block\">Save Over 80%</p>\n      </div>\n\n      <p class=\"text-white mb-5\">Reduce hiring cost and overhead by 5x. You can hire amazing full-time employees for around $9,000 USD per year</p>\n\n      <div>\n        <a href=\"/contact\" class=\"w-full block rounded-lg px-8 py-3 text-center bg-white\">Get started</a>\n      </div>\n    </div>\n  </div>\n</template>\n","import { render } from \"./HiringSupport.vue?vue&type=template&id=0200e950\"\nconst script = {}\n\nimport exportComponent from \"/home/runner/work/careerbuddy-frontend/careerbuddy-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import script from \"./JobTitles.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./JobTitles.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}