Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add rota oculta para plano individual
- Loading branch information
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,99 @@ | ||
| <template> | ||
| <!-- <div | ||
| class="my-5 tabs is-toggle is-toggle-rounded is-centered is-medium mb-0"> | ||
| <ul> | ||
| <li :class="{ 'is-active': !showAnual }"> | ||
| <a @click="showAnual = false"> | ||
| <span>Plano mensal</span> | ||
| </a> | ||
| </li> | ||
| <li :class="{ 'is-active': showAnual }"> | ||
| <a @click="showAnual = true"> | ||
| <span>Plano anual</span> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> --> | ||
|
|
||
| <div class="columns is-centered"> | ||
| <div class="column is-two-thirds"> | ||
| <div class="box" style="height: 38rem"> | ||
| <p class="is-size-6 has-text-weight-bold"> Uso Comercial </p> | ||
| <p class="is-size-3 has-text-weight-bold has-text-black"> Enterprise </p> | ||
| <p class="is-size-6 is-italic"> Production Ready </p> | ||
| <hr/> | ||
| <div class="has-text-centered mb-2 pr-5"> | ||
| <button | ||
| @click="$router.push('/contato')" | ||
| class="button button-full-width is-size-6 is-primary has-text-white is-full has-text-weight-bold"> | ||
| Entrar em contato | ||
| </button> | ||
| </div> | ||
| <br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">API Bolsa, Fundos, Tesouro, Índices e Taxas</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Histórico cotações fim de dia (inclusive ajustadas)</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Histórico de dividendos, JCP, splits/inplits e bonificações</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Histórico de +50 indicadores</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Histórico de resultados (BP, DRE, DFC) padronizados</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Número de chamadas customizado</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Suporte premium e técnico</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Ícones e logos dos ativos</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Base backtest sem vieses</span><br> | ||
| <CheckmarkItemComp/><span class="is-size-6" style="line-height: 200%">Acesso antecipado a novas funcionalidades</span><br> | ||
| <span class="is-size-7 pointer is-underlined" @click="$router.push('/FAQ')" style="line-height: 400%">Clique para entender porque a Fintz é a melhor opção</span><br> | ||
| </div> | ||
| <div clas="has-text-centered"> | ||
| <span class="is-size-7">Plano individual? Para uso não comercial, adquira nosso plano </span> | ||
| <span class="is-size-7 pointer is-underlined" @click="redirectAssinarMensal">mensal</span> | ||
| <span class="is-size-7"> ou </span> | ||
| <span class="is-size-7 pointer is-underlined" @click="redirectAssinarAnual">anual</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import CheckmarkItemComp from '@/comps/CheckmarkItemComp' | ||
| export default { | ||
| name: 'BenefitsComp', | ||
| components: { | ||
| CheckmarkItemComp | ||
| }, | ||
| data () { | ||
| return { | ||
| showAnual: true | ||
| } | ||
| }, | ||
| methods: { | ||
| redirectAssinarMensal () { | ||
| this.$gtag.event('click-assinar-mensal', { event_category: this.$route.name }) | ||
| window.location.href = 'https://www.asaas.com/c/220760563882' | ||
| }, | ||
| redirectAssinarAnual () { | ||
| this.$gtag.event('click-assinar-anual', { event_category: this.$route.name }) | ||
| window.location.href = 'https://www.asaas.com/c/567105707020' | ||
| } | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| .pointer { | ||
| cursor: pointer | ||
| } | ||
| .button-full-width { | ||
| padding-left: 28%; | ||
| padding-right: 28%; | ||
| } | ||
| .strikethrough { | ||
| text-decoration: line-through; | ||
| text-decoration-thickness: 2px; /* Adjust thickness as desired */ | ||
| /* text-decoration-color: black; Adjust color for more visibility, if desired */ | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,96 @@ | ||
| <template> | ||
| <div style="max-width: 100%; overflow-x: hidden" class="has-background-white"> | ||
| <NavbarComp /> | ||
|
|
||
| <section> | ||
| <div class="container px-6"> | ||
| <figure> | ||
| <img src="@/assets/candle.png"/> | ||
| </figure> | ||
| </div> | ||
| </section> | ||
|
|
||
| <PricingIndividual/> | ||
|
|
||
| <section class="section py-0 px-0" id="modelo-customizavel"> | ||
| <div class="hero-body"> | ||
| <div class="container"> | ||
| <p class="title is-3 has-text-black">Modelo de negócios diferente?</p> | ||
| <p class="subtitle is-6 mb-0"> | ||
| Caso você cobre por usuário, por acesso, ou qualquer outra maneira, nós vamos montar o plano ideal para você. | ||
| </p> | ||
| <p> | ||
| Entre em contato e vamos ajudar: contato@fintz.com.br | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <ClientsStories/> | ||
|
|
||
| <section class="section my-6" id="vantagens-fintz"> | ||
| <div class="container has-text-centered"> | ||
| <span class="subtitle is-2 has-text-black"> Vantagens de usar a Fintz </span> | ||
| <div class="columns mt-5"> | ||
|
|
||
| <BenefitsComp/> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <ClientsTestimonies/> | ||
|
|
||
| <ContactForm/> | ||
|
|
||
| <FooterComp /> | ||
|
|
||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import FooterComp from '@/comps/FooterComp' | ||
| import NavbarComp from '@/comps/NavbarComp' | ||
| import ContactForm from '@/comps/ContactForm' | ||
| import PricingIndividual from '@/comps/PricingIndividual' | ||
| import ClientsStories from '@/comps/ClientsStories' | ||
| import ClientsTestimonies from '@/comps/ClientsTestimonies' | ||
| import BenefitsComp from '@/comps/BenefitsComp' | ||
| export default { | ||
| name: 'App', | ||
| components: { | ||
| FooterComp, | ||
| NavbarComp, | ||
| ContactForm, | ||
| ClientsStories, | ||
| ClientsTestimonies, | ||
| BenefitsComp, | ||
| PricingIndividual | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| #section1 { | ||
| background-size: cover; | ||
| background-position: center; | ||
| background-repeat: no-repeat; | ||
| /* background-image: url("../assets/back_light4.jpg"); | ||
| background-image: url("../assets/back_dark.jpg"); */ | ||
| /* text-shadow: 1px 1px 1px #313338; */ | ||
| } | ||
| .list { | ||
| display: list-item; | ||
| list-style-type: disc; | ||
| list-style-position: inside; | ||
| } | ||
| .my-img { | ||
| max-height: 10rem; | ||
| max-width: 10rem | ||
| } | ||
| .black-line { | ||
| background-color: #444 | ||
| } | ||
| </style> |
Oops, something went wrong.