{"version":3,"sources":["webpack:///./src/pages/resellers.js"],"names":["ResellerHeader","CountryBox","Resellers","IconsImg","FacebookIcon","InstagramIcon","WhatsAppIcon","css","href","target","rel","src","alt"],"mappings":"2MAQA,IAAMA,EAAc,6UAgBdC,EAAU,sP,gPAgBD,SAASC,IAAa,IAAD,EAEkBC,cAA3CC,EAFyB,EAEzBA,aAAaC,EAFY,EAEZA,cAAcC,EAFF,EAEEA,aAElC,OACI,YAAC,IAAD,KACI,uBACI,YAACN,EAAD,KACI,qDAEJ,uBACI,kBAAIO,IAAG,GAMH,YAACN,EAAD,KACI,uBACI,mCACA,2CAEJ,sBACI,sBAAI,iBAAGO,KAAK,uHAAuHC,OAAO,SAASC,IAAI,cAAnJ,IAAiK,mBAAKC,IAAKL,EAAcM,IAAI,2BAA7L,QAGZ,YAACX,EAAD,KACI,uBACI,kCACA,2CAEJ,sBACI,sBAAI,iBAAGO,KAAK,uHAAuHC,OAAO,SAASC,IAAI,cAAnJ,IAAiK,mBAAKC,IAAKL,EAAcM,IAAI,0BAA7L,MACJ,sBAAI,iBAAGJ,KAAK,wCAAwCC,OAAO,SAASC,IAAI,cAAa,mBAAKC,IAAKP,EAAcQ,IAAI,8BAIzH,YAACX,EAAD,KACI,uBACI,gCACA,2CAEJ,sBACI,sBAAI,iBAAGO,KAAK,uHAAuHC,OAAO,SAASC,IAAI,cAAnJ,IAAiK,mBAAKC,IAAKL,EAAcM,IAAI,wBAA7L,QAKZ,YAACX,EAAD,KACI,uBACI,iCACA,2CAEJ,sBACI,sBAAI,iBAAGO,KAAK,uHAAuHC,OAAO,SAASC,IAAI,cAAnJ,IAAiK,mBAAKC,IAAKL,EAAcM,IAAI,yBAA7L,MACJ,sBAAI,iBAAGJ,KAAK,yCAAyCC,OAAO,SAASC,IAAI,cAAa,mBAAKC,IAAKP,EAAcQ,IAAI,8BAK1H,YAACX,EAAD,KACI,uBACI,+BACA,yCAEJ,sBACI,sBAAI,iBAAGO,KAAK,qHAAqHC,OAAO,SAASC,IAAI,cAAjJ,IAA+J,mBAAKC,IAAKL,EAAcM,IAAI,uBAA3L,MACJ,sBAAI,iBAAGJ,KAAK,mDAAmDC,OAAO,SAASC,IAAI,cAAa,mBAAKC,IAAKP,EAAcQ,IAAI,yBAC5H,iBAAGJ,KAAK,+EAA+EC,OAAO,SAASC,IAAI,cAA3G,IAAyH,mBAAKC,IAAKN,EAAeO,IAAI,wBAAtJ,SAOhB,mBAAKL,IAAG,GAUJ,oDACA,gHACA,uBACI,iBAAGC,KAAK,+GAA+GC,OAAO,SAASC,IAAI,cAA3I,IAAyJ,mBAAKC,IAAKL,EAAcM,IAAI,iBAArL,KACA,iBAAGJ,KAAK,0DAA0DC,OAAO,SAASC,IAAI,cAAtF,IAAoG,mBAAKC,IAAKP,EAAcQ,IAAI,iBAAhI,KACA,iBAAGJ,KAAK,0CAA0CC,OAAO,SAASC,IAAI,cAAtE,IAAoF,mBAAKC,IAAKN,EAAeO,IAAI,kBAAjH","file":"component---src-pages-resellers-js-a441b8af5d12ecf6d26f.js","sourcesContent":["import React from 'react';\nimport Layout from '../components/layout';\nimport {css} from '@emotion/react';\nimport styled from '@emotion/styled';\n\nimport IconsImg from '../components/IconsImg';\n\n\nconst ResellerHeader = styled.div`\n    padding:1rem;\n    text-align:center;\n    padding:5rem 10% 1rem 10%;\n    display:flex;\n    justify-content:center;\n    h1{\n        background-color:#22222250;\n        width:100%;\n        border-radius:5px;\n        padding: 2rem 0;\n        color:var(--s1color);\n        font-family:QuubNormal, sans-serif;\n        letter-spacing:2px;\n    }\n`;\nconst CountryBox = styled.li`\n    padding:1rem;\n    text-align:center; \n    background-color:#22222250;\n    border-radius:3px;\n    color:#ccc;\n    ul{\n        margin-top:1rem;\n        display:flex;\n        justify-content:center;\n        li{\n            margin:0 .5rem;\n        }\n    }\n`;\n\nexport default function Resellers() {\n\n    const {FacebookIcon,InstagramIcon,WhatsAppIcon} = IconsImg();\n\n    return (\n        <Layout>\n            <div>\n                <ResellerHeader>\n                    <h1>Distribuidores Autorizados</h1>\n                </ResellerHeader>\n                <div>\n                    <ul css={css`\n                        display:grid;\n                        grid-template-columns:repeat(2, 1fr);\n                        grid-gap:1rem;\n                        padding:1rem 10%;\n                    `}>\n                        <CountryBox>\n                            <div>\n                                <h2>Venezuela</h2>\n                                <span>+58 4121099414</span>\n                            </div>\n                            <ul>\n                                <li><a href='https://api.whatsapp.com/send?phone=584121099414&text=Hola,%20necesito%20informaci%C3%B3n%20sobre%20sus%20productos.' target=\"_blank\" rel=\"noreferrer\"> <img src={WhatsAppIcon} alt='SGL Venezuela Whatsapp' /> </a></li>\n                            </ul>\n                        </CountryBox>\n                        <CountryBox>\n                            <div>\n                                <h2>Colombia</h2>\n                                <span>+57 3202456784</span>\n                            </div>\n                            <ul>\n                                <li><a href='https://api.whatsapp.com/send?phone=573202456784&text=Hola,%20necesito%20informaci%C3%B3n%20sobre%20sus%20productos.' target=\"_blank\" rel=\"noreferrer\"> <img src={WhatsAppIcon} alt='SGL Colombia Whatsapp' /> </a></li>\n                                <li><a href='https://www.facebook.com/Sglseriegol/' target='_blank' rel=\"noreferrer\"><img src={FacebookIcon} alt='SGL Colombia Facebook' /></a></li>\n                                \n                            </ul>\n                        </CountryBox>\n                        <CountryBox>\n                            <div>\n                                <h2>Brasil</h2>\n                                <span>+55 9281374600</span>\n                            </div>\n                            <ul>\n                                <li><a href='https://api.whatsapp.com/send?phone=559281374600&text=Hola,%20necesito%20informaci%C3%B3n%20sobre%20sus%20productos.' target=\"_blank\" rel=\"noreferrer\"> <img src={WhatsAppIcon} alt='SGL Brasil Whatsapp' /> </a></li>\n                            </ul>\n                            \n                        </CountryBox>\n\n                        <CountryBox>\n                            <div>\n                                <h2>Ecuador</h2>\n                                <span>+59 3960050197</span>\n                            </div>\n                            <ul>\n                                <li><a href='https://api.whatsapp.com/send?phone=593960050197&text=Hola,%20necesito%20informaci%C3%B3n%20sobre%20sus%20productos.' target=\"_blank\" rel=\"noreferrer\"> <img src={WhatsAppIcon} alt='SGL Ecuador Whatsapp'/> </a></li>\n                                <li><a href='https://www.facebook.com/stlabecuador/' target='_blank' rel=\"noreferrer\"><img src={FacebookIcon} alt='SGL Colombia Facebook' /></a></li>\n                            </ul>\n\n                        </CountryBox>\n\n                        <CountryBox>\n                            <div>\n                                <h2>Aruba</h2>\n                                <span>+297 7474221</span>\n                            </div>\n                            <ul>\n                                <li><a href='https://api.whatsapp.com/send?phone=2977474221&text=Hola,%20necesito%20informaci%C3%B3n%20sobre%20sus%20productos.' target=\"_blank\" rel=\"noreferrer\"> <img src={WhatsAppIcon} alt='SGL Aruba Whatsapp'/> </a></li>\n                                <li><a href='https://www.facebook.com/darwin.guerreromosquera' target='_blank' rel=\"noreferrer\"><img src={FacebookIcon} alt='SGL Aruba Facebook' /></a></li>\n                                <a href='https://www.instagram.com/invites/contact/?i=s9nrap7wjfvp&utm_content=mp918q' target='_blank' rel=\"noreferrer\"> <img src={InstagramIcon} alt='SGL Aruba Instagram' /> </a>    \n                            </ul>\n\n                        </CountryBox>\n                    </ul>\n                </div>\n\n                <div css={css`\n                        display:flex;\n                        flex-direction:column;\n                        padding:3rem 10% 1rem 10%;\n                        align-items:center;\n                        p{\n                            margin-bottom:1rem;\n                        }\n                    `}\n                >\n                    <h3>¿Quieres ser Distribuidor?</h3>\n                    <p>Escribenos por cualquiera de los siguientes medios y nos pondremos en contacto contigo.</p>\n                    <div>\n                        <a href='https://api.whatsapp.com/send?phone=573202456784&text=Hola,%20me%20interesa%20ser%20distribuidor%20de%20SGL.' target=\"_blank\" rel=\"noreferrer\"> <img src={WhatsAppIcon} alt='SGL WhatsApp' /> </a>\n                        <a href='https://www.facebook.com/profile.php?id=100019604204995' target=\"_blank\" rel=\"noreferrer\"> <img src={FacebookIcon} alt='SGL Facebook' /> </a>\n                        <a href='https://www.instagram.com/sglseriegold/' target='_blank' rel=\"noreferrer\"> <img src={InstagramIcon} alt='SGL Instagram' /> </a>    \n                    </div>\n                </div>\n            </div>\n        </Layout>\n    )\n}\n"],"sourceRoot":""}