Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 

1 zeile
20 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\home\\\\sosmed.js\";\nvar __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { Component } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Grid from '@material-ui/core/Grid';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport imagesStyles from \"assets/jss/nextjs-material-kit/imagesStyles.js\";\nimport { cardTitle } from \"assets/jss/nextjs-material-kit.js\";\nimport fb from \"assets/img/sosmed/fb.jpg\";\nimport ig from \"assets/img/sosmed/ig.png\";\nimport twt from \"assets/img/sosmed/twt.png\";\nimport yt from \"assets/img/sosmed/yt.jpg\";\n\nconst styles = _objectSpread({}, imagesStyles, {\n cardTitle\n});\n\nconst useStyles = makeStyles(styles);\n\nconst DataService = function (_ref) {\n let {\n backend,\n service\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"backend\", \"service\"]);\n\n const classes = useStyles();\n return __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 13\n }\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 21\n }\n }, \"Follow Us On\"),\n align: \"center\",\n color: \"danger\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 17\n }\n })), __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 13\n }\n }, __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 13\n }\n }, __jsx(Grid, {\n style: {\n padding: \"25px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 17\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n className: classes.imgCard,\n src: fb,\n alt: \"Card-img\",\n style: {\n height: \"200px\",\n width: \"350px\",\n display: \"block\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 25\n }\n }), __jsx(\"div\", {\n className: classes.imgCardOverlay,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 25\n }\n }, __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"120px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 29\n }\n }, __jsx(Button, {\n color: \"white\",\n href: \"https://www.facebook.com/yamaholigan\",\n target: \"_blank\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 29\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 33\n }\n }, \"open_in_new\"), \"For More Info\"))))), __jsx(Grid, {\n style: {\n padding: \"25px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 17\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n className: classes.imgCard,\n src: yt,\n alt: \"Card-img\",\n style: {\n height: \"200px\",\n width: \"350px\",\n display: \"block\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 25\n }\n }), __jsx(\"div\", {\n className: classes.imgCardOverlay,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 25\n }\n }, __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"120px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 29\n }\n }, __jsx(Button, {\n color: \"white\",\n href: \"https://www.youtube.com/user/yamahamotorindonesia\",\n target: \"_blank\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 29\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 33\n }\n }, \"open_in_new\"), \"For More Info\"))))), __jsx(Grid, {\n style: {\n padding: \"25px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 17\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n className: classes.imgCard,\n src: ig,\n alt: \"Card-img\",\n style: {\n height: \"200px\",\n width: \"350px\",\n display: \"block\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 25\n }\n }), __jsx(\"div\", {\n className: classes.imgCardOverlay,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 25\n }\n }, __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"120px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 29\n }\n }, __jsx(Button, {\n color: \"white\",\n href: \"https://www.instagram.com/yamahaindonesia/\",\n target: \"_blank\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 29\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 33\n }\n }, \"open_in_new\"), \"For More Info\")))))), __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 13\n }\n }, __jsx(Grid, {\n style: {\n padding: \"25px\",\n marginTop: \"-50px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 17\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 21\n }\n }, __jsx(\"img\", {\n className: classes.imgCard,\n src: twt,\n alt: \"Card-img\",\n style: {\n height: \"200px\",\n width: \"350px\",\n display: \"block\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 25\n }\n }), __jsx(\"div\", {\n className: classes.imgCardOverlay,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 25\n }\n }, __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"120px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 29\n }\n }, __jsx(Button, {\n color: \"white\",\n href: \"https://twitter.com/YamahaIndonesia/status/1369143579684171778\",\n target: \"_blank\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 29\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 33\n }\n }, \"open_in_new\"), \"For More Info\"))))))));\n};\n\nexport default DataService;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/yamaha/home/sosmed.js"],"names":["React","Component","makeStyles","Icon","Grid","GridContainer","Button","Card","SnackbarContent","imagesStyles","cardTitle","fb","ig","twt","yt","styles","useStyles","DataService","backend","service","props","classes","section","padding","imgCard","height","width","display","imgCardOverlay","marginTop","icons"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AAEA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,eAAP,MAA4B,wCAA5B;AACA,OAAOC,YAAP,MAAyB,gDAAzB;AACA,SAASC,SAAT,QAA0B,mCAA1B;AAEA,OAAOC,EAAP,MAAe,0BAAf;AACA,OAAOC,EAAP,MAAe,0BAAf;AACA,OAAOC,GAAP,MAAgB,2BAAhB;AACA,OAAOC,EAAP,MAAe,0BAAf;;AAEA,MAAMC,MAAM,qBACLN,YADK;AAERC,EAAAA;AAFQ,EAAZ;;AAKA,MAAMM,SAAS,GAAGd,UAAU,CAACa,MAAD,CAA5B;;AACA,MAAME,WAAW,GAAG,gBAA2C;AAAA,MAAjC;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAiC;AAAA,MAAVC,KAAU;;AAC3D,QAAMC,OAAO,GAAGL,SAAS,EAAzB;AACA,SACI;AAAK,IAAA,SAAS,EAAEK,OAAO,CAACC,OAAxB;AAAiC,IAAA,EAAE,EAAC,eAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,SAAS,EAAED,OAAO,CAACC,OAAvC;AAAgD,IAAA,EAAE,EAAC,eAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,eAAD;AACA,IAAA,OAAO,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAFJ;AAIA,IAAA,KAAK,EAAC,QAJN;AAKA,IAAA,KAAK,EAAC,QALN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADJ,EAUI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,aAAD;AAAe,IAAA,OAAO,EAAC,QAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAACC,MAAAA,OAAO,EAAC;AAAT,KAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACG,OAAxB;AAAiC,IAAA,GAAG,EAAEb,EAAtC;AAA0C,IAAA,GAAG,EAAC,UAA9C;AAAyD,IAAA,KAAK,EAAE;AAACc,MAAAA,MAAM,EAAE,OAAT;AAAkBC,MAAAA,KAAK,EAAE,OAAzB;AAAkCC,MAAAA,OAAO,EAAE;AAA3C,KAAhE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACO,cAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAC,OAAd;AAAsB,IAAA,IAAI,EAAC,sCAA3B;AAAkE,IAAA,MAAM,EAAC,QAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,SAAS,EAAER,OAAO,CAACS,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBADJ,kBADA,CADJ,CAFJ,CADJ,CADJ,EAaI,MAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAACP,MAAAA,OAAO,EAAC;AAAT,KAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACG,OAAxB;AAAiC,IAAA,GAAG,EAAEV,EAAtC;AAA0C,IAAA,GAAG,EAAC,UAA9C;AAAyD,IAAA,KAAK,EAAE;AAACW,MAAAA,MAAM,EAAE,OAAT;AAAkBC,MAAAA,KAAK,EAAE,OAAzB;AAAkCC,MAAAA,OAAO,EAAE;AAA3C,KAAhE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACO,cAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAC,OAAd;AAAsB,IAAA,IAAI,EAAC,mDAA3B;AAA+E,IAAA,MAAM,EAAC,QAAtF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,SAAS,EAAER,OAAO,CAACS,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBADJ,kBADA,CADJ,CAFJ,CADJ,CAbJ,EAyBI,MAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAACP,MAAAA,OAAO,EAAC;AAAT,KAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACG,OAAxB;AAAiC,IAAA,GAAG,EAAEZ,EAAtC;AAA0C,IAAA,GAAG,EAAC,UAA9C;AAAyD,IAAA,KAAK,EAAE;AAACa,MAAAA,MAAM,EAAE,OAAT;AAAkBC,MAAAA,KAAK,EAAE,OAAzB;AAAkCC,MAAAA,OAAO,EAAE;AAA3C,KAAhE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACO,cAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAC,OAAd;AAAsB,IAAA,IAAI,EAAC,4CAA3B;AAAwE,IAAA,MAAM,EAAC,QAA/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,SAAS,EAAER,OAAO,CAACS,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBADJ,kBADA,CADJ,CAFJ,CADJ,CAzBJ,CADA,EAuCA,MAAC,aAAD;AAAe,IAAA,OAAO,EAAC,QAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAACP,MAAAA,OAAO,EAAC,MAAT;AAAiBM,MAAAA,SAAS,EAAC;AAA3B,KAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAER,OAAO,CAACG,OAAxB;AAAiC,IAAA,GAAG,EAAEX,GAAtC;AAA2C,IAAA,GAAG,EAAC,UAA/C;AAA0D,IAAA,KAAK,EAAE;AAACY,MAAAA,MAAM,EAAE,OAAT;AAAkBC,MAAAA,KAAK,EAAE,OAAzB;AAAkCC,MAAAA,OAAO,EAAE;AAA3C,KAAjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAEI;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACO,cAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAC,OAAd;AAAsB,IAAA,IAAI,EAAC,gEAA3B;AAA4F,IAAA,MAAM,EAAC,QAAnG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,SAAS,EAAER,OAAO,CAACS,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBADJ,kBADA,CADJ,CAFJ,CADJ,CADJ,CAvCA,CAVJ,CADJ;AAmEH,CArED;;AAuEA,eAAeb,WAAf","sourcesContent":["import React, { Component } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\r\nimport imagesStyles from \"assets/jss/nextjs-material-kit/imagesStyles.js\";\r\nimport { cardTitle } from \"assets/jss/nextjs-material-kit.js\";\r\n\r\nimport fb from \"assets/img/sosmed/fb.jpg\";\r\nimport ig from \"assets/img/sosmed/ig.png\";\r\nimport twt from \"assets/img/sosmed/twt.png\";\r\nimport yt from \"assets/img/sosmed/yt.jpg\";\r\n\r\nconst styles = {\r\n ...imagesStyles,\r\n cardTitle,\r\n};\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataService = function ({ backend, service, ...props }) {\r\n const classes = useStyles();\r\n return (\r\n <div className={classes.section} id=\"notifications\">\r\n <div align=\"center\" className={classes.section} id=\"notifications\">\r\n <SnackbarContent\r\n message={\r\n <h4>Follow Us On</h4>\r\n }\r\n align=\"center\"\r\n color=\"danger\"\r\n />\r\n </div>\r\n <div align=\"center\">\r\n <GridContainer justify=\"center\">\r\n <Grid style={{padding:\"25px\"}}>\r\n <Card>\r\n <img className={classes.imgCard} src={fb} alt=\"Card-img\" style={{height: \"200px\", width: \"350px\", display: \"block\"}}/>\r\n <div className={classes.imgCardOverlay}>\r\n <div align=\"center\" style={{marginTop:\"120px\"}}>\r\n <Button color=\"white\" href=\"https://www.facebook.com/yamaholigan\" target=\"_blank\">\r\n <Icon className={classes.icons}>open_in_new</Icon>For More Info\r\n </Button>\r\n </div>\r\n </div>\r\n </Card>\r\n </Grid>\r\n <Grid style={{padding:\"25px\"}}>\r\n <Card>\r\n <img className={classes.imgCard} src={yt} alt=\"Card-img\" style={{height: \"200px\", width: \"350px\", display: \"block\"}}/>\r\n <div className={classes.imgCardOverlay}>\r\n <div align=\"center\" style={{marginTop:\"120px\"}}>\r\n <Button color=\"white\" href=\"https://www.youtube.com/user/yamahamotorindonesia\" target=\"_blank\">\r\n <Icon className={classes.icons}>open_in_new</Icon>For More Info\r\n </Button>\r\n </div>\r\n </div>\r\n </Card>\r\n </Grid>\r\n <Grid style={{padding:\"25px\"}}>\r\n <Card>\r\n <img className={classes.imgCard} src={ig} alt=\"Card-img\" style={{height: \"200px\", width: \"350px\", display: \"block\"}}/>\r\n <div className={classes.imgCardOverlay}>\r\n <div align=\"center\" style={{marginTop:\"120px\"}}>\r\n <Button color=\"white\" href=\"https://www.instagram.com/yamahaindonesia/\" target=\"_blank\">\r\n <Icon className={classes.icons}>open_in_new</Icon>For More Info\r\n </Button>\r\n </div>\r\n </div>\r\n </Card>\r\n </Grid>\r\n </GridContainer>\r\n <GridContainer justify=\"center\">\r\n <Grid style={{padding:\"25px\", marginTop:\"-50px\"}}>\r\n <Card>\r\n <img className={classes.imgCard} src={twt} alt=\"Card-img\" style={{height: \"200px\", width: \"350px\", display: \"block\"}}/>\r\n <div className={classes.imgCardOverlay}>\r\n <div align=\"center\" style={{marginTop:\"120px\"}}>\r\n <Button color=\"white\" href=\"https://twitter.com/YamahaIndonesia/status/1369143579684171778\" target=\"_blank\">\r\n <Icon className={classes.icons}>open_in_new</Icon>For More Info\r\n </Button>\r\n </div>\r\n </div>\r\n </Card>\r\n </Grid>\r\n </GridContainer>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataService;"]},"metadata":{},"sourceType":"module"}