What company does Denis Maroz work for?

Denis Maroz works for Telco-Vision

What is Denis Maroz's role at the current company?

Denis Maroz's current role is Frontend Developer / React Developer

What schools did Denis Maroz attend?

Denis Maroz attended Belarusian State University

Denis Maroz Email and Phone Number

Frontend Developer / React Developer at @ Telco-Vision

Denis Maroz's Location

Tel Aviv-Yafo, Tel Aviv District, Israel, Israel

About Denis Maroz

Technical skill-set: HTML5, CSS3(SASS), JavaScript (ES6), React.js, Redux, Jest, TypeScript. GitHub: https://github.com/dzianis-marozWell-organized with an ability to prioritize tasks. I like take over responsibility, have an affinity and passion for learning and self-improvement, and want to have fun by working in an exceptional team!

Denis Maroz's Current Company Details

Telco-Vision

View

Frontend Developer / React Developer

Denis Maroz Work Experience Details

Frontend Developer

Telco-Vision May 2022 - Present

Petaẖ Tiqwa, Central, Israel

View
Frontend Developer

Pinsteps Jan 2021 - May 2022

Tel Aviv, Israel

Pinsteps - digital tour and guide platform for travelers.Responsibilities included:· Developing application using React while managing the State throughRedux.· Creating an accessible, responsive, and functional user interface to allowvisitors on any device to have the same perfect user experience.· Аn React SPA from scratch developing. SPA using which depending on linkis possible to render preview info about a route . Using tag ispossible to post this info on every web site.· Participating in developing of UI-kit based on Reactstrap library.· Developing React components and implementing them into an existingtemplate.· Making Figma/PSD to HTML5 + CSS3 Markup.· Code refactoring based on requests, bug fixing.· React components testing. </div> </div> </div> <div class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white"> <a href="/c/pinsteps" target="_blank" class="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1" onclick="event.preventDefault(); const href = this.href; const linkedinUrl = 'https://linkedin.com/company/pinsteps'; fetch(href, {method: 'HEAD'}).then(r => { if(r.status === 404) { window.open(linkedinUrl, '_blank'); } else { window.open(href, '_blank'); } }).catch(() => { window.open(linkedinUrl, '_blank'); }); return false;"> View </a> </div> </div> </li> <li class="rounded-lg border border-gray-200 bg-white px-3 py-3 shadow-sm dark:border-gray-700 dark:bg-gray-900"> <div class="flex items-center justify-between"> <div class="flex flex-1 w-full items-center min-w-0"> <img class="flex-shrink-0 w-12 h-12" src="" alt="Кофе.Бел - Online Store" onerror="this.onerror=null;this.src='/assets2/pages/company_pages/placeholder.png';"> <div class="ml-3 flex-1"> <div class="text-lg font-semibold text-gray-900 dark:text-white"> Web Developer </div> <div class="flex flex-col flex-wrap gap-0.5"> <span class="text-nowrap font-medium flex-1 text-gray-900 dark:text-gray-100"> Кофе.Бел - Online Store </span> <span class="inline-flex items-center py-0.5 text-nowrap text-sm text-gray-600 dark:text-gray-300"> Jan 2018 - Jun 2020 </span> </div> <div class="text-sm text-gray-500 dark:text-gray-300"> Minsk, Belarus </div> <div class="mt-3 whitespace-pre-line text-sm text-gray-700 dark:text-gray-200"> · Translating Figma/PSD designs to code, resulting in visual elements of thewebsite.· Rewritting HTML to meet industry and company standards for SEO andAccessibility. This drove a increase in users by appearing on the first pageof Google search results.· Curating of website changes to increase the user flow and understandingof all platform capabilities and features.· Creating blog content with attention to SEO and keyword research,helping drive total site traffic up. </div> </div> </div> <div class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white"> </div> </div> </li> </ul> <div class="mb-4 mt-4"> <form action="/searches/profiles" accept-charset="UTF-8" class="w-full" method="get"> <input name="utf8" type="hidden" value="✓" /> <input type="hidden" name="profile_company[]" value="Telco-Vision" /> <button type="submit" target="_blank" class="block w-full px-4 py-3 text-center font-medium rounded button-primary"> Find <strong>complete experience</strong> details of <strong>Denis Maroz</strong> </button> </form> </div> </div> </div> <div class="bg-white dark:bg-gray-800"> <div class="px-4 pt-5"> <h2 class="text-xl font-semibold leading-6 text-gray-900 dark:text-white"> Denis Maroz Skills </h2> </div> <div class="px-4 bg-white rounded-lg dark:bg-gray-800"> <div class="flex flex-wrap gap-2 pb-2"> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Связи С Общественностью </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Журналистика </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Реклама </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Интернет Маркетинг </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Социальные Медиа </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Маркетинг </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Интернет Реклама </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Менеджмент </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Связи Со Сми </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Политика </span> <span class="inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-base font-medium text-slate-700 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200"> Написание Сценариев </span> </div> </div> </div> <div class="bg-white dark:bg-gray-800"> <div class="px-4 pt-5"> <h2 class="text-xl font-semibold leading-6 text-gray-900 dark:text-white"> Denis Maroz Education Details </h2> </div> <div class="px-4 bg-white rounded-lg dark:bg-gray-800"> <ul role="list" class="space-y-3"> <li class="rounded-lg border border-gray-200 bg-white px-3 py-3 shadow-sm dark:border-gray-700 dark:bg-gray-900"> <div class="flex items-center justify-between"> <div class="flex flex-1 items-center min-w-0"> <img class="flex-shrink-0 h-12 w-12 rounded-full border border-gray-200 bg-white object-contain p-1 dark:border-gray-700 dark:bg-gray-800" src="https://cimg.aeroleads.com/ln/logos/8a/7fddf3a5b34e154e755947f4037de2a8.jpg" alt="Belarusian State University" onerror="this.onerror=null;this.src='/assets2/pages/company_pages/placeholder.png';" > <div class="ml-3 flex-1"> <div class="text-lg font-semibold text-gray-900 dark:text-white"> <a title="See more people who graduated from Belarusian State University" target="_blank" href="https://linkedin.com/school/belarusian-state-university" class="hover:text-blue-700 dark:hover:text-blue-400"> Belarusian State University </a> </div> <div class="flex flex-col flex-wrap flex-1 text-base text-gray-900 dark:text-gray-100"> Theory Of Communication <span class="inline-flex w-full items-center text-sm font-medium text-gray-500 dark:text-gray-300"> </span> </div> </div> </div> <div class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white"> <a href="/c/belarusian-state-university" target="_blank" class="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1" onclick="event.preventDefault(); const href = this.href; const linkedinUrl = 'https://linkedin.com/school/belarusian-state-university'; fetch(href, {method: 'HEAD'}).then(r => { if(r.status === 404) { window.open(linkedinUrl, '_blank'); } else { window.open(href, '_blank'); } }).catch(() => { window.open(linkedinUrl, '_blank'); }); return false;"> View </a> </div> </div> </li> </ul> <div class="my-4"> <form action="/searches/profiles" accept-charset="UTF-8" class="w-full" method="get"> <input name="utf8" type="hidden" value="✓" /> <input type="hidden" name="profile_company[]" value="Telco-Vision" /> <button type="submit" class="block w-full px-4 py-3 text-center font-medium text-white rounded button-primary"> Find <strong>complete education</strong> details of <strong>Denis Maroz</strong> </button> </form> </div> </div> </div> </div> <section class="rounded-lg shadow bg-white dark:bg-gray-900 pb-4"> <div class="p-4"> <h2 class="py-4 text-2xl tracking-tight text-gray-900 dark:text-white">Frequently Asked Questions about Denis Maroz</h2> <div class="grid pt-4 text-left border-t border-gray-200 sm:divide-y divide-gray-200 dark:divide-gray-700 xxl:gap-16 dark:border-gray-700 xxl:grid-cols-2"> <div class="divide-y divide-gray-200 dark:divide-gray-700"> <div class="py-4"> <h3 class="flex items-center text-lg font-semibold text-gray-900 dark:text-white"> What company does Denis Maroz work for? </h3> <p class="text-gray-500 dark:text-gray-400 leading-5"> Denis Maroz works for <span class="freq-value text-gray-600 dark:text-gray-300"> Telco-Vision </span> </p> </div> <div class="py-4"> <h3 class="flex items-center text-lg font-semibold text-gray-900 dark:text-white"> What is Denis Maroz's role at the current company? </h3> <p class="text-gray-500 dark:text-gray-400 leading-5"> Denis Maroz's current role is <span class="freq-value text-gray-600 dark:text-gray-300">Frontend Developer / React Developer</span>. </p> </div> </div> <div class="divide-y divide-gray-200 dark:divide-gray-700"> <div class="py-4"> <h3 class="flex items-center text-lg font-semibold text-gray-900 dark:text-white"> What schools did Denis Maroz attend? </h3> <p class="text-gray-500 dark:text-gray-400 leading-5"> Denis Maroz attended <span class="freq-value text-gray-600 dark:text-gray-300">Belarusian State University</span>. </p> </div> <div class="py-4"> <h3 class="flex items-center text-lg font-semibold text-gray-900 dark:text-white"> What skills is Denis Maroz known for? </h3> <p class="text-gray-500 dark:text-gray-400 leading-5"> Denis Maroz has skills like <span class="freq-value text-gray-600 dark:text-gray-300">Связи С Общественностью, Журналистика, Реклама, Интернет Маркетинг, Социальные Медиа, Маркетинг, Интернет Реклама, Менеджмент, Связи Со Сми, Политика, Написание Сценариев</span>. </p> </div> </div> </div> <div class="mb-4"> <form action="/search" accept-charset="UTF-8" class="w-full" method="get"> <input name="utf8" type="hidden" value="✓" /> <input type="text" name="profile_name[]" hidden value="Denis Maroz" aria-describedby="search-addon"> <input type="text" name="profile_company[]" hidden value="Telco-Vision" aria-describedby="search-addon"> <button type="submit" target="_blank" class="block w-full px-4 py-3 text-center font-medium rounded button-primary"> Find <strong>more details</strong> for <strong>Denis Maroz</strong> </button> </form> </div> </div> </section> </div> <section class="bg-gray-50 mt-4 sm:mt-0 sm:rounded lg:col-span-1 lg:col-start-3"> <div class="sticky top-4"> <div class="bg-white p-3 shadow rounded-lg mb-6"> <h2 class="text-lg font-semibold text-gray-900"> Not the Denis Maroz you were looking for? </h2> <div class="mt-3"> <ul role="list" class="space-y-1"> <li class="bg-white border border-white rounded-md shadow divide-y divide-gray-200"> <div class="flex items-center p-2"> <div class="flex-1 py-1 flex items-center space-x-3"> <div class="flex-shrink-0"> <a title="View contact details of Dzianis Maroz" target="_blank" href="/in/denis-moroz"> <img class="h-12 w-12 rounded-full" onerror="this.onerror=null;this.src='/assets2/pages/company_pages/avatars/avatar1.png';" src="https://img.aeroleads.com/50/dae7c50cd42732df51f1a40f99f79005.jpg" alt="Dzianis Maroz"> </a> </div> <div class="min-w-0 flex-1"> <a href="/in/denis-moroz"> <p class="truncate text-lg font-semibold text-gray-900">Dzianis Maroz</p> </a> <div class="mt-1 flex items-center gap-0.5 text-gray-500"> <svg class="w-4 h-4 text-gray-400 -ml-1" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C8.13 2 5 5.13 5 9c0 1.74.5 3.37 1.41 4.84.95 1.54 2.2 2.86 3.16 4.4.47.75.81 1.45 1.17 2.26.26.55.47 1.5 1.26 1.5s1-.95 1.25-1.5c.37-.81.7-1.51 1.17-2.26.96-1.53 2.21-2.85 3.16-4.4C18.5 12.37 19 10.74 19 9c0-3.87-3.13-7-7-7zm0 9.75a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"></path></svg> Limassol, Cyprus </div> </div> </div> <div> <a title="View contact details of Dzianis Maroz" target="_blank" href="denis-moroz" class="inline-flex items-center rounded px-3 py-1 shadow text-white bg-primary-700 hover:bg-primary-800">View</a> </div> </div> </li> </ul> </div> <div class="justify-stretch mt-4 flex flex-col"> <a href="https://aeroleads.com/search" target="_blank" class="inline-flex items-center justify-center rounded-md border border-transparent px-4 py-2 font-medium text-white shadow-sm button-primary">View similar profiles</a> </div> </div> <div class="bg-gradient-to-br from-orange-50 to-orange-100 dark:from-gray-800 dark:to-gray-900 p-4 shadow-lg rounded-lg border border-orange-200 dark:border-gray-700"> <div class="text-center mb-4"> <div class="flex items-center justify-center mb-2"> <svg class="w-8 h-8 text-orange-600 dark:text-orange-400" fill="currentColor" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"> <path d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path> </svg> </div> <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-1"> Free Chrome Extension </h2> <p class="text-sm text-gray-600 dark:text-gray-300"> Find emails, phones & company data instantly </p> </div>  <div class="space-y-2 mb-4"> <div class="flex items-start gap-2 text-sm text-gray-700 dark:text-gray-300"> <svg class="w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Find verified emails from LinkedIn profiles</span> </div> <div class="flex items-start gap-2 text-sm text-gray-700 dark:text-gray-300"> <svg class="w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Get direct phone numbers & mobile contacts</span> </div> <div class="flex items-start gap-2 text-sm text-gray-700 dark:text-gray-300"> <svg class="w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Access company data & employee information</span> </div> <div class="flex items-start gap-2 text-sm text-gray-700 dark:text-gray-300"> <svg class="w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Works directly on LinkedIn - no copy/paste needed</span> </div> </div>  <a href="https://chromewebstore.google.com/detail/email-finder/fcpepipgmkkjnljechjjimkaondedmbe?hl=en" target="_blank" rel="noopener noreferrer" class="w-full flex items-center justify-center gap-2 text-white py-3 px-4 rounded-lg transition-all shadow-lg hover:shadow-xl bg-gradient-to-r from-orange-600 to-orange-700 hover:from-orange-700 hover:to-orange-800 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2 transform hover:scale-105" > <svg class="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"> <path d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path> </svg> <span class="font-semibold text-base">Get Chrome Extension - Free</span> </a> </div> <section data-controller="conversational-ai" data-widget="true" data-url="https://aeroleads.com" data-user-id="" data-conversational-ai-avatar-fallback-value="/assets/themes/default/no_avatar-e08c9f48e0ffa9911e29bff729e4272dfe66c1336494c140f242ce7bd37c0fe2.svg" data-conversational-ai-stripe-modal-id-value="ai-stripe-modal-hero" data-conversational-ai-stripe-trigger-id-value="ai-stripe-modal-trigger-hero" data-conversational-ai-available-credits-value="0" data-conversational-ai-is-authenticated-value="true" data-conversational-ai-auth-modal-id-value="ai-auth-modal-hero" class="w-full bg-gradient-to-br from-white via-gray-50/70 to-blue-50/50 dark:from-gray-900 dark:via-gray-800/80 dark:to-slate-900/90 relative overflow-hidden" data-conversational-ai-conversation-id-value="" data-conversational-ai-current-filters-value="">  <div class="absolute inset-0 pointer-events-none">  <div class="absolute inset-0 bg-[url('data:image/svg+xml,%3Csvg width=" 100"="" height="100" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" %3e%3cg="" fill="none" fill-rule="evenodd" fill-opacity="0.03" %3e%3cpath="" d="M50 0v100M0 50h100M25 25v50h50V25H25z" %3e%3c="" g%3e%3c="" svg%3e')]="" opacity-50="" dark:opacity-20"=""></div>  <div class="absolute top-20 right-10 w-[300px] h-[300px] bg-gradient-to-br from-blue-400/10 to-indigo-400/10 rounded-full blur-3xl animate-pulse"></div> <div class="absolute top-1/3 left-10 w-[250px] h-[250px] bg-gradient-to-br from-purple-400/10 to-pink-400/10 rounded-full blur-3xl animate-pulse delay-700"></div> <div class="absolute bottom-20 left-1/3 w-[280px] h-[280px] bg-gradient-to-br from-teal-400/10 to-emerald-400/10 rounded-full blur-3xl animate-pulse delay-1200"></div> <div class="absolute bottom-1/4 right-1/4 w-[200px] h-[200px] bg-gradient-to-br from-orange-400/10 to-amber-400/10 rounded-full blur-2xl animate-pulse delay-300"></div> </div> <div class="w-full relative z-10">  <div class="space-y-6 sm:space-y-8 lg:space-y-10"> <div>  <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl shadow-lg relative resize-y overflow-hidden" style="height: 422px; min-height: 400px; max-height: 90vh;" data-conversational-ai-target="widgetContainer">  <div class="resize-handle absolute bottom-0 left-0 right-0 h-2 cursor-ns-resize bg-transparent hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors flex items-center justify-center group" data-action="mousedown->conversational-ai#startResize touchstart->conversational-ai#startResize"> <div class="w-12 h-1 bg-gray-300 dark:bg-gray-600 rounded-full group-hover:bg-gray-400 dark:group-hover:bg-gray-500 transition-colors"></div> </div> <div class="flex flex-col h-full">  <div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700"> <div class="flex items-center space-x-3"> <div class="relative flex items-center justify-center w-10 h-10 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 text-white rounded-xl shadow-lg"> <div class="absolute inset-0 bg-gradient-to-br from-indigo-400 to-purple-600 rounded-xl animate-pulse opacity-75"></div> <svg class="w-5 h-5 relative z-10" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path> </svg> <span class="absolute -top-1 -right-1 w-3 h-3 bg-green-400 border-2 border-white rounded-full animate-pulse"></span> </div> <div> <h3 class="font-semibold text-lg text-gray-900 dark:text-white flex items-center gap-2"> Aero <span class="text-xs font-normal bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300 px-2 py-0.5 rounded-full">Online</span> </h3> <p class="text-sm text-gray-500 dark:text-gray-400">Your AI prospecting assistant</p> </div> </div> <button data-action="click->conversational-ai#resetConversation" class="p-2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors" title="Start new conversation"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path> </svg> </button> </div>  <div data-conversational-ai-target="chatContainer" class="flex-1 text-base overflow-y-auto p-4 space-y-4" style="scroll-behavior: smooth;"> </div>  <div class="border-t border-gray-200 dark:border-gray-700 p-4">  <div data-conversational-ai-target="downloadOptions" class="hidden mb-3 p-4 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700"> <h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">Select data to include:</h4> <div class="space-y-2"> <label class="flex items-center cursor-pointer"> <input type="checkbox" data-conversational-ai-target="includeEmail" data-action="change->conversational-ai#updatePricing" class="mr-2 w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"> <span class="text-sm text-gray-700 dark:text-gray-300"> Include valid emails (+$<span data-conversational-ai-target="emailPrice">0.03</span> per record) </span> </label> <label class="flex items-center cursor-pointer"> <input type="checkbox" data-conversational-ai-target="includePhone" data-action="change->conversational-ai#updatePricing" class="mr-2 w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"> <span class="text-sm text-gray-700 dark:text-gray-300"> Include valid personal phone numbers (+$<span data-conversational-ai-target="phonePrice">0.2</span> per record) </span> </label> </div> <div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700"> <div class="flex justify-between items-center"> <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Total price:</span> <span class="text-lg font-semibold text-gray-900 dark:text-white" data-conversational-ai-target="totalPrice">$0.00</span> </div> <p class="text-xs text-gray-500 dark:text-gray-400 mt-1"> <span data-conversational-ai-target="recordCount">0</span> records × $<span data-conversational-ai-target="pricePerRecord">0.02</span> per record </p> <button type="button" data-ai-continue-payment="true" data-action="click->conversational-ai#handleContinueToPayment" class="mt-4 w-full inline-flex items-center justify-center gap-2 px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold rounded-lg shadow-sm transition-colors"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15l1-1m4 0l1-1m-6 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span>Continue to Payment</span> </button> </div> </div>  <div data-conversational-ai-target="downloadButton" class="hidden mb-3 flex items-center justify-center"> <button data-action="click->conversational-ai#handleDownloadButtonClick" class="px-6 py-2 bg-green-500 hover:bg-green-600 text-white font-medium rounded-lg transition-colors flex items-center space-x-2"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path> </svg> <span>Download Prospects</span> </button> </div>  <form data-action="submit->conversational-ai#sendMessage" class="flex items-end space-x-3"> <div class="flex-1"> <textarea data-conversational-ai-target="messageInput" data-action="keydown->conversational-ai#handleKeyDown" rows="1" class="w-full resize-none border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 placeholder-gray-400 dark:placeholder-gray-500 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all" placeholder="Try: 'I need HR directors in healthcare companies'" style="min-height: 60px; max-height: 120px; opacity: 1;" data-placeholder-1="Try: 'Find CEOs at tech companies in California'" data-placeholder-2="Try: 'Show me marketing managers at SaaS startups'" data-placeholder-3="Try: 'I need HR directors in healthcare companies'" data-placeholder-4="Try: 'Find CFOs at Fortune 500 companies'"></textarea> </div> <button type="submit" data-conversational-ai-target="sendButton" class="flex items-center mb-2.5 justify-center w-12 h-12 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 hover:from-indigo-600 hover:via-purple-600 hover:to-pink-600 text-white rounded-lg shadow-md hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-indigo-300 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-800 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed transform hover:scale-105"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path> </svg> </button> </form> </div> </div> </div> </div> </div> </div> <div data-conversational-ai-target="checkoutModal" id="ai-stripe-modal-hero" tabindex="-1" aria-hidden="true" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-[99999] justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full justify-end items-end"> <div class="relative p-4 w-full max-w-2xl max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-800"> <div class="flex items-center justify-between p-4 border-b rounded-t dark:border-gray-700"> <div> <p class="text-xs uppercase text-indigo-500 font-semibold">Secure checkout</p> <h3 class="text-xl font-semibold text-gray-900 dark:text-white">Download <span id="ai-stripe-modal-hero-prospect-count">these</span> records</h3> </div> <button data-action="click->conversational-ai#closeCheckoutModal" type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"></path> </svg> <span class="sr-only">Close modal</span> </button> </div> <div class="p-6 space-y-4"> <div class="flex items-center justify-between"> <div> <p class="text-sm text-gray-500">Total price</p> <p id="ai-stripe-modal-hero-price" class="text-2xl font-semibold text-gray-900">$0.50</p> <p id="ai-stripe-modal-hero-price-message" class="hidden text-sm mt-2"></p> <input type="hidden" id="ai-stripe-modal-hero-amount" value="0.5">  <div id="ai-stripe-modal-hero-price-breakdown" class="hidden text-sm space-y-1 mt-2"> <div class="flex justify-between text-gray-600"> <span>Base price:</span> <span data-conversational-ai-target="basePriceDisplay">$0.00</span> </div> <div class="flex justify-between text-gray-600" data-conversational-ai-target="emailPriceRow" style="display: none;"> <span>Email add-on:</span> <span data-conversational-ai-target="emailPriceDisplay">$0.00</span> </div> <div class="flex justify-between text-gray-600" data-conversational-ai-target="phonePriceRow" style="display: none;"> <span>Phone add-on:</span> <span data-conversational-ai-target="phonePriceDisplay">$0.00</span> </div> </div> </div> <div class="inline-flex items-center gap-2 rounded-full bg-indigo-50 text-indigo-700 px-3 py-1 text-xs font-semibold"> <span class="w-2 h-2 rounded-full bg-indigo-500 animate-pulse"></span> Powered by Stripe </div> </div> <p class="text-sm text-gray-600 dark:text-gray-300">Enter your payment details below to complete the download. We'll email you the CSV as soon as it's ready.</p> <div data-controller="ai--payment" data-ai--payment-stripe-key-value="pk_test_vCKMoKNJyJryQN61IWjzdVQ000g4noZWzh" data-ai--payment-paypal-client-id-value="Af4JMGBT32w0-ID0drM4CcFvjyKw3W6MzfLOzbopbifmjlefWjgkPNZI2zyjIdvfKzJixs3HuWCOIs7-" data-ai--payment-stripe-price-id-value="" data-ai--payment-stripe-customer-id-value="cus_T6f0PRA39dt733" data-ai--payment-success-url-value="/payment/success" data-ai--payment-cancel-url-value="/payment/cancel" data-ai--payment-full-name-value="Pushkar Gaikwad" data-ai--payment-country-value="US" data-ai--payment-payment-type-value="ontime" data-ai--payment-initialize-stripe-value="yes"> <div data-ai--payment-target="stripeSection" class="min-w-0 flex-1 space-y-8">  <div class="p-4 rounded-lg border border-gray-200 shadow-sm"> <div><div id="card-errors" class="text-red-600"></div></div>  <div class="flex items-center justify-between"> <h2 class="flex-1 mb-6 text-xl font-semibold text-gray-900 dark:text-white">Payment method</h2> </div> <div class="grid grid-cols-1 gap-4 sm:grid-cols-2"> <div class="sm:col-span-3"> <label class="stripe-label">Credit Card Number</label> <div id="card-number" class="focus-within:ring-1 focus-within:ring-indigo-500 StripeElement StripeElement--empty"><div class="__PrivateStripeElement" style="margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;"><iframe name="__privateStripeFrame6033" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/elements-inner-card-a72ba90005ebbfdd778964dfa933112b.html#__shared_params__[version]=basil&__shared_params__[light_experiment_assignments]=%7B%22token%22%3A%22882b9ef9-fe20-4ddc-931b-300662e6152e%22%2C%22assignments%22%3A%7B%7D%7D&wait=false&mids[guid]=NA&mids[muid]=79979738-b28b-4a7d-9b30-a465d2f6ab9ab20f25&mids[sid]=0fd23f67-4364-419b-8eb5-07df767f45e39129c9&elementId=cardNumber-2cf5ac31-46d1-4b6c-96cf-4324adba341e&style[base][color]=%23374151&style[base][::placeholder][color]=%239CA3AF&style[invalid][color]=%23EF4444&stripeJsMountedInIframe=false&rtl=false&componentName=cardNumber&keyMode=test&apiKey=pk_test_vCKMoKNJyJryQN61IWjzdVQ000g4noZWzh&frameMessagingStrategy=postMessage&referrer=http%3A%2F%2Flocalhost%3A3000%2F&controllerId=__privateStripeController6031" title="Secure card number input frame" style="border: 0px !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 16.8px;">

Card expiration date

Card CVC

Security Check

Denis Maroz Email and Phone Number

Denis Maroz

Telco-Vision

Download 750 million emails and 100 million phone numbers

Denis Maroz Email and Phone Number

Denis Maroz

Telco-Vision

Billing Information

Download 750 million emails and 100 million phone numbers