{"version":3,"file":"platform.b0f3d7c0.js","sources":["../../../../../../../images/platform-image-1.webp","../../../../components/platform-hero-section.vue","../../../../../../../images/platform-scanner-video-img.png","../../../../components/platform-scanners-pitch-grid-section-desktop.vue","../../../../../../../images/CaretDown.svg","../../../../../../../images/ph_globe.png","../../../../components/faq-section.vue","../../../../pages/platform.vue"],"sourcesContent":["export default \"__VITE_PUBLIC_ASSET__3a551dc7__\"","<template>\n\t<section class=\"hero-section\">\n\t\t<Row class=\"relative z-[2]\">\n\t\t\t<Container\n\t\t\t\tclass=\"flex min-h-[572px] flex-wrap lg:flex-nowrap lg:flex-row flex-col items-center\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex w-full max-w-[660px] lg:max-w-[600px] xl:max-w-[720px] flex-col gap-[32px] mx-auto lg:mx-0 lg:top-[-32px] relative\"\n\t\t\t\t>\n\t\t\t\t\t<h1\n\t\t\t\t\t\tid=\"hero-title\"\n\t\t\t\t\t\tclass=\"gradient-title-white text-center lg:text-left\"\n\t\t\t\t\t>\n\t\t\t\t\t\tMake Smart Trades From Almost Anywhere\n\t\t\t\t\t</h1>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hero-lead-capture-form\"\n\t\t\t\t\t\tclass=\"flex flex-col gap-[32px] items-center lg:items-start\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<h3\n\t\t\t\t\t\t\tid=\"hero-subtitle\"\n\t\t\t\t\t\t\tclass=\"text-lg text-white max-w-[600px] text-center lg:text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tStocksToTrade goes beyond simply combining the top fundamental and\n\t\t\t\t\t\t\ttechnical tools on the internet.\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<div class=\"test\">\n\t\t\t\t\t\t\t<CtaButton \n\t\t\t\t\t\t\t\tto=\"https://cfn.stockstotrade.com/try-stt1\"\n\t\t\t\t\t\t\t\t:blank=\"true\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t14-day StocksToTrade trial — only $7\n\t\t\t\t\t\t\t</CtaButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<JoinPitch\n\t\t\t\t\t\t\tid=\"hero-join-pitch\"\n\t\t\t\t\t\t\t:is-white=\"true\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"hero-image-container mt-[32px] mb-[164px] lg:my-[64px] lg:w-1/2 lg:my-0\"\n\t\t\t\t>\n\t\t\t\t\t<GradientBorderBlock\n\t\t\t\t\t\tparent-class=\"platform-embed !rounded-[14px]\"\n\t\t\t\t\t\tclass=\"!rounded-[12px]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\ttitle=\"top-gainers-iframe\"\n\t\t\t\t\t\t\tsrc=\"https://develop.d2xx6vtf6inrnz.amplifyapp.com/small-grid\"\n\t\t\t\t\t\t\twidth=\"260\"\n\t\t\t\t\t\t\theight=\"278\"\n\t\t\t\t\t\t\tframeborder=\"0\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t></iframe>\n\t\t\t\t\t</GradientBorderBlock>\n\t\t\t\t\t<div class=\"plagform-image-block\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\twidth=\"720\"\n\t\t\t\t\t\t\theight=\"552\"\n\t\t\t\t\t\t\tsrc=\"/images/platform-image-1.webp\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tclass=\"md:min-w-[720px] !rounded-[14px]\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</Row>\n\t</section>\n</template>\n\n<script setup>\nimport anime from \"animejs\";\n\nconst breakpoints = reactive(\n\tuseBreakpoints({\n\t\tsmall: 768\n\t})\n);\n\nonMounted(() => {\n\tif (process.client) {\n\t\tconst textWrapper = document.querySelector(\".gradient-title-white\");\n\t\tconst scale_value = breakpoints.isGreater(\"small\") ? [1, 1] : [0.75, 0.75];\n\t\ttextWrapper.innerHTML = textWrapper.textContent.replace(\n\t\t\t/\\S/g,\n\t\t\t\"<span class='letter'>$&</span>\"\n\t\t);\n\n\t\tanime\n\t\t\t.timeline()\n\t\t\t.add({\n\t\t\t\ttargets: \"#hero-title\",\n\t\t\t\topacity: [0, 1],\n\t\t\t\teasing: \"easeInOutQuad\",\n\t\t\t\tduration: 10\n\t\t\t})\n\t\t\t.add({\n\t\t\t\ttargets: \"#hero-title .letter\",\n\t\t\t\topacity: [0, 1],\n\t\t\t\teasing: \"easeInOutQuad\",\n\t\t\t\tduration: 500,\n\t\t\t\tdelay: (el, i) => 10 * (i + 1)\n\t\t\t})\n\t\t\t.add({\n\t\t\t\ttargets: \"#hero-lead-capture-form\",\n\t\t\t\topacity: [0, 1],\n\t\t\t\teasing: \"easeInOutQuad\",\n\t\t\t\ttranslateY: [25, 0],\n\t\t\t\tduration: 500\n\t\t\t});\n\n\t\tanime({\n\t\t\ttargets: \".plagform-image-block\",\n\t\t\teasing: \"easeInOutQuad\",\n\t\t\topacity: [0, 1],\n\t\t\ttranslateX: [800, 0],\n\t\t\tduration: 500\n\t\t});\n\n\t\tanime({\n\t\t\ttargets: \".platform-embed\",\n\t\t\teasing: \"easeInOutQuad\",\n\t\t\topacity: [0, 1],\n\t\t\ttranslateX: [800, 0],\n\t\t\tscale: scale_value,\n\t\t\tduration: 500,\n\t\t\tdelay: 250\n\t\t});\n\t}\n});\n</script>\n<style lang=\"scss\" scoped>\n.plagform-image-block {\n\topacity: 0;\n}\n#hero-lead-capture-form {\n\topacity: 0;\n\ttransform: translateY(25);\n}\n.hero-image-container {\n\tposition: relative;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\t// height: 636px;\n\t// width: 700px;\n\tmax-width: 585px;\n\t@include breakpoint(lg) {\n\t\tmax-width: unset;\n\t}\n}\n\n@media (min-width: 1024px) and (max-width: 1280px) {\n\t.hero-image-container {\n\t\t// transform: scale(0.7);\n\t}\n}\n\n.platform-embed {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tmargin: auto;\n\toutline: 6px solid rgba($white, 0.05);\n\tz-index: 2;\n\tbottom: -200px;\n\tmax-width: 264px;\n\n\t@include breakpoint(lg) {\n\t\ttop: -64px;\n\t\tmin-width: 264px;\n\t\topacity: 0;\n\t\tleft: 52px;\n\t\tmargin-left: 0;\n\t\tbottom: unset;\n\t\ttransform: translateX(800);\n\t}\n}\n\nh1#hero-title {\n\topacity: 0;\n}\nh1#hero-title .letter {\n\topacity: 0;\n}\n\n.fade-in {\n\topacity: 0; /* Initially invisible */\n\tanimation: fadeInAnimation 500ms ease-in forwards 2s; /* Animation properties with a delay of 500ms */\n}\n\n@keyframes fadeInAnimation {\n\tfrom {\n\t\topacity: 0; /* Starting opacity */\n\t}\n\tto {\n\t\topacity: 1; /* Ending opacity */\n\t}\n}\n\n.swoosh-mobile {\n\tposition: relative;\n\tz-index: 2;\n\n\t.swoosh {\n\t\ttop: 0;\n\t}\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__7ce84082__\"","<template>\n\t<Row>\n\t\t<Container>\n\t\t\t<h2\n\t\t\t\tclass=\"text-white text-[48px] text-[56px] font-medium mb-[32px] lg:mb-[72px] text-center w-full max-w-4xl mx-auto title\"\n\t\t\t>\n\t\t\t\tGet to the Next Level With Our AI and Algorithm-Enhanced Tools\n\t\t\t</h2>\n\n\t\t\t<div class=\"flex justify-center items-center mb-[32px] lg:mb-[72px]\">\n\t\t\t\t<div class=\"big-image max-w-4xl\">\n\t\t\t\t\t<NuxtLink\n\t\t\t\t\t\tclass=\"youtube-item\"\n\t\t\t\t\t\tto=\"https://www.youtube.com/watch?v=Ka638b5p3C0&\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc=\"/images/platform-scanner-video-img.png\"\n\t\t\t\t\t\t\tclass=\"big-thumbnail\"\n\t\t\t\t\t\t\twidth=\"717\"\n\t\t\t\t\t\t\theight=\"504\"\n\t\t\t\t\t\t\talt=\"yt-image-1\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</NuxtLink>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-x-5 gap-y-10\">\n\t\t\t\t<scanner-small\n\t\t\t\t\tscannerClass=\"scanner scanner-small bg-semi-light\"\n\t\t\t\t\ttitleClass=\"scanner-title text-black text-left\"\n\t\t\t\t\tparagraphClass=\"scanner-paragraph text-black pt-3 text-left\"\n\t\t\t\t\ttitle=\"Oracle Scanner\"\n\t\t\t\t\tdescription=\"The Oracle Algorithm sifts through 15,000 stocks every second, searching\n\t\t\t\t\t\t\tfor 5-to-1 risk ratios, generating 15 trading opportunities a day.\"\n\t\t\t\t\tbuttonLink=\"https://lp.stockstotrade.com/algo-trader/\"\n\t\t\t\t\tbuttonClass=\"w-full lg:w-auto justify-center\"\n\t\t\t\t\t:buttonType=\"ctaAppearence || 'gradient-dark'\"\n\t\t\t\t\tbuttonText=\"Get Daily Alerts\"\n\t\t\t\t\timgId=\"scanner-pitch-2-img\"\n\t\t\t\t\timgSrc=\"/images/scanner-grid-11.png\"\n\t\t\t\t\timgAlt=\"Scanner Grid Image 1\"\n\t\t\t\t\t:imgWidth=\"572\"\n\t\t\t\t\t:imgHeight=\"264\"\n\t\t\t\t\tdataCtaType=\"oracle-scanner-cta\"\n\t\t\t\t/>\n\n\t\t\t\t<scanner-small\n\t\t\t\t\tscannerClass=\"scanner scanner-small bg-semi-light\"\n\t\t\t\t\ttitleClass=\"scanner-title text-black text-left\"\n\t\t\t\t\tparagraphClass=\"scanner-paragraph text-black pt-3 text-left\"\n\t\t\t\t\ttitle=\"Alpha Scanner\"\n\t\t\t\t\tdescription=\"StocksToTrade trainer Matt Monaco built this algorithm to match his successful trading strategy, and identify 'dark' price anomalies happening inside the stock market in real time.\"\n\t\t\t\t\tbuttonLink=\"https://millionairescodeevent.com/live/event/\"\n\t\t\t\t\tbuttonClass=\"w-full lg:w-auto justify-center\"\n\t\t\t\t\t:buttonType=\"ctaAppearence || 'gradient-dark'\"\n\t\t\t\t\tbuttonText=\"Learn More\"\n\t\t\t\t\timgId=\"scanner-pitch-2-img\"\n\t\t\t\t\timgSrc=\"/images/scanner-grid-2.webp\"\n\t\t\t\t\timgAlt=\"scanner-grid-2.webp\"\n\t\t\t\t\t:imgWidth=\"572\"\n\t\t\t\t\t:imgHeight=\"264\"\n\t\t\t\t\tdataCtaType=\"alpha-scanner-cta\"\n\t\t\t\t/>\n\n\t\t\t\t<scanner-small\n\t\t\t\t\tscannerClass=\"scanner scanner-small bg-dark\"\n\t\t\t\t\ttitleClass=\"scanner-title text-white text-left\"\n\t\t\t\t\tparagraphClass=\"scanner-paragraph text-white pt-3 text-left\"\n\t\t\t\t\ttitle=\"IRIS Analytics\"\n\t\t\t\t\tdescription=\"StocksToTrade lead trainer Tim Bohen designed this AI system around his meticulous trading style — it's able to forecast explosive stock moves days and even weeks into the future!\"\n\t\t\t\t\tbuttonLink=\"https://beyondaievent.com/live/event/\"\n\t\t\t\t\tbuttonClass=\"w-full lg:w-auto justify-center\"\n\t\t\t\t\t:buttonType=\"ctaAppearence || 'gradient-light'\"\n\t\t\t\t\tbuttonText=\"Learn More\"\n\t\t\t\t\timgId=\"scanner-pitch-3-img\"\n\t\t\t\t\timgSrc=\"/images/scanner-grid-3.webp\"\n\t\t\t\t\timgAlt=\"scanner-grid-3.webp\"\n\t\t\t\t\t:imgWidth=\"572\"\n\t\t\t\t\t:imgHeight=\"264\"\n\t\t\t\t\tdataCtaType=\"iris-analytics-cta\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Container>\n\t</Row>\n</template>\n\n<script setup>\nconst { ctaAppearence } = defineProps({\n\tctaAppearence: { type: String }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.title {\n\tfont-size: 36px;\n\n\t@include breakpoint(md) {\n\t\tfont-size: 56px;\n\t}\n}\n.scanner {\n\tmin-height: 100px;\n\tborder-radius: 16px;\n\tpadding: 32px 0 0 20px;\n\ttext-align: left;\n\tposition: relative;\n\toverflow: hidden;\n\t@include breakpoint(lg) {\n\t\tpadding: 32px 0 0 32px;\n\t\tmax-height: 540px;\n\t}\n\timg {\n\t\tborder-radius: 16px 0px 0px 0px;\n\t\tmargin-left: auto;\n\t\tmargin-bottom: -12px;\n\t}\n\n\t&-big {\n\t\tpadding-top: 120px;\n\t\tpadding-bottom: 100px;\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\tpadding-top: 32px;\n\t\t\tpadding-bottom: 0;\n\t\t}\n\t}\n\n\t&-small {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\n\t\t@media only screen and (max-width: 768px) {\n\t\t\twidth: 100%;\n\t\t\tflex: auto !important;\n\t\t}\n\t}\n\n\t&-title {\n\t\tfont-family: Open Sauce Sans;\n\t\tfont-size: 32px;\n\t\tfont-weight: 500;\n\t\tline-height: 35px;\n\t\tletter-spacing: -2px;\n\t\ttext-align: left;\n\t}\n\t&-paragraph {\n\t\tfont-family: DM Sans;\n\t\tfont-size: 18px;\n\t\tfont-weight: 400;\n\t\tline-height: 27px;\n\t\tletter-spacing: 0px;\n\t\ttext-align: left;\n\t}\n}\n\n.bg-light {\n\tbackground: linear-gradient(167.41deg, #c3b9ff 19.11%, #364bbc 69.51%);\n}\n\n.bg-semi-light {\n\tbackground: linear-gradient(107.69deg, #87c7f5 15.06%, #c464ff 89.01%);\n}\n\n.bg-dark {\n\tbackground: linear-gradient(110.32deg, #091d56 8.05%, #331290 77.58%);\n}\n\n.big-image {\n\toverflow: hidden;\n\t.youtube-item {\n\t\ttext-decoration: none;\n\t\tdisplay: block;\n\t\tposition: relative;\n\n\t\t@include breakpoint(lg) {\n\t\t\t.big-image-content {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: start;\n\t\t\t\tmax-height: 504px;\n\t\t\t\t.content-title {\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t}\n\n\t\t\t\t.clock-time {\n\t\t\t\t\tfont-family: DM Sans;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 35%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\twidth: 96px;\n\t\t\theight: 96px;\n\t\t\tbackground: url(\"/images/play-button.svg\") no-repeat center center;\n\t\t\tbackground-size: contain;\n\t\t\tz-index: 2;\n\t\t\ttransition: transform 0.3s ease;\n\n\t\t\t@include breakpoint(lg) {\n\t\t\t\ttop: 50%;\n\t\t\t\twidth: 72px;\n\t\t\t\theight: 72px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover::before {\n\t\t\ttransform: translate(-50%, -50%) scale(1.5);\n\t\t}\n\t}\n}\n\n.big-thumbnail {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tdisplay: block;\n\tborder-radius: 16px;\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__eba01c43__\"","export default \"__VITE_PUBLIC_ASSET__3f18fd4b__\"","<template>\n\t<row class=\"section-gradient\">\n\t\t<container>\n\t\t\t<div class=\"flex flex-col items-center justify-center\">\n\t\t\t\t<h2\n\t\t\t\t\tclass=\"gradient-title-white text-[50px] lg:text-[54px] font-medium text-center mb-[32px] lg:mb-[72px]\"\n\t\t\t\t>\n\t\t\t\t\tFrequently Asked Questions\n\t\t\t\t</h2>\n\t\t\t\t<div class=\"w-full md:max-w-4xl flex flex-col gap-4\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"(faq, index) in faqs\"\n\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\tclass=\"faq-item\"\n\t\t\t\t\t\t:class=\"activeFaqIndex === index ? 'active' : 'inactive'\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t@click=\"toggleFaq(index)\"\n\t\t\t\t\t\t\tclass=\"faq-question flex justify-between items-center w-full\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ faq.question }}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t:class=\"{ 'rotate-180': activeFaqIndex === index }\"\n\t\t\t\t\t\t\t\tclass=\"chevron-icon\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"/images/CaretDown.svg\"\n\t\t\t\t\t\t\t\t\talt=\"Chevron Down Icon\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"faq-answer pt-[16px]\"\n\t\t\t\t\t\t\tv-html=\"faq.answer\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"mt-8 px-4 py-3 rounded-xl border border-white flex items-center gap-3\"\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=\"/images/ph_globe.png\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https://support.stockstotrade.com/\"\n\t\t\t\t\t\tclass=\"text-lg font-medium text-white\"\n\t\t\t\t\t>\n\t\t\t\t\t\tVisit Our Support Page\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</container>\n\t</row>\n</template>\n\n<script setup>\nconst faqs = [\n\t{\n\t\tquestion: \"Is StocksToTrade a broker?\",\n\t\tanswer:\n\t\t\t\"StocksToTrade is a real-time trading platform. We have broker integration on our platform! If your broker is a qualifying broker, you can integrate it and trade on the STT platform. Here’s a link on how to set up your broker account on STT: <a class='text-blue-300' href='https://support.stockstotrade.com/hc/en-us/articles/360009627554' target='_blank'>https://support.stockstotrade.com/hc/en-us/articles/360009627554</a>\"\n\t},\n\t{\n\t\tquestion: \"Does the trial include all of the features?\",\n\t\tanswer:\n\t\t\t\"The trial offers many features and access to Nasdaq Last Sale data. When you subscribe, you have the option to add our additional features such as the chatroom, level 2 or tip ranks!\"\n\t},\n\t{\n\t\tquestion: \"Do I have to download and install software?\",\n\t\tanswer:\n\t\t\t'Yes, please see our system requirements at <a class=\"text-blue-300\" target=\"_blank\" href=\"https://stockstotrade.com/system-requirements/\">https://stockstotrade.com/system-requirements/</a>'\n\t},\n\t{\n\t\tquestion: \"What Add On Features does StocksToTrade offer?\",\n\t\tanswer: `<div class=\"text-center\">\n                    <p class=\"text-lg font-bold\">StocksToTrade offers the following Add On Features that you can add to your subscription at any time via your account dashboard located here: \n\t\t\t\t\t\t<p class='text-base'><a class=\"text-blue-300\" href=\"https://orders.stockstotrade.com/cp\" target=\"_blank\" rel=\"noopener noreferrer\">Orders StockToTrade</a></p>\n\t\t\t\t\t</p>\n                    <p class=\"text-lg font-bold\">Level 2 Data</p>\n                    <p class='text-base'><strong>$29/Monthly &amp; $345/Annually</strong></p>\n                    <p class='text-base'>Level 2 will give you the best and all bid and ask prices for a given stock in real-time. It will also provide you with the different Market Markers and IDs. Level 2 will also include a 5 count bar that shows you the live-action of bids and asks coming in, in real-time! Knowing exactly who has an interest in a stock can be extremely useful for any style of trading!&nbsp;</p>\n                    <p class='text-base'><a class=\"text-blue-300\" target='_blank' href=\"https://orders.stockstotrade.com/cp/add_ons\" target=\"_blank\" rel=\"noopener noreferrer\">Orders Add Ons</a></p>\n                    <p class='text-base'>Note that this add-on feature is only available to current monthly or annual subscribers to STT.&nbsp;</p>\n                    <p class=\"text-lg font-bold\">Breaking News Chat</p>\n                    <p class='text-base'><strong>$49/Monthly &amp; $490/Annually</strong></p>\n                    <p class='text-base'>The Breaking News Chat feature is a chatroom on the StocksToTrade platform where our analysts provide relevant breaking news in real-time. Their goal is to help our subscribers gain access to breaking news articles before they are released or the stock has reacted. As former wall Streeters, our analysts also interact with our subscribers, answering and engaging in the chat when they are not breaking news.&nbsp;</p>\n                    <p class='text-base'>For a video, more information, and a trial offer, please visit: <a class=\"text-blue-300\" href=\"https://stockstotrade.com/breakingnewschat/\" target=\"_blank\" rel=\"noopener noreferrer\">StocksToTrade Breaking News</a></p>\n                    <p class=\"text-lg font-bold\">Tip Ranks</p>\n                    <p class='text-base'><strong>$8.95/Monthly &amp; $89.50/Annually</strong></p>\n                    <p class='text-base'>Tip Ranks is a tool used to give you insight into different stocks in the market. It provides you with the Analyst Rating, Insider Rating, and Hedge Fund Rating. Based on these ratings, you will be able to see if the stock is currently a Strong Buy, Buy, Neutral, Sell, or Strong Sell.&nbsp;</p>\n                    <p class='text-base'>Learn more about this tool here: <a class=\"text-blue-300\" href=\"https://university.stockstotrade.com/tipranks/\" target=\"_blank\" rel=\"noopener noreferrer\">StocksToTrade University</a></p>\n                    <p class=\"text-lg font-bold\">Small Cap Rockets</p>\n                    <p class='text-base'><strong>$50/Monthly &amp; $500/Annually</strong></p>\n                    <p class='text-base'>Small-Cap Rockets is a room in the StocksToTrade platform where our experienced traders Matt Monaco and Bryce Tuohey share the stocks they are trading themselves! The information provided will allow you to see not only the stocks they are trading but how our experienced traders get in and out of stock positions.&nbsp;</p>\n                    <p class='text-base'>For a trial and to learn more about our experienced traders, please visit: <a class=\"text-blue-300\" href=\"https://stockstotrade.com/small-cap-rockets/\" target='_blank'>Small Cap Rockets</a></p>\n                </div>\n                `\n\t},\n\t{\n\t\tquestion: \"What type of person should buy this?\",\n\t\tanswer:\n\t\t\t\"<p class='text-base'>All traders; beginners, intermediate, or advanced. We have a great tool that allows all traders to find potentially profitable moves. It can be used in a basic manner while learning, medium use when intermediate, and even as an advanced screener customizer and indicators for advanced traders.</p>\"\n\t},\n\t{\n\t\tquestion: \"What is Oracle?\",\n\t\tanswer: `<div class=\"article-body\">\n                  <p class='text-base'><span>To get the full breakdown of the <em>Oracle Algorithm Scanner</em> please visit this article <a class=\"text-blue-300\" href=\"https://support.stockstotrade.com/hc/en-us/articles/12761370640023-Breakdown-of-the-Oracle-Algorithm-Scanner\" target=\"_blank\" rel=\"noopener\">here.</a></span></p>\n                  <p class='text-base'><span>Oracle is a prediction algorithm scanner that finds stocks that have potential for movement in the market during the trading day. It gives Support and Resistance indicators for the stock and suggested signals to watch out for buying or selling. You will also have </span><span>Oracle Levels for each of the selected stocks that establishes resistance and support levels in order to quickly evaluate a security's potential for momentum throughout the trading session.</span></p>\n                  <p class='text-base'><span>For more information, here’s a video link to help you learn more about STT’s Oracle feature:</span></p>\n\t\t\t\t  <p class='text-base'><span><a class=\"text-blue-300\" href=\"https://www.youtube.com/user/stockstotrade/search?query=Oracle\" target=\"_blank\">https://youtu.be/stockstotrade/oracle</a></span></p>\n                 </div>\n                `\n\t},\n\t{\n\t\tquestion: \"What is StocksToTrade?\",\n\t\tanswer: `<div class=\"article-body\">\n                  <p class='text-base'><span>StocksToTrade is a real-time stock scanner intended to quickly find potential stock opportunities based on a wide variety of criteria. </span><span>Some of our features include: </span></p>\n                    <ul>\n                    <li><span>Super-fast, real-time Level 1 and Level 2 (optional) for all U.S. equities</span></li>\n                    <li><span>All major U.S. markets: NASDAQ, NYSE, AMEX and OTC markets</span></li>\n                    <li><span>Powerful strategy scans</span></li>\n                    <li><span>Dynamic charts with news indicators</span></li>\n                    <li><span>Chart drawing tools, indicators, and studies</span></li>\n                    <li><span>Price-event alerts on charts</span></li>\n                    <li><span>Real-time, criteria-based news streamer</span></li>\n                    <li><span>Watchlist-filtered news</span></li>\n                    <li><span>SEC filings streamer</span></li>\n                    <li><span>Stock-specific SEC filings and news</span></li>\n                    <li><span>Unlimited watchlists</span></li>\n                    <li><span>Criteria-based, custom stock screener</span></li>\n                    <li><span>Powerful pre-programmed scans based on Timothy Sykes’ strategies</span></li>\n                    <li><span>Quick access to top % gainers and losers</span></li>\n                    <li><span>Quick access to new highs and Lows</span></li>\n                    <li><span>Filterable previous-day data for research</span></li>\n                    <li><span>User settable stock alerts</span></li>\n                    <li><span>Linked information for efficiency</span></li>\n                    <li><span>Scroll through your existing watchlists fast</span></li>\n                    <li><span>Quickly find related companies in the same industry</span></li>\n                    <li><span>Key stock statistics at your fingertips</span></li>\n                    <li><span>Company profile with basic stock information</span></li>\n                    <li><span>Paper trading for practicing without risking capital</span></li>\n                    <li><span>And more! </span></li>\n                    </ul>\n                    <p class='text-base'><span>This makes StocksToTrade an invaluable tool for improving your trading efficiency and research process.</span></p>\n                 </div>\n                `\n\t},\n\t{\n\t\tquestion: \"Can I use STT if I’m outside of the U.S.?\",\n\t\tanswer:\n\t\t\t\"<p class='text-base'>StocksToTrade provides service to traders worldwide, with access to U.S. equity market data in real time. We don’t have geographical restrictions and welcome users from around the globe to use our services for their market data needs.</p>\"\n\t},\n\t{\n\t\tquestion: \"Does StocksToTrade provide real-time stock market data?\",\n\t\tanswer:\n\t\t\t\"<p class='text-base'>Yes. STT is a fast, real-time Level 1 and Level 2 platform for all U.S. equities. All features offered on STT are provided in real time.</p>\"\n\t}\n];\n\nconst activeFaqIndex = ref(null);\n\nconst toggleFaq = (index) => {\n\tif (activeFaqIndex.value === index) {\n\t\tactiveFaqIndex.value = null;\n\t} else {\n\t\tactiveFaqIndex.value = index;\n\t}\n};\n</script>\n\n<style lang=\"scss\">\n.faq-item {\n\tposition: relative;\n\tmargin-bottom: 1rem;\n\tborder-radius: 16px;\n\tpadding: 20px;\n\n\t&:not(.active):hover {\n\t\tborder-color: $slate-100;\n\t}\n\n\t@include breakpoint(lg) {\n\t\tpadding: 32px;\n\t}\n\n\t&.active {\n\t\tbackground-color: $black;\n\t\t&:before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tz-index: -1;\n\t\t\tmargin: -1px;\n\t\t\tborder-radius: inherit;\n\t\t\tbackground: linear-gradient(to right, $blue-300, $pink);\n\t\t}\n\n\t\t.faq-answer {\n\t\t\theight: 100%;\n\t\t\tpadding-top: 16px;\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t&.inactive {\n\t\tborder: solid 1px #666d80;\n\t}\n\n\t.faq-answer {\n\t\theight: 0;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t\ttransition: 200ms ease-in-out all;\n\t\topacity: 0;\n\t}\n}\n\n.article-body {\n\tdisplay: flex;\n\tgap: 24px;\n\tflex-direction: column;\n\n\tul {\n\t\tdisplay: flex;\n\t\tgap: 24px;\n\t\tflex-direction: column;\n\t\tlist-style: circle;\n\t}\n}\n.faq-question {\n\tfont-size: 1.25rem;\n\tcolor: white;\n\ttext-align: left;\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n\tcursor: pointer;\n\tfont-family: \"DM Sans\", sans-serif;\n}\n\n.faq-answer {\n\tpadding-bottom: 20px;\n\tcolor: white;\n\tfont-size: 1rem;\n\ta {\n\t\tcolor: $blue-300;\n\t}\n}\n\n.chevron-icon {\n\ttransition: transform 0.3s ease;\n}\n</style>\n","<template>\n\t<PlatformHeroSection />\n\t<Row>\n\t\t<Container>\n\t\t\t<section\n\t\t\t\tid=\"timeline\"\n\t\t\t\tclass=\"timeline\"\n\t\t\t>\n\t\t\t\t<div class=\"timeline-progress-bar\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"timeline-progress-colored\"\n\t\t\t\t\t\t:style=\"`height: ${counter}%;`\"\n\t\t\t\t\t></span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"timeline-container\">\n\t\t\t\t\t<TimelineBlock\n\t\t\t\t\t\t:id=\"'timeline-block-' + (i + 1)\"\n\t\t\t\t\t\tv-for=\"(item, i) in platformData\"\n\t\t\t\t\t\t:key=\"i\"\n\t\t\t\t\t\tv-bind=\"item\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t</Container>\n\t</Row>\n\t<platform-scanners-pitch-grid-section-desktop />\n\n\t<TestimonialSlider />\n\n\t<!-- <IntroBrokerIntegration /> -->\n\t<!-- <PlatformSlider /> -->\n\n\t<!-- <platform-no-broker-account-section /> -->\n\t<faq-section />\n\n\t<SystemRequirementsSection />\n\t<Head>\n\t\t<Title>StocksToTrade | Platform</Title>\n\t\t<Meta\n\t\t\tname=\"description\"\n\t\t\tcontent=\"Since 2009, StocksToTrade has helped new and seasoned traders make consistently profitable trades.  Try us today for only $7.00\"\n\t\t/>\n\n\t\t<Link\n\t\t\t:href=\"config.current_hostname.slice(0, -1) + '/platform/'\"\n\t\t\trel=\"canonical\"\n\t\t/>\n\t\t<Meta\n\t\t\t:content=\"config.current_hostname.slice(0, -1) + '/platform/'\"\n\t\t\tproperty=\"og:url\"\n\t\t/>\n\t</Head>\n</template>\n\n<script setup>\nimport anime from \"animejs\";\n\nconst config = useRuntimeConfig().public;\nconst router = useRoute();\n\nconst platformData = [\n\t{\n\t\tlabel: \"NEWS TICKER\",\n\t\ttitle: \"Get Real-Time Data\",\n\t\tdescription:\n\t\t\t\"Find all the stock info you need quickly and easily on our platform. No more searching through search engines and dealing with ads. StocksToTrade gives you instant Level 1 data, including fast stock quotes, press releases, and social feeds. Make better trading decisions with speed and simplicity.\",\n\t\timage: \"/images/platform-1.webp\"\n\t},\n\t{\n\t\tlabel: \"SCREENERS\",\n\t\ttitle: \"Your Strategy + Powerful Screeners\",\n\t\tdescription:\n\t\t\t\"StocksToTrade helps you find the best stocks out of 19,000 each week. Use our easy screeners to make watchlists for different strategies. Follow pre-made screeners from expert traders to spot hot opportunities.\",\n\t\timage: \"/images/platform-2.webp\"\n\t},\n\t{\n\t\tlabel: \"ORACLE\",\n\t\ttitle: \"Discover Stocks With the Biggest Percent Gains\",\n\t\tdescription:\n\t\t\t\"Get all the info you need about a stock with just one click on our platform. No more searching and dealing with ads. StocksToTrade gives you fast data like stock quotes and company news instantly. Putting everything you need to trade in one place.\",\n\t\timage: \"/images/platform-3.webp\"\n\t}\n];\nconst counter = ref(0);\n\nconst breakpoints = reactive(\n\tuseBreakpoints({\n\t\tsmall: 768\n\t})\n);\n\nfunction handleScroll() {\n\tconst timelineElement = document.querySelector(\"#timeline\");\n\tconst rect = timelineElement.getBoundingClientRect();\n\n\t// Get the start and end positions of the element relative to the document\n\tconst startOfElement = window.pageYOffset + rect.top - 600;\n\tconst endOfElement = startOfElement + rect.height;\n\n\tconst currentScrollPosition =\n\t\twindow.pageYOffset || document.documentElement.scrollTop;\n\n\t// Check if the current scroll position is within the range of the element\n\tif (\n\t\tcurrentScrollPosition >= startOfElement &&\n\t\tcurrentScrollPosition <= endOfElement\n\t) {\n\t\t// Calculate scroll percentage within the element\n\t\tlet scrollPercentage =\n\t\t\t((currentScrollPosition - startOfElement) / (rect.height + 900)) * 100;\n\t\t// Convert to scale of 1 to 100\n\t\tcounter.value = Math.min(Math.max(1, scrollPercentage), 100);\n\t}\n\n\tlastScrollPosition = currentScrollPosition;\n}\n\nonMounted(async () => {\n\tif (process.client) {\n\t\t// Intersection Observer setup\n\t\tconst observer = new IntersectionObserver((entries) => {\n\t\t\tentries.forEach((entry, i) => {\n\t\t\t\tif (entry.target.id === \"timeline\") {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\t// Add scroll listener here\n\t\t\t\t\t\twindow.addEventListener(\"scroll\", handleScroll);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Remove scroll listener here\n\t\t\t\t\t\twindow.removeEventListener(\"scroll\", handleScroll);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tconst timeline = document.querySelectorAll(\"#timeline, .timeline-block\");\n\n\t\ttimeline.forEach((element) => {\n\t\t\tobserver.observe(element);\n\t\t});\n\t}\n});\n</script>\n\n<style scoped lang=\"scss\">\n.timeline {\n\tposition: relative;\n}\n.timeline-progress-bar {\n\twidth: 4px;\n\theight: calc(100% - 140px);\n\tdisplay: block;\n\tborder-radius: 16px;\n\tbackground: rgba(255, 255, 255, 0.1);\n\tposition: absolute;\n}\n.timeline-progress-colored {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: sticky;\n\ttop: 0;\n\twidth: 4px;\n\tbackground: linear-gradient(180deg, #de59ff 0%, rgba(0, 87, 255, 1) 75%);\n\tborder-radius: 16px;\n\tjustify-content: center;\n\tdisplay: flex;\n\talign-items: flex-end;\n\t&::after {\n\t\tcontent: \"\";\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tmin-height: 16px;\n\t\tmin-width: 16px;\n\t\tbackground-color: white;\n\t\tborder-radius: 24px;\n\t\toutline: 12px solid $black;\n\t}\n}\n\n.timeline-container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0;\n\n\t@include breakpoint(lg) {\n\t\tgap: 64px;\n\t}\n}\n</style>\n"],"names":["_imports_0$2","breakpoints","reactive","useBreakpoints","onMounted","textWrapper","scale_value","anime","el","i","_imports_0$1","ctaAppearence","__props","_imports_0","_imports_1","faqs","activeFaqIndex","ref","toggleFaq","index","config","useRuntimeConfig","useRoute","platformData","counter","handleScroll","rect","startOfElement","endOfElement","currentScrollPosition","scrollPercentage","observer","entries","entry","element"],"mappings":"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"}