<commit_before>import React from 'react';
import SeparatorLine from '../../_common/components/separator_line.jsx';

const BoxInner = ({ className = '', href, image, text }) => (
    <div className={`gr-6 center-text ${className}`}>
        { href ?
            <React.Fragment>
                <a href={it.url_for(href)}>
                    <img className='gr-7 gr-centered' src={it.url_for(`images/pages/about/${image}.svg`)} />
                </a>
                <p>{text}</p>
            </React.Fragment>
            :
            <React.Fragment>
                <img className='gr-7 gr-centered' src={it.url_for(`images/pages/about/${image}.svg`)} />
                <p>{text}</p>
            </React.Fragment>
        }
    </div>
);

const ValuesBox = ({ subheader, icon, paragraph }) => (
    <div className='gr-6 gr-12-p gr-12-m'>
        <div className='values-box'>
            <div className={`icon-wrapper ${icon}`} />
            <div className='content-wrapper'>
                <div>
                    <h4 className='values-box-subheader'>{subheader}</h4>
                </div>
                <SeparatorLine no_wrapper sub_class='header-line' />
                <div>
                    <p className='values-box-text'>
                        {paragraph}
                    </p>
                </div>
            </div>
        </div>
    </div>
);

const Box = ({ children }) => (
    <div className='gr-6 gr-12-m'>
        <div className='gr-row'>
            {children}
        </div>
    </div>
);


