Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

1 wiersz
21 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\home\\\\CoreValue.js\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\"; // @material-ui/icons\n\nimport Chat from \"@material-ui/icons/Chat\";\nimport VerifiedUser from \"@material-ui/icons/VerifiedUser\";\nimport Fingerprint from \"@material-ui/icons/Fingerprint\"; // core components\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport InfoArea from \"components/InfoArea/InfoArea.js\";\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\nimport styles from \"assets/jss/nextjs-material-kit/pages/landingPageSections/productStyle.js\";\nimport Card from \"components/Card/Card.js\";\nimport core1 from \"assets/img/core/core1.png\";\nimport core2 from \"assets/img/core/core2.png\";\nimport core3 from \"assets/img/core/core3.png\";\nimport core4 from \"assets/img/core/core4.png\";\nimport core5 from \"assets/img/core/core5.png\";\nimport { SignalCellularConnectedNoInternet1BarSharp } from \"@material-ui/icons\";\nvar useStyles = makeStyles(styles);\nexport default function ProductSection() {\n var classes = useStyles();\n return __jsx(\"div\", {\n className: classes.section,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 5\n }\n }, __jsx(\"h2\", {\n className: classes.title,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 7\n }\n }, \"Thamrin Group Core Value\"), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 7\n }\n }, __jsx(GridItem, {\n xs: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 11\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 13\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n src: core1,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 15\n }\n }), __jsx(InfoArea, {\n title: \"TRUST\",\n icon: VerifiedUser,\n iconColor: \"success\",\n vertical: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 15\n }\n }))), __jsx(GridItem, {\n xs: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 11\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 13\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n src: core2,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 15\n }\n }), __jsx(InfoArea, {\n title: \"CUSTOMER FOCUS\",\n icon: VerifiedUser,\n iconColor: \"success\",\n vertical: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 15\n }\n }))), __jsx(GridItem, {\n xs: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 11\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 13\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n src: core3,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 15\n }\n }), __jsx(InfoArea, {\n title: \"COMMUNICATION\",\n icon: VerifiedUser,\n iconColor: \"success\",\n vertical: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 15\n }\n }))), __jsx(GridItem, {\n xs: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 11\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 13\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n src: core4,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 15\n }\n }), __jsx(InfoArea, {\n title: \"CONTINUOUS IMPROVEMENT\",\n icon: VerifiedUser,\n iconColor: \"success\",\n vertical: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 15\n }\n }))), __jsx(GridItem, {\n xs: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 11\n }\n }, __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 13\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n src: core5,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 15\n }\n }), __jsx(InfoArea, {\n title: \"TEAMWORK\",\n icon: VerifiedUser,\n iconColor: \"success\",\n vertical: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 15\n }\n }))), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"50px\",\n marginTop: \"-30px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 11\n }\n }, __jsx(Grid, {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 17\n }\n }, __jsx(Card, {\n style: {\n width: \"19rem\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"300px\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: core1,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 25\n }\n })))), __jsx(Grid, {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 17\n }\n }, __jsx(Card, {\n style: {\n width: \"19rem\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"300px\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: core2,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 106,\n columnNumber: 25\n }\n })))), __jsx(Grid, {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 17\n }\n }, __jsx(Card, {\n style: {\n width: \"19rem\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"300px\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: core3,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 114,\n columnNumber: 25\n }\n })))), __jsx(Grid, {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 119,\n columnNumber: 17\n }\n }, __jsx(Card, {\n style: {\n width: \"19rem\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 120,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 121,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"200px\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: core4,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 122,\n columnNumber: 25\n }\n })))), __jsx(Grid, {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 127,\n columnNumber: 17\n }\n }, __jsx(Card, {\n style: {\n width: \"19rem\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 128,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 129,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"200px\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: core5,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 25\n }\n })))))));\n}","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/home/CoreValue.js"],"names":["React","makeStyles","Chat","VerifiedUser","Fingerprint","GridContainer","GridItem","InfoArea","Paper","Grid","styles","Card","core1","core2","core3","core4","core5","SignalCellularConnectedNoInternet1BarSharp","useStyles","ProductSection","classes","section","title","padding","marginTop","width","height","display","imgCardTop"],"mappings":"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","sourcesContent":["import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// @material-ui/icons\nimport Chat from \"@material-ui/icons/Chat\";\nimport VerifiedUser from \"@material-ui/icons/VerifiedUser\";\nimport Fingerprint from \"@material-ui/icons/Fingerprint\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport InfoArea from \"components/InfoArea/InfoArea.js\";\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\n\nimport styles from \"assets/jss/nextjs-material-kit/pages/landingPageSections/productStyle.js\";\nimport Card from \"components/Card/Card.js\";\n\nimport core1 from \"assets/img/core/core1.png\";\nimport core2 from \"assets/img/core/core2.png\";\nimport core3 from \"assets/img/core/core3.png\";\nimport core4 from \"assets/img/core/core4.png\";\nimport core5 from \"assets/img/core/core5.png\";\nimport { SignalCellularConnectedNoInternet1BarSharp } from \"@material-ui/icons\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function ProductSection() {\n const classes = useStyles();\n return (\n <div className={classes.section}>\n <h2 className={classes.title}>Thamrin Group Core Value</h2>\n <div>\n <GridItem xs={12}>\n <br/>\n <div align=\"center\">\n <img src={core1}/>\n <InfoArea\n title=\"TRUST\"\n icon={VerifiedUser}\n iconColor=\"success\"\n vertical\n />\n </div>\n </GridItem>\n <GridItem xs={12}>\n <br/>\n <div align=\"center\">\n <img src={core2}/>\n <InfoArea\n title=\"CUSTOMER FOCUS\"\n icon={VerifiedUser}\n iconColor=\"success\"\n vertical\n />\n </div>\n </GridItem>\n <GridItem xs={12}>\n <br/>\n <div align=\"center\">\n <img src={core3}/>\n <InfoArea\n title=\"COMMUNICATION\"\n icon={VerifiedUser}\n iconColor=\"success\"\n vertical\n />\n </div>\n </GridItem>\n <GridItem xs={12}>\n <br/>\n <div align=\"center\">\n <img src={core4}/>\n <InfoArea\n title=\"CONTINUOUS IMPROVEMENT\"\n icon={VerifiedUser}\n iconColor=\"success\"\n vertical\n />\n </div>\n </GridItem>\n <GridItem xs={12}>\n <br/>\n <div align=\"center\">\n <img src={core5}/>\n <InfoArea\n title=\"TEAMWORK\"\n icon={VerifiedUser}\n iconColor=\"success\"\n vertical\n />\n </div>\n </GridItem>\n <GridContainer justify=\"center\" style={{padding:\"50px\", marginTop:\"-30px\"}}>\n <Grid align=\"center\">\n <Card style={{width: \"19rem\"}}>\n <div align=\"center\">\n <img\n style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={core1}/>\n </div>\n </Card>\n </Grid>\n <Grid align=\"center\">\n <Card style={{width: \"19rem\"}}>\n <div align=\"center\">\n <img\n style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={core2}/>\n </div>\n </Card>\n </Grid>\n <Grid align=\"center\">\n <Card style={{width: \"19rem\"}}>\n <div align=\"center\">\n <img\n style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={core3}/>\n </div>\n </Card>\n </Grid>\n <Grid align=\"center\">\n <Card style={{width: \"19rem\"}}>\n <div align=\"center\">\n <img\n style={{height: \"180px\", width: \"200px\", display: \"block\"}} className={classes.imgCardTop} src={core4}/>\n </div>\n </Card>\n </Grid>\n <Grid align=\"center\">\n <Card style={{width: \"19rem\"}}>\n <div align=\"center\">\n <img\n style={{height: \"180px\", width: \"200px\", display: \"block\"}} className={classes.imgCardTop} src={core5}/>\n </div>\n </Card>\n </Grid>\n </GridContainer>\n </div>\n </div>\n );\n}\n"]},"metadata":{},"sourceType":"module"}