{"id":16900,"date":"2024-11-19T16:51:17","date_gmt":"2024-11-19T21:51:17","guid":{"rendered":"https:\/\/demo2.mybscu.org\/?page_id=16900"},"modified":"2024-11-20T10:55:24","modified_gmt":"2024-11-20T15:55:24","slug":"autobooks","status":"publish","type":"page","link":"https:\/\/demo2.mybscu.org\/es\/autobooks\/","title":{"rendered":"Libros autom\u00e1ticos"},"content":{"rendered":"<section data-parent=\"true\" class=\"vc_section style-color-xsdn-bg row-container with-parallax\" id=\"section-unique-0\"><div class=\"row-background background-element\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-inner\" style=\"background-image: url(https:\/\/demo2.mybscu.org\/wp-content\/uploads\/2024\/11\/Website-Slider-2024-17.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"row no-top-padding no-bottom-padding no-h-padding full-width row-parent\"><div data-parent=\"true\" class=\"vc_row vc_custom_1732053325392 row-container has-dividers\" style=\"padding-top: 100px ;padding-bottom: 100px ;\" id=\"row-unique-0\"><div class=\"uncode-divider-wrap uncode-divider-wrap-bottom z_index_0\" style=\"height: 50px;\" data-height=\"50\" data-unit=\"px\"><svg version=\"1.1\" class=\"uncode-row-divider uncode-row-divider-fan-opacity\" x=\"0px\" y=\"0px\" width=\"240px\" height=\"24px\" viewbox=\"0 0 240 24\" enable-background=\"new 0 0 240 24\" xml:space=\"preserve\" preserveaspectratio=\"none\">\n\t\t<path fill=\"#ffffff\" fill-opacity=\"0.25\" d=\"M0,24h240V0L0,11.26V24z\"\/>\n\t\t<path fill=\"#ffffff\" d=\"M240,24H0V11.26L240,24z\"\/>\n\t\t<path fill=\"#ffffff\" fill-opacity=\"0.5\" d=\"M240,24H0V11.26h240V24z\"\/>\n\t\t<\/svg><\/div><div class=\"row unequal limit-width row-parent\" data-height-ratio=\"25\" data-minheight=\"150\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-left align_left align_left_tablet align_left_mobile column_parent col-lg-6 col-sm-100 no-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  vc_custom_1726001197850 no-block-padding\" style=\"padding-top: 20px ;padding-bottom: 20px ;\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap\"><div class=\"heading-text el-text\" ><h2 class=\"h2 font-weight-600 text-color-xsdn-color\" ><span>Acepta pagos en cualquier lugar con tu iPhone<\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><div class=\"uncode_text_column\" ><p><span style=\"color: #ffffff;\">Convierte tu iPhone en una soluci\u00f3n de pago completa. No necesitas hardware adicional.<\/span><\/p>\n<\/div><div class=\"ult-spacer spacer-69d990b10de85\" data-id=\"69d990b10de85\" data-height=\"10\" data-height-mobile=\"10\" data-height-tab=\"10\" data-height-tab-portrait=\"\" data-height-mobile-landscape=\"\" style=\"clear:both;display:block;\"><\/div><span class=\"btn-container animate_when_almost_visible zoom-in\" ><a href=\"\" class=\"custom-link btn border-width-0 autobooks btn-color-xsdn btn-round btn-shadow btn-shadow-std btn-icon-left btn-ripple-in btn-border-animated\" title=\"El enlace reproducir\u00e1 un v\u00eddeo.\"><i class=\"fa fa-camera-video\"><\/i>Ver v\u00eddeo<\/a><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-6 col-sm-clear single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div><script id=\"script-section-unique-0\" data-section=\"script-section-unique-0\" type=\"text\/javascript\">UNCODE.initSection(document.getElementById(\"section-unique-0\"));<\/script><\/div><\/section><div data-parent=\"true\" class=\"vc_row style-color-xsdn-bg vc_custom_1725995895224 row-container onepage-section\" data-label=\"compare\" data-name=\"compare\" style=\"padding-top: 20px ;padding-bottom: 20px ;\" id=\"row-unique-1\"><div class=\"row limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-left align_left column_parent col-lg-12 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t<!-- Include React -->\n\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/18.2.0\/umd\/react.production.min.js\"><\/script>\n\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react-dom\/18.2.0\/umd\/react-dom.production.min.js\"><\/script>\n\t<!-- Include Babel for JSX -->\n\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-standalone\/7.23.5\/babel.min.js\"><\/script>\n\t<!-- Include Tailwind CSS -->\n\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\t<!-- Include Font Awesome -->\n\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\t<script>\n\t\ttailwind.config = {\n\t\t\ttheme: {\n\t\t\t\textend: {\n\t\t\t\t\tcolors: {\n\t\t\t\t\t\tbrand: '#00475f',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t}\n\t<\/script>\n\t<style>\n\t\t.bg-brand-light {\n\t\t\tbackground-color: rgba(0, 71, 95, 0.1);\n\t\t}\n\t<\/style>\n<\/head>\n<body>\n\t<div id=\"root\"><\/div>\n\n\t<script type=\"text\/babel\">\n\t\tfunction PaymentSolution() {\n\t\t\tconst features = [\n\t\t\t\t{\n\t\t\t\t\ticon: <i className=\"fas fa-mobile-alt text-3xl text-brand\"><\/i>,\n\t\t\t\t\ttitle: \"No payment terminals needed\",\n\t\t\t\t\tdescription: \"Accept in-person payments with only an iPhone\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticon: <i className=\"fas fa-credit-card text-3xl text-brand\"><\/i>,\n\t\t\t\t\ttitle: \"Transactions are contactless\",\n\t\t\t\t\tdescription: \"Accept all types of contactless payments\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticon: <i className=\"fas fa-wallet text-3xl text-brand\"><\/i>,\n\t\t\t\t\ttitle: \"Customers choose how they pay\",\n\t\t\t\t\tdescription: \"Accept debit and credit cards, Apple Pay and even other digital wallets\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ticon: <i className=\"fas fa-shield-alt text-3xl text-brand\"><\/i>,\n\t\t\t\t\ttitle: \"Secure and private transactions\",\n\t\t\t\t\tdescription: \"Accept payments, now with the security of iPhone\"\n\t\t\t\t}\n\t\t\t];\n\n\n\n\t\t\treturn (\n\t\t\t\t<div className=\"bg-white\">\n\t\t\t\t\t\n\n\t\t\t\t\t{\/* Features Grid *\/}\n\t\t\t\t\t<div className=\"w-full max-w-6xl mx-auto px-4 py-16\">\n\t\t\t\t\t\t<div className=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n\t\t\t\t\t\t\t{features.map((feature, index) => (\n\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\t\tkey={index} \n\t\t\t\t\t\t\t\t\tclassName=\"p-6 bg-white rounded-lg border border-gray-200 hover:shadow-lg transition-shadow duration-300\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"flex items-start space-x-4\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex-shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"p-2 bg-brand-light rounded-lg w-12 h-12 flex items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t{feature.icon}\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<h4 className=\"text-xl font-semibold text-brand mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t{feature.title}\n\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"text-gray-600\">\n\t\t\t\t\t\t\t\t\t\t\t\t{feature.description}\n\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t);\n\t\t}\n\n\t\t\/\/ Render the React component\n\t\tconst root = ReactDOM.createRoot(document.getElementById('root'));\n\t\troot.render(<PaymentSolution \/>);\n\t<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row style-back_color-369648-bg vc_custom_1732115593565 row-container\" style=\"border-right-width: 0px ;padding-top: 20px ;padding-bottom: 20px ;padding-left: 0px ;\" id=\"howtosec\"><div class=\"row full-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-left align_left column_parent col-lg-12 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: '#00475f',\n                    },\n                },\n            },\n        }\n    <\/script>\n    <style>\n        .bg-brand-light {\n            background-color: rgba(0, 71, 95, 0.1);\n        }\n    <\/style>\n\n    <div id=\"root2\"><\/div>\n\n    <script type=\"text\/babel\">\n        function GetPaidSection() {\n            return (\n                <div className=\"w-full bg-gray-50 py-16\">\n                    <div className=\"max-w-7xl mx-auto px-4\">\n                        <div className=\"flex flex-col md:flex-row gap-12\">\n                            {\/* Left side - Image and Button *\/}\n                            <div className=\"flex-1\">\n                                <div className=\"rounded-lg overflow-hidden\">\n                                    <img decoding=\"async\" \n                                        src=\"https:\/\/www.bscu.org\/wp-content\/uploads\/2024\/03\/atiphone.png\" \n                                        alt=\"Payment demonstration\"\n                                        className=\"w-full h-auto\"\n                                    \/>\n                                <\/div>\n                        <div className=\"mt-6 text-center\">\n                            <a href=\"https:\/\/olb.bscu.org\/bscu\/uux.aspx#\/extension\/MarketplaceStore\/DeepLink?tectonState=%7B%22tectonRoute.MarketplaceStore.DeepLink.app%22%3A+%22autobooks_receive_payments%22%7D\" target=\"_blank\" className=\"inline-block\">\n                                <button className=\"px-8 py-3 bg-brand text-white rounded-lg hover:bg-opacity-90 transition-all text-lg font-semibold\">\n                                    Get Started\n                                <\/button>\n                            <\/a>\n                        <\/div>\n                            <\/div>\n\n                            {\/* Right side - Content *\/}\n                            <div className=\"flex-1\">\n                                <h4 className=\"text-3xl font-bold text-brand mb-4\">\n                                    Get paid on the go \u2014 or anywhere you set up shop\n                                <\/h4>\n                                <p className=\"text-lg text-gray-600 mb-8\">\n                                    Tap to Pay on iPhone allows you to run your business or nonprofit from anywhere. \n                                    All it takes are a few simple steps.\n                                <\/p>\n                                \n                                <h5 className=\"text-xl font-semibold text-gray-800 mb-6\">\n                                    To accept payments with Tap to Pay on iPhone and BrightStar Credit Union mobile banking app:\n                                <\/h5>\n\n                                <div className=\"space-y-6\">\n                                    {[1, 2, 3, 4].map((number) => (\n                                        <div key={number} className=\"flex items-start space-x-4\">\n                                            <div className=\"flex-shrink-0 w-12 h-12 flex items-center justify-center bg-brand-light rounded-full\">\n                                                <span className=\"text-xl font-bold text-brand\">{number}<\/span>\n                                            <\/div>\n                                            <div className=\"flex-1\">\n                                                <div className=\"flex items-center space-x-2 mb-2\">\n                                                    <h4 className=\"text-lg font-semibold text-brand\">\n                                                        Step {number}\n                                                    <\/h4>\n                                                <\/div>\n                                                <p className=\"text-gray-600\">\n                                                    {number === 1 && \"Open your mobile banking app on your iPhone and enable Tap to Pay on iPhone.\"}\n                                                    {number === 2 && \"Enter the amount to be paid, then present your iPhone to the customer.\"}\n                                                    {number === 3 && \"Your customer holds their card or device at the top of your iPhone, over the contactless symbol.\"}\n                                                    {number === 4 && \"When you see the 'done' checkmark, the transaction is complete.\"}\n                                                <\/p>\n                                            <\/div>\n                                        <\/div>\n                                    ))}\n                                <\/div>\n\n                                <p className=\"text-sm text-gray-500 mt-8\">\n                                    *Ensure that you have an internet or cellular connection and an iPhone. \n                                    Requires iPhone Xs or later with iOS 15.5 or later. \n                                    The Contactless Symbol is a trademark owned by and used with permission of EMVCo, LLC.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            );\n        }\n\n        const root2 = ReactDOM.createRoot(document.getElementById('root2'));\n        root2.render(<GetPaidSection \/>);\n    <\/script>\n\t\t<\/div>\n\t<\/div>\n<div id=\"modal-trg-txt-wrap-8206\" class=\"ult-modal-input-wrapper ult-adjust-bottom-margin\" data-keypress-control=\"keypress-control-enable\" data-overlay-control=\"overlay-control-enable\"><span data-class-id=\"content-69d990b1186b03-39381726\"><\/span>\r\n\t\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t\t(function($){\r\n\t\t\t\t\t$(document).ready(function(){\r\n\t\t\t\t\t\tvar selector = \".autobooks\";\r\n\t\t\t\t\t\t$(selector).addClass(\"custom-ult-modal overlay-show-genie\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-class-id\", \"content-69d990b1186b03-39381726\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-overlay-class\", \"overlay-show-genie\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-keypress-control\", \"keypress-control-enable\");\r\n\t\t\t\t\t\t$(selector).attr(\"data-overlay-control\", \"overlay-control-enable\");\r\n\t\t\t\t\t});\r\n\t\t\t\t})(jQuery);\r\n\t\t\t\t<\/script><\/div>\n<div class=\"ult-overlay overlay-genie content-69d990b1186b03-39381726\" style=\"display:none\" data-class=\"content-69d990b1186b03-39381726\" data-steps=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewbox=\"0 0 1440 806\" preserveaspectratio=\"none\">\r\n\t\t\t\t\t\t\t<path class=\"overlay-path\" d=\"m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z\" style=\"fill:rgba(255,255,255,0.8);\"\/>\r\n\t\t\t\t\t\t<\/svg>\n\t<div class=\"ult_modal ult-fade ult-small\">\n\t<div class=\"ult-overlay-close popup-edge-top-right\" style=\"width:25px;height:25px; background-color: #eaaf00;border-radius: 50%;padding:10px;box-sizing: content-box; top:-22.5px;right:-22.5px;\"><div class=\"ult-overlay-close-inside\">Cerca<\/div><\/div>\n\t\t<div id=\"ult-modal-wrap-859\" class=\"ult_modal-content ult-hide\" style=\"border-style:solid;border-width:2px;border-radius:20px;border-color:;\">\n\t\t\t<div class=\"ult_modal-header\" style=\"background:#00475f;color:#ffffff;border-color:;\">\n\t\t\t\t<h3  data-ultimate-target='#ult-modal-wrap-859 .ult_modal-title'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-title ult-responsive\">Resumen de AutoBooks<\/h3>\n\t\t\t<\/div>\n\t\t\t<div  data-ultimate-target='#ult-modal-wrap-859 .ult_modal-body'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  class=\"ult_modal-body ult-responsive ult-html\" style=\"background:#eaeaea;\">\n\t\t\t<video controls=\"controls\" width=\"100%\" height=\"auto\"><source src=\"https:\/\/demo2.mybscu.org\/wp-content\/uploads\/2024\/03\/atiphone.mp4\" type=\"video\/mp4\" \/><\/video>\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-howtosec\" data-row=\"script-howtosec\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"howtosec\"));<\/script><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Acepta pagos en cualquier lugar con tu iPhoneConvierte tu iPhone en una soluci\u00f3n de pago completa. No necesitas hardware adicional. Ver video Cerrar [...]","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16900","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/16900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/comments?post=16900"}],"version-history":[{"count":3,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/16900\/revisions"}],"predecessor-version":[{"id":16918,"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/pages\/16900\/revisions\/16918"}],"wp:attachment":[{"href":"https:\/\/demo2.mybscu.org\/es\/wp-json\/wp\/v2\/media?parent=16900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}