const Index = () => (
    <div className='about-us box-inlay-borders static_full'>
        <div className='container section'>
            <div className='gr-parent'>
                <h1 className='center-text gr-padding-20'>
                    {it.L('The premier platform for trading binary options in the world\'s financial markets')}
                </h1>
                <div className='gr-row'>
                    <div className='gr-6 gr-12-m gr-padding-20'>
                        <img className='mac' src={it.url_for('images/pages/about/mac.svg')} />
                    </div>
                    <div className='gr-1 gr-hide-t gr-hide-p gr-hide-m' />
                    <div className='gr-5 gr-12-m'>
                        <p>{it.L('Founded in 1999, [_1] is one of the oldest and most respected names in online binary trading.', it.website_name)}</p>
                        <p>{it.L('Using our website, customers can trade currencies, indices, commodities, and volatility indices 24/7. We have the most flexible pricing and the most comprehensive suite of products available.')}</p>
                        <p>{it.L('[_1] has earned an enviable reputation for our commitment to high ethical standards and the quality of the trading experience we provide.', it.website_name)}</p>
                        <p>{it.L('When you trade with [_1], you can be assured that your deposits are held in a separate trust account and are not used for any other purpose.', it.website_name)}</p>
                    </div>
                </div>
            </div>
            <div className='gr-12'>
                <SeparatorLine no_wrapper sub_class='gr-padding-10' />
            </div>
            <div className='gr-parent'>
                <h1 className='center-text gr-padding-20' data-anchor='our-values'>
                    {it.L('Our values')}
                </h1>
                <div className='gr-row'>
                    <ValuesBox
                        subheader={it.L('Integrity')}
                        icon='ic-intergrity'
                        paragraph={it.L('We believe that we should always do the right thing. This includes serving our customers with honesty and transparency, settling all contracts by the book, and communicating in plain language that can be easily understood.')}
                    />
                    <ValuesBox
                        subheader={it.L('Teamwork')}
                        icon='ic-teamwork'
                        paragraph={it.L('We value positive team players who can work together to overcome challenges and achieve common goals.')}
                    />
                    <ValuesBox
                        subheader={it.L('Competence')}
                        icon='ic-competence'
                        paragraph={it.L('We love to work with smart and talented people who are eager to roll up their sleeves and get things done.')}
                    />
                    <ValuesBox
                        subheader={it.L('Customer focus')}
                        icon='ic-customer-focus'
                        paragraph={it.L('We always put our customers first and dedicate ourselves to building products and services that give them the best trading experience possible.')}
                    />

                    <div className='gr-12 center-text'>
                        <p>{it.L('Want to be a part of our dynamic culture? Browse all our openings and see where you fit:')}</p>
                    </div>
                    <div className='center-element'>
                        <a className='button-secondary' href={it.url_for('careers?anchor=open-positions')}>
                            <span>{it.L('Open positions')}</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div className='fill-bg-color'>
            <div className='container section'>
                <div className='gr-padding-10 facts'>
                    <h1 className='center-text gr-padding-20'>{it.L('Key facts')}</h1>
                    <div className='gr-row border-bottom no-padding'>
                        <Box>
                            <BoxInner className='border-right-top' href='/group-history' image='founded' text={it.L('<a href=\'[_1]\'>Founded</a> October 1999', it.url_for('group-history'))} />
                            <BoxInner className='border-right-top' image='debt-free' text={it.L('Debt-free')} />
                        </Box>
                        <Box>
                            <BoxInner className='border-right-top' href='/careers' image='staff' text={it.L('Over [_1] <a href=\'[_2]\'>staff</a> and contractors worldwide', '190', it.url_for('careers'))} />
                            <BoxInner image='1mil' text={it.L('Over 1 million registered accounts worldwide')} />
                        </Box>
                    </div>
                    <div className='gr-row gr-parent'>
                        <Box>
                            <BoxInner className='border-right-bottom gr-padding-30' image='transacts' text={it.L('Binary\'s platform transacts on average [_1] [_2]transactions[_3] per second, 24/7', '20', '<a href=\'https://binarycom.statuspage.io/\' target=\'_blank\' rel=\'noopener noreferrer\'>', '</a>')} />
                            <BoxInner className='border-right-bottom gr-padding-30' href='/contact' image='locations' text={it.L('<a href=\'[_1]\'>Offices</a> in Malta and Malaysia', it.url_for('contact'))} />
                        </Box>
                        <Box>
                            <BoxInner className='border-right-bottom gr-padding-30' image='license' text={it.L('Licensed and regulated in Malta, the United Kingdom, the Isle of Man, and Ireland')} />
                            <BoxInner className='gr-padding-30' image='languages' text={it.L('Published in English, Indonesian, Chinese, Polish, German, French, Spanish, Portuguese, Russian, Italian, Vietnamese and Thai')} />
                        </Box>
                    </div>
                </div><commit_msg>change the order of languages<commit_after>import React from 'react';
import SeparatorLine from '../../_common/components/separator_line.jsx';

const BoxInner = ({ className = '', href, image, text }) => (
    <div className={`gr-6 center-text ${className}`}>
        { href ?
            <React.Fragment>
                <a href={it.url_for(href)}>
                    <img className='gr-7 gr-centered' src={it.url_for(`images/pages/about/${image}.svg`)} />
                </a>
                <p>{text}</p>
            </React.Fragment>
            :
            <React.Fragment>
                <img className='gr-7 gr-centered' src={it.url_for(`images/pages/about/${image}.svg`)} />
                <p>{text}</p>
            </React.Fragment>
        }
    </div>
);

const ValuesBox = ({ subheader, icon, paragraph }) => (
    <div className='gr-6 gr-12-p gr-12-m'>
        <div className='values-box'>
            <div className={`icon-wrapper ${icon}`} />
            <div className='content-wrapper'>
                <div>
                    <h4 className='values-box-subheader'>{subheader}</h4>
                </div>
                <SeparatorLine no_wrapper sub_class='header-line' />
                <div>
                    <p className='values-box-text'>
                        {paragraph}
                    </p>
                </div>
            </div>
        </div>
    </div>
);

const Box = ({ children }) => (
    <div className='gr-6 gr-12-m'>
        <div className='gr-row'>
            {children}
        </div>
    </div>
);


const Index = () => (
    <div className='about-us box-inlay-borders static_full'>
        <div className='container section'>
            <div className='gr-parent'>
                <h1 className='center-text gr-padding-20'>
                    {it.L('The premier platform for trading binary options in the world\'s financial markets')}
                </h1>
                <div className='gr-row'>
                    <div className='gr-6 gr-12-m gr-padding-20'>
                        <img className='mac' src={it.url_for('images/pages/about/mac.svg')} />
                    </div>
                    <div className='gr-1 gr-hide-t gr-hide-p gr-hide-m' />
                    <div className='gr-5 gr-12-m'>
                        <p>{it.L('Founded in 1999, [_1] is one of the oldest and most respected names in online binary trading.', it.website_name)}</p>
                        <p>{it.L('Using our website, customers can trade currencies, indices, commodities, and volatility indices 24/7. We have the most flexible pricing and the most comprehensive suite of products available.')}</p>
                        <p>{it.L('[_1] has earned an enviable reputation for our commitment to high ethical standards and the quality of the trading experience we provide.', it.website_name)}</p>
                        <p>{it.L('When you trade with [_1], you can be assured that your deposits are held in a separate trust account and are not used for any other purpose.', it.website_name)}</p>
                    </div>
                </div>
            </div>
            <div className='gr-12'>
                <SeparatorLine no_wrapper sub_class='gr-padding-10' />
            </div>
            <div className='gr-parent'>
                <h1 className='center-text gr-padding-20' data-anchor='our-values'>
                    {it.L('Our values')}
                </h1>
                <div className='gr-row'>
                    <ValuesBox
                        subheader={it.L('Integrity')}
                        icon='ic-intergrity'
                        paragraph={it.L('We believe that we should always do the right thing. This includes serving our customers with honesty and transparency, settling all contracts by the book, and communicating in plain language that can be easily understood.')}
                    />
                    <ValuesBox
                        subheader={it.L('Teamwork')}
                        icon='ic-teamwork'
                        paragraph={it.L('We value positive team players who can work together to overcome challenges and achieve common goals.')}
                    />
                    <ValuesBox
                        subheader={it.L('Competence')}
                        icon='ic-competence'
                        paragraph={it.L('We love to work with smart and talented people who are eager to roll up their sleeves and get things done.')}
                    />
                    <ValuesBox
                        subheader={it.L('Customer focus')}
                        icon='ic-customer-focus'
                        paragraph={it.L('We always put our customers first and dedicate ourselves to building products and services that give them the best trading experience possible.')}
                    />

                    <div className='gr-12 center-text'>
                        <p>{it.L('Want to be a part of our dynamic culture? Browse all our openings and see where you fit:')}</p>
                    </div>
                    <div className='center-element'>
                        <a className='button-secondary' href={it.url_for('careers?anchor=open-positions')}>
                            <span>{it.L('Open positions')}</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div className='fill-bg-color'>
            <div className='container section'>
                <div className='gr-padding-10 facts'>
                    <h1 className='center-text gr-padding-20'>{it.L('Key facts')}</h1>
                    <div className='gr-row border-bottom no-padding'>
                        <Box>
                            <BoxInner className='border-right-top' href='/group-history' image='founded' text={it.L('<a href=\'[_1]\'>Founded</a> October 1999', it.url_for('group-history'))} />
                            <BoxInner className='border-right-top' image='debt-free' text={it.L('Debt-free')} />
                        </Box>
                        <Box>
                            <BoxInner className='border-right-top' href='/careers' image='staff' text={it.L('Over [_1] <a href=\'[_2]\'>staff</a> and contractors worldwide', '190', it.url_for('careers'))} />
                            <BoxInner image='1mil' text={it.L('Over 1 million registered accounts worldwide')} />
                        </Box>
                    </div>
                    <div className='gr-row gr-parent'>
                        <Box>
                            <BoxInner className='border-right-bottom gr-padding-30' image='transacts' text={it.L('Binary\'s platform transacts on average [_1] [_2]transactions[_3] per second, 24/7', '20', '<a href=\'https://binarycom.statuspage.io/\' target=\'_blank\' rel=\'noopener noreferrer\'>', '</a>')} />
                            <BoxInner className='border-right-bottom gr-padding-30' href='/contact' image='locations' text={it.L('<a href=\'[_1]\'>Offices</a> in Malta and Malaysia', it.url_for('contact'))} />
                        </Box>
                        <Box>
                            <BoxInner className='border-right-bottom gr-padding-30' image='license' text={it.L('Licensed and regulated in Malta, the United Kingdom, the Isle of Man, and Ireland')} />
                            <BoxInner className='gr-padding-30' image='languages' text={it.L('Published in Chinese, English, French, German, Indonesian, Italian, Polish, Portuguese, Russian, Spanish, Thai and Vietnamese')} />
                        </Box>
                    </div>
                </div>
{'fraction_non_alphanumeric': 0.13644688644688643, 'fraction_numerical': 0.010596546310832025, 'mean_word_length': 1.5760741364785174, 'pattern_counts': {'":': 0, '<': 231, '<?xml version=': 0, '>': 239, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4537509', 'n_tokens_mistral': 4136, 'n_tokens_neox': 3855, 'n_words': 1033}