{"id":946,"date":"2026-03-29T20:16:35","date_gmt":"2026-03-29T20:16:35","guid":{"rendered":"https:\/\/skodrinon.al\/?page_id=946"},"modified":"2026-03-29T20:16:57","modified_gmt":"2026-03-29T20:16:57","slug":"kontakti","status":"publish","type":"page","link":"https:\/\/skodrinon.al\/en\/kontakti\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"946\" class=\"elementor elementor-946\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2db233 e-con-full e-flex e-con e-parent\" data-id=\"d2db233\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a47f66 elementor-widget elementor-widget-shortcode\" data-id=\"8a47f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            \/* Forma e kontaktit \u2014 override theme styles *\/\n            #skc-contact-form input,\n            #skc-contact-form select,\n            #skc-contact-form textarea {\n                box-sizing: border-box;\n                -webkit-appearance: none;\n            }\n            #skc-contact-form input:focus,\n            #skc-contact-form select:focus,\n            #skc-contact-form textarea:focus {\n                outline: none;\n                border-color: #0284c7;\n                box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);\n            }\n        <\/style>\n\n        <!-- ================================================================\n             HERO\n        ================================================================ -->\n        <section class=\"relative py-16 lg:py-24 bg-brand-900 overflow-hidden\">\n            <div class=\"absolute inset-0 z-0 opacity-20\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596706915609-0d1911fa42d7?auto=format&fit=crop&w=1920&q=80\"\n                     alt=\"\"\n                     aria-hidden=\"true\"\n                     class=\"w-full h-full object-cover object-center\"\n                     style=\"filter:grayscale(100%);\">\n            <\/div>\n            <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n                <span class=\"font-semibold tracking-wider uppercase text-sm mb-2 block\"\n                      style=\"color:rgba(186,230,253,0.9) !important;\">\n                    Jemi K\u00ebtu P\u00ebr Ju                <\/span>\n                <h1 class=\"text-4xl md:text-5xl font-bold mb-4\"\n                    style=\"color:#ffffff !important;\">\n                    Na Kontaktoni                <\/h1>\n                <div class=\"w-16 h-1 bg-brand-500 mx-auto rounded mb-6\"><\/div>\n                <p class=\"text-xl max-w-2xl mx-auto font-light\"\n                   style=\"color:rgba(186,230,253,0.9) !important;\">\n                    Keni pyetje, sugjerime apo d\u00ebshironi t\u00eb bashk\u00ebpunoni me ne? Plot\u00ebsoni form\u00ebn e m\u00ebposhtme ose na vizitoni n\u00eb zyrat tona.                <\/p>\n            <\/div>\n        <\/section>\n\n        <!-- ================================================================\n             KONTAKTI KRYESOR\n        ================================================================ -->\n        <section class=\"py-16 bg-white relative z-20 -mt-10\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"bg-white rounded-3xl shadow-xl border border-gray-100 overflow-hidden\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-5\">\n\n                        <!-- ============================================\n                             PANELI I MAJT\u00cb \u2014 Informacionet e Kontaktit\n                        ============================================ -->\n                        <div class=\"lg:col-span-2 bg-brand-900 p-10 lg:p-12 relative overflow-hidden\">\n                            <!-- Dekorime -->\n                            <div class=\"absolute top-0 right-0 -mt-10 -mr-10 w-40 h-40 bg-brand-700 rounded-full opacity-50\"\n                                 style=\"filter:blur(40px);\"><\/div>\n                            <div class=\"absolute bottom-0 left-0 -mb-10 -ml-10 w-40 h-40 bg-brand-600 rounded-full opacity-50\"\n                                 style=\"filter:blur(40px);\"><\/div>\n\n                            <div class=\"relative z-10 h-full flex flex-col\">\n                                <h3 class=\"text-2xl font-bold mb-2\"\n                                    style=\"color:#ffffff !important;\">\n                                    T\u00eb Dh\u00ebnat e Kontaktit                                <\/h3>\n                                <p class=\"text-sm mb-10\"\n                                   style=\"color:rgba(186,230,253,0.85) !important;\">\n                                    Zgjidhni m\u00ebnyr\u00ebn m\u00eb t\u00eb p\u00ebrshtatshme p\u00ebr t&#039;u lidhur me ne.                                <\/p>\n\n                                <div class=\"space-y-8 flex-grow\">\n                                    <!-- Adresa -->\n                                    <div class=\"flex items-start\">\n                                        <div class=\"w-12 h-12 rounded-full bg-brand-800 flex items-center justify-center text-xl flex-shrink-0 mr-4\"\n                                             style=\"color:rgba(186,230,253,0.9) !important;\">\n                                            <i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <h4 class=\"font-bold text-lg\"\n                                                style=\"color:#ffffff !important;\">\n                                                Adresa Zyrtare                                            <\/h4>\n                                            <p class=\"mt-1 text-sm leading-relaxed\"\n                                               style=\"color:rgba(186,230,253,0.85) !important;\">\n                                                Municipality of Shkod\u00ebr<br>\n                                                Rr. &quot;13 Dhjetori&quot;, Shkod\u00ebr, Shqip\u00ebri                                            <\/p>\n                                        <\/div>\n                                    <\/div>\n\n                                    <!-- Telefoni -->\n                                    <div class=\"flex items-start\">\n                                        <div class=\"w-12 h-12 rounded-full bg-brand-800 flex items-center justify-center text-xl flex-shrink-0 mr-4\"\n                                             style=\"color:rgba(186,230,253,0.9) !important;\">\n                                            <i class=\"fas fa-phone-alt\" aria-hidden=\"true\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <h4 class=\"font-bold text-lg\"\n                                                style=\"color:#ffffff !important;\">\n                                                Telefoni                                            <\/h4>\n                                            <p class=\"mt-1\"\n                                               style=\"color:rgba(186,230,253,0.85) !important;\">\n                                                +355 XX XXX XXX\n                                            <\/p>\n                                            <p class=\"text-xs mt-1\"\n                                               style=\"color:rgba(186,230,253,0.6) !important;\">\n                                                E H\u00ebn\u00eb - E Premte, 08:00 - 16:00                                            <\/p>\n                                        <\/div>\n                                    <\/div>\n\n                                    <!-- Emaili -->\n                                    <div class=\"flex items-start\">\n                                        <div class=\"w-12 h-12 rounded-full bg-brand-800 flex items-center justify-center text-xl flex-shrink-0 mr-4\"\n                                             style=\"color:rgba(186,230,253,0.9) !important;\">\n                                            <i class=\"fas fa-envelope\" aria-hidden=\"true\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <h4 class=\"font-bold text-lg\"\n                                                style=\"color:#ffffff !important;\">\n                                                E-mail                                            <\/h4>\n                                            <p class=\"mt-1\"\n                                               style=\"color:rgba(186,230,253,0.85) !important;\">\n                                                info@skodrinon.al\n                                            <\/p>\n                                            <p class=\"text-xs mt-1\"\n                                               style=\"color:rgba(186,230,253,0.6) !important;\">\n                                                P\u00ebrgjigjemi brenda 24 or\u00ebve                                            <\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Social media -->\n                                <div class=\"mt-12 pt-8 border-t border-brand-800\">\n                                    <h4 class=\"text-sm font-semibold uppercase tracking-wider mb-4\"\n                                        style=\"color:rgba(186,230,253,0.85) !important;\">\n                                        Na ndiqni n\u00eb rrjetet sociale                                    <\/h4>\n                                    <div class=\"flex space-x-4\">\n                                        <a href=\"#\"\n                                           aria-label=\"Facebook\"\n                                           class=\"w-10 h-10 rounded-full flex items-center justify-center transition-colors\"\n                                           style=\"background:rgba(255,255,255,0.1); color:#ffffff !important;\"\n                                           onmouseover=\"this.style.background='rgba(255,255,255,0.2)'\"\n                                           onmouseout=\"this.style.background='rgba(255,255,255,0.1)'\">\n                                            <i class=\"fab fa-facebook-f\" aria-hidden=\"true\"><\/i>\n                                        <\/a>\n                                        <a href=\"#\"\n                                           aria-label=\"Instagram\"\n                                           class=\"w-10 h-10 rounded-full flex items-center justify-center transition-colors\"\n                                           style=\"background:rgba(255,255,255,0.1); color:#ffffff !important;\"\n                                           onmouseover=\"this.style.background='rgba(255,255,255,0.2)'\"\n                                           onmouseout=\"this.style.background='rgba(255,255,255,0.1)'\">\n                                            <i class=\"fab fa-instagram\" aria-hidden=\"true\"><\/i>\n                                        <\/a>\n                                        <a href=\"#\"\n                                           aria-label=\"LinkedIn\"\n                                           class=\"w-10 h-10 rounded-full flex items-center justify-center transition-colors\"\n                                           style=\"background:rgba(255,255,255,0.1); color:#ffffff !important;\"\n                                           onmouseover=\"this.style.background='rgba(255,255,255,0.2)'\"\n                                           onmouseout=\"this.style.background='rgba(255,255,255,0.1)'\">\n                                            <i class=\"fab fa-linkedin-in\" aria-hidden=\"true\"><\/i>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- ============================================\n                             PANELI I DJATHT\u00cb \u2014 Forma\n                        ============================================ -->\n                        <div class=\"lg:col-span-3 p-10 lg:p-12\">\n                            <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\n                                D\u00ebrgoni nj\u00eb mesazh                            <\/h3>\n                            <p class=\"text-gray-500 mb-8\">\n                                Plot\u00ebsoni t\u00eb dh\u00ebnat dhe ne do t&#039;ju kontaktojm\u00eb sa m\u00eb shpejt t\u00eb jet\u00eb e mundur.                            <\/p>\n\n                            <!-- FORMA -->\n                            <form id=\"skc-contact-form\" novalidate action=\"\">\n\n                                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                                    <!-- Emri -->\n                                    <div>\n                                        <label for=\"skc-emri\"\n                                               class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                            Emri dhe Mbiemri                                            <span class=\"text-red-500\" aria-hidden=\"true\">*<\/span>\n                                        <\/label>\n                                        <input type=\"text\"\n                                               id=\"skc-emri\"\n                                               name=\"emri\"\n                                               autocomplete=\"name\"\n                                               required\n class=\"w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-shadow text-sm\"\n                                               placeholder=\"P.sh. Agim Hoxha\">\n                                    <\/div>\n                                    <!-- Email -->\n                                    <div>\n                                        <label for=\"skc-email\"\n                                               class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                            Adresa E-mail                                            <span class=\"text-red-500\" aria-hidden=\"true\">*<\/span>\n                                        <\/label>\n                                        <input type=\"email\"\n                                               id=\"skc-email\"\n                                               name=\"email\"\n                                               autocomplete=\"email\"\n                                               required\n class=\"w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-shadow text-sm\"\n                                               placeholder=\"shembull@email.com\">\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                                    <!-- Telefoni -->\n                                    <div>\n                                        <label for=\"skc-telefoni\"\n                                               class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                            Numri i Telefonit                                        <\/label>\n                                        <input type=\"tel\"\n                                               id=\"skc-telefoni\"\n                                               name=\"telefoni\"\n                                               autocomplete=\"tel\"\n                                               class=\"w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-shadow text-sm\"\n                                               placeholder=\"+355 XX XXX XXXX\">\n                                    <\/div>\n                                    <!-- Sektori -->\n                                    <div>\n                                        <label for=\"skc-subjekti\"\n                                               class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                            P\u00ebr cilin sektor b\u00ebhet fjal\u00eb?                                        <\/label>\n                                        <select id=\"skc-subjekti\"\n                                                name=\"subjekti\"\n                                                class=\"w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-shadow bg-white text-sm\">\n                                                                                        <option value=\"pergjithshme\">\n                                                Informacion i P\u00ebrgjithsh\u00ebm                                            <\/option>\n                                                                                        <option value=\"tregjet\">\n                                                Sektori i Tregjeve &amp; Hap\u00ebsirave Publike                                            <\/option>\n                                                                                        <option value=\"turizmi\">\n                                                Sektori i Turizmit &amp; Rekreacionit                                            <\/option>\n                                                                                        <option value=\"eventet\">\n                                                Panairet &amp; Eventet Promovuese                                            <\/option>\n                                                                                    <\/select>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Mesazhi -->\n                                <div class=\"mb-6\">\n                                    <label for=\"skc-mesazhi\"\n                                           class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                        Mesazhi juaj                                        <span class=\"text-red-500\" aria-hidden=\"true\">*<\/span>\n                                    <\/label>\n                                    <textarea id=\"skc-mesazhi\"\n                                              name=\"mesazhi\"\n                                              rows=\"5\"\n                                              required\n class=\"w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-shadow resize-none text-sm\"\n                                              placeholder=\"Shkruani mesazhin ose pyetjen tuaj k\u00ebtu...\"><\/textarea>\n                                <\/div>\n\n                                <!-- Error -->\n                                <p id=\"skc-contact-error\"\n                                   role=\"alert\"\n                                   class=\"hidden text-red-600 text-sm mb-4\"><\/p>\n\n                                <!-- Submit -->\n                                <button id=\"skc-contact-submit\"\n                                        type=\"submit\"\n                                        class=\"inline-flex items-center gap-2 px-8 py-3 bg-brand-600 hover:bg-brand-700 font-bold rounded-lg shadow-md transition-all\"\n                                        style=\"color:#ffffff !important;\">\n                                    <i class=\"fas fa-paper-plane\" aria-hidden=\"true\"><\/i>\n                                    D\u00ebrgo Mesazhin                                <\/button>\n\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><!-- \/#skc-contact-form -->\n\n                            <!-- SUCCESS (fshehur fillimisht) -->\n                            <div id=\"skc-contact-success\"\n                                 class=\"hidden text-center py-8\">\n                                <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-5\">\n                                    <i class=\"fas fa-check text-green-600 text-3xl\" aria-hidden=\"true\"><\/i>\n                                <\/div>\n                                <h4 class=\"text-2xl font-bold text-gray-900 mb-3\">\n                                    Mesazhi u d\u00ebrgua me sukses!                                <\/h4>\n                                <p class=\"text-gray-600 max-w-sm mx-auto\">\n                                    Faleminderit p\u00ebr mesazhin tuaj. Do t&#039;ju kontaktojm\u00eb brenda 24 or\u00ebve.                                <\/p>\n                            <\/div>\n\n                        <\/div><!-- \/paneli i djatht\u00eb -->\n\n                    <\/div><!-- \/grid 5-col -->\n                <\/div><!-- \/rounded card -->\n            <\/div>\n        <\/section>\n\n        <!-- ================================================================\n             KONTAKTET SIPAS SEKTOR\u00cbVE\n        ================================================================ -->\n        <section class=\"py-16 bg-gray-50 border-t border-gray-200\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\n                        Kontaktet Sipas Sektor\u00ebve                    <\/h2>\n                    <p class=\"text-gray-600 max-w-2xl mx-auto\">\n                        P\u00ebr \u00e7\u00ebshtje specifike, mund t\u00eb kontaktoni drejtp\u00ebrdrejt sektor\u00ebt p\u00ebrkat\u00ebs t\u00eb administrat\u00ebs son\u00eb.                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                    <!-- Sektori 1 \u2014 Tregjet -->\n                    <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition-shadow border border-gray-100 flex flex-col items-center text-center\">\n                        <div class=\"w-14 h-14 bg-blue-50 text-brand-600 rounded-full flex items-center justify-center text-xl mb-4\">\n                            <i class=\"fas fa-store\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-bold text-gray-900 mb-2\">\n                            Tregjet &amp; Hap\u00ebsirat                        <\/h4>\n                        <p class=\"text-sm text-gray-500 mb-4 flex-grow\">\n                            P\u00ebr informacione rreth tarifave, rregulloreve t\u00eb tregtimit dhe hap\u00ebsirave.                        <\/p>\n                        <a href=\"mailto:tregjet@skodrinon.al\"\n                           class=\"text-brand-600 font-semibold text-sm hover:underline mt-auto\">\n                            tregjet@skodrinon.al\n                        <\/a>\n                    <\/div>\n\n                    <!-- Sektori 2 \u2014 Turizmi -->\n                    <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition-shadow border border-gray-100 flex flex-col items-center text-center\">\n                        <div class=\"w-14 h-14 bg-green-50 text-green-600 rounded-full flex items-center justify-center text-xl mb-4\">\n                            <i class=\"fas fa-ship\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-bold text-gray-900 mb-2\">\n                            Turizmi &amp; Plazhi                        <\/h4>\n                        <p class=\"text-sm text-gray-500 mb-4 flex-grow\">\n                            P\u00ebr turet turistike, administrimin e plazheve dhe aktivitetet rekreative.                        <\/p>\n                        <a href=\"mailto:turizmi@skodrinon.al\"\n                           class=\"text-brand-600 font-semibold text-sm hover:underline mt-auto\">\n                            turizmi@skodrinon.al\n                        <\/a>\n                    <\/div>\n\n                    <!-- Sektori 3 \u2014 Evente -->\n                    <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition-shadow border border-gray-100 flex flex-col items-center text-center\">\n                        <div class=\"w-14 h-14 bg-orange-50 text-orange-600 rounded-full flex items-center justify-center text-xl mb-4\">\n                            <i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-bold text-gray-900 mb-2\">\n                            Evente &amp; Panaire                        <\/h4>\n                        <p class=\"text-sm text-gray-500 mb-4 flex-grow\">\n                            P\u00ebr aplikimet e artizan\u00ebve dhe pjes\u00ebmarrjen n\u00eb panairet e ardhshme.                        <\/p>\n                        <a href=\"mailto:evente@skodrinon.al\"\n                           class=\"text-brand-600 font-semibold text-sm hover:underline mt-auto\">\n                            evente@skodrinon.al\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ================================================================\n             HARTA\n        ================================================================ -->\n        <section style=\"height:480px; position:relative; background:#e5e7eb;\">\n            <iframe\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d47159.20456185873!2d19.4583103!3d42.0682509!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x134e005e838ce109%3A0x86bb78bc2b7194cc!2sShkod%C3%ABr%2C%20Albania!5e0!3m2!1sen!2s!4v1700000000000!5m2!1sen!2s\"\n                title=\"Harta e Shkodr\u00ebs\"\n                style=\"position:absolute; inset:0; width:100%; height:100%; border:0; filter:grayscale(100%); transition:filter 0.5s;\"\n                allowfullscreen\n loading=\"lazy\"\n                referrerpolicy=\"no-referrer-when-downgrade\"\n                onmouseover=\"this.style.filter='none';\"\n                onmouseout=\"this.style.filter='grayscale(100%)';\">\n            <\/iframe>\n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","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-946","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/pages\/946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/comments?post=946"}],"version-history":[{"count":4,"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/pages\/946\/revisions"}],"predecessor-version":[{"id":950,"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/pages\/946\/revisions\/950"}],"wp:attachment":[{"href":"https:\/\/skodrinon.al\/en\/wp-json\/wp\/v2\/media?parent=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}