{"id":9,"date":"2026-10-27T09:02:20","date_gmt":"2026-10-27T09:02:20","guid":{"rendered":"https:\/\/cconstruct.meetlab.hu\/?page_id=9"},"modified":"2026-10-27T13:53:37","modified_gmt":"2026-10-27T13:53:37","slug":"fooldal","status":"publish","type":"page","link":"https:\/\/cconstruct.meetlab.hu\/?page_id=9","title":{"rendered":"F\u0151oldal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8b23e e-con e-atomic-element e-flexbox-base e-default-div e-464c565 \" data-id=\"8f8b23e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8f8b23e\">\n    \t\t<div class=\"elementor-element elementor-element-5410ef4 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"5410ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\">\r\n\r\n\r\n    \r\n    \r\n    <title>C-CONSTRUCT KFT. - \u00c9p\u00edtkez\u00e9s \u00e9s Fel\u00faj\u00edt\u00e1s<\/title>\r\n    <!-- Tailwind CSS CDN -->\r\n    \r\n    <!-- FontAwesome ikonok -->\r\n    \r\n    <!-- Google Fonts: Cormorant Garamond (Eleg\u00e1ns, n\u0151ies-\u00fczleti serif) &amp; Plus Jakarta Sans (K\u00f6nnyen olvashat\u00f3 sans-serif) -->\r\n    \r\n    \r\n    \r\n\r\n    \r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        nordic: {\r\n                            deepwood: '#181A19', \/\/ M\u00e9ly \u00e9jf\u00e9li sz\u00fcrke \/ fah\u00e1z \u00e1rny\u00e9k\r\n                            pine: '#2B322C',     \/\/ Erd\u0151s s\u00f6t\u00e9t feny\u0151 z\u00f6ldes-sz\u00fcrke\r\n                            bark: '#514F4A',     \/\/ S\u00f6t\u00e9t fak\u00e9reg sz\u00fcrke\r\n                            timber: '#5C4C3D',   \/\/ Meleg k\u00e1v\u00e9\/fa barna\r\n                            warmbronze: '#AA957F',\/\/ Finom meleg bronz\/b\u00e9zs akcentus\r\n                            sand: '#C3B39D',     \/\/ L\u00e1gy homok b\u00e9zs\r\n                            cream: '#F4F0EA',    \/\/ Benns\u0151s\u00e9ges meleg kr\u00e9m h\u00e1tt\u00e9r\r\n                            cardbg: '#222523'    \/\/ S\u00f6t\u00e9t k\u00e1rty\u00e1k h\u00e1ttere\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        serif: ['\"Cormorant Garamond\"', 'serif'],\r\n                        sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    \r\n    \r\n        .glass-header {\r\n            background: rgba(24, 26, 25, 0.94);\r\n            backdrop-filter: blur(12px);\r\n        }\r\n        .nordic-card {\r\n            background: linear-gradient(145deg, #242825, #1d201e);\r\n            border: 1px solid rgba(170, 149, 127, 0.2);\r\n        }\r\n        .nordic-card-light {\r\n            background: #FAF8F5;\r\n            border: 1px solid rgba(170, 149, 127, 0.25);\r\n        }\r\n        .card-hover {\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n        .card-hover:hover {\r\n            transform: translateY(-4px);\r\n            border-color: rgba(170, 149, 127, 0.5);\r\n            box-shadow: 0 16px 32px -10px rgba(24, 26, 25, 0.4);\r\n        }\r\n        .font-serif-italic {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-style: italic;\r\n        }\r\n    \r\n\r\n\r\n\r\n    \r\n    <\/header>\r\n\r\n    <!-- F\u0150OLDAL \/ HERO SZEKCI\u00d3 -->\r\n    <section id=\"fooldal\" class=\"relative pt-36 pb-24 md:pt-48 md:pb-36 bg-nordic-deepwood text-white overflow-hidden min-h-[92vh] flex items-center\">\r\n        <!-- H\u00e1tt\u00e9r text\u00fara &amp; meleg erdei f\u00e9nysug\u00e1r effektus -->\r\n        <div class=\"absolute inset-0 opacity-15 pointer-events-none bg-[radial-gradient(#AA957F_1px,transparent_1px)] [background-size:32px_32px]\"><\/div>\r\n        <div class=\"absolute -right-32 top-1\/4 w-[500px] h-[500px] bg-nordic-timber\/25 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n        <div class=\"absolute left-10 -bottom-20 w-[400px] h-[400px] bg-nordic-pine\/40 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 w-full\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n                \r\n                <div class=\"lg:col-span-8 space-y-8\">\r\n                    <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-nordic-pine\/80 border border-nordic-warmbronze\/30 text-nordic-sand text-xs sm:text-sm font-medium tracking-wider\">\r\n                        <i class=\"fa-solid fa-tree text-nordic-warmbronze text-xs\"><\/i> T\u00f6bb mint 14 \u00e9v \u00e9p\u00edt\u0151ipari tapasztalat\r\n                    <\/div>\r\n\r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-serif leading-[1.15] text-white\">\r\n                        \u00c9p\u00edtkez\u00e9s \u00e9s fel\u00faj\u00edt\u00e1s, <br class=\"hidden sm:inline\">\r\n                        <span class=\"font-serif-italic font-normal text-nordic-sand\">tapasztalt szakmai h\u00e1tt\u00e9rrel<\/span>\r\n                    <\/h1>\r\n\r\n                    <p class=\"text-lg sm:text-xl text-gray-300 max-w-2xl font-light leading-relaxed\">\r\n                        A tervez\u00e9s megszervez\u00e9s\u00e9t\u0151l \u00e9s az \u00fcgyint\u00e9z\u00e9st\u0151l a kivitelez\u00e9s lebonyol\u00edt\u00e1s\u00e1ig seg\u00edtek abban, hogy az elk\u00e9pzel\u00e9sekb\u0151l megval\u00f3sult \u00e9p\u00fclet legyen.\r\n                    <\/p>\r\n\r\n                    <p class=\"text-sm sm:text-base text-gray-400 max-w-2xl leading-relaxed font-light\">\r\n                        T\u00f6bb mint 14 \u00e9v \u00e9p\u00edt\u0151ipari tapasztalat\u00e1val, gyakorlati szeml\u00e9lettel \u00e9s sz\u00e9les k\u00f6r\u0171 szakemberh\u00e1l\u00f3zattal v\u00e1llalom csal\u00e1di h\u00e1zak, ipari \u00e9s mez\u0151gazdas\u00e1gi \u00e9p\u00fcletek projektjeinek szervez\u00e9s\u00e9t, valamint fel\u00faj\u00edt\u00e1sok \u00e9s k\u00fcls\u0151 munk\u00e1k kivitelez\u00e9s\u00e9t.\r\n                    <\/p>\r\n\r\n                    <div class=\"pt-2 flex flex-col sm:flex-row gap-4\">\r\n                        <a href=\"#kapcsolat\" class=\"inline-flex items-center justify-center px-8 py-4 rounded-full text-xs uppercase tracking-widest font-bold bg-nordic-warmbronze text-nordic-deepwood hover:bg-nordic-sand transition-all duration-300 shadow-xl group\">\r\n                            Kapcsolatfelv\u00e9tel\r\n                            <i class=\"fa-solid fa-arrow-right-long ml-3 text-sm group-hover:translate-x-1.5 transition-transform\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#szolgaltatasok\" class=\"inline-flex items-center justify-center px-8 py-4 rounded-full text-xs uppercase tracking-widest font-semibold border border-nordic-warmbronze\/40 text-gray-200 hover:bg-nordic-pine transition-all duration-300\">\r\n                            Szolg\u00e1ltat\u00e1sok\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Jobboldali Kiemelt Fah\u00e1z \/ Eleg\u00e1ns K\u00e1rtya -->\r\n                <div class=\"lg:col-span-4 hidden lg:block\">\r\n                    <div class=\"relative rounded-3xl nordic-card p-9 shadow-2xl overflow-hidden\">\r\n                        <div class=\"absolute -top-10 -right-10 w-28 h-28 bg-nordic-warmbronze\/10 rounded-full blur-xl\"><\/div>\r\n                        \r\n                        <div class=\"space-y-6 relative z-10\">\r\n                            <span class=\"text-nordic-warmbronze font-serif italic text-lg block\">Skandin\u00e1v precizit\u00e1s &amp; \u00e1tl\u00e1that\u00f3s\u00e1g<\/span>\r\n                            \r\n                            <h3 class=\"text-2xl font-serif text-white leading-tight\">Teljes k\u00f6r\u0171 m\u00e9rn\u00f6ki kivitelez\u00e9sszervez\u00e9s<\/h3>\r\n                            \r\n                            <hr class=\"border-nordic-timber\/40\">\r\n\r\n                            <ul class=\"space-y-3.5 text-xs tracking-wide text-gray-300\">\r\n                                <li class=\"flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-check text-nordic-warmbronze\"><\/i>\r\n                                    <span>Csal\u00e1di h\u00e1zak &amp; Ipari \u00e9p\u00fcletek<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-check text-nordic-warmbronze\"><\/i>\r\n                                    <span>TERC &amp; \u00c9NGY K\u00f6lts\u00e9gvet\u00e9sek<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-check text-nordic-warmbronze\"><\/i>\r\n                                    <span>\u00c9TDR &amp; E-napl\u00f3 \u00fcgyint\u00e9z\u00e9s<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-check text-nordic-warmbronze\"><\/i>\r\n                                    <span>Sz\u00e9les alv\u00e1llalkoz\u00f3i h\u00e1l\u00f3zat<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n\r\n                            <div class=\"pt-4 flex items-center justify-between text-[11px] text-nordic-sand tracking-widest uppercase font-medium\">\r\n                                <span>Tata<\/span>\r\n                                <span>\u2022<\/span>\r\n                                <span>Tatab\u00e1nya<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- BEMUTATKOZ\u00c1S SZEKCI\u00d3 (Szem\u00e9lyes fot\u00f3kkal &amp; eleg\u00e1ns bet\u0171kkel) -->\r\n    <section id=\"bemutatkozas\" class=\"py-24 md:py-36 bg-nordic-cream text-nordic-deepwood relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            \r\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n                <span class=\"text-nordic-timber font-medium text-xs tracking-[0.2em] uppercase mb-2 block\">Szakmai t\u00f6rt\u00e9net &amp; elk\u00f6telezetts\u00e9g<\/span>\r\n                <h2 class=\"text-3xl sm:text-5xl font-serif text-nordic-deepwood\">Gyakorlati tapasztalat, prec\u00edz munkav\u00e9gz\u00e9s<\/h2>\r\n                <div class=\"w-16 h-0.5 bg-nordic-warmbronze mx-auto mt-5\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\r\n                \r\n                <!-- Sz\u00f6veges tartalom -->\r\n                <div class=\"lg:col-span-7 space-y-6 text-nordic-bark leading-relaxed font-light\">\r\n                    <p class=\"text-lg font-serif text-nordic-deepwood leading-relaxed\">\r\n                        2012 \u00f3ta dolgozom az \u00e9p\u00edt\u0151iparban. Az \u00e9vek sor\u00e1n helysz\u00edni \u00e9s gyakorlati tapasztalatot szereztem csal\u00e1di h\u00e1zak \u00e9p\u00edt\u00e9s\u00e9ben, csarnok\u00e9p\u00edt\u00e9sben, mez\u0151gazdas\u00e1gi beruh\u00e1z\u00e1sokban, lak\u00e1sfel\u00faj\u00edt\u00e1sokban \u00e9s energetikai korszer\u0171s\u00edt\u00e9sekben, valamint t\u00e9rk\u00f6vez\u00e9si \u00e9s ker\u00edt\u00e9s\u00e9p\u00edt\u00e9si munk\u00e1kban.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        C\u00e9gemet 2024-ben alap\u00edtottam, de m\u00e1r ezt megel\u0151z\u0151en is \u00f6n\u00e1ll\u00f3an dolgoztam. Fontos sz\u00e1momra, hogy a gyakorlati tapasztalat biztos szakmai tud\u00e1ssal p\u00e1rosuljon, ez\u00e9rt <strong class=\"font-semibold text-nordic-deepwood\">magas\u00e9p\u00edt\u0151 technikusi v\u00e9gzetts\u00e9get<\/strong> szereztem.\r\n                    <\/p>\r\n\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 py-2\">\r\n                        <div class=\"p-5 rounded-2xl nordic-card-light\">\r\n                            <h4 class=\"font-serif text-lg font-bold text-nordic-deepwood mb-1.5 flex items-center gap-2\">\r\n                                <i class=\"fa-solid fa-calculator text-nordic-timber text-sm\"><\/i> TERC &amp; \u00c9NGY\r\n                            <\/h4>\r\n                            <p class=\"text-xs text-nordic-bark leading-relaxed\">Magabiztos k\u00f6lts\u00e9gvet\u00e9s-k\u00e9sz\u00edt\u00e9s TERC programmal, r\u00e9szletes anyagki\u00edr\u00e1sok \u00e9s \u00c9NGY alap\u00fa p\u00e1ly\u00e1zati k\u00f6lts\u00e9gvet\u00e9sek.<\/p>\r\n                        <\/div>\r\n                        <div class=\"p-5 rounded-2xl nordic-card-light\">\r\n                            <h4 class=\"font-serif text-lg font-bold text-nordic-deepwood mb-1.5 flex items-center gap-2\">\r\n                                <i class=\"fa-solid fa-file-contract text-nordic-timber text-sm\"><\/i> Hivatali \u00fcgyint\u00e9z\u00e9s\r\n                            <\/h4>\r\n                            <p class=\"text-xs text-nordic-bark leading-relaxed\">Tapasztalat az \u00c9TDR fel\u00fclet\u00e9n, tatai \u00e9s tatab\u00e1nyai hat\u00f3s\u00e1gokkal val\u00f3 kapcsolattart\u00e1sban \u00e9s k\u00f6zm\u0171koordin\u00e1ci\u00f3ban.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Munk\u00e1mat sz\u00e9les k\u00f6r\u0171 alv\u00e1llalkoz\u00f3i h\u00e1tt\u00e9r t\u00e1mogatja. Egy\u00fcttm\u0171k\u00f6d\u0151 szakembereim k\u00f6z\u00f6tt k\u0151m\u0171vesek, g\u00e9pkezel\u0151k, burkol\u00f3k, fest\u0151k, villanyszerel\u0151k, \u00e9p\u00fcletg\u00e9p\u00e9szek, \u00e1csok, gipszkarton-szerel\u0151k \u00e9s k\u00f6nny\u0171szerkezetes h\u00e1zak kivitelez\u0151i is megtal\u00e1lhat\u00f3k.\r\n                    <\/p>\r\n\r\n                    <div class=\"p-6 rounded-2xl bg-nordic-timber\/10 border-l-2 border-nordic-warmbronze my-4\">\r\n                        <p class=\"font-serif-italic text-xl text-nordic-deepwood leading-relaxed\">\r\n                            \"C\u00e9lom, hogy az \u00fcgyfeleim sz\u00e1m\u00e1ra \u00e1tl\u00e1that\u00f3v\u00e1 \u00e9s szervezett\u00e9 tegyem az \u00e9p\u00edtkez\u00e9s vagy fel\u00faj\u00edt\u00e1s folyamat\u00e1t, a kezdeti egyeztet\u00e9st\u0151l a munk\u00e1k befejez\u00e9s\u00e9ig.\"\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Tulajdonos \/ C\u00e9gvezet\u0151 Portr\u00e9i (Meleg, fah\u00e1z\/iroda hangulat\u00fa fot\u00f3kkal) -->\r\n                <div class=\"lg:col-span-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-6\">\r\n                    \r\n                    <!-- 1. Saj\u00e1t k\u00e9p: Laptopos irodai\/tervez\u00e9si munka -->\r\n                    <div class=\"group relative rounded-3xl overflow-hidden shadow-xl border border-nordic-warmbronze\/30 bg-nordic-deepwood\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cconstruct.meetlab.hu\/wp-content\/uploads\/2026\/10\/DSC5711-scaled.webp\" alt=\"C-CONSTRUCT KFT. c\u00e9gvezet\u0151je laptopos munka k\u00f6zben\" class=\"w-full h-72 object-cover object-top group-hover:scale-105 transition-transform duration-700 opacity-90 group-hover:opacity-100\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-nordic-deepwood via-nordic-deepwood\/30 to-transparent flex items-end p-6\">\r\n                            <div>\r\n                                <span class=\"text-nordic-sand text-[10px] tracking-widest font-semibold uppercase block mb-1\">El\u0151k\u00e9sz\u00edt\u00e9s &amp; K\u00f6lts\u00e9gvet\u00e9s<\/span>\r\n                                <h4 class=\"text-white font-serif text-xl\">Prec\u00edz digit\u00e1lis tervez\u00e9s<\/h4>\r\n                                <p class=\"text-gray-300 text-xs mt-1 font-light\">TERC k\u00f6lts\u00e9gvet\u00e9sek \u00e9s anyagsz\u00fcks\u00e9glet ki\u00edr\u00e1sa<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2. Saj\u00e1t k\u00e9p: Tablettes helysz\u00edni ellen\u0151rz\u00e9s -->\r\n                    <div class=\"group relative rounded-3xl overflow-hidden shadow-xl border border-nordic-warmbronze\/30 bg-nordic-deepwood\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092918056-0c4c3acd3789?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Helysz\u00edni m\u00e9r\u00e9sek \u00e9s m\u0171szaki ellen\u0151rz\u00e9s tablettel\" class=\"w-full h-72 object-cover object-top group-hover:scale-105 transition-transform duration-700 opacity-90 group-hover:opacity-100\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-nordic-deepwood via-nordic-deepwood\/30 to-transparent flex items-end p-6\">\r\n                            <div>\r\n                                <span class=\"text-nordic-sand text-[10px] tracking-widest font-semibold uppercase block mb-1\">Helysz\u00edni Jelenl\u00e9t<\/span>\r\n                                <h4 class=\"text-white font-serif text-xl\">M\u0171szaki koordin\u00e1ci\u00f3 &amp; E-napl\u00f3<\/h4>\r\n                                <p class=\"text-gray-300 text-xs mt-1 font-light\">Munkater\u00fcleti egyeztet\u00e9sek \u00e9s alv\u00e1llalkoz\u00f3i ir\u00e1ny\u00edt\u00e1s<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SZOLG\u00c1LTAT\u00c1SOK SZEKCI\u00d3 (M\u00e9ly erdei\/fah\u00e1z t\u00f3nusokkal) -->\r\n    <section id=\"szolgaltatasok\" class=\"py-24 md:py-36 bg-nordic-deepwood text-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            \r\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n                <span class=\"text-nordic-sand font-medium text-xs tracking-[0.2em] uppercase mb-2 block\">Teljes k\u00f6r\u0171 szolg\u00e1ltat\u00e1si portf\u00f3li\u00f3<\/span>\r\n                <h2 class=\"text-3xl sm:text-5xl font-serif text-white\">Szolg\u00e1ltat\u00e1sok<\/h2>\r\n                <p class=\"text-gray-400 mt-4 text-base font-light\">M\u00e9rn\u00f6ki \u00e1tl\u00e1that\u00f3s\u00e1g, folyamatos koordin\u00e1ci\u00f3 \u00e9s kivitelez\u00e9s egy k\u00e9zben.<\/p>\r\n                <div class=\"w-16 h-0.5 bg-nordic-warmbronze mx-auto mt-5\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Szolg\u00e1ltat\u00e1s K\u00e1rty\u00e1k R\u00e1csa -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n                <!-- 1. Tervez\u00e9s \u00e9s enged\u00e9lyez\u00e9si \u00fcgyint\u00e9z\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-compass-drafting\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Tervez\u00e9s \u00e9s enged\u00e9lyez\u00e9si \u00fcgyint\u00e9z\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            A sz\u00fcks\u00e9ges tervez\u00e9si feladatok megszervez\u00e9se, a tervez\u0151kkel val\u00f3 kapcsolattart\u00e1s \u00e9s a tervek enged\u00e9lyez\u00e9s\u00e9hez kapcsol\u00f3d\u00f3 \u00fcgyint\u00e9z\u00e9s koordin\u00e1l\u00e1sa. K\u00f6zm\u0171vek eset\u00e9n a terveztet\u00e9s, az enged\u00e9lyeztet\u00e9s \u00e9s a szolg\u00e1ltat\u00f3i egyeztet\u00e9sek szervez\u00e9se.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 2. E-napl\u00f3 \u00e9s \u00c9TDR-\u00fcgyint\u00e9z\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-folder-tree\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">E-napl\u00f3 \u00e9s \u00c9TDR-\u00fcgyint\u00e9z\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            Seg\u00edts\u00e9g az elektronikus \u00e9p\u00edt\u00e9si napl\u00f3 vezet\u00e9s\u00e9ben \u00e9s adminisztr\u00e1ci\u00f3j\u00e1ban, valamint az \u00c9TDR fel\u00fclet\u00e9n t\u00f6rt\u00e9n\u0151 \u00fcgyint\u00e9z\u00e9sben. A sz\u00fcks\u00e9ges dokumentumok rendszerez\u00e9se, felt\u00f6lt\u00e9se \u00e9s az \u00fcgyint\u00e9z\u00e9s \u00f6sszehangol\u00e1sa.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. \u00c9p\u00edt\u00e9si \u00e9s \u00e1tad\u00e1si dokument\u00e1ci\u00f3 -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-box-archive\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">\u00c9p\u00edt\u00e9si \u00e9s \u00e1tad\u00e1si dokument\u00e1ci\u00f3<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            Az \u00e9p\u00edtkez\u00e9s lez\u00e1r\u00e1s\u00e1hoz sz\u00fcks\u00e9ges dokument\u00e1ci\u00f3 \u00f6ssze\u00e1ll\u00edt\u00e1sa. Megval\u00f3sul\u00e1si tervek, \u00e9p\u00fcletenergetikai dokumentumok \u00e9s a villamos biztons\u00e1gi fel\u00fclvizsg\u00e1lati jegyz\u0151k\u00f6nyv beszerz\u00e9se jogosult szakemberek bevon\u00e1s\u00e1val.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 4. Haszn\u00e1latbav\u00e9teli \u00fcgyint\u00e9z\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-key\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Haszn\u00e1latbav\u00e9teli \u00fcgyint\u00e9z\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            A haszn\u00e1latbav\u00e9telhez sz\u00fcks\u00e9ges iratok, nyilatkozatok \u00e9s szak\u00e1gi dokumentumok \u00f6sszegy\u0171jt\u00e9se, a teljes dokument\u00e1ci\u00f3 \u00f6ssze\u00e1ll\u00edt\u00e1sa \u00e9s a hivatalos elj\u00e1r\u00e1s elind\u00edt\u00e1s\u00e1nak \u00fcgyint\u00e9z\u00e9se.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 5. K\u00f6lts\u00e9gvet\u00e9s \u00e9s anyagki\u00edr\u00e1s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-calculator\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">K\u00f6lts\u00e9gvet\u00e9s \u00e9s anyagki\u00edr\u00e1s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            R\u00e9szletes k\u00f6lts\u00e9gvet\u00e9sek k\u00e9sz\u00edt\u00e9se TERC programmal csal\u00e1di h\u00e1zakhoz \u00e9s fel\u00faj\u00edt\u00e1sokhoz. Ipari \u00e9s mez\u0151gazdas\u00e1gi \u00e9p\u00fcletek p\u00e1ly\u00e1zataihoz az \u00c9NGY adatt\u00e1r\u00e1ra \u00e9p\u00fcl\u0151 k\u00f6lts\u00e9gvet\u00e9sek elk\u00e9sz\u00edt\u00e9se.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 6. Projektvezet\u00e9s \u00e9s kivitelez\u00e9sszervez\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-list-check\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Projektvezet\u00e9s \u00e9s kivitelez\u00e9sszervez\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            Csal\u00e1di h\u00e1zak \u00e9p\u00edt\u00e9s\u00e9nek teljes k\u00f6r\u0171 szervez\u00e9se. Alv\u00e1llalkoz\u00f3kkal val\u00f3 kapcsolattart\u00e1s, munkafolyamatok \u00e9s \u00fctemez\u00e9s \u00f6sszehangol\u00e1sa, anyagki\u00edr\u00e1sok \u00e9s rendel\u00e9sek sz\u00e1ll\u00edt\u00e1si lebonyol\u00edt\u00e1sa.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 7. Gener\u00e1lkivitelez\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-house-chimney\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Gener\u00e1lkivitelez\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            \u00c9p\u00edt\u00e9si \u00e9s fel\u00faj\u00edt\u00e1si munk\u00e1k \u00f6sszehangolt megval\u00f3s\u00edt\u00e1sa a sz\u00fcks\u00e9ges szak\u00e1gak bevon\u00e1s\u00e1val. A munk\u00e1k egym\u00e1sra \u00e9p\u00fcl\u00e9s\u00e9nek biztos\u00edt\u00e1sa \u00e9s folyamatos, \u00e1tl\u00e1that\u00f3 kapcsolattart\u00e1s.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 8. Lak\u00e1sfel\u00faj\u00edt\u00e1s \u00e9s energetikai korszer\u0171s\u00edt\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-leaf\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Lak\u00e1sfel\u00faj\u00edt\u00e1s &amp; Energetikai korszer\u0171s\u00edt\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            R\u00e9szleges \u00e9s teljes lak\u00e1sfel\u00faj\u00edt\u00e1sok, valamint energetikai korszer\u0171s\u00edt\u00e9si munk\u00e1k szervez\u00e9se \u00e9s kivitelez\u00e9se. A feladatokhoz igazod\u00f3 szakemberek biztos\u00edt\u00e1sa.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 9. Otthonfel\u00faj\u00edt\u00e1si t\u00e1mogat\u00e1sok -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-coins\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Otthonfel\u00faj\u00edt\u00e1si t\u00e1mogat\u00e1sok \u00fcgyint\u00e9z\u00e9se<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            T\u00e1mogat\u00e1sokhoz kapcsol\u00f3d\u00f3 fel\u00faj\u00edt\u00e1si munk\u00e1k \u00e9s adminisztr\u00e1ci\u00f3 koordin\u00e1l\u00e1sa, a sz\u00fcks\u00e9ges kivitelez\u0151i dokumentumok \u00f6ssze\u00e1ll\u00edt\u00e1s\u00e1nak seg\u00edt\u00e9se az adott felt\u00e9telek szerint.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 10. Ker\u00edt\u00e9s\u00e9p\u00edt\u00e9s, t\u00e9rk\u00f6vez\u00e9s \u00e9s tereprendez\u00e9s -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-cubes\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Ker\u00edt\u00e9s\u00e9p\u00edt\u00e9s, t\u00e9rk\u00f6vez\u00e9s &amp; tereprendez\u00e9s<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            Ker\u00edt\u00e9sek \u00e9p\u00edt\u00e9se, udvarok, j\u00e1rd\u00e1k \u00e9s g\u00e9pkocsibe\u00e1ll\u00f3k t\u00e9rk\u00f6vez\u00e9se, kapcsol\u00f3d\u00f3 f\u00f6ldmunk\u00e1k \u00e9s tereprendez\u00e9s elv\u00e9gz\u00e9se az el\u0151k\u00e9sz\u00edt\u00e9st\u0151l a k\u00e9sz fel\u00fcletig.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 11. Szikkaszt\u00f3k kialak\u00edt\u00e1sa -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-droplet\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Szikkaszt\u00f3k kialak\u00edt\u00e1sa<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            Csapad\u00e9kv\u00edz elszikkaszt\u00e1s\u00e1t szolg\u00e1l\u00f3 rendszerek telep\u00edt\u00e9se \u00e9s \u00e9p\u00edt\u00e9se, a helysz\u00edni adotts\u00e1gok \u00e9s m\u0171szaki k\u00f6vetelm\u00e9nyek figyelembev\u00e9tel\u00e9vel, f\u00f6ldmunk\u00e1kkal egy\u00fctt.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 12. Felel\u0151s m\u0171szaki vezet\u0151 &amp; ellen\u0151r -->\r\n                <div class=\"nordic-card p-8 rounded-3xl card-hover flex flex-col justify-between md:col-span-2 lg:col-span-1\">\r\n                    <div>\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze\/15 text-nordic-sand flex items-center justify-center text-lg mb-6 border border-nordic-warmbronze\/20\">\r\n                            <i class=\"fa-solid fa-user-check\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-serif text-white mb-3\">Felel\u0151s m\u0171szaki vezet\u0151 &amp; ellen\u0151r<\/h3>\r\n                        <p class=\"text-gray-400 text-xs leading-relaxed font-light\">\r\n                            Megfelel\u0151 jogosults\u00e1ggal rendelkez\u0151 felel\u0151s m\u0171szaki vezet\u0151, illetve m\u0171szaki ellen\u0151r bevon\u00e1s\u00e1nak megszervez\u00e9se az adott beruh\u00e1z\u00e1s ig\u00e9nyeihez igazodva.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- EGY\u00dcTTM\u0170K\u00d6D\u0150 PARTNEREK SZEKCI\u00d3 -->\r\n    <section id=\"partnerek\" class=\"py-24 md:py-32 bg-nordic-pine text-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            \r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-nordic-sand font-medium text-xs tracking-[0.2em] uppercase mb-2 block\">Kiv\u00e1l\u00f3 szakmai kapcsolatok<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-serif text-white\">Egy\u00fcttm\u0171k\u00f6d\u0151 partnerek<\/h2>\r\n                <p class=\"text-gray-300 mt-3 text-sm font-light\">Szakmai h\u00e1tt\u00e9r \u00e9s \u00f6sszehangolt egy\u00fcttm\u0171k\u00f6d\u00e9s a r\u00e9gi\u00f3 vezet\u0151 szakter\u00fcleti c\u00e9geivel.<\/p>\r\n                <div class=\"w-16 h-0.5 bg-nordic-warmbronze mx-auto mt-5\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Partner k\u00e1rty\u00e1k -->\r\n            <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-6\">\r\n                \r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-tree text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Napl\u00f3 Kert Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-bolt text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Ampercraft Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-building text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Panor\u00e1ma T\u00e1rsash\u00e1z Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-shield text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">D-Tectum Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-warehouse text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Intert-Depo Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-cube text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Full-Beton Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-industry text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Tatab\u00e1nya Er\u0151m\u0171 Kft.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 rounded-2xl bg-nordic-deepwood\/60 border border-nordic-warmbronze\/20 hover:border-nordic-warmbronze\/50 transition-all text-center flex flex-col items-center justify-center group\">\r\n                    <div class=\"w-10 h-10 rounded-full bg-nordic-warmbronze\/10 text-nordic-sand flex items-center justify-center mb-3 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-truck text-xs\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-serif text-base text-gray-200 group-hover:text-white transition-colors\">Gombos F\u00f6ldg\u00e9p Kft.<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- KAPCSOLAT SZEKCI\u00d3 -->\r\n    <section id=\"kapcsolat\" class=\"py-24 md:py-36 bg-nordic-cream text-nordic-deepwood relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            \r\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n                <span class=\"text-nordic-timber font-medium text-xs tracking-[0.2em] uppercase mb-2 block\">L\u00e9pjen kapcsolatba vel\u00fcnk<\/span>\r\n                <h2 class=\"text-3xl sm:text-5xl font-serif text-nordic-deepwood\">Besz\u00e9lj\u00fck \u00e1t az elk\u00e9pzel\u00e9seit!<\/h2>\r\n                <p class=\"text-nordic-bark mt-4 text-base font-light\">\u00c9p\u00edtkez\u00e9st, fel\u00faj\u00edt\u00e1st vagy korszer\u0171s\u00edt\u00e9st tervez? K\u00f6lts\u00e9gvet\u00e9sre, \u00fcgyint\u00e9z\u00e9sre vagy a kivitelez\u00e9s megszervez\u00e9s\u00e9re van sz\u00fcks\u00e9ge? Keressen bizalommal!<\/p>\r\n                <div class=\"w-16 h-0.5 bg-nordic-warmbronze mx-auto mt-5\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\r\n                \r\n                <!-- El\u00e9rhet\u0151s\u00e9gi K\u00e1rty\u00e1k -->\r\n                <div class=\"lg:col-span-5 space-y-6\">\r\n                    \r\n                    <!-- Telefonsz\u00e1m -->\r\n                    <a href=\"tel:+36302629620\" class=\"flex items-center gap-5 p-6 rounded-2xl nordic-card-light hover:border-nordic-warmbronze transition-all group\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-warmbronze text-nordic-deepwood flex items-center justify-center text-lg flex-shrink-0 group-hover:scale-105 transition-transform\">\r\n                            <i class=\"fa-solid fa-phone\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"text-[10px] tracking-widest font-bold text-nordic-timber uppercase block\">Telefon<\/span>\r\n                            <h4 class=\"text-xl font-serif font-bold text-nordic-deepwood group-hover:text-nordic-timber transition-colors\">+36 30 262 9620<\/h4>\r\n                            <p class=\"text-[11px] text-gray-500 mt-0.5\">Kattintson az azonnali h\u00edv\u00e1shoz<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- E-mail -->\r\n                    <a href=\"mailto:cconstuctkft@gmail.com\" class=\"flex items-center gap-5 p-6 rounded-2xl nordic-card-light hover:border-nordic-warmbronze transition-all group\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-nordic-timber text-white flex items-center justify-center text-lg flex-shrink-0 group-hover:scale-105 transition-transform\">\r\n                            <i class=\"fa-solid fa-envelope\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"text-[10px] tracking-widest font-bold text-nordic-timber uppercase block\">E-mail<\/span>\r\n                            <h4 class=\"text-base font-serif font-bold text-nordic-deepwood group-hover:text-nordic-timber transition-colors break-all\">cconstuctkft@gmail.com<\/h4>\r\n                            <p class=\"text-[11px] text-gray-500 mt-0.5\">Kattintson az e-mail k\u00fcld\u00e9shez<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Sz\u00e9khely &amp; Irod\u00e1k -->\r\n                    <div class=\"p-8 rounded-3xl bg-nordic-deepwood text-white space-y-6 border border-nordic-warmbronze\/20 shadow-xl\">\r\n                        <div>\r\n                            <span class=\"text-[10px] tracking-widest font-bold text-nordic-sand uppercase block mb-1\">Sz\u00e9khely<\/span>\r\n                            <p class=\"font-serif text-lg text-white\">Tata, \u00daj utca 3., 1. emelet<\/p>\r\n                        <\/div>\r\n\r\n                        <hr class=\"border-nordic-timber\/50\">\r\n\r\n                        <div>\r\n                            <span class=\"text-[10px] tracking-widest font-bold text-nordic-sand uppercase block mb-3\">Irod\u00e1k<\/span>\r\n                            <ul class=\"space-y-2 text-sm text-gray-300 font-light\">\r\n                                <li class=\"flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-location-dot text-nordic-warmbronze text-xs\"><\/i>\r\n                                    <span>2890 Tata, D\u00f3zsa Gy\u00f6rgy utca 22.<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-center gap-3\">\r\n                                    <i class=\"fa-solid fa-location-dot text-nordic-warmbronze text-xs\"><\/i>\r\n                                    <span>2800 Tatab\u00e1nya, Sz\u0151l\u0151domb utca 140.<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Kapcsolati \u00dczenetk\u00fcld\u0151 \u0170rlap -->\r\n                <div class=\"lg:col-span-7 nordic-card-light p-8 sm:p-10 rounded-3xl shadow-sm\">\r\n                    <h3 class=\"text-2xl font-serif text-nordic-deepwood mb-2\">\u00cdrjon nek\u00fcnk \u00fczenetet!<\/h3>\r\n                    <p class=\"text-xs text-nordic-bark mb-8 font-light\">Minden megkeres\u00e9sre igyeksz\u00fcnk a lehet\u0151 leghamarabb v\u00e1laszolni.<\/p>\r\n\r\n                    \r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\r\n                            <div>\r\n                                <label for=\"name\" class=\"block text-[11px] font-bold tracking-wider uppercase text-nordic-deepwood mb-2\">N\u00e9v *<\/label>\r\n                                \r\n                            <\/div>\r\n                            <div>\r\n                                <label for=\"phone\" class=\"block text-[11px] font-bold tracking-wider uppercase text-nordic-deepwood mb-2\">Telefonsz\u00e1m *<\/label>\r\n                                \r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"email\" class=\"block text-[11px] font-bold tracking-wider uppercase text-nordic-deepwood mb-2\">E-mail c\u00edm *<\/label>\r\n                            \r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"subject\" class=\"block text-[11px] font-bold tracking-wider uppercase text-nordic-deepwood mb-2\">T\u00e9ma \/ Munkat\u00edpus<\/label>\r\n                            \r\n                                Gener\u00e1lkivitelez\u00e9s \/ \u00c9p\u00edtkez\u00e9s\r\n                                Lak\u00e1sfel\u00faj\u00edt\u00e1s \/ Korszer\u0171s\u00edt\u00e9s\r\n                                TERC \/ \u00c9NGY K\u00f6lts\u00e9gvet\u00e9s k\u00e9sz\u00edt\u00e9s\r\n                                \u00c9TDR \/ E-napl\u00f3 \/ Hat\u00f3s\u00e1gi \u00fcgyint\u00e9z\u00e9s\r\n                                T\u00e9rk\u00f6vez\u00e9s \/ Ker\u00edt\u00e9s \/ Szikkaszt\u00f3\r\n                                Egy\u00e9b \u00e9rdekl\u0151d\u00e9s\r\n                            \r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label for=\"message\" class=\"block text-[11px] font-bold tracking-wider uppercase text-nordic-deepwood mb-2\">\u00dczenet *<\/label>\r\n                            <textarea id=\"message\" rows=\"4\" class=\"w-full px-4 py-3 rounded-xl border border-nordic-warmbronze\/40 focus:outline-none focus:border-nordic-timber bg-white text-nordic-deepwood text-sm resize-none\"><\/textarea>\r\n                        <\/div>\r\n\r\n                        <button type=\"submit\" class=\"w-full py-4 px-6 bg-nordic-timber hover:bg-nordic-deepwood text-white text-xs uppercase tracking-widest font-bold rounded-full transition-all duration-300 shadow-md\">\r\n                            \u00dczenet elk\u00fcld\u00e9se\r\n                        <\/button>\r\n                    \r\n\r\n                    <div id=\"form-success\" class=\"hidden mt-6 p-4 bg-emerald-900\/10 border border-emerald-600\/30 text-emerald-800 rounded-2xl text-xs text-center font-medium\">\r\n                        <i class=\"fa-solid fa-circle-check text-sm mr-2\"><\/i> K\u00f6sz\u00f6nj\u00fck megkeres\u00e9s\u00e9t! \u00dczenet\u00e9t sikeresen r\u00f6gz\u00edtett\u00fck, hamarosan jelentkez\u00fcnk.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- L\u00c1BL\u00c9C -->\r\n    <footer class=\"bg-nordic-deepwood border-t border-nordic-timber\/40 text-gray-400 py-12\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex flex-col md:flex-row items-center justify-between gap-6 text-center md:text-left\">\r\n                \r\n                <div>\r\n                    <span class=\"text-xl font-serif text-white block\">C-CONSTRUCT KFT.<\/span>\r\n                    <p class=\"text-xs text-nordic-sand mt-1 font-light\">Fenntarthat\u00f3 \u00e9p\u00edtkez\u00e9s &amp; kivitelez\u00e9sszervez\u00e9s<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-wrap justify-center gap-6 text-xs text-gray-300\">\r\n                    <a href=\"#fooldal\" class=\"hover:text-nordic-sand transition-colors\">F\u0151oldal<\/a>\r\n                    <a href=\"#bemutatkozas\" class=\"hover:text-nordic-sand transition-colors\">Bemutatkoz\u00e1s<\/a>\r\n                    <a href=\"#szolgaltatasok\" class=\"hover:text-nordic-sand transition-colors\">Szolg\u00e1ltat\u00e1sok<\/a>\r\n                    <a href=\"#partnerek\" class=\"hover:text-nordic-sand transition-colors\">Partnerek<\/a>\r\n                    <a href=\"#kapcsolat\" class=\"hover:text-nordic-sand transition-colors\">Kapcsolat<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"text-[11px] text-gray-500\">\r\n                    &copy; <span id=\"year\"><\/span> C-CONSTRUCT KFT. Minden jog fenntartva.\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- JAVASCRIPT K\u00d3D -->\r\n    \r\n        document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n        const menuBtn = document.getElementById('mobile-menu-btn');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        const menuIcon = document.getElementById('menu-icon');\r\n\r\n        menuBtn.addEventListener('click', () =&gt; {\r\n            mobileMenu.classList.toggle('hidden');\r\n            if (mobileMenu.classList.contains('hidden')) {\r\n                menuIcon.classList.remove('fa-xmark');\r\n                menuIcon.classList.add('fa-bars');\r\n            } else {\r\n                menuIcon.classList.remove('fa-bars');\r\n                menuIcon.classList.add('fa-xmark');\r\n            }\r\n        });\r\n\r\n        document.querySelectorAll('.mobile-link').forEach(link =&gt; {\r\n            link.addEventListener('click', () =&gt; {\r\n                mobileMenu.classList.add('hidden');\r\n                menuIcon.classList.remove('fa-xmark');\r\n                menuIcon.classList.add('fa-bars');\r\n            });\r\n        });\r\n\r\n        function handleFormSubmit(event) {\r\n            event.preventDefault();\r\n            const form = document.getElementById('contact-form');\r\n            const successMsg = document.getElementById('form-success');\r\n            \r\n            form.reset();\r\n            successMsg.classList.remove('hidden');\r\n            \r\n            setTimeout(() =&gt; {\r\n                successMsg.classList.add('hidden');\r\n            }, 6000);\r\n        }\r\n    \r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":36,"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/cconstruct.meetlab.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}