<template>
    <div class="wrapper" >
        <div v-scroll-reveal="{ delay: 0,  duration: 1000  }"><PartTitle TitleFa=" دسترسی سریع " TitleEn=" Quick Links " Color="grey lighten-2" TextColor="black--text"></PartTitle></div>
        <div class="row row-eq-height mt-4 mb-4" v-scroll-reveal="{ delay: 300,  duration: 1000  }">
            <div class="col-sm-2">
                <QuickLink Counter="65" TitleFa=" محصولات و خدمات " TitleEn=" My Products Services " ThemeColor="Red"></QuickLink>
            </div>
            <div class="col-sm-2">
                <QuickLink Counter="12" TitleFa=" خبرنامه من " TitleEn=" My Blog " ThemeColor="Orange"></QuickLink>
            </div>
            <div class="col-sm-2" >
                <QuickLink Counter="27" TitleFa=" نمونه کارهای من " TitleEn=" My Portfolios " ThemeColor="Purple" ></QuickLink>
            </div>
        </div>
        <div class="WM-Margin-T-55" v-scroll-reveal="{ delay: 600,  duration: 1000  }">
            <PartTitle TitleFa=" خلاصه ای از آمار " TitleEn=" Summery of Statistics " Color="grey lighten-2" TextColor="black--text"></PartTitle>
        </div>

        <div class="row" v-scroll-reveal="{ delay: 900,  duration: 1000  }">
            <div class="col-sm-6"> <BarChart  :height="300"></BarChart> </div>
            <div class="col-sm-6"> <LineChart :height="680"></LineChart> </div>
        </div>
    </div>
</template>

<script>
import QuickLink from "../components/Misc/QuickLink.vue";
import BarChart from '../components/Charts/BarChart.vue';
import LineChart from '../components/Charts/LineChart.vue';

export default {
    components: {
        QuickLink,
        BarChart,
        LineChart
    }
};

</script>
