<commit_before>import React from 'react';
import { Select, InfoBox } from '../../_common/components/elements.jsx';

const support_email = '<EMAIL>';

const Contact = () => (
    <div className='container' id='contact_content'>
        <div className='gr-row gr-parent static_full border-bottom gr-padding-30'>
            <div className='contact-content'>
                <h1 className='center-text'>{it.L('Contact us')}</h1>
                <div className='gr-row'>
                    <div className='gr-8 gr-12-t gr-12-p gr-12-m'>
                        <div className='gr-padding-10 invisible ja-show gr-parent'>
                            {it.L('JAPAN ONLY CONTACT TEXT')}
                            <p><a href={(`mailto:${support_email}`)} rel='nofollow'>{support_email}</a></p>
                        </div>
                        <div className='gr-padding-10 ja-hide gr-parent'>
                            <div className='gr-row'>
                                <div className='contact-icon-container gr-hide-p gr-hide-m'>
                                    <img className='contact-icon' src={it.url_for('images/pages/contact/contact-icon.svg')} />
                                </div>
                                <div className='gr-9 gr-12-p gr-12-m'>
                                    <div className='gr-row'>
                                        <div className='gr-4 gr-4-t gr-6-p gr-4-m'>
                                            <label htmlFor='cs_telephone_number' className='u-text-bold'>{it.L('Telephone:')}</label>
                                        </div>
                                        <div className='gr-8 gr-4-t gr-6-p gr-8-m'>
                                            <Select
                                                id='cs_telephone_number'
                                                options={[
                                                    { text: it.L('Australia'),      value: it.L('[_1] (Toll Free)', '+61 (02) 8294 5448, 1800 093570') },
                                                    { text: it.L('Canada'),         value: '+1 (450) 823 1002' },
                                                    { text: it.L('Indonesia'),      value: it.L('[_1] (Toll Free)', '0018030113641') },
                                                    { text: it.L('Ireland'),        value: it.L('[_1] (Toll Free)', '+353 (0) 76 888 7500, 1800931084') },
                                                    { text: it.L('Poland'),         value: '+48 58 881 00 02' },
                                                    { text: it.L('Russia'),         value: it.L('[_1] (Toll Free)', '8 10 8002 8553011') },
                                                    { text: it.L('United Kingdom'), value: it.L('[_1] (Toll Free)', '+44 (0) 1666 800042, 0800 011 9847'), selected: true },
                                                ]}
                                            />
                                        </div>
                                    </div>
                                    <div className='gr-row gr-padding-10'>
                                        <div className='gr-4 gr-4-t gr-6-p gr-4-m'/>
                                        <div className='gr-8 gr-8-t gr-6-p gr-8-m' id='display_cs_telephone'>
                                            {('+44 (0) 1666 800042')}
                                            <br />
                                            {it.L('[_1] (Toll Free)', '0800 011 9847')}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className='gr-row'>
                            <div className='gr-11 gr-12-m'>
                                <p className='ja-hide'>{it.L('If you are not located in the above-mentioned countries, simply dial any of our contact numbers for help.')}</p>
                            </div>
                        </div>
                        <div className='hint calls_recording'>
                            * {it.L('All calls are recorded for training and monitoring purposes')}
                        </div>
                        <div className='gr-parent ja-hide'>
                            <div className='chat'>
                                <div className='chat-container'>
                                    <img className='chat-icon' src={it.url_for('images/pages/contact/chat-icon.svg')} />
                                    <a
                                        className='chat-link'
                                        href='https://binary.desk.com/customer/widget/chats/disabled'
                                        target='_blank'
                                        rel='noopener noreferrer'
                                    >
                                        {it.L('Live Chat')}
                                    </a>
                                </div>
                                <div className='chat-paragraph'>
                                    <p>{it.L('Weekdays: 1000 - 1300 GMT')}</p>
                                    <p>{it.L('Weekend: 1200 - 0900 GMT')}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className='gr-4 gr-12-t gr-12-p gr-12-m ja-hide'>
                        <div className='gr-padding-10 gr-parent u-text-bold'>
                            {it.L('Email:')}
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            {it.L('For general support:')}
                        </div>
                        <div className='gr-padding-10 gr-parent u-mar-bottom-small'>
                            <a href={(`mailto:${support_email}`)} rel='nofollow'>{support_email}</a>
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            {it.L('For payments-related queries:')}
                        </div>
                        <div className='gr-padding-10 gr-parent u-mar-bottom-small'>
                            <a href='mailto:<EMAIL>'><EMAIL></a>
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            {it.L('For affiliate, partnership, and other marketing-related queries:')}
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            <a href='mailto:<EMAIL>'><EMAIL></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div className='gr-padding-30' id='company_addresses'>
            <div className='gr-padding-20 center-text gr-parent'>
                <h1>{it.L('Company addresses')}</h1>
            </div>
            <div className='gr-row'>
                <InfoBox padding='6' header={it.L('Malta')} text={it.L('Binary (Europe) Limited & Binary Investments (Europe) Ltd, Mompalao Building, Suite 2, Tower Road, Msida MSD1825')} />
                <InfoBox padding='6' header={it.L('Isle of Man')} text={it.L('Binary (IOM) Limited, First Floor, Millennium House, Victoria Road, Douglas, IM2 4RW')} />
            </div>

            <div className='gr-hide-p gr-hide-m gr-padding-20' />

            <div className='gr-row'>
                <InfoBox padding='6' header={it.L('Malaysia')} sub_header={it.L('Cyberjaya Office')}    text={it.L('Binary Group Services Sdn. Bhd., C-13-02, iTech Tower, Jalan Impact, Cyber 6, 63000 Cyberjaya, Selangor Darul Ehsan')} />
                <InfoBox padding='6' header={it.L('Malaysia')} sub_header={it.L('Kuala Lumpur Office')} text={it.L('Binary Group Services Sdn. Bhd., 30-10, Q Sentral, Jalan Stesen Sentral 2, 50470 Kuala Lumpur')} />
            </div>
        </div>
    </div>
);

export default Contact;
<commit_msg>update layout for tablet and phablet<commit_after>import React from 'react';
import { Select, InfoBox } from '../../_common/components/elements.jsx';

const support_email = '<EMAIL>';

const Contact = () => (
    <div className='container' id='contact_content'>
        <div className='gr-row gr-parent static_full border-bottom gr-padding-30'>
            <div className='contact-content'>
                <h1 className='center-text'>{it.L('Contact us')}</h1>
                <div className='gr-row'>
                    <div className='gr-8 gr-8-t gr-7-p gr-12-m'>
                        <div className='gr-padding-10 invisible ja-show gr-parent'>
                            {it.L('JAPAN ONLY CONTACT TEXT')}
                            <p><a href={(`mailto:${support_email}`)} rel='nofollow'>{support_email}</a></p>
                        </div>
                        <div className='gr-padding-10 ja-hide gr-parent'>
                            <div className='gr-row'>
                                <div className='contact-icon-container gr-hide-p gr-hide-m'>
                                    <img className='contact-icon' src={it.url_for('images/pages/contact/contact-icon.svg')} />
                                </div>
                                <div className='gr-9 gr-12-p gr-12-m'>
                                    <div className='gr-row'>
                                        <div className='gr-4 gr-4-t gr-4-p gr-4-m'>
                                            <label htmlFor='cs_telephone_number' className='u-text-bold'>{it.L('Telephone:')}</label>
                                        </div>
                                        <div className='gr-8 gr-6-t gr-8-p gr-8-m'>
                                            <Select
                                                id='cs_telephone_number'
                                                options={[
                                                    { text: it.L('Australia'),      value: it.L('[_1] (Toll Free)', '+61 (02) 8294 5448, 1800 093570') },
                                                    { text: it.L('Canada'),         value: '+1 (450) 823 1002' },
                                                    { text: it.L('Indonesia'),      value: it.L('[_1] (Toll Free)', '0018030113641') },
                                                    { text: it.L('Ireland'),        value: it.L('[_1] (Toll Free)', '+353 (0) 76 888 7500, 1800931084') },
                                                    { text: it.L('Poland'),         value: '+48 58 881 00 02' },
                                                    { text: it.L('Russia'),         value: it.L('[_1] (Toll Free)', '8 10 8002 8553011') },
                                                    { text: it.L('United Kingdom'), value: it.L('[_1] (Toll Free)', '+44 (0) 1666 800042, 0800 011 9847'), selected: true },
                                                ]}
                                            />
                                        </div>
                                    </div>
                                    <div className='gr-row gr-padding-10'>
                                        <div className='gr-4 gr-4-t gr-4-p gr-4-m'/>
                                        <div className='gr-8 gr-8-t gr-8-p gr-8-m' id='display_cs_telephone'>
                                            {('+44 (0) 1666 800042')}
                                            <br />
                                            {it.L('[_1] (Toll Free)', '0800 011 9847')}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className='gr-row'>
                            <div className='gr-11 gr-10-t gr-12-p gr-12-m'>
                                <p className='ja-hide'>{it.L('If you are not located in the above-mentioned countries, simply dial any of our contact numbers for help.')}</p>
                            </div>
                        </div>
                        <div className='hint calls_recording'>
                            * {it.L('All calls are recorded for training and monitoring purposes')}
                        </div>
                        <div className='gr-parent ja-hide'>
                            <div className='chat'>
                                <div className='chat-container'>
                                    <img className='chat-icon' src={it.url_for('images/pages/contact/chat-icon.svg')} />
                                    <a
                                        className='chat-link'
                                        href='https://binary.desk.com/customer/widget/chats/disabled'
                                        target='_blank'
                                        rel='noopener noreferrer'
                                    >
                                        {it.L('Live Chat')}
                                    </a>
                                </div>
                                <div className='chat-paragraph'>
                                    <p>{it.L('Weekdays: 1000 - 1300 GMT')}</p>
                                    <p>{it.L('Weekend: 1200 - 0900 GMT')}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className='gr-4 gr-4-t gr-5-p gr-12-m ja-hide'>
                        <div className='gr-padding-10 gr-parent u-text-bold'>
                            {it.L('Email:')}
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            {it.L('For general support:')}
                        </div>
                        <div className='gr-padding-10 gr-parent u-mar-bottom-small'>
                            <a href={(`mailto:${support_email}`)} rel='nofollow'>{support_email}</a>
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            {it.L('For payments-related queries:')}
                        </div>
                        <div className='gr-padding-10 gr-parent u-mar-bottom-small'>
                            <a href='mailto:<EMAIL>'><EMAIL></a>
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            {it.L('For affiliate, partnership, and other marketing-related queries:')}
                        </div>
                        <div className='gr-padding-10 gr-parent'>
                            <a href='mailto:<EMAIL>'><EMAIL></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div className='gr-padding-30' id='company_addresses'>
            <div className='gr-padding-20 center-text gr-parent'>
                <h1>{it.L('Company addresses')}</h1>
            </div>
            <div className='gr-row'>
                <InfoBox padding='6' header={it.L('Malta')} text={it.L('Binary (Europe) Limited & Binary Investments (Europe) Ltd, Mompalao Building, Suite 2, Tower Road, Msida MSD1825')} />
                <InfoBox padding='6' header={it.L('Isle of Man')} text={it.L('Binary (IOM) Limited, First Floor, Millennium House, Victoria Road, Douglas, IM2 4RW')} />
            </div>

            <div className='gr-hide-p gr-hide-m gr-padding-20' />

            <div className='gr-row'>
                <InfoBox padding='6' header={it.L('Malaysia')} sub_header={it.L('Cyberjaya Office')}    text={it.L('Binary Group Services Sdn. Bhd., C-13-02, iTech Tower, Jalan Impact, Cyber 6, 63000 Cyberjaya, Selangor Darul Ehsan')} />
                <InfoBox padding='6' header={it.L('Malaysia')} sub_header={it.L('Kuala Lumpur Office')} text={it.L('Binary Group Services Sdn. Bhd., 30-10, Q Sentral, Jalan Stesen Sentral 2, 50470 Kuala Lumpur')} />
            </div>
        </div>
    </div>
);

export default Contact;

{'fraction_non_alphanumeric': 0.13391035548686245, 'fraction_numerical': 0.032890262751159194, 'mean_word_length': 0.972201901975128, 'pattern_counts': {'":': 0, '<': 217, '<?xml version=': 0, '>': 219, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 128, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6704868', 'n_tokens_mistral': 4388, 'n_tokens_neox': 3917, 'n_words': 861}