{"version":3,"file":"js/475.55da61ec.js","mappings":"8sHAiCA,MAAMA,GAASC,EAAAA,EAAAA,MACTC,EAAeC,IACjBH,EAAOI,KAAKD,GACZE,OAAOC,SAAS,EAAG,EAAE,E,gaC9BzB,MAAMC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,wXCeA,MAAMP,GAASC,EAAAA,EAAAA,MACTO,EAAO,CACT,CACIC,KAAM,YACNN,KAAM,KAGV,CACIM,KAAM,aACNN,KAAM,UAEV,CACIM,KAAM,UACNN,KAAM,YAEV,CACIM,KAAM,UACNN,KAAM,YAEV,CACIM,KAAM,qBACNN,KAAM,kBAEV,CACIM,KAAM,iBACNN,KAAM,mBAGRD,EAAeC,IACjBO,QAAQC,IAAI,OAAQR,GACpBH,EAAOY,QAAQT,EAAK,E,gUC/CxB,MAAMI,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,wsCC+BA,MAAMM,EAAe,CACjB,CACIC,MAAO,EACPC,MAAO,oBACPC,QACI,mJACJC,QAAS,4BAEb,CACIH,MAAO,EACPC,MAAO,oBACPC,QACI,sJACJC,QAAS,2BAEb,CACIH,MAAO,EACPC,MAAO,mBACPC,QACI,qFACJC,QAAS,2BAEb,CACIH,MAAO,EACPC,MAAO,0BACPC,QACI,kHACJC,QAAS,6B,qZC5DjB,MAAMV,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O","sources":["webpack://supewave_softwae_company_limited/./src/components/FooterCom.vue","webpack://supewave_softwae_company_limited/./src/components/FooterCom.vue?60f3","webpack://supewave_softwae_company_limited/./src/components/HeaderCom.vue","webpack://supewave_softwae_company_limited/./src/components/HeaderCom.vue?37d7","webpack://supewave_softwae_company_limited/./src/views/homePage.vue","webpack://supewave_softwae_company_limited/./src/views/homePage.vue?92fa"],"sourcesContent":["<template>\n    <div class=\"footer-content\">\n        <div class=\"top\">\n            <div class=\"right-left\">\n                <div class=\"title\">Các Trang</div>\n                <div class=\"page\" @click=\"handleClick('/')\">Trang Chủ</div>\n                <div class=\"page\" @click=\"handleClick('/service')\">Dịch Vụ</div>\n                <div class=\"page\" @click=\"handleClick('/about')\">Giới Thiệu</div>\n                <div class=\"page\" @click=\"handleClick('/contact')\">Liên Hệ</div>\n            </div>\n            <div class=\"right-left\">\n                <div class=\"title\">Liên Hệ</div>\n                <div class=\"page\">\n                    <img src=\"../assets/bottomIcon1.webp\" alt=\"\">\n                    Số 1/76 Đường Ngô Gia Tự, Phường Chánh Nghĩa, Thành phố Thủ Dầu Một, Tỉnh Bình Dương, Việt Nam\n                </div>\n                <!-- <div class=\"page\">\n                    <img src=\"../assets/bottomIcon2.webp\" alt=\"\">\n                    +91 7001836208\n                </div> -->\n                <div class=\"page\">\n                    <img src=\"../assets/bottomIcon3.webp\" alt=\"\">\n                    viewfuture17@gmail.com\n                </div>\n            </div>\n        </div>\n        <div class=\"bottom\">\n            © 2024 Bản quyền thuộc về CÔNG TY TNHH PHẦN MỀM SUPERWAVW\n        </div>\n    </div>\n</template>\n<script setup>\nimport { useRouter } from \"vue-router\";\nconst router = useRouter();\nconst handleClick = (path) => {\n    router.push(path);\n    window.scrollTo(0, 0);\n};\n</script>\n<style lang=\"less\" scoped>\n.top {\n    color: #ffff;\n    background: #333333;\n    display: flex;\n    justify-content: space-between;\n    padding: 46px 353px;\n\n    .right-left {\n\n        .title {\n            font-weight: 500;\n            font-size: 24px;\n            color: #FFFFFF;\n            line-height: 36px;\n            text-align: left;\n            text-wrap: nowrap;\n        }\n\n        .page {\n            font-weight: 400;\n            font-size: 16px;\n            color: #FFFFFF;\n            line-height: 25px;\n            margin-top: 22px;\n\n            img {\n                width: 16px;\n                height: 17px;\n                object-fit: contain;\n                margin-right: 10px;\n            }\n        }\n    }\n}\n\n.bottom {\n    text-align: center;\n    font-weight: 400;\n    font-size: 20px;\n    color: #FFFFFF;\n    line-height: 30px;\n    padding: 24px 0;\n    background: #1F1F1F;\n    position: relative;\n}\n</style>","import script from \"./FooterCom.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FooterCom.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./FooterCom.vue?vue&type=style&index=0&id=967836ca&lang=less&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-967836ca\"]])\n\nexport default __exports__","<template>\n    <div class=\"box\">\n        <img class=\"logo\" src=\"../assets/logo.webp\" />\n        <div class=\"btns\">\n            <div class=\"btn\" v-for=\"btn in btns\" :key=\"btn.name\" @click=\"handleClick(btn.path)\" :style=\"{\n                color: btn.name === cur ? '#333333' : '#000000',\n                background: btn.name === cur ? '#FBA346' : 'unset',\n            }\">\n                {{ btn.name }}\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport { defineProps } from \"vue\";\nimport { useRouter } from \"vue-router\";\ndefineProps({\n    cur: {\n        type: String,\n        required: true,\n        default: \"Trang Chủ\",\n    },\n});\nconst router = useRouter();\nconst btns = [\n    {\n        name: \"Trang Chủ\",\n        path: \"/\",\n    },\n    \n    {\n        name: \"Giới Thiệu\",\n        path: \"/about\",\n    },\n    {\n        name: \"Dịch Vụ\",\n        path: \"/service\",\n    },\n    {\n        name: \"Liên Hệ\",\n        path: \"/contact\",\n    },\n    {\n        name: \"Chính sách bảo mật\",\n        path: \"/privatePolicy\",\n    },\n    {\n        name: \"Thỏa thuận vay\",\n        path: \"/loanAgreement\",\n    }\n];\nconst handleClick = (path) => {\n    console.log(\"path\", path);\n    router.replace(path);\n};\n</script>\n<style lang=\"less\" scoped>\n.box {\n    height: 120px;\n    padding: 0 216px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .logo {\n        width: 436px;\n        object-fit: contain;\n    }\n\n    .btns {\n        display: flex;\n\n        .btn {\n            font-weight: bold;\n            font-size: 24px;\n            cursor: pointer;\n            padding: 7px 10px;\n            line-height: 120px;\n            text-align: center;\n            text-wrap: nowrap;\n        }\n    }\n}\n</style>","import script from \"./HeaderCom.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HeaderCom.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HeaderCom.vue?vue&type=style&index=0&id=02ab2343&lang=less&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-02ab2343\"]])\n\nexport default __exports__","<template>\n    <div class=\"home-top\">\n        <Header cur=\"Trang Chủ\" />\n        <div class=\"top-title\">\n            Siêu Tốc Đổi Mới, Vượt Sóng Thành Công\n        </div>\n        <!-- <div class=\"top-content\">\n            We are your premier partner for personal loans. Whether your dreams involve buying a home, pursuing\n            education, or other personal aspirations, we are committed to providing flexible and transparent loan\n            solutions to help you achieve your financial goals.\n        </div> -->\n    </div>\n    <div class=\"home-about\">\n        <!-- <div class=\"about-title\">About US</div> -->\n        <div class=\"about-content\">\n            <img class=\"about-img\" src=\"../assets/aboutImg.webp\" />\n            <div class=\"about-left\">\n                <div class=\"about-lTitle\">Giới Thiệu</div>\n                <div class=\"about-info\">\n                    CÔNG TY TNHH PHẦN MỀM SUPERWAVW là công ty phát triển phần mềm hàng đầu tại Việt Nam. Chúng tôi cung cấp các giải pháp công nghệ tiên tiến, đáp ứng nhu cầu của khách hàng trong nhiều lĩnh vực khác nhau. Với đội ngũ chuyên gia giàu kinh nghiệm, SUPERWAVW cam kết mang lại sản phẩm chất lượng cao, giúp tối ưu hóa hiệu quả công việc và tạo ra giá trị bền vững cho doanh nghiệp.\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"home-service\">\n        <div class=\"service-title\">Dịch Vụ Của Chúng Tôi</div>\n        <div class=\"service-content\">\n            <div class=\"service-card\" v-for=\"item in serviceLists\" :key=\"item.index\"\n                :style=\"{ backgroundColor: item.bgColor }\">\n                <div class=\"item-title\">{{ item.title }}</div>\n                <div class=\"item-content\">{{ item.content }}</div>\n            </div>\n        </div>\n    </div>\n    <Footer />\n</template>\n<script setup>\nimport Header from \"@/components/HeaderCom.vue\";\nimport Footer from \"@/components/FooterCom.vue\";\nconst serviceLists = [\n    {\n        index: 1,\n        title: \"Dịch vụ toàn diện\",\n        content:\n            \"CÔNG TY TNHH PHẦN MỀM SUPERWAVW cung cấp dịch vụ hoàn chỉnh từ tư vấn đến phát triển phần mềm tùy chỉnh, đáp ứng nhu cầu đa dạng của khách hàng.\",\n        bgColor: \"rgba(104, 152, 237, .04)\",\n    },\n    {\n        index: 2,\n        title: \"Độ phủ ngành nghề\",\n        content:\n            \"Dịch vụ cho nhiều ngành như tài chính, bán lẻ, sản xuất và giáo dục, giúp doanh nghiệp tối ưu hóa quy trình hoạt động và nâng cao hiệu quả quản lý.\",\n        bgColor: \"rgba(246, 143, 34, .04)\",\n    },\n    {\n        index: 3,\n        title: \"Bảo trì hệ thống\",\n        content:\n            \"Cung cấp dịch vụ bảo trì và nâng cấp phần mềm, đảm bảo hệ thống hoạt động ổn định.\",\n        bgColor: \"rgba(246, 143, 34, .04)\",\n    },\n    {\n        index: 4,\n        title: \"Khách hàng là trung tâm\",\n        content:\n            \"Cam kết đáp ứng nhu cầu phát triển không ngừng của khách hàng, hỗ trợ sự tăng trưởng bền vững của doanh nghiệp.\",\n        bgColor: \"rgba(103, 150, 236, .04)\",\n    },\n];\n</script>\n<style scoped lang=\"less\">\n.home-top {\n    height: 1040px;\n    background-image: url(\"../assets/homeBg.webp\");\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    margin-bottom: 252px;\n    position: relative;\n\n    .top-title {\n        width: 613px;\n        height: 712px;\n        font-weight: 400;\n        font-size: 96px;\n        color: #000000;\n        line-height: 130px;\n        text-align: center;\n        position: absolute;\n        top: 285px;\n        left: 654px;\n    }\n}\n\n.home-service {\n    margin-bottom: 325px;\n    padding: 0 220px;\n\n    .service-title {\n        font-weight: bold;\n        font-size: 36px;\n        color: #333333;\n        line-height: 50px;\n        position: relative;\n\n        &::before {\n            content: '';\n            width: 81px;\n            height: 12px;\n            background: #6696ED;\n            position: absolute;\n            left: 0;\n            top: -22px;\n        }\n    }\n\n    .service-content {\n        margin-top: 62px;\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        .service-card {\n            width: 720px;\n            height: 256px;\n            padding: 30px 26px;\n            box-sizing: border-box;\n            margin-bottom: 60px;\n\n            // .item-icon {\n            //     width: 90px;\n            //     height: 100px;\n            //     object-fit: contain;\n            // }\n\n            .item-title {\n                font-weight: bold;\n                font-size: 36px;\n                color: #333333;\n                line-height: 50px;\n                text-wrap: nowrap;\n            }\n\n            .item-content {\n                margin-top: 24px;\n                font-weight: 400;\n                font-size: 28px;\n                color: #333333;\n                line-height: 38px;\n            }\n        }\n    }\n}\n\n.home-about {\n    padding: 0 220px;\n    text-align: center;\n    margin-bottom: 350px;\n\n    // .about-title {\n    //     font-weight: bold;\n    //     font-size: 36px;\n    //     color: #333333;\n    //     line-height: 50px;\n    //     position: relative;\n\n    //     &::before {\n    //         content: 'About US';\n    //         font-weight: bold;\n    //         font-size: 188px;\n    //         color: #333333;\n    //         opacity: .1;\n    //         z-index: -1;\n    //         line-height: 258px;\n    //         text-wrap: nowrap;\n    //         position: absolute;\n    //         top: -170px;\n    //         left: 50%;\n    //         transform: translateX(-50%);\n    //     }\n    // }\n\n    .about-content {\n        display: flex;\n        align-items: center;\n        text-align: right;\n\n        .about-img {\n            width: 884.54px;\n            object-fit: cover;\n        }\n\n        .about-left {\n            display: flex;\n            flex-direction: column;\n\n            .about-lTitle {\n                font-weight: bold;\n                font-size: 36px;\n                color: #333333;\n                line-height: 50px;\n                text-wrap: nowrap;\n                position: relative;\n\n                &::before {\n                    content: '';\n                    width: 81px;\n                    height: 12px;\n                    background: #F68F22;\n                    position: absolute;\n                    right: 0;\n                    top: -22px;\n                }\n            }\n\n            .about-info {\n                margin-top: 79px;\n                font-weight: 400;\n                font-size: 18px;\n                color: #333333;\n                line-height: 33px;\n            }\n        }\n    }\n}\n</style>","import script from \"./homePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./homePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./homePage.vue?vue&type=style&index=0&id=d96851ae&scoped=true&lang=less\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-d96851ae\"]])\n\nexport default __exports__"],"names":["router","useRouter","handleClick","path","push","window","scrollTo","__exports__","btns","name","console","log","replace","serviceLists","index","title","content","bgColor"],"sourceRoot":""}