{"id":12,"date":"2024-11-23T17:57:08","date_gmt":"2024-11-23T17:57:08","guid":{"rendered":"https:\/\/bezpiecznetransakcje24.pl\/?page_id=12"},"modified":"2025-12-11T17:18:57","modified_gmt":"2025-12-11T17:18:57","slug":"strona-firmowa-2","status":"publish","type":"page","link":"https:\/\/bezpiecznetransakcje24.pl\/","title":{"rendered":"Strona firmy"},"content":{"rendered":"\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- STYL BAUHAUS GLOWNY --- *\/\n        :root {\n            --bh-black: #111111;\n            --bh-white: #f4f4f4;\n            --bh-red: #d02e2e;\n            --bh-blue: #1e5bbd;\n            --bh-yellow: #f2c72e;\n            --bh-border: 3px solid var(--bh-black);\n        }\n\n        .bh-wrapper {\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            background-color: var(--bh-white);\n            color: var(--bh-black);\n            max-width: 100%;\n            overflow-x: hidden;\n            border: var(--bh-border);\n            margin: 20px 0;\n        }\n\n        \/* Hero Section *\/\n        .bh-hero {\n            padding: 80px 20px;\n            background-color: var(--bh-white);\n            border-bottom: var(--bh-border);\n            position: relative;\n            overflow: hidden;\n        }\n        .bh-shape-circle {\n            position: absolute; top: -50px; right: -50px; width: 200px; height: 200px;\n            background-color: var(--bh-yellow); border-radius: 50%; border: var(--bh-border);\n            z-index: 0; opacity: 0.5;\n        }\n        .bh-shape-rect {\n            position: absolute; bottom: 20px; left: 20px; width: 100px; height: 100px;\n            background-color: var(--bh-blue); border: var(--bh-border); z-index: 0; opacity: 0.5;\n        }\n        .bh-hero-content { position: relative; z-index: 1; }\n        .bh-hero h1 { font-weight: 900; text-transform: uppercase; font-size: 3.5rem; letter-spacing: -2px; line-height: 0.9; margin-bottom: 20px; }\n        .bh-subtitle { font-size: 1.5rem; font-weight: 500; background-color: var(--bh-black); color: var(--bh-white); display: inline-block; padding: 5px 15px; transform: skew(-10deg); }\n\n        \/* Karty Podstawowe *\/\n        .bh-card {\n            background: white; border: var(--bh-border); padding: 30px; height: 100%;\n            transition: all 0.2s ease; position: relative; box-shadow: 8px 8px 0px var(--bh-black);\n        }\n        .bh-card:hover { transform: translate(-3px, -3px); box-shadow: 12px 12px 0px var(--bh-black); }\n        .bh-card h4 { font-weight: 800; text-transform: uppercase; margin-top: 20px; border-bottom: 3px solid var(--bh-black); padding-bottom: 10px; display: inline-block; }\n        \n        .bh-icon-box { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: var(--bh-border); font-size: 1.8rem; margin-bottom: 15px; }\n        .accent-blue .bh-icon-box { background-color: var(--bh-blue); color: white; border-radius: 50%; }\n        .accent-red .bh-icon-box { background-color: var(--bh-red); color: white; }\n        .accent-yellow .bh-icon-box { background-color: var(--bh-yellow); color: black; transform: rotate(45deg); }\n        .accent-yellow .bh-icon-box i { transform: rotate(-45deg); }\n\n        \/* Sekcja Swojak (Split Screen) *\/\n        .bh-split-section { display: flex; flex-wrap: wrap; border-top: var(--bh-border); }\n        .bh-split-visual {\n            background-color: var(--bh-blue);\n            min-height: 400px;\n            display: flex; align-items: center; justify-content: center;\n            border-right: var(--bh-border); position: relative;\n        }\n        .bh-phone-mockup {\n            width: 180px; height: 320px; border: 4px solid var(--bh-black); background: white;\n            border-radius: 20px; position: relative; box-shadow: 10px 10px 0px rgba(0,0,0,0.2);\n        }\n        .bh-phone-screen {\n            background: var(--bh-yellow); position: absolute; top: 20px; left: 10px; right: 10px; bottom: 20px;\n            border: 2px solid var(--bh-black); display: flex; align-items: center; justify-content: center;\n        }\n        .bh-split-text { padding: 60px; display: flex; flex-direction: column; justify-content: center; }\n\n        \/* Sekcja Automatyzacja (Grid) *\/\n        .bh-grid-section { background-color: #e5e5e5; padding: 60px 20px; border-top: var(--bh-border); }\n        .bh-grid-item {\n            background: white; border: var(--bh-border); padding: 20px;\n            margin-bottom: 20px; position: relative;\n        }\n        .bh-grid-tag {\n            position: absolute; top: -15px; right: 10px;\n            background: var(--bh-red); color: white;\n            padding: 2px 10px; font-size: 0.7rem; font-weight: bold; border: var(--bh-border);\n        }\n\n        \/* --- NOWA SEKCJA: E-COMMERCE LAB (Herbata) --- *\/\n        .bh-lab-section {\n            padding: 80px 20px; background-color: var(--bh-white); border-top: var(--bh-border);\n            position: relative;\n\t\t\tdisplay:none;\n        }\n        \/* Stylizowany kontener produktu *\/\n        .bh-product-spec {\n            border: var(--bh-border); padding: 30px; background: white;\n            position: relative; overflow: hidden;\n        }\n        .bh-product-spec::before {\n            content: \"FIG 1.0 - PROTOTYPE\";\n            position: absolute; top: 0; left: 0; background: var(--bh-black); color: white;\n            font-size: 0.7rem; padding: 5px 10px; font-weight: bold;\n        }\n        .bh-lab-circle {\n            width: 150px; height: 150px; border-radius: 50%; border: var(--bh-border);\n            background: var(--bh-red); display: flex; align-items: center; justify-content: center;\n            font-size: 2rem; color: white; margin: 0 auto 20px auto;\n        }\n\n        \/* Sekcja IT (Dark Mode) *\/\n        .bh-dark-section {\n            background-color: var(--bh-black); color: var(--bh-white);\n            padding: 80px 20px; border-top: var(--bh-border);\n        }\n        .bh-dark-section h2 { color: var(--bh-white); border-bottom: 3px solid var(--bh-blue); display: inline-block; padding-bottom: 10px; margin-bottom: 40px; }\n        .bh-tech-list li { margin-bottom: 15px; font-size: 1.1rem; }\n        .bh-tech-list i { color: var(--bh-blue); margin-right: 15px; }\n\n        \/* --- NOWA SEKCJA: PARTNERSTWO --- *\/\n        .bh-trust-section {\n            padding: 80px 20px; background-color: var(--bh-blue); color: white; border-top: var(--bh-border);\n        }\n        .bh-trust-box {\n            border: 3px solid white; padding: 20px; height: 100%; text-align: center;\n            transition: transform 0.3s;\n        }\n        .bh-trust-box:hover { transform: scale(1.05); background: rgba(255,255,255,0.1); }\n        .bh-trust-icon { font-size: 2.5rem; margin-bottom: 15px; color: var(--bh-yellow); }\n\n        \/* Footer *\/\n        .bh-footer {\n            background-color: var(--bh-white); color: var(--bh-black);\n            padding: 50px 20px; border-top: var(--bh-border);\n            font-family: 'Courier New', Courier, monospace;\n        }\n        .bh-footer h5 { border-bottom: 2px solid var(--bh-black); padding-bottom: 5px; }\n\n        @media (max-width: 768px) {\n            .bh-split-visual { border-right: none; border-bottom: var(--bh-border); min-height: 300px; }\n            .bh-split-text { padding: 30px; }\n        }\n    <\/style>\n\n    <div class=\"bh-wrapper\">\n        \n        <header class=\"bh-hero text-center text-md-start\">\n            <div class=\"bh-shape-circle\"><\/div>\n            <div class=\"bh-shape-rect\"><\/div>\n            <div class=\"container bh-hero-content\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-lg-8\">\n                        <h1>BEZPIECZNE TRANSAKCJE SP. Z O.O.<\/h1>\n                        <div class=\"bh-subtitle\">IT &bull; E-COMMERCE &bull; GROWTH<\/div>\n                        <p class=\"mt-4 fs-5\" style=\"max-width: 600px; font-weight: 500;\">\n                            \u0141\u0105czymy surow\u0105 logik\u0119 in\u017cynierii z kreatywno\u015bci\u0105 sprzeda\u017cy. Tworzymy systemy, budujemy marki, generujemy zysk.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <div class=\"container py-5\">\n            <div class=\"row g-5 pb-5\">\n                <div class=\"col-md-4\">\n                    <div class=\"bh-card accent-blue\">\n                        <div class=\"bh-icon-box\"><i class=\"fas fa-code\"><\/i><\/div>\n                        <h4>IT & DEV<\/h4>\n                        <p class=\"mt-3\">Konstruujemy oprogramowanie i aplikacje. Budujemy infrastruktur\u0119 serwerow\u0105.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4\">\n                    <div class=\"bh-card accent-red\">\n                        <div class=\"bh-icon-box\"><i class=\"fas fa-cubes\"><\/i><\/div>\n                        <h4>Projekty W\u0142asne<\/h4>\n                        <p class=\"mt-3\">Inkubator marek konsumenckich: Herbatadokapieli.pl oraz Aplikacja Swojak.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-4\">\n                    <div class=\"bh-card accent-yellow\">\n                        <div class=\"bh-icon-box\"><i class=\"fas fa-bullhorn\"><\/i><\/div>\n                        <h4>Marketing<\/h4>\n                        <p class=\"mt-3\">Promocja oparta na danych. Skalowanie sprzeda\u017cy w ekosystemach Google i Meta.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bh-split-section\">\n            <div class=\"col-md-5 bh-split-visual\">\n                <div class=\"bh-phone-mockup\">\n                    <div class=\"bh-phone-screen\">\n                        <i class=\"fas fa-hand-holding-heart fa-3x\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-7 bh-split-text\">\n                <h2 style=\"font-weight: 900; text-transform: uppercase; font-size: 2.5rem;\">Projekt \"Swojak\"<\/h2>\n                <div style=\"width: 50px; height: 5px; background: var(--bh-red); margin-bottom: 20px;\"><\/div>\n                <p class=\"lead\">Platforma Sharing Economy<\/p>\n                <p>\n                    Autorska aplikacja mobilna, kt\u00f3ra redefiniuje poj\u0119cie lokalnej wymiany d\u00f3br. \"Swojak\" to zaawansowany system \u0142\u0105cz\u0105cy u\u017cytkownik\u00f3w chc\u0105cych odda\u0107 przedmioty za darmo z osobami potrzebuj\u0105cymi.\n                <\/p>\n                <ul class=\"list-unstyled mt-3\">\n                    <li><i class=\"fas fa-check-square me-2 text-primary\"><\/i> <strong>Architektura:<\/strong> Skalowalna chmura i geolokalizacja w czasie rzeczywistym.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"bh-grid-section\">\n            <div class=\"container\">\n                <h2 class=\"text-center mb-5\" style=\"text-transform: uppercase; font-weight: 900;\">Autorskie Narz\u0119dzia Automatyzacji<\/h2>\n                <div class=\"row g-4\">\n                    <div class=\"col-md-6\">\n                        <div class=\"bh-grid-item\">\n                            <div class=\"bh-grid-tag\">MARKETING AI<\/div>\n                            <h4><i class=\"fab fa-facebook me-2\"><\/i> Social Media & Ads<\/h4>\n                            <p class=\"small mt-2\">W\u0142asne algorytmy zarz\u0105dzaj\u0105ce kampaniami reklamowymi. Automatyczna optymalizacja stawek.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-6\">\n                        <div class=\"bh-grid-item\">\n                            <div class=\"bh-grid-tag\">GENERATIVE AI<\/div>\n                            <h4><i class=\"fas fa-robot me-2\"><\/i> AI Content Engine<\/h4>\n                            <p class=\"small mt-2\">Systemy generuj\u0105ce i publikuj\u0105ce tre\u015bci blogowe wspieraj\u0105ce SEO.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-12\">\n                        <div class=\"bh-grid-item\" style=\"background-color: var(--bh-yellow);\">\n                            <div class=\"bh-grid-tag\" style=\"background-color: var(--bh-black);\">LOGISTICS<\/div>\n                            <h4><i class=\"fas fa-truck-loading me-2\"><\/i> Automatyzacja \u0141a\u0144cuch\u00f3w Dostaw<\/h4>\n                            <p class=\"mt-2\">System integruj\u0105cy zam\u00f3wienia ze sklepu z API kurier\u00f3w. Automatyczne etykiety i \u015bledzenie.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bh-lab-section\">\n            <div class=\"container\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-lg-5 mb-4 mb-lg-0\">\n                        <div class=\"bh-product-spec text-center\">\n                            <div class=\"bh-lab-circle\"><i class=\"fas fa-leaf\"><\/i><\/div>\n                            <h4 style=\"font-weight: 800; text-transform: uppercase;\">Herbatadokapieli.pl<\/h4>\n                            <p class=\"small text-muted mb-0\">STATUS: PROD (LIVE)<\/p>\n                            <hr style=\"border-top: 2px solid black;\">\n                            <ul class=\"list-unstyled text-start small\">\n                                <li><strong>TYP:<\/strong> E-commerce \/ Wellness<\/li>\n                                <li><strong>STACK:<\/strong> Custom Woo + AI Logistics<\/li>\n                                <li><strong>RYNEK:<\/strong> B2C PL\/EU<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-7 ps-lg-5\">\n                        <h2 style=\"font-weight: 900; text-transform: uppercase;\">E-commerce Lab<\/h2>\n                        <h5 class=\"text-muted mb-4\" style=\"border-left: 5px solid var(--bh-red); padding-left: 15px;\">\n                            Nasz poligon do\u015bwiadczalny.\n                        <\/h5>\n                        <p class=\"lead\">\n                            Nie testujemy na klientach. Testujemy na sobie.\n                        <\/p>\n                        <p>\n                            \"Herbatadokapieli.pl\" to nie tylko sklep \u2013 to nasz wewn\u0119trzny inkubator technologiczny. To tutaj, na w\u0142asnym bud\u017cecie i ryzyku, wdra\u017camy eksperymentalne strategie marketingowe, testujemy automatyzacj\u0119 logistyki i nowe bramki p\u0142atno\u015bci.\n                        <\/p>\n                        <p>\n                            Dopiero gdy rozwi\u0105zanie przynosi zysk (ROI > 300%) w naszym w\u0142asnym brandzie, oferujemy je jako us\u0142ug\u0119 dla Partner\u00f3w, rozwijaj\u0105c ich biznesy w oparciu o sprawdzone dane.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bh-dark-section\">\n            <div class=\"container\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-lg-6\">\n                        <h2>Infrastruktura & Bezpiecze\u0144stwo<\/h2>\n                        <p class=\"lead mb-4\" style=\"color: #ccc;\">Budujemy cyfrowe fundamenty przedsi\u0119biorstw.<\/p>\n                        <ul class=\"list-unstyled bh-tech-list\">\n                            <li><i class=\"fas fa-database\"><\/i> <strong>Bazy Danych & Storage:<\/strong> Projektowanie wydajnych i bezpiecznych struktur.<\/li>\n                            <li><i class=\"fas fa-shield-alt\"><\/i> <strong>Cyberbezpiecze\u0144stwo:<\/strong> Audyty i szyfrowanie.<\/li>\n                            <li><i class=\"fas fa-server\"><\/i> <strong>Backend Development:<\/strong> Oprogramowanie operacyjne.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"col-lg-6 text-center mt-5 mt-lg-0\">\n                        <div style=\"display: inline-block; width: 80%; height: 250px; border: 4px solid var(--bh-blue); position: relative;\">\n                            <div style=\"position: absolute; top: 20px; left: 20px; right: 20px; height: 40px; background: var(--bh-white);\"><\/div>\n                            <div style=\"position: absolute; top: 80px; left: 20px; right: 20px; height: 40px; background: var(--bh-white);\"><\/div>\n                            <div style=\"position: absolute; bottom: -20px; right: -20px; width: 100px; height: 100px; background: var(--bh-red); border: var(--bh-border);\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bh-trust-section\">\n            <div class=\"container\">\n                <div class=\"text-center mb-5\">\n                    <h2 style=\"font-weight: 900; text-transform: uppercase;\">Stabilny Partner Technologiczny<\/h2>\n                    <p class=\"lead\" style=\"max-width: 700px; margin: 0 auto; opacity: 0.9;\">\n                        Budujemy d\u0142ugodystansowe relacje. Nie jeste\u015bmy tylko dostawc\u0105 kodu \u2013 stajemy si\u0119 zewn\u0119trznym dzia\u0142em R&D dla Twojego biznesu.\n                    <\/p>\n                <\/div>\n                <div class=\"row g-4\">\n                    <div class=\"col-md-4\">\n                        <div class=\"bh-trust-box\">\n                            <i class=\"fas fa-handshake bh-trust-icon\"><\/i>\n                            <h4 class=\"text-uppercase\">Relacje B2B<\/h4>\n                            <p class=\"small\">Wsp\u00f3\u0142pracujemy z klientami latami, wspieraj\u0105c ich skalowanie od startupu do korporacji.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-4\">\n                        <div class=\"bh-trust-box\">\n                            <i class=\"fas fa-headset bh-trust-icon\"><\/i>\n                            <h4 class=\"text-uppercase\">Wsparcie 24\/7<\/h4>\n                            <p class=\"small\">Monitorujemy systemy krytyczne non-stop. Twoja infrastruktura jest pod sta\u0142\u0105 opiek\u0105 in\u017cynier\u00f3w.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-4\">\n                        <div class=\"bh-trust-box\">\n                            <i class=\"fas fa-cogs bh-trust-icon\"><\/i>\n                            <h4 class=\"text-uppercase\">Outsourcing IT<\/h4>\n                            <p class=\"small\">Przejmujemy odpowiedzialno\u015b\u0107 za technologi\u0119, aby\u015b Ty m\u00f3g\u0142 skupi\u0107 si\u0119 na rozwoju biznesu.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <footer class=\"bh-footer\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-md-6 mb-4\">\n                        <h5>KONTAKT<\/h5>\n                        <ul class=\"list-unstyled\">\n                            <li class=\"mb-2\">> biuro@bezpiecznetransakcje24.pl<\/li>\n                            <li class=\"mb-2\">> +48 789 620 340<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"col-md-6 text-md-end\">\n                        <h5>DANE REJESTROWE<\/h5>\n                        <p class=\"mb-1\"><strong>BEZPIECZNE TRANSAKCJE SP. Z O.O.<\/strong><\/p>\n                        <p class=\"mb-1\">Al. Jana Paw\u0142a II 27<\/p>\n                        <p class=\"mb-1\">00-867 Warszawa<\/p>\n                        <br>\n                        <p class=\"mb-0 small\">NIP: 5273095195 \/ KRS: 0001081165<\/p>\n                        <p class=\"mb-0 small\">REGON: 527551730<\/p>\n                        <p class=\"mb-0 small\">KAPITA\u0141: 5 000,00 z\u0142<\/p>\n                        <p class=\"mt-3 small text-muted\" style=\"font-size: 0.7rem; max-width: 300px; margin-left: auto;\">\n                            S\u0105d Rejonowy dla m.st. Warszawy w Warszawie, XII Wydzia\u0142 Gospodarczy KRS                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/footer>\n    <\/div>\n\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"beztrenowy","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":17,"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/bezpiecznetransakcje24.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}