<template>

    <div class="buttonMenu">
        <div class="buttonBg">
           
                <div class="buttonText">
                    <div class="titleLogo">
                        <!-- <h1 @click="goToTop">TrustyPay</h1> -->
                        <div @click="goToTop" class="buttonLogo">
                            <img src="../assets/index/Group63.png" alt="">
                            <p>2024 © TrustyPay Payments. All rights reserved.</p>
                        </div>
                        <div class="buttonBtn">
                           <router-link to="/ContactUs"> <el-button plain>Sign up</el-button></router-link>
                        </div>
                    </div>
                    <div>
                        <h4>NAVIGATION</h4>
                        <nav>
                            <router-link to="/Payments">Payments</router-link><br>
                            <router-link to="/AboutUs">About Us</router-link><br>
                            <router-link to="/FAQ">FAQ</router-link><br>
                            <router-link to="/ContactUs">Contact Us</router-link><br>
                        </nav>
                    </div>
                    <div>
                        <h4>LEGAL</h4>
                        <nav>
                            <router-link to="/termsUse">TrustyPay Terms of Use</router-link><br>
                            <router-link to="/privacy">TrustyPay Privacy Policy</router-link><br>
                            <router-link to="/Copyright">Copyright information</router-link><br>
                        </nav>
                    </div>
                    <div>
                        
                        <div class="rightInfo">
                            <div class="jumpImg">
                               <a href="https://www.linkedin.com/company/trusty-pay/"> <img src="@/assets/index/linkedin.png" alt=""></a>
                            </div>
                            <div class="contactText">
                                <p><b>Contact sales team:</b> sales@trustypay.com.au</p>
                                <p><b>Contact support team:</b> support@trustypay.com.au</p>
                                <p><b>Call:</b> 1300 67 61 61</p>
                                <p><b>Address:</b> Level 1, 480 Collin St, Melbourne, VIC, AUSTRALIA 3000. </p>                               
                            </div>
                        </div>
                    </div>
                </div>
                <P>BROUGHT TO LIFE BY <b>IDEAS</b></P>
            


        </div>
    </div>




</template>

<script>

export default {
    name: 'buttonMenu',
    data() {
        return {

        }
    },
    methods: {
        goToTop() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            })
        }
    }

}
</script>

<style>
.buttonMenu {  
    .buttonBg {
        background: url('@/assets/index/asset1.png');
        width: 100%;
        height: auto;

        .buttonText {
            display: flex;
            justify-content: center;
            gap: 160px;
            padding: 70px 0px;

            .titleLogo {
                padding-top: 20px;
            
                .buttonLogo{
                    img{
                        width: 335px;
                        height: 65px;
                    }
                    p{
                        padding: 0;
                        font-size: 14px;
                    }
                    cursor: pointer;
                }
                .buttonBtn {
                    padding-top: 70px;

                    .el-button {
                        width: 120px;
                        height: 38px;
                        background-color: #005372;
                        color: #33C6F4;
                        border-radius: 8px;
                        border: 1px solid transparent;
                    }
                }
            }

            h4 {
                color: #005372;
                font-size: 16px;
            }

            nav a {
                text-decoration: none;
                font-size: 16px;
                color: #005372;
                line-height: 26px;
            }

            nav a:hover {
                color: #fff;
            }
        }

        p {
            text-align: center;
            color: #005372;
            font-size: 16px;
            padding: 24px 0px;
            margin: 0;
        }
        .rightInfo{
            /* width: 260px; */
            margin-top: 15px;
            .jumpImg{
                img{
                    width: 50px;
                    height: 50px;
                }
            }
            .contactText{
                p{
                  text-align: left;   
                  padding:4px 0;
                }
               
            }
        }
    }


}

/* 小屏幕 */
@media (max-width: 767px) {
    .buttonMenu{
        height:auto;
    }
  .buttonText {
   display: inline;
  }
}
</style>