<script setup>
import { ref, onMounted, computed, reactive } from 'vue'
import { useStore } from "vuex";
import { useRouter } from "vue-router";
const store = useStore();
const route = useRouter();
let setting = computed(() => store.state.settings)
let data = computed(() => store.state.mainPage)
let loader = computed(() => store.state.mainPageLoader)
const normal = async()=>{
    store.dispatch('mainPageLoader', true)
    return
    if(data.value.length == 0){
        axios.post('/api/all-page/contacts').then(response => {
            let d = response.data.data
            store.dispatch('mainPage', d)
            store.dispatch('mainPageLoader', false)
        })
    }else{
        axios.post('/api/all-page/contacts').then(response => {
            let d = response.data.data
            store.dispatch('mainPage', d)
            store.dispatch('mainPageLoader', false)
        })
    }
}
onMounted(async () => {
    window.scrollTo(0, 0);
    normal()
    store.dispatch('mobileMenuHideShow', false)  
    store.dispatch("SearchText", null)
    store.dispatch('rightSidebar', false)
    store.dispatch('LeftCategorySidebar',false)
    store.dispatch('CartCompare','0px')
    store.dispatch('HeaderFooterOff',true)
})
let form = reactive({
    'name':'',
    'email':'',
    'phone':'',
    'message':'',
    'subject':'',
})
const sendMessage = async()=>{
    axios.post('/api/contactpagesendmessage', form).then(response => {
        form.name = ''
        form.email = ''
        form.phone = ''
        form.message = ''
    })
}
const COntactUs = async()=>{
    route.push('contact-us')
}
</script>
<template>
<main class="main">
    <div class="page-content">
        <div class="container">
             <div class="contact-top-section mt-5">
                <div class="logo-login d-flex justify-content-center">
                    <img @click="HomePageBack" class="mb-4" :src="'https://wbbd.wholesalebagbd.com/full%20_logo.png'" style="width:210px;cursor:pointer">
                </div>
                <h1>Privacy Policy</h1>
                <div class="message-text">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="item-top">Wholesale Bag Bd</div>
                                <div class="p">A registered sole propreleterech under Bangladeshi trade law C+ Trade BD.</div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Founding Date</div>
                                <div class="p">Established in 2020</div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Headquarters and Branch Locations:</div>
                                <div class="p">Head Office: <br>
                                427/1D, 2nd Floor, Jhawchar, Hazaribagh, Dhaka, Bangladesh.<br><br>
                                Branch Warehouse:<br>
                                Savar, Dhaka.</div>
                            </div>
                            
                            <div class="col-md-12">
                                <div class="item-top">Industry and Target Market:</div>
                                <div class="p">
                                    Industry: Bag Manufacturing & Wholesale Target Market:
                                    <ul>
                                        <li>Corporate organizations</li>
                                        <li>Retailers</li>
                                        <li>Exporters</li>
                                        <li>Promotional event planner</li>
                                        <li>Schools, NGOs and local institutions</li>
                                    </ul>
                                </div>
                            </div>
                                                        <div class="col-md-12">
                                <div class="item-top">Mission and Visiion</div>
                                <div class="p">Mission:<br>
                                    To deliver high-quality, reliable and affordable bags to businesses and individuals through innovation, precision and personalized service.
                                    <br><br>
                                    Vision: <br>
                                    To be the leading bag manufacturer and wholesale supplier in South Asia, recognized for trust, variety and quality.
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Contact Information</div>
                                <div class="p">
                                    Email: info@wholesalebagbd.com<br>
                                    Phone:+8801762888439<br>
                                    Website:www.wholesalebagbd.com
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="item-top">Legal Status</div>
                                <div class="p">Wholesale Bag BD is a registered sole proprietorship under Bangladeshi trade law.<br>
                                Trade License No.: TRAD/DSCC/039989/2020<br>
                                BIN : 004854433-0209
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Founde(s) or Key Personnel</div>
                                <div class="p">Md. Abdullah Al NOmal - Founder & Managing Director<br>
                                Team includes experienced professionals in manufacturing, logistics, design and sales.
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Products/Services:</div>
                                <div class="p">
                                    <ul>
                                        <li>Backpack</li>
                                        <li>Canvas Bag</li>
                                        <li>Laptop Bag</li>
                                        <li>Leather Bags</li>
                                        <li>Non-Woven Bags</li>
                                        <li>Storage Bags</li>
                                        <li>Travel Bags</li>
                                        <li>Customized bulk</li>
                                        <li>Customized bulk orders for corporate clients</li>
                                        <li>Logo printing & branding on bags</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Achievements or Milestones:</div>
                                <div class="p">
                                    <ul>
                                        <li>Delivered 1,00,000+ units since launch</li>
                                        <li>Trusted by major clients including CP Five Star, Motion View, NeoFarmers</li>
                                        <li>Expanded product line from 3 to 8 categories in 3 years</li>
                                        <li>Launched international shipping for bulk orders in 2024</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Certifications/Licenses:</div>
                                <div class="p">
                                    <ul>
                                        <li>Registered With Dhaka South City Corporation</li>
                                        <li>VAT-registered Business Identification Number (BIN)</li>
                                        <li>Eco-friendly product initiative started in 2023</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="item-top">Company Stats:</div>
                                <div class="p">
                                    <ul>
                                        <li>Employees:20+ staff and 50+ contract workers</li>
                                        <li>Revenue (2024):$250,000+</li>
                                        <li>Clients Served: 500+ nationwide</li>
                                    </ul>
                                </div>
                            </div>
                            

                        </div>
                        </div>
                    </div>
                </div>
        </div><!-- End .container -->
    </div><!-- End .page-content -->
</main><!-- End .main -->
</template>
<style scoped>
.col-md-12{
    margin-top:30px;
}
.col-md-6 .item-top{
    color:#1a1a1a;
    font-size:27px;
    font-weight:500;
}
.col-md-6 .p{
    font-size:18px;
    color:#4f4f4f;
    font-weight:400;
}
.col-md-6 .p ul li{
    position: relative;
    padding-left:15px;
}
.col-md-6 .p ul li:before{
    position:absolute;
    content:'';
    width:6px;
    height:6px;
    background:#454545;
    top:50%;
    left:0px;
    border-radius:50%;
}
.contact-gradient{
    margin: 0;
        width:200px;
      height: 200px;
      background: #26A9E0;
      filter: blur(160px);
    position:absolute;
}
.contact-gradient.left{
    top:-120px;
    left:-50px;
}
.text-website{
    color:v-bind(setting.color);
}
.text-center p span{
    color:v-bind(setting.color);
}
.contact-gradient.right{
    top:-120px;
    right:-50px;
}
h1{
    text-align: center;
    font-size:50px;
    font-weight:600;
    color:#1a1a1a;
}
h1 span{
    color:v-bind(setting.color);
}
.text-1, .text-2{
     color:#1a1a1a;
     font-size:20px;
     font-weight:400;
     margin-bottom:30px;
     line-height: 1.3;
}
p.text{
    font-size:16px;
    font-weight:300;
    color:#3d3d3d
}
.top-paragraph{
    font-size:16px;
    text-align:center;
    font-weight:400;
    color:#6d6d6d
}
.message-templae{
    background-color: #fff;
    padding: 30px;
    border-radius:12px;
}
.contact-left{
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:3;
    order:0;
}
.message-text{
    background:#ffffff;
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
    position:relative;
}
.form-group label{
    margin : 0 0 0;
    font-size:14px;
    font-weight:400;
    color:#1a1a1a;
}
.form-group input, .form-group textarea{
    font-size:12px;
    font-weight:400;
    color:#888888;
    border:1px solid v-bind(setting.color);
    background:#F8F8F8;
    padding:25px 15px;
}
.loader{
    width: 100%;
    display:flex;
    justify-content: center;
    margin-bottom: 100px;
}
.router-link-active.router-link-exact-active{
    border-bottom: 2px solid v-bind(setting.color);
}
.page-img{
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat;
}
.page-content{
    padding-bottom:0;
}
.page-background-image{
    position: relative;
}
.page-background-image .page-img {
    min-height: 350px;
    transition: .5s ease-in-out;
    background-color: #ccc;
}
.page-background-image .page-title {
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    color: #fff;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
}
.link{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 25px;
}


.pl {
	display: block;
	width: 6.25em;
	height: 6.25em;
}
.pl__ring, .pl__ball {
	animation: ring 2s ease-out infinite;
}
.pl__ball {
	animation-name: ball;
}

/* Dark theme  */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: hsl(var(--hue),10%,10%);
		--fg: hsl(var(--hue),10%,90%);
	}
}

/* Animation */
@keyframes ring {
	from {
		stroke-dasharray: 0 257 0 0 1 0 0 258;
	}
	25% {
		stroke-dasharray: 0 0 0 0 257 0 258 0;
	}
	50%, to {
		stroke-dasharray: 0 0 0 0 0 515 0 0;
	}
}
@keyframes ball {
	from, 50% {
		animation-timing-function: ease-in;
		stroke-dashoffset: 1;
	}
	64% {
		animation-timing-function: ease-in;
		stroke-dashoffset: -109;
	}
	78% {
		animation-timing-function: ease-in;
		stroke-dashoffset: -145;
	}
	92% {
		animation-timing-function: ease-in;
		stroke-dashoffset: -157;
	}
	57%, 71%, 85%, 99%, to {
		animation-timing-function: ease-out;
		stroke-dashoffset: -163;
	}
}
input.send-message{
    background: v-bind(setting.color);
    color: #fff;
}
@media screen and (max-width: 768px) {
.contact-left{
    order:1;
}
h1{
    font-size:24px;
}
.top-paragraph{
    font-size:10 px;
}
.form-group label{
    font-size:12px;
}
.form-group input, .form-group textarea{
    font-size:10px;
    padding: 10px
}
.message-templae{
    padding:10px;
    background:none;
}
.by-reaching{
    font-size:10px!important
}
.text-1, .text-2{
    font-size:16px;
}
/* Contact Page */
.col-md-6 .item-top{
    font-size:18px;
}
.col-md-6 .p{
    font-size:10px;
}
img.mb-4{
    margin-bottom:10px!important;
}
.message-text{
    padding:0!important
}
}
</style>