{"id":8,"date":"2026-03-27T23:41:36","date_gmt":"2026-03-27T22:41:36","guid":{"rendered":"https:\/\/testy67.pl\/Finanse\/?page_id=8"},"modified":"2026-03-30T07:32:26","modified_gmt":"2026-03-30T05:32:26","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/testy67.pl\/Finanse\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\n<!-- Wklej ten kod do WordPressa jako blok HTML na stronie g\u0142\u00f3wnej -->\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root { --mouse-x: 50%; --mouse-y: 50%; }\n        body { font-family: 'Inter', sans-serif; background: #ffffff; color: #0f172a; overflow-x: hidden; scroll-behavior: smooth; }\n        \n        \/* Dynamiczne T\u0142o Mesh *\/\n        .mesh-bg {\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;\n            background: \n                radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(168, 85, 247, 0.08) 0%, transparent 40%),\n                radial-gradient(circle at 20% 80%, rgba(236, 72, 153, 0.08) 0%, transparent 40%);\n            transition: background 0.5s ease-out;\n        }\n\n        \/* Animacje Reveal *\/\n        .reveal { opacity: 0; transform: translateY(40px); filter: blur(10px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }\n        .reveal.active { opacity: 1; transform: translateY(0); filter: blur(0); }\n        .reveal-stagger > * { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1); }\n        .reveal-stagger.active > * { opacity: 1; transform: translateY(0); }\n        .reveal-stagger.active > *:nth-child(1) { transition-delay: 0.1s; }\n        .reveal-stagger.active > *:nth-child(2) { transition-delay: 0.2s; }\n        .reveal-stagger.active > *:nth-child(3) { transition-delay: 0.3s; }\n\n        \/* Szklany Navbar *\/\n        .nav-glass {\n            background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px);\n            border: 1px solid rgba(15, 23, 42, 0.05);\n            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);\n        }\n\n        \/* Karty *\/\n        .glass-card {\n            background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px);\n            border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 2.5rem;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        .glass-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.1);\n            border-color: #3b82f6;\n        }\n\n        .gradient-text { background: linear-gradient(to right, #2563eb, #9333ea, #db2777); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n        \n        \/* Marquee dla efektu \"Zaufali nam\" *\/\n        @keyframes marquee {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n        .marquee-container { overflow: hidden; white-space: nowrap; position: relative; }\n        .marquee-content { display: inline-block; animation: marquee 30s linear infinite; }\n\n        \/* Przycisk magnetyczny *\/\n        .btn-wow {\n            position: relative; overflow: hidden; transition: all 0.3s ease;\n        }\n        .btn-wow::after {\n            content: ''; position: absolute; top: 50%; left: 50%; width: 300%; height: 300%;\n            background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\n            transform: translate(-50%, -50%) scale(0); transition: transform 0.5s ease;\n        }\n        .btn-wow:hover::after { transform: translate(-50%, -50%) scale(1); }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n    <div class=\"mesh-bg\"><\/div>\n\n    <!-- Nawigacja -->\n    <nav class=\"fixed top-6 left-1\/2 -translate-x-1\/2 z-50 w-[90%] max-w-4xl\">\n        <div class=\"nav-glass rounded-full px-6 py-3 flex justify-between items-center\">\n            <a href=\"#\" class=\"text-xl font-black tracking-tighter text-slate-900\">FM<span class=\"text-blue-600\">.<\/span><\/a>\n            <div class=\"hidden md:flex gap-8 text-sm font-bold uppercase tracking-widest text-slate-500\">\n                <a href=\"https:\/\/testy67.pl\/Finanse\/o-nas\/\" class=\"hover:text-blue-600 transition-colors\">O nas<\/a>\n                <a href=\"https:\/\/testy67.pl\/Finanse\/cennik\/\" class=\"hover:text-blue-600 transition-colors\">Cennik<\/a>\n                <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"hover:text-blue-600 transition-colors\">Kontakt<\/a>\n            <\/div>\n            <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"bg-slate-900 text-white px-5 py-2 rounded-full text-xs font-bold uppercase tracking-widest hover:bg-blue-600 transition-all\">Start<\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"relative pt-40 md:pt-64 pb-32 px-6\">\n        <div class=\"max-w-[1400px] mx-auto text-center\">\n            <div class=\"reveal inline-flex items-center gap-3 px-6 py-2 bg-blue-50 rounded-full text-[10px] md:text-[12px] font-black uppercase tracking-[0.4em] mb-12 border border-blue-100 text-blue-600 shadow-sm\">\n                <span class=\"w-2 h-2 bg-blue-600 rounded-full animate-pulse\"><\/span> Nowa era zarz\u0105dzania finansami\n            <\/div>\n            \n            <h1 class=\"reveal text-6xl md:text-8xl lg:text-[11rem] font-black leading-[0.85] mb-12 tracking-tighter text-slate-900\">\n                Liczby, kt\u00f3re <br><span class=\"gradient-text\">pracuj\u0105.<\/span>\n            <\/h1>\n            \n            <p class=\"reveal text-xl md:text-3xl text-slate-500 mb-16 max-w-3xl mx-auto leading-relaxed font-light\">\n                Twoja firma potrzebuje stratega, nie ksi\u0119gowego. Finance Manager na godziny to <span class=\"text-slate-900 font-bold\">inteligencja finansowa<\/span> dost\u0119pna na \u017c\u0105danie.\n            <\/p>\n            \n            <div class=\"reveal flex flex-col sm:flex-row gap-6 justify-center items-center\">\n                <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"btn-wow bg-slate-900 text-white px-12 py-6 rounded-[2rem] text-2xl font-black hover:scale-105 transition-all shadow-2xl hover:shadow-blue-500\/30\">\n                    Bezp\u0142atna Konsultacja \u2192\n                <\/a>\n                <a href=\"https:\/\/testy67.pl\/Finanse\/o-nas\/\" class=\"text-slate-900 font-bold text-xl hover:text-blue-600 transition-colors flex items-center gap-2 group\">\n                    Dowiedz si\u0119 wi\u0119cej <span class=\"group-hover:translate-x-2 transition-transform\">\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Social Proof \/ Marquee -->\n    <section class=\"py-20 border-y border-slate-100 bg-white\/30 backdrop-blur-sm\">\n        <div class=\"marquee-container\">\n            <div class=\"marquee-content flex gap-20 items-center text-3xl md:text-5xl font-black text-slate-200 uppercase tracking-tighter\">\n                <span>Zaufanie<\/span> <span>\u2022<\/span> <span>Wzrost<\/span> <span>\u2022<\/span> <span>Strategia<\/span> <span>\u2022<\/span> <span>Zysk<\/span> <span>\u2022<\/span> <span>Skalowanie<\/span> <span>\u2022<\/span> <span>Bezpiecze\u0144stwo<\/span> <span>\u2022<\/span>\n                <span>Zaufanie<\/span> <span>\u2022<\/span> <span>Wzrost<\/span> <span>\u2022<\/span> <span>Strategia<\/span> <span>\u2022<\/span> <span>Zysk<\/span> <span>\u2022<\/span> <span>Skalowanie<\/span> <span>\u2022<\/span> <span>Bezpiecze\u0144stwo<\/span> <span>\u2022<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Features -->\n    <section class=\"py-32 md:py-64 px-6\">\n        <div class=\"max-w-[1400px] mx-auto\">\n            <div class=\"grid lg:grid-cols-3 gap-12 reveal-stagger\">\n                <div class=\"glass-card p-12 group\">\n                    <div class=\"w-20 h-20 bg-blue-50 rounded-3xl flex items-center justify-center text-4xl mb-8 group-hover:rotate-12 transition-transform\">\ud83d\udcca<\/div>\n                    <h3 class=\"text-3xl font-black mb-6 text-slate-900\">Analityka 360\u00b0<\/h3>\n                    <p class=\"text-lg text-slate-500 leading-relaxed\">Widzimy to, czego inni nie dostrzegaj\u0105. Pe\u0142ny wgl\u0105d w rentowno\u015b\u0107 ka\u017cdego projektu i klienta.<\/p>\n                <\/div>\n                <div class=\"glass-card p-12 group border-blue-500\/20\">\n                    <div class=\"w-20 h-20 bg-purple-50 rounded-3xl flex items-center justify-center text-4xl mb-8 group-hover:rotate-12 transition-transform\">\u26a1<\/div>\n                    <h3 class=\"text-3xl font-black mb-6 text-slate-900\">Szybka Reakcja<\/h3>\n                    <p class=\"text-lg text-slate-500 leading-relaxed\">Problemy z p\u0142ynno\u015bci\u0105? Rozwi\u0105zujemy je, zanim stan\u0105 si\u0119 kryzysem. Dzia\u0142amy w czasie rzeczywistym.<\/p>\n                <\/div>\n                <div class=\"glass-card p-12 group\">\n                    <div class=\"w-20 h-20 bg-pink-50 rounded-3xl flex items-center justify-center text-4xl mb-8 group-hover:rotate-12 transition-transform\">\ud83c\udfaf<\/div>\n                    <h3 class=\"text-3xl font-black mb-6 text-slate-900\">Cel: Wynik<\/h3>\n                    <p class=\"text-lg text-slate-500 leading-relaxed\">Nie raportujemy dla raport\u00f3w. Ka\u017cda nasza rekomendacja ma jeden cel: zwi\u0119kszenie Twojego zysku.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"py-32 px-6\">\n        <div class=\"max-w-[1200px] mx-auto bg-slate-900 rounded-[4rem] p-12 md:p-32 text-center text-white relative overflow-hidden reveal\">\n            <div class=\"absolute top-0 left-0 w-full h-full opacity-20 pointer-events-none\">\n                <div class=\"absolute top-[-20%] left-[-10%] w-[60%] h-[60%] bg-blue-600 rounded-full blur-[120px]\"><\/div>\n                <div class=\"absolute bottom-[-20%] right-[-10%] w-[60%] h-[60%] bg-pink-600 rounded-full blur-[120px]\"><\/div>\n            <\/div>\n            <h2 class=\" text-white text-4xl md:text-7xl font-black mb-12 relative z-10\">Gotowy na <br>skok jako\u015bciowy?<\/h2>\n            <p class=\"text-xl md:text-2xl text-slate-400 mb-16 max-w-2xl mx-auto relative z-10\">Pierwsza konsultacja jest na nasz koszt. Sprawd\u017amy, ile pieni\u0119dzy ucieka Ci przez palce.<\/p>\n            <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"inline-block bg-white text-slate-900 px-12 py-6 rounded-full text-2xl font-black hover:bg-blue-500 hover:text-white transition-all relative z-10\">Um\u00f3w spotkanie<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"py-20 px-6 border-t border-slate-100\">\n        <div class=\"max-w-[1400px] mx-auto flex flex-col md:flex-row justify-between items-center gap-8\">\n            <p class=\"text-slate-400 font-bold tracking-widest uppercase text-xs\">\u00a9 2024 Finance Manager. Wszystkie prawa zastrze\u017cone.<\/p>\n           \n    <\/footer>\n\n    <script>\n        document.addEventListener('mousemove', (e) => {\n            const x = (e.clientX \/ window.innerWidth) * 100;\n            const y = (e.clientY \/ window.innerHeight) * 100;\n            document.documentElement.style.setProperty('--mouse-x', x + '%');\n            document.documentElement.style.setProperty('--mouse-y', y + '%');\n        });\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                }\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.reveal, .reveal-stagger').forEach(el => observer.observe(el));\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>FM. O nas Cennik Kontakt Start Nowa era zarz\u0105dzania finansami Liczby, kt\u00f3re pracuj\u0105. Twoja firma potrzebuje stratega, nie ksi\u0119gowego. Finance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":11,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages\/8\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}