{"version":3,"sources":["webpack://burtle-web-services/./src/pages/Services.tsx"],"names":["title","description","className","id","role","data-bs-toggle","data-bs-target","type","aria-controls","aria-selected","aria-labelledby","href"],"mappings":"wKAoHA,UAhHoB,WAElB,OACE,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKA,MAAM,WAAWC,YAAY,4FAClC,4BACI,yCACA,uBAAKC,UAAU,mDACX,sBAAIA,UAAU,gBAAgBC,GAAG,YAAYC,KAAK,WAC9C,sBAAIF,UAAU,WAAWE,KAAK,gBAC1B,0BAAQF,UAAU,qCAAqCC,GAAG,oBAAoBE,iBAAe,OAAOC,iBAAe,iBAAiBC,KAAK,SAASH,KAAK,MAAMI,gBAAc,gBAAgBC,gBAAc,QAAzM,YAIJ,sBAAIP,UAAU,WAAWE,KAAK,gBAC1B,0BAAQF,UAAU,+BAA+BC,GAAG,kBAAkBE,iBAAe,OAAOC,iBAAe,eAAeC,KAAK,SAASH,KAAK,MAAMI,gBAAc,cAAcC,gBAAc,SAA7L,WAKR,uBAAKP,UAAU,mBAAmBC,GAAG,oBACjC,uBAAKD,UAAU,4BAA4BC,GAAG,gBAAgBC,KAAK,WAAWM,kBAAgB,qBAC1F,uBAAKR,UAAU,uCACX,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,oBAEJ,qBAAGA,UAAU,QAAb,oEAIJ,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,oBAEJ,qBAAGA,UAAU,QAAb,+DAIJ,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,sBAEJ,qBAAGA,UAAU,QAAb,oEAKR,uBAAKA,UAAU,uCACX,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,+BAEJ,qBAAGA,UAAU,QAAb,+DAEJ,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,oBAEJ,qBAAGA,UAAU,QAAb,gEAEJ,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,gBAEJ,qBAAGA,UAAU,QAAb,qGAIZ,uBAAKA,UAAU,gBAAgBC,GAAG,cAAcC,KAAK,WAAWM,kBAAgB,mBAC5E,uBAAKR,UAAU,iCACX,uBAAKA,UAAU,oCACX,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,oCACA,2CAEJ,qBAAGA,UAAU,QAAb,8IAKJ,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,sCACA,2CAEJ,qBAAGA,UAAU,QAAb,gHAKJ,qBAAGS,KAAK,IAAIT,UAAU,wEAClB,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,QAAd,mCACA,0CAEJ,qBAAGA,UAAU,QAAb","file":"component---src-pages-services-tsx-9bfac3ceb64e7a6a6c84.js","sourcesContent":["import * as React from \"react\"\nimport SEO from \"../components/SEO\"\nimport Layout from \"../components/Layout\"\n\nconst ServicePage = () => {\n\n  return (\n    <Layout>\n        <SEO title=\"Services\" description=\"Learn more about the services I provide and how they suit every size of small business.\" />\n        <main>\n            <title>Services</title>\n            <div className=\"container d-flex flex-column align-items-center\">\n                <ul className=\"nav nav-pills\" id=\"pills-tab\" role=\"tablist\">\n                    <li className=\"nav-item\" role=\"presentation\">\n                        <button className=\"nav-link active leftServicesButton\" id=\"pills-details-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#pills-details\" type=\"button\" role=\"tab\" aria-controls=\"pills-details\" aria-selected=\"true\">\n                            Details\n                        </button>\n                    </li>\n                    <li className=\"nav-item\" role=\"presentation\">\n                        <button className=\"nav-link rightServicesButton\" id=\"pills-plans-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#pills-plans\" type=\"button\" role=\"tab\" aria-controls=\"pills-plans\" aria-selected=\"false\">\n                            Plans\n                        </button>\n                    </li>\n                </ul>\n                <div className=\"tab-content mt-3\" id=\"pills-tabContent\">\n                    <div className=\"tab-pane fade show active\" id=\"pills-details\" role=\"tabpanel\" aria-labelledby=\"pills-details-tab\">\n                        <div className=\"list-group services-list-group mx-2\">\n                            <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                <div className=\"d-flex justify-content-between\">\n                                    <h5 className=\"mb-1\">No Upfront Cost</h5>\n                                </div>\n                                <p className=\"mb-1\">\n                                    The only cost to you for one of my websites is the monthly fee. \n                                </p>\n                            </a>\n                            <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                <div className=\"d-flex justify-content-between\">\n                                    <h5 className=\"mb-1\">Unlimited Edits</h5>\n                                </div>\n                                <p className=\"mb-1\">\n                                    As many updates to the contents of your pages as you like.\n                                </p>\n                            </a>\n                            <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                <div className=\"d-flex justify-content-between\">\n                                    <h5 className=\"mb-1\">Responsive Design</h5>\n                                </div>\n                                <p className=\"mb-1\">\n                                    Your website will look great on any computer, phone or tablet.\n                                </p>\n                            </a>\n                        </div>\n                        <div className=\"list-group services-list-group mx-2\">\n                            <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                <div className=\"d-flex justify-content-between\">\n                                    <h5 className=\"mb-1\">Search Engine Optimization</h5>\n                                </div>\n                                <p className=\"mb-1\">A beautiful website is only helpful if people can find it.</p>\n                            </a>\n                            <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                <div className=\"d-flex justify-content-between\">\n                                    <h5 className=\"mb-1\">Website Hosting</h5>\n                                </div>\n                                <p className=\"mb-1\">All of my websites are hosted on fast and reliable servers.</p>\n                            </a>\n                            <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                <div className=\"d-flex justify-content-between\">\n                                    <h5 className=\"mb-1\">Domain Name</h5>\n                                </div>\n                                <p className=\"mb-1\">So you don't have to worry about your site going offline when you forget to renew your domain.</p>\n                            </a>\n                        </div>\n                    </div>\n                    <div className=\"tab-pane fade\" id=\"pills-plans\" role=\"tabpanel\" aria-labelledby=\"pills-plans-tab\">\n                        <div className=\"d-flex justify-content-center\">\n                            <div className=\"list-group plans-list-group mx-2\">\n                                <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                    <div className=\"d-flex justify-content-between\">\n                                        <h5 className=\"mb-1\">Small Small Business - $50/month</h5>\n                                        <small>1-4 pages</small>\n                                    </div>\n                                    <p className=\"mb-1\">\n                                        Perfect for getting your name out there, giving your customers an overview of\n                                        what products or services you offer and how to contact you.\n                                    </p>\n                                </a>\n                                <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                    <div className=\"d-flex justify-content-between\">\n                                        <h5 className=\"mb-1\">Medium Small Business - $100/month</h5>\n                                        <small>5-7 pages</small>\n                                    </div>\n                                    <p className=\"mb-1\">\n                                        Everything in the Small Small Business plan but with more room for details\n                                        about your products or services.\n                                    </p>\n                                </a>\n                                <a href=\"#\" className=\"list-group-item list-group-item-action flex-column align-items-start\">\n                                    <div className=\"d-flex justify-content-between\">\n                                        <h5 className=\"mb-1\">Big Small Business - $150/month</h5>\n                                        <small>8+ pages</small>\n                                    </div>\n                                    <p className=\"mb-1\">\n                                        Anything and everything that you want your customers to know about you\n                                        down to the nitty gritty.\n                                    </p>\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </main>\n    </Layout>\n  )\n}\n  \nexport default ServicePage"],"sourceRoot":""}