<commit_before>import React      from 'react';
import { Table }  from '../../_common/components/elements.jsx';
import {
    TabContainer,
    TabContent,
    TabContentContainer,
    TabsSubtabs } from '../../_common/components/tabs.jsx';

const ArrowsMobile = ({ direction, parent }) => (
    <div className='align-self-center gr-2 gr-hide gr-show-m gr-no-gutter'>
        <img
            className={`go-${direction} gr-5 gr-no-gutter gr-centered`}
            data-parent={parent}
            src={it.url_for(`images/pages/home/arrow_${direction}.svg`)}
        />
    </div>
);

const TypesOfPartnership = () => (
    <section className='type-of-partner primary-bg-color'>
        <div className='container center-text gr-padding-30'>
            <h2>{it.L('The types of partnerships we offer')}</h2>
            <p className='color-white'>{it.L('Depending on what you do, you can apply as our Affiliate or Introducing Broker, or both. More new clients from you means higher potential commissions.')}
            </p>
            <div className='has-tabs'>
                <ul className='gr-row'>
                    <li className='gr-6'><a href='#affiliate'>{it.L('Affiliate')}</a></li>
                    <li className='gr-6'><a href='#ib'>{it.L('Introducing Broker (IB)')}</a></li>
                </ul>
                <div id='affiliate'>
                    <div className='gr-12 white-bg-color'>
                        <p className='gr-padding-20 no-margin'>{it.L('Earn up to 35% in commission by referring new clients to trade on our premier platforms for binary options. All commissions are credited into your account by the 15th of every month.')}</p>
                        <h3 className='secondary-color'>{it.L('Commision structure')}</h3>
                        <TabContainer className='gr-padding-30 gr-parent full-width gr-11 gr-12-m gr-centered' theme='light'>
                            <div className='gr-row gr-hide gr-show-m mobile-menu'>
                                <ArrowsMobile parent='commission_structure' direction='left' />
                                <strong id='tab_mobile_header' className='align-self-center gr-8' />
                                <ArrowsMobile parent='commission_structure' direction='right' />
                            </div>
                            <TabsSubtabs
                                id='commission_structure'
                                className='gr-parent tab-selector-wrapper gr-hide-m'
                                items={[
                                    { id: 'revenue',   text: it.L('Revenue Share') },
                                    { id: 'turnover',  text: it.L('Turnover') },
                                    { id: 'cpa',       text: it.L('CPA (EU only)') },
                                    { id: 'commission_structure_selector', className: 'tab-selector' },
                                ]}
                            />
                            <div className='tab-content'>
                                <TabContentContainer>
                                    <TabContent id='revenue' className='selectedTab'>
                                        <div className='gr-11 gr-12-m gr-centered'>
                                            <p className='no-margin text-align-left'>{it.L('Earn increasingly higher payouts with tiered and laddered commission rates that reward you based on the net revenue generated by your referred clients.')}</p>
                                            <Table
                                                data={{
                                                    thead: [
                                                        [
                                                            { text: it.L('Tier') },
                                                            { text: it.L('Total net revenue per month (USD)') },
                                                            { text: it.L('Commission rates') },
                                                        ],
                                                    ],
                                                    tbody: [
                                                        [
                                                            { text: it.L('1') },
                                                            { text: it.L('$0 - $10,000') },
                                                            { text: it.L('20%') },
                                                        ],
                                                        [
                                                            { text: it.L('2') },
                                                            { text: it.L('$10,001 – $50,000') },
                                                            { text: it.L('25%') },
                                                        ],
                                                        [
                                                            { text: it.L('3') },
                                                            { text: it.L('$50,001 – $100,000') },
                                                            { text: it.L('30%') },
                                                        ],
                                                        [
                                                            { text: it.L('4') },
                                                            { text: it.L('$100,001 and above') },
                                                            { text: it.L('35%') },
                                                        ],
                                                    ],
                                                }}
                                            />
                                            <a href={it.affiliate_signup_url} className='button' target='_blank' rel='noopener noreferrer'>
                                                <span>{it.L('Sign up now')}</span>
                                            </a>
                                        </div>
                                    </TabContent>
                                    <TabContent id='turnover'><commit_msg>update type of partnership<commit_after>import React      from 'react';
import { Table }  from '../../_common/components/elements.jsx';
import {
    TabContainer,
    TabContent,
    TabContentContainer,
    TabsSubtabs } from '../../_common/components/tabs.jsx';

const ArrowsMobile = ({ direction, parent }) => (
    <div className='align-self-center gr-2 gr-hide gr-show-m gr-no-gutter'>
        <img
            className={`go-${direction} gr-5 gr-no-gutter gr-centered`}
            data-parent={parent}
            src={it.url_for(`images/pages/home/arrow_${direction}.svg`)}
        />
    </div>
);

const TypesOfPartnership = () => (
    <section className='type-of-partner primary-bg-color'>
        <div className='container center-text gr-padding-30'>
            <h2>{it.L('The types of partnerships we offer')}</h2>
            <p className='color-white'>{it.L('Depending on what you do, you can apply as our Affiliate or Introducing Broker, or both. More new clients from you means higher potential commissions.')}
            </p>
            <div className='has-tabs'>
                <ul className='gr-row'>
                    <li className='gr-6'><a href='#affiliate'>{it.L('Affiliate')}</a></li>
                    <li className='gr-6'><a href='#ib'>{it.L('Introducing Broker (IB)')}</a></li>
                </ul>
                <div id='affiliate'>
                    <div className='gr-12 white-bg-color'>
                        <p className='gr-padding-20 no-margin'>{it.L('Earn up to 45% in commission based on the total net revenue generated by your clients. Commissions are credited into your account after the 15th of every month.')}</p>
                        <h3 className='secondary-color'>{it.L('Commision structure')}</h3>
                        <TabContainer className='gr-padding-30 gr-parent full-width gr-11 gr-12-m gr-centered' theme='light'>
                            <div className='gr-row gr-hide gr-show-m mobile-menu'>
                                <ArrowsMobile parent='commission_structure' direction='left' />
                                <strong id='tab_mobile_header' className='align-self-center gr-8' />
                                <ArrowsMobile parent='commission_structure' direction='right' />
                            </div>
                            <TabsSubtabs
                                id='commission_structure'
                                className='gr-parent tab-selector-wrapper gr-hide-m'
                                items={[
                                    { id: 'revenue',   text: it.L('Revenue Share') },
                                    { id: 'turnover',  text: it.L('Turnover') },
                                    { id: 'cpa',       text: it.L('CPA (EU only)') },
                                    { id: 'commission_structure_selector', className: 'tab-selector' },
                                ]}
                            />
                            <div className='tab-content'>
                                <TabContentContainer>
                                    <TabContent id='revenue' className='selectedTab'>
                                        <div className='gr-11 gr-12-m gr-centered'>
                                            <p className='no-margin text-align-left'>{it.L('Our commission structure is a simple 2-tiered plan.')}</p>
                                            <Table
                                                data={{
                                                    thead: [
                                                        [
                                                            { text: it.L('Tier') },
                                                            { text: it.L('Total net revenue per month (USD)') },
                                                            { text: it.L('Commission rates') },
                                                        ],
                                                    ],
                                                    tbody: [
                                                        [
                                                            { text: it.L('1') },
                                                            { text: it.L('$0 - $20,000') },
                                                            { text: it.L('30%') },
                                                        ],
                                                        [
                                                            { text: it.L('2') },
                                                            { text: it.L('$20,001 and above') },
                                                            { text: it.L('45%') },
                                                        ],
                                                    ],
                                                }}
                                            />
                                            <a href={it.affiliate_signup_url} className='button' target='_blank' rel='noopener noreferrer'>
                                                <span>{it.L('Sign up now')}</span>
                                            </a>
                                        </div>
                                    </TabContent>
                                    <TabContent id='turnover'>
{'fraction_non_alphanumeric': 0.10926670659707367, 'fraction_numerical': 0.010353384101993669, 'mean_word_length': 0.7898928024502297, 'pattern_counts': {'":': 0, '<': 97, '<?xml version=': 0, '>': 101, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 148, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '828797', 'n_tokens_mistral': 2432, 'n_tokens_neox': 2310, 'n_words': 517}