{"id":8,"date":"2021-04-27T05:39:25","date_gmt":"2021-04-27T05:39:25","guid":{"rendered":"http:\/\/eigara.lt\/?page_id=8"},"modified":"2026-02-09T19:50:11","modified_gmt":"2026-02-09T19:50:11","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/eigara.lt\/","title":{"rendered":"Coming soon"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-889a731 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"889a731\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7007c40\" data-id=\"7007c40\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-381601a elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"381601a\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"lt\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>MB Eigara - Metalini\u0173 Konstrukcij\u0173 Gamyba<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n        .nav-link {\r\n            position: relative;\r\n        }\r\n        .nav-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 2px;\r\n            bottom: -4px;\r\n            left: 0;\r\n            background-color: #f97316;\r\n            transition: width 0.3s ease;\r\n        }\r\n        .nav-link:hover::after,\r\n        .nav-link.active::after {\r\n            width: 100%;\r\n        }\r\n        .hero-bg {\r\n            background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);\r\n        }\r\n        .service-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n        .gallery-item:hover .gallery-overlay {\r\n            opacity: 1;\r\n        }\r\n        .mobile-menu {\r\n            transform: translateX(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        .mobile-menu.open {\r\n            transform: translateX(0);\r\n        }\r\n        .fade-in {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.6s ease;\r\n        }\r\n        .fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        \/* Lightbox Styles *\/\r\n        .lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0,0,0,0.9);\r\n            z-index: 1000;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n        .lightbox.active {\r\n            display: flex;\r\n        }\r\n        .lightbox-img {\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            object-fit: contain;\r\n        }\r\n        .lightbox-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            color: white;\r\n            background: rgba(255,255,255,0.1);\r\n            border: none;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n        }\r\n        .lightbox-nav {\r\n            position: absolute;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0 20px;\r\n        }\r\n        .lightbox-prev, .lightbox-next {\r\n            color: white;\r\n            background: rgba(255,255,255,0.1);\r\n            border: none;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n        }\r\n        .lightbox-counter {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            color: white;\r\n            background: rgba(0,0,0,0.5);\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        \/* Gallery items aspect ratio *\/\r\n        .gallery-item {\r\n            aspect-ratio: 1\/1;\r\n        }\r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        \/* Mobile menu overlay *\/\r\n        .mobile-menu-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            z-index: 40;\r\n            display: none;\r\n        }\r\n        .mobile-menu-overlay.active {\r\n            display: block;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n    <!-- Lightbox -->\r\n    <div class=\"lightbox\" id=\"lightbox\">\r\n        <button class=\"lightbox-close\" id=\"lightbox-close\">\r\n            <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n        <\/button>\r\n        <div class=\"lightbox-nav\">\r\n            <button class=\"lightbox-prev\" id=\"lightbox-prev\">\r\n                <i data-lucide=\"chevron-left\" class=\"w-6 h-6\"><\/i>\r\n            <\/button>\r\n            <button class=\"lightbox-next\" id=\"lightbox-next\">\r\n                <i data-lucide=\"chevron-right\" class=\"w-6 h-6\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"lightbox-counter\" id=\"lightbox-counter\">1 \/ 18<\/div>\r\n        <img src=\"\" alt=\"\" class=\"lightbox-img\" id=\"lightbox-image\">\r\n    <\/div>\r\n\r\n    <!-- Mobile Menu Overlay -->\r\n    <div class=\"mobile-menu-overlay\" id=\"mobile-menu-overlay\"><\/div>\r\n\r\n    <!-- Navigation -->\r\n    <nav class=\"fixed top-0 left-0 right-0 bg-white\/95 backdrop-blur-md shadow-sm z-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex justify-between items-center h-20\">\r\n                <!-- Logo -->\r\n                <a href=\"#pradzia\" class=\"flex items-center space-x-3\">\r\n                    <div class=\"w-12 h-12 bg-orange-500 rounded-lg flex items-center justify-center\">\r\n                        <i data-lucide=\"factory\" class=\"w-7 h-7 text-white\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h1 class=\"text-xl font-bold text-gray-900\">MB Eigara<\/h1>\r\n                        <p class=\"text-xs text-gray-500\">Metalin\u0117s konstrukcijos<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- Desktop Menu -->\r\n                <div class=\"hidden lg:flex items-center space-x-8\">\r\n                    <a href=\"#pradzia\" class=\"nav-link text-gray-700 hover:text-orange-500 font-medium transition\">Prad\u017eia<\/a>\r\n                    <a href=\"#apie-mus\" class=\"nav-link text-gray-700 hover:text-orange-500 font-medium transition\">Apie mus<\/a>\r\n                    <a href=\"#paslaugos\" class=\"nav-link text-gray-700 hover:text-orange-500 font-medium transition\">Paslaugos<\/a>\r\n                    <a href=\"#galerija\" class=\"nav-link text-gray-700 hover:text-orange-500 font-medium transition\">Galerija<\/a>\r\n                    <a href=\"#kontaktai\" class=\"nav-link text-gray-700 hover:text-orange-500 font-medium transition\">Kontaktai<\/a>\r\n                    <a href=\"#es-projektai\" class=\"nav-link text-gray-700 hover:text-orange-500 font-medium transition\">ES projektai<\/a>\r\n                    <a href=\"#kontaktai\" class=\"bg-orange-500 hover:bg-orange-600 text-white px-6 py-2.5 rounded-full font-medium transition\">\r\n                        Susisiekti\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Mobile Menu Button -->\r\n                <button id=\"mobile-menu-btn\" class=\"lg:hidden p-2 rounded-lg hover:bg-gray-100 transition\">\r\n                    <i data-lucide=\"menu\" class=\"w-6 h-6 text-gray-600\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobile Menu -->\r\n        <div id=\"mobile-menu\" class=\"mobile-menu fixed top-0 right-0 w-80 h-full bg-white shadow-2xl lg:hidden z-50\">\r\n            <div class=\"p-6 h-full overflow-y-auto\">\r\n                <div class=\"flex justify-between items-center mb-8\">\r\n                    <div class=\"flex items-center space-x-3\">\r\n                        <div class=\"w-10 h-10 bg-orange-500 rounded-lg flex items-center justify-center\">\r\n                            <i data-lucide=\"factory\" class=\"w-6 h-6 text-white\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-bold text-gray-900 text-lg\">MB Eigara<\/span>\r\n                    <\/div>\r\n                    <button id=\"close-menu-btn\" class=\"p-2 rounded-lg hover:bg-gray-100 transition\">\r\n                        <i data-lucide=\"x\" class=\"w-6 h-6 text-gray-600\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"space-y-2\">\r\n                    <a href=\"#pradzia\" class=\"mobile-link block py-3 px-4 rounded-lg hover:bg-orange-50 text-gray-800 font-medium transition border-b border-gray-100\">Prad\u017eia<\/a>\r\n                    <a href=\"#apie-mus\" class=\"mobile-link block py-3 px-4 rounded-lg hover:bg-orange-50 text-gray-800 font-medium transition border-b border-gray-100\">Apie mus<\/a>\r\n                    <a href=\"#paslaugos\" class=\"mobile-link block py-3 px-4 rounded-lg hover:bg-orange-50 text-gray-800 font-medium transition border-b border-gray-100\">Paslaugos<\/a>\r\n                    <a href=\"#galerija\" class=\"mobile-link block py-3 px-4 rounded-lg hover:bg-orange-50 text-gray-800 font-medium transition border-b border-gray-100\">Galerija<\/a>\r\n                    <a href=\"#kontaktai\" class=\"mobile-link block py-3 px-4 rounded-lg hover:bg-orange-50 text-gray-800 font-medium transition border-b border-gray-100\">Kontaktai<\/a>\r\n                    <a href=\"#es-projektai\" class=\"mobile-link block py-3 px-4 rounded-lg hover:bg-orange-50 text-gray-800 font-medium transition border-b border-gray-100\">ES projektai<\/a>\r\n                <\/div>\r\n                <div class=\"mt-8 pt-8 border-t border-gray-200\">\r\n                    <div class=\"space-y-3\">\r\n                        <a href=\"tel:+37067276343\" class=\"flex items-center space-x-3 text-gray-700 hover:text-orange-500 transition\">\r\n                            <div class=\"w-10 h-10 bg-orange-100 rounded-lg flex items-center justify-center\">\r\n                                <i data-lucide=\"phone\" class=\"w-5 h-5 text-orange-500\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-sm text-gray-500\">Skambinkite mums<\/p>\r\n                                <p class=\"font-medium\">+370 672 76343<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                        <div class=\"pt-4\">\r\n                            <a href=\"#kontaktai\" class=\"w-full bg-orange-500 hover:bg-orange-600 text-white py-3 rounded-lg font-medium transition flex items-center justify-center space-x-2\">\r\n                                <span>Susisiekti<\/span>\r\n                                <i data-lucide=\"message-circle\" class=\"w-5 h-5\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"pradzia\" class=\"hero-bg min-h-screen flex items-center pt-20\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <div class=\"fade-in\">\r\n                    <div class=\"inline-flex items-center space-x-2 bg-orange-500\/20 text-orange-300 px-4 py-2 rounded-full mb-6\">\r\n                        <i data-lucide=\"award\" class=\"w-4 h-4\"><\/i>\r\n                        <span class=\"text-sm font-medium\">Nuo 2020 met\u0173<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-bold text-white leading-tight mb-6\">\r\n                        Metalini\u0173 konstrukcij\u0173 <span class=\"text-orange-400\">gamyba<\/span> ir projektavimas\r\n                    <\/h1>\r\n                    <p class=\"text-lg text-gray-300 mb-8 leading-relaxed\">\r\n                        MB Eigara - patikimas partneris metalini\u0173 konstrukcij\u0173 gamyboje. \r\n                        Si\u016blome auk\u0161tos kokyb\u0117s gaminius, pritaikytus J\u016bs\u0173 poreikiams.\r\n                    <\/p>\r\n                    <div class=\"flex flex-wrap gap-4\">\r\n                        <a href=\"#kontaktai\" class=\"bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-full font-semibold transition flex items-center space-x-2\">\r\n                            <span>Susisiekti<\/span>\r\n                            <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#paslaugos\" class=\"bg-white\/10 hover:bg-white\/20 text-white border border-white\/30 px-8 py-4 rounded-full font-semibold transition\">\r\n                            M\u016bs\u0173 paslaugos\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"mt-12 grid grid-cols-3 gap-8\">\r\n                        <div>\r\n                            <p class=\"text-3xl font-bold text-orange-400\">4+<\/p>\r\n                            <p class=\"text-gray-400 text-sm\">Met\u0173 patirties<\/p>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-3xl font-bold text-orange-400\">100+<\/p>\r\n                            <p class=\"text-gray-400 text-sm\">\u012egyvendint\u0173 projekt\u0173<\/p>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-3xl font-bold text-orange-400\">100%<\/p>\r\n                            <p class=\"text-gray-400 text-sm\">Klient\u0173 pasitenkinimas<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fade-in hidden lg:block\">\r\n                    <div class=\"relative\">\r\n                        <div class=\"absolute -inset-4 bg-orange-500\/20 rounded-3xl blur-2xl\"><\/div>\r\n                        <img src=\"http:\/\/static.photos\/industry\/640x360\/42\" alt=\"Metalini\u0173 konstrukcij\u0173 gamyba\" class=\"relative rounded-2xl shadow-2xl w-full\">\r\n                        <div class=\"absolute -bottom-6 -left-6 bg-white p-6 rounded-2xl shadow-xl\">\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <div class=\"w-12 h-12 bg-green-100 rounded-full flex items-center justify-center\">\r\n                                    <i data-lucide=\"check-circle\" class=\"w-6 h-6 text-green-600\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"font-semibold text-gray-900\">Kokyb\u0117s garantija<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- About Section -->\r\n    <section id=\"apie-mus\" class=\"py-24 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-orange-500 font-semibold mb-4\">APIE MUS<\/h2>\r\n                <h3 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">Kas yra MB Eigara?<\/h3>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\r\n                    Esame jauna, ta\u010diau ambicinga \u012fmon\u0117, specializuojanti metalini\u0173 konstrukcij\u0173 gamyboje.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <div class=\"fade-in\">\r\n                    <!-- Pakeista nuotrauka pagal 1 punkt\u0105 -->\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/virina.jpg\" alt=\"MB Eigara komanda\" class=\"rounded-2xl shadow-lg w-full\">\r\n                <\/div>\r\n                <div class=\"fade-in space-y-6\">\r\n                    <div class=\"bg-gray-50 p-6 rounded-xl\">\r\n                        <div class=\"flex items-start space-x-4\">\r\n                            <div class=\"w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"target\" class=\"w-6 h-6 text-orange-600\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-semibold text-gray-900 mb-2\">M\u016bs\u0173 misija<\/h4>\r\n                                <p class=\"text-gray-600\">Teikti auk\u0161tos kokyb\u0117s metalini\u0173 konstrukcij\u0173 gamybos paslaugas, atitinkan\u010dias klient\u0173 l\u016bkes\u010dius ir tarptautinius standartus.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bg-gray-50 p-6 rounded-xl\">\r\n                        <div class=\"flex items-start space-x-4\">\r\n                            <div class=\"w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"eye\" class=\"w-6 h-6 text-blue-600\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-semibold text-gray-900 mb-2\">M\u016bs\u0173 vizija<\/h4>\r\n                                <p class=\"text-gray-600\">Tapti vienu i\u0161 pirmaujan\u010di\u0173 metalini\u0173 konstrukcij\u0173 gamintoj\u0173 Lietuvoje, \u017einomu d\u0117l inovatyvi\u0173 sprendim\u0173 ir nepriekai\u0161tingos kokyb\u0117s.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bg-gray-50 p-6 rounded-xl\">\r\n                        <div class=\"flex items-start space-x-4\">\r\n                            <div class=\"w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                <i data-lucide=\"shield-check\" class=\"w-6 h-6 text-green-600\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-semibold text-gray-900 mb-2\">M\u016bs\u0173 vertyb\u0117s<\/h4>\r\n                                <p class=\"text-gray-600\">Kokyb\u0117, profesionalumas, laiku atlikti darbai ir ilgalaikiai santykiai su klientais.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Company Info -->\r\n            <div class=\"mt-16 bg-gray-900 rounded-2xl p-8 fade-in\">\r\n                <h4 class=\"text-white font-semibold text-xl mb-6 text-center\">\u012emon\u0117s duomenys<\/h4>\r\n                <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n                    <div class=\"text-center\">\r\n                        <p class=\"text-gray-400 text-sm mb-1\">\u012emon\u0117s kodas<\/p>\r\n                        <p class=\"text-white font-mono font-semibold\">305632081<\/p>\r\n                    <\/div>\r\n                    <div class=\"text-center\">\r\n                        <p class=\"text-gray-400 text-sm mb-1\">PVM kodas<\/p>\r\n                        <p class=\"text-white font-mono font-semibold\">LT100014010713<\/p>\r\n                    <\/div>\r\n                    <div class=\"text-center\">\r\n                        <p class=\"text-gray-400 text-sm mb-1\">Registracijos data<\/p>\r\n                        <p class=\"text-white font-semibold\">2020 m. rugs\u0117jo 30 d.<\/p>\r\n                    <\/div>\r\n                    <div class=\"text-center\">\r\n                        <p class=\"text-gray-400 text-sm mb-1\">Veiklos kodas<\/p>\r\n                        <p class=\"text-white font-semibold\">EVRK 25.11.00<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Section -->\r\n    <section id=\"paslaugos\" class=\"py-24 bg-gray-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-orange-500 font-semibold mb-4\">PASLAUGOS<\/h2>\r\n                <h3 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">K\u0105 mes si\u016blome?<\/h3>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\r\n                    Teikiame visas metalini\u0173 konstrukcij\u0173 gamybos paslaugas - nuo projektavimo iki montavimo.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                <!-- Service 1 -->\r\n                <div class=\"service-card bg-white rounded-2xl p-8 shadow-sm transition duration-300 fade-in\">\r\n                    <div class=\"w-16 h-16 bg-orange-100 rounded-2xl flex items-center justify-center mb-6\">\r\n                        <i data-lucide=\"pen-tool\" class=\"w-8 h-8 text-orange-600\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Projektavimas<\/h4>\r\n                    <p class=\"text-gray-600 mb-4\">Profesionalus metalini\u0173 konstrukcij\u0173 projektavimas pagal J\u016bs\u0173 techninius reikalavimus ir normatyvus.<\/p>\r\n                    <ul class=\"space-y-2 text-sm text-gray-500\">\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>3D modeliavimas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Konstrukcij\u0173 skai\u010diavimai<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Service 2 -->\r\n                <div class=\"service-card bg-white rounded-2xl p-8 shadow-sm transition duration-300 fade-in\">\r\n                    <div class=\"w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-6\">\r\n                        <i data-lucide=\"scissors\" class=\"w-8 h-8 text-blue-600\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Pjovimas<\/h4>\r\n                    <p class=\"text-gray-600 mb-4\">Precizi\u0161kas metalo pjovimas modernia \u012franga, u\u017etikrinantis tikslius matmenis ir \u0161varius pj\u016bvius.<\/p>\r\n                    <ul class=\"space-y-2 text-sm text-gray-500\">\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Plazminis pjovimas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Lazerinis pjovimas<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Service 3 -->\r\n                <div class=\"service-card bg-white rounded-2xl p-8 shadow-sm transition duration-300 fade-in\">\r\n                    <div class=\"w-16 h-16 bg-green-100 rounded-2xl flex items-center justify-center mb-6\">\r\n                        <i data-lucide=\"hammer\" class=\"w-8 h-8 text-green-600\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Apdirbimas<\/h4>\r\n                    <p class=\"text-gray-600 mb-4\">Metal\u0173 apdirbimo paslaugos, \u012fskaitant gr\u0119\u017eim\u0105, frezavim\u0105, tekinim\u0105 ir kitas operacijas.<\/p>\r\n                    <ul class=\"space-y-2 text-sm text-gray-500\">\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>CNC apdirbimas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Gr\u0119\u017eimas ir sriegimas<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Service 4 -->\r\n                <div class=\"service-card bg-white rounded-2xl p-8 shadow-sm transition duration-300 fade-in\">\r\n                    <div class=\"w-16 h-16 bg-purple-100 rounded-2xl flex items-center justify-center mb-6\">\r\n                        <i data-lucide=\"flame\" class=\"w-8 h-8 text-purple-600\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Suvirinimas<\/h4>\r\n                    <p class=\"text-gray-600 mb-4\">Kokybi\u0161kas metalini\u0173 konstrukcij\u0173 suvirinimas sertifikuot\u0173 suvirintoj\u0173, atitinkantis standartus.<\/p>\r\n                    <ul class=\"space-y-2 text-sm text-gray-500\">\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>MIG\/MAG suvirinimas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>TIG suvirinimas<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Service 5 -->\r\n                <div class=\"service-card bg-white rounded-2xl p-8 shadow-sm transition duration-300 fade-in\">\r\n                    <div class=\"w-16 h-16 bg-red-100 rounded-2xl flex items-center justify-center mb-6\">\r\n                        <i data-lucide=\"paint-bucket\" class=\"w-8 h-8 text-red-600\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Pavir\u0161i\u0173 apdorojimas<\/h4>\r\n                    <p class=\"text-gray-600 mb-4\">Sm\u0117liavimas, gruntavimas ir da\u017eymas, u\u017etikrinantys ilgaam\u017ei\u0161kum\u0105 ir esteti\u0161k\u0105 i\u0161vaizd\u0105.<\/p>\r\n                    <ul class=\"space-y-2 text-sm text-gray-500\">\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Sm\u0117liavimas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Miltelinis da\u017eymas<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Service 6 -->\r\n                <div class=\"service-card bg-white rounded-2xl p-8 shadow-sm transition duration-300 fade-in\">\r\n                    <div class=\"w-16 h-16 bg-teal-100 rounded-2xl flex items-center justify-center mb-6\">\r\n                        <i data-lucide=\"truck\" class=\"w-8 h-8 text-teal-600\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Montavimas<\/h4>\r\n                    <p class=\"text-gray-600 mb-4\">Profesionalus metalini\u0173 konstrukcij\u0173 montavimas objekte, visoje Lietuvoje.<\/p>\r\n                    <ul class=\"space-y-2 text-sm text-gray-500\">\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Statybos aik\u0161tel\u0117s montavimas<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center space-x-2\">\r\n                            <i data-lucide=\"check\" class=\"w-4 h-4 text-orange-500\"><\/i>\r\n                            <span>Konsultacijos<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Gallery Section -->\r\n    <section id=\"galerija\" class=\"py-24 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-orange-500 font-semibold mb-4\">GALERIJA<\/h2>\r\n                <h3 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">M\u016bs\u0173 darbai<\/h3>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\r\n                    Per\u017ei\u016br\u0117kite m\u016bs\u0173 atlikt\u0173 projekt\u0173 pavyzd\u017eius.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Galerijos pirmos 6 nuotraukos -->\r\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"initial-gallery\">\r\n                <!-- 1-6 nuotraukos -->\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"0\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/1.jpg\" alt=\"MB Eigara darbas 1\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"1\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/2.jpg\" alt=\"MB Eigara darbas 2\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"2\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/3.jpg\" alt=\"MB Eigara darbas 3\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"3\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/4.jpg\" alt=\"MB Eigara darbas 4\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"4\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/5.jpg\" alt=\"MB Eigara darbas 5\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"5\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/6.jpg\" alt=\"MB Eigara darbas 6\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Papildomos nuotraukos (pasl\u0117ptos pagal nutyl\u0117jim\u0105) -->\r\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 hidden\" id=\"additional-gallery\">\r\n                <!-- 7-18 nuotraukos -->\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"6\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/7.jpg\" alt=\"MB Eigara darbas 7\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"7\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/8.jpg\" alt=\"MB Eigara darbas 8\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"8\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/9.jpg\" alt=\"MB Eigara darbas 9\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"9\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/10.jpg\" alt=\"MB Eigara darbas 10\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"10\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/11.jpg\" alt=\"MB Eigara darbas 11\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"11\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/12.jpg\" alt=\"MB Eigara darbas 12\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"12\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/13.jpg\" alt=\"MB Eigara darbas 13\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"13\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/14.jpg\" alt=\"MB Eigara darbas 14\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"14\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/15.jpg\" alt=\"MB Eigara darbas 15\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"15\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/16.jpg\" alt=\"MB Eigara darbas 16\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"16\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/17.jpg\" alt=\"MB Eigara darbas 17\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item relative rounded-2xl overflow-hidden cursor-pointer group fade-in\" data-index=\"17\">\r\n                    <img src=\"https:\/\/eigara.lt\/gallery\/18.jpg\" alt=\"MB Eigara darbas 18\" class=\"w-full h-full object-cover transition duration-500 group-hover:scale-110\">\r\n                    <div class=\"gallery-overlay absolute inset-0 bg-black\/60 opacity-0 transition duration-300 flex items-center justify-center\">\r\n                        <div class=\"text-center text-white\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-8 h-8 mx-auto mb-2\"><\/i>\r\n                            <p class=\"font-medium\">Per\u017ei\u016br\u0117ti nuotrauk\u0105<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \"Rodyti daugiau\" mygtukas -->\r\n            <div class=\"text-center mt-12 fade-in\">\r\n                <button id=\"show-more-btn\" class=\"bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-full font-semibold transition flex items-center space-x-2 mx-auto\">\r\n                    <span>Rodyti daugiau<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-5 h-5\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- EU Projects Section -->\r\n    <section id=\"es-projektai\" class=\"py-24 bg-blue-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <div class=\"inline-flex items-center space-x-2 bg-blue-100 text-blue-700 px-4 py-2 rounded-full mb-6\">\r\n                    <i data-lucide=\"flag\" class=\"w-4 h-4\"><\/i>\r\n                    <span class=\"text-sm font-medium\">Europos S\u0105junga<\/span>\r\n                <\/div>\r\n                <h2 class=\"text-orange-500 font-semibold mb-4\">ES PROJEKTAI<\/h2>\r\n                <h3 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-4\">Finansuojami projektai<\/h3>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\r\n                    MB Eigara dalyvauja Europos S\u0105jungos finansuojamuose projektuose, skirtuose \u012fmon\u0117s pl\u0117trai ir modernizavimui.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- ES projekt\u0173 sekcija (tik vienas projektas) -->\r\n            <div class=\"max-w-3xl mx-auto fade-in\">\r\n                <div class=\"bg-white rounded-2xl p-8 shadow-sm\">\r\n                    <div class=\"flex items-start space-x-4\">\r\n                        <div class=\"w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center flex-shrink-0\">\r\n                            <i data-lucide=\"trending-up\" class=\"w-8 h-8 text-blue-600\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h4 class=\"text-xl font-semibold text-gray-900 mb-3\">Gamybos pl\u0117tra<\/h4>\r\n                            <p class=\"text-gray-600 mb-4\">\r\n                                MB \u201eEigara\" \u012fgyvendina projekt\u0105 pagal Jonavos rajono vietos veiklos grup\u0117s pl\u0117tros strategij\u0105. \r\n                                Projektu siekiama pl\u0117sti metalo konstrukcij\u0173 gamybos veikl\u0105, \u012fsigyjant moderni\u0105 \u012frang\u0105 ir didinant gamybinius paj\u0117gumus.\r\n                            <\/p>\r\n                            <p class=\"text-gray-600 mb-4\">\r\n                                \u012egyvendinus projekt\u0105 bus sukurta nauja darbo vieta suvirintojui\/mechanikui, \r\n                                prisidedant prie u\u017eimtumo didinimo kaimo vietov\u0117je ir vietos ekonomikos stiprinimo.\r\n                            <\/p>\r\n                            <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4 mt-6\">\r\n                                <div class=\"flex items-center space-x-4\">\r\n                                    <span class=\"bg-green-100 text-green-700 px-3 py-1 rounded-full text-sm\">Vykdoma<\/span>\r\n                                    <span class=\"text-gray-500 text-sm\">2024-2025 m.<\/span>\r\n                                <\/div>\r\n                                <a href=\"https:\/\/eigara.lt\/gallery\/ES_parama.pdf\" target=\"_blank\" class=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-full font-medium transition flex items-center space-x-2\">\r\n                                    <span>Daugiau informacijos<\/span>\r\n                                    <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Section -->\r\n    <section id=\"kontaktai\" class=\"py-24 bg-gray-900\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-orange-500 font-semibold mb-4\">KONTAKTAI<\/h2>\r\n                <h3 class=\"text-3xl sm:text-4xl font-bold text-white mb-4\">Susisiekite su mumis<\/h3>\r\n                <p class=\"text-gray-400 max-w-2xl mx-auto\">\r\n                    Turite klausim\u0173 ar norite gauti pasi\u016blym\u0105? Kreipkit\u0117s \u2013 mielai pad\u0117sime!\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid lg:grid-cols-2 gap-12\">\r\n                <!-- Contact Info -->\r\n                <div class=\"fade-in space-y-8\">\r\n                    <div class=\"bg-gray-800 rounded-2xl p-8\">\r\n                        <h4 class=\"text-white font-semibold text-xl mb-6\">Kontaktin\u0117 informacija<\/h4>\r\n                        \r\n                        <div class=\"space-y-6\">\r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"w-12 h-12 bg-orange-500\/20 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                    <i data-lucide=\"map-pin\" class=\"w-6 h-6 text-orange-500\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-gray-400 text-sm mb-1\">Adresas<\/p>\r\n                                    <p class=\"text-white\">Rod\u017ei\u0173 g. 58, Bat\u0117galos k.,<br>Kulvos sen., Jonavos r. sav.,<br>LT-55343<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"w-12 h-12 bg-orange-500\/20 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                    <i data-lucide=\"phone\" class=\"w-6 h-6 text-orange-500\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-gray-400 text-sm mb-1\">Telefonai<\/p>\r\n                                    <a href=\"tel:+37067276343\" class=\"text-white hover:text-orange-500 transition block\">+370 672 76343<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"w-12 h-12 bg-orange-500\/20 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                    <i data-lucide=\"mail\" class=\"w-6 h-6 text-orange-500\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-gray-400 text-sm mb-1\">El. pa\u0161tas<\/p>\r\n                                    <a href=\"mailto:info@eigara.lt\" class=\"text-white hover:text-orange-500 transition\">info@eigara.lt<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"w-12 h-12 bg-orange-500\/20 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                    <i data-lucide=\"globe\" class=\"w-6 h-6 text-orange-500\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-gray-400 text-sm mb-1\">Interneto svetain\u0117<\/p>\r\n                                    <a href=\"http:\/\/eigara.lt\/\" target=\"_blank\" class=\"text-white hover:text-orange-500 transition\">www.eigara.lt<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"w-12 h-12 bg-orange-500\/20 rounded-lg flex items-center justify-center flex-shrink-0\">\r\n                                    <i data-lucide=\"user\" class=\"w-6 h-6 text-orange-500\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-gray-400 text-sm mb-1\">Vadov\u0117<\/p>\r\n                                    <p class=\"text-white\">Gabriel\u0117 Ratautien\u0117<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Working Hours -->\r\n                    <div class=\"bg-gray-800 rounded-2xl p-8\">\r\n                        <h4 class=\"text-white font-semibold text-xl mb-6\">Darbo laikas<\/h4>\r\n                        <div class=\"space-y-3\">\r\n                            <div class=\"flex justify-between\">\r\n                                <span class=\"text-gray-400\">Pirmadienis - Penktadienis<\/span>\r\n                                <span class=\"text-white\">8:00 - 17:00<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex justify-between\">\r\n                                <span class=\"text-gray-400\">\u0160e\u0161tadienis - Sekmadienis<\/span>\r\n                                <span class=\"text-red-400\">Nedirbame<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Contact Form -->\r\n                <div class=\"fade-in\">\r\n                    <!-- Prid\u0117ta formos veikimui naudojant Formspree -->\r\n                    <form id=\"contact-form\" class=\"bg-white rounded-2xl p-8 shadow-xl\">\r\n                        <h4 class=\"text-gray-900 font-semibold text-xl mb-6\">Si\u0173sti u\u017eklaus\u0105<\/h4>\r\n                        \r\n                        <div class=\"space-y-6\">\r\n                            <div class=\"grid sm:grid-cols-2 gap-6\">\r\n                                <div>\r\n                                    <label for=\"name\" class=\"block text-sm font-medium text-gray-700 mb-2\">Vardas *<\/label>\r\n                                    <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition outline-none\" placeholder=\"J\u016bs\u0173 vardas\">\r\n                                <\/div>\r\n                                <div>\r\n                                    <label for=\"surname\" class=\"block text-sm font-medium text-gray-700 mb-2\">Pavard\u0117 *<\/label>\r\n                                    <input type=\"text\" id=\"surname\" name=\"surname\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition outline-none\" placeholder=\"J\u016bs\u0173 pavard\u0117\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-2\">El. pa\u0161tas *<\/label>\r\n                                <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition outline-none\" placeholder=\"vardas@pavyzdys.lt\">\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label for=\"phone\" class=\"block text-sm font-medium text-gray-700 mb-2\">Telefonas<\/label>\r\n                                <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition outline-none\" placeholder=\"+370 6XX XXXXX\">\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-2\">\u017dinut\u0117 *<\/label>\r\n                                <textarea id=\"message\" name=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition outline-none resize-none\" placeholder=\"Apra\u0161ykite savo u\u017eklaus\u0105...\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start space-x-3\">\r\n                                <input type=\"checkbox\" required id=\"privacy\" name=\"privacy\" class=\"w-5 h-5 rounded border-gray-300 text-orange-500 focus:ring-orange-500 mt-0.5\">\r\n                                <label for=\"privacy\" class=\"text-sm text-gray-600\">\r\n                                    Sutinku su <a href=\"#\" class=\"text-orange-500 hover:underline\">privatumo politika<\/a> ir duomen\u0173 tvarkymu *\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <button type=\"submit\" class=\"w-full bg-orange-500 hover:bg-orange-600 text-white py-4 rounded-xl font-semibold transition flex items-center justify-center space-x-2\">\r\n                                <span id=\"submit-text\">Si\u0173sti u\u017eklaus\u0105<\/span>\r\n                                <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-gray-950 py-12 border-t border-gray-800\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid md:grid-cols-4 gap-8 mb-8\">\r\n                <div>\r\n                    <div class=\"flex items-center space-x-3 mb-4\">\r\n                        <div class=\"w-10 h-10 bg-orange-500 rounded-lg flex items-center justify-center\">\r\n                            <i data-lucide=\"factory\" class=\"w-6 h-6 text-white\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-bold text-white text-lg\">MB Eigara<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm\">\r\n                        Metalini\u0173 konstrukcij\u0173 ir dali\u0173 gamyba. Kokyb\u0117, patikimumas, profesionalumas.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h5 class=\"text-white font-semibold mb-4\">Meniu<\/h5>\r\n                    <ul class=\"space-y-2 text-sm\">\r\n                        <li><a href=\"#pradzia\" class=\"text-gray-400 hover:text-orange-500 transition\">Prad\u017eia<\/a><\/li>\r\n                        <li><a href=\"#apie-mus\" class=\"text-gray-400 hover:text-orange-500 transition\">Apie mus<\/a><\/li>\r\n                        <li><a href=\"#paslaugos\" class=\"text-gray-400 hover:text-orange-500 transition\">Paslaugos<\/a><\/li>\r\n                        <li><a href=\"#galerija\" class=\"text-gray-400 hover:text-orange-500 transition\">Galerija<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h5 class=\"text-white font-semibold mb-4\">Informacija<\/h5>\r\n                    <ul class=\"space-y-2 text-sm\">\r\n                        <li><a href=\"#es-projektai\" class=\"text-gray-400 hover:text-orange-500 transition\">ES projektai<\/a><\/li>\r\n                        <li><a href=\"#kontaktai\" class=\"text-gray-400 hover:text-orange-500 transition\">Kontaktai<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"text-gray-400 hover:text-orange-500 transition\">Privatumo politika<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h5 class=\"text-white font-semibold mb-4\">Kontaktai<\/h5>\r\n                    <ul class=\"space-y-2 text-sm text-gray-400\">\r\n                        <li>Rod\u017ei\u0173 g. 58, LT-55343<\/li>\r\n                        <li><a href=\"tel:+37067276343\" class=\"hover:text-orange-500 transition\">+370 672 76343<\/a><\/li>\r\n                        <li><a href=\"mailto:info@eigara.lt\" class=\"hover:text-orange-500 transition\">info@eigara.lt<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n                <p class=\"text-gray-500 text-sm\">\r\n                    \u00a9 2024 MB Eigara. Visos teis\u0117s saugomos.\r\n                <\/p>\r\n                <p class=\"text-gray-500 text-sm\">\r\n                    \u012emon\u0117s kodas: 305632081 | PVM kodas: LT100014010713\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Back to Top Button -->\r\n    <button id=\"back-to-top\" class=\"fixed bottom-8 right-8 w-12 h-12 bg-orange-500 hover:bg-orange-600 text-white rounded-full shadow-lg transition opacity-0 invisible z-40 flex items-center justify-center\">\r\n        <i data-lucide=\"chevron-up\" class=\"w-6 h-6\"><\/i>\r\n    <\/button>\r\n\r\n    <script>\r\n        \/\/ Initialize Lucide icons\r\n        lucide.createIcons();\r\n\r\n        \/\/ Mobile menu functionality - FIXED\r\n        const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n        const closeMenuBtn = document.getElementById('close-menu-btn');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        const mobileMenuOverlay = document.getElementById('mobile-menu-overlay');\r\n        const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n        function openMobileMenu() {\r\n            mobileMenu.classList.add('open');\r\n            mobileMenuOverlay.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeMobileMenu() {\r\n            mobileMenu.classList.remove('open');\r\n            mobileMenuOverlay.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n\r\n        \/\/ Event listeners for mobile menu\r\n        if (mobileMenuBtn) {\r\n            mobileMenuBtn.addEventListener('click', openMobileMenu);\r\n        }\r\n        \r\n        if (closeMenuBtn) {\r\n            closeMenuBtn.addEventListener('click', closeMobileMenu);\r\n        }\r\n        \r\n        if (mobileMenuOverlay) {\r\n            mobileMenuOverlay.addEventListener('click', closeMobileMenu);\r\n        }\r\n        \r\n        mobileLinks.forEach(link => {\r\n            link.addEventListener('click', closeMobileMenu);\r\n        });\r\n\r\n        \/\/ Close mobile menu on escape key\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape') closeMobileMenu();\r\n        });\r\n\r\n        \/\/ Active nav link on scroll\r\n        const sections = document.querySelectorAll('section[id]');\r\n        const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n        function setActiveNav() {\r\n            let current = '';\r\n            sections.forEach(section => {\r\n                const sectionTop = section.offsetTop - 100;\r\n                if (scrollY >= sectionTop) {\r\n                    current = section.getAttribute('id');\r\n                }\r\n            });\r\n\r\n            navLinks.forEach(link => {\r\n                link.classList.remove('active');\r\n                if (link.getAttribute('href') === `#${current}`) {\r\n                    link.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Fade in animation on scroll\r\n        const fadeElements = document.querySelectorAll('.fade-in');\r\n        \r\n        function checkFade() {\r\n            fadeElements.forEach(element => {\r\n                const elementTop = element.getBoundingClientRect().top;\r\n                const windowHeight = window.innerHeight;\r\n                if (elementTop < windowHeight - 100) {\r\n                    element.classList.add('visible');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Back to top button\r\n        const backToTopBtn = document.getElementById('back-to-top');\r\n\r\n        function toggleBackToTop() {\r\n            if (window.scrollY > 500) {\r\n                backToTopBtn.classList.remove('opacity-0', 'invisible');\r\n                backToTopBtn.classList.add('opacity-100', 'visible');\r\n            } else {\r\n                backToTopBtn.classList.add('opacity-0', 'invisible');\r\n                backToTopBtn.classList.remove('opacity-100', 'visible');\r\n            }\r\n        }\r\n\r\n        if (backToTopBtn) {\r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({ top: 0, behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        \/\/ Contact form submission\r\n        const contactForm = document.getElementById('contact-form');\r\n        const submitText = document.getElementById('submit-text');\r\n\r\n        if (contactForm) {\r\n            contactForm.addEventListener('submit', async (e) => {\r\n                e.preventDefault();\r\n                \r\n                \/\/ Change button text to show loading\r\n                if (submitText) {\r\n                    submitText.textContent = 'Siun\u010diama...';\r\n                }\r\n                \r\n                \/\/ Collect form data\r\n                const formData = new FormData(contactForm);\r\n                const data = Object.fromEntries(formData);\r\n                \r\n                try {\r\n                    \/\/ \u010cia galite pakeisti \u012f savo formos apdorojimo endpoint\r\n                    \/\/ Pavyzdys su Formspree (nemokama paslauga):\r\n                    \/\/ 1. Eikite \u012f https:\/\/formspree.io\/\r\n                    \/\/ 2. Sukurkite paskyr\u0105\r\n                    \/\/ 3. Pakeiskite \u0161\u012f email \u012f savo email adres\u0105\r\n                    const response = await fetch('https:\/\/formspree.io\/f\/your-form-id', {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'Content-Type': 'application\/json',\r\n                        },\r\n                        body: JSON.stringify({\r\n                            name: data.name,\r\n                            surname: data.surname,\r\n                            email: data.email,\r\n                            phone: data.phone,\r\n                            message: data.message,\r\n                            privacy: data.privacy\r\n                        })\r\n                    });\r\n\r\n                    if (response.ok) {\r\n                        alert('A\u010di\u016b! J\u016bs\u0173 u\u017eklausa buvo s\u0117kmingai i\u0161si\u0173sta. Susisieksime su Jumis artimiausiu metu.');\r\n                        contactForm.reset();\r\n                    } else {\r\n                        alert('\u012evyko klaida siun\u010diant u\u017eklaus\u0105. Pra\u0161ome bandyti v\u0117liau arba skambinti telefonu.');\r\n                    }\r\n                } catch (error) {\r\n                    console.error('Error:', error);\r\n                    alert('\u012evyko klaida siun\u010diant u\u017eklaus\u0105. Pra\u0161ome bandyti v\u0117liau arba skambinti telefonu.');\r\n                } finally {\r\n                    \/\/ Reset button text\r\n                    if (submitText) {\r\n                        submitText.textContent = 'Si\u0173sti u\u017eklaus\u0105';\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Lightbox functionality\r\n        const lightbox = document.getElementById('lightbox');\r\n        const lightboxImage = document.getElementById('lightbox-image');\r\n        const lightboxClose = document.getElementById('lightbox-close');\r\n        const lightboxPrev = document.getElementById('lightbox-prev');\r\n        const lightboxNext = document.getElementById('lightbox-next');\r\n        const lightboxCounter = document.getElementById('lightbox-counter');\r\n        const galleryItems = document.querySelectorAll('.gallery-item');\r\n        \r\n        let currentImageIndex = 0;\r\n        const totalImages = 18; \/\/ 18 nuotrauk\u0173\r\n        \r\n        \/\/ Open lightbox\r\n        galleryItems.forEach((item, index) => {\r\n            item.addEventListener('click', () => {\r\n                currentImageIndex = index;\r\n                updateLightbox();\r\n                lightbox.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            });\r\n        });\r\n        \r\n        \/\/ Close lightbox\r\n        if (lightboxClose) {\r\n            lightboxClose.addEventListener('click', closeLightbox);\r\n        }\r\n        \r\n        if (lightbox) {\r\n            lightbox.addEventListener('click', (e) => {\r\n                if (e.target === lightbox) {\r\n                    closeLightbox();\r\n                }\r\n            });\r\n        }\r\n        \r\n        \/\/ Navigation\r\n        if (lightboxPrev) {\r\n            lightboxPrev.addEventListener('click', () => {\r\n                currentImageIndex = (currentImageIndex - 1 + totalImages) % totalImages;\r\n                updateLightbox();\r\n            });\r\n        }\r\n        \r\n        if (lightboxNext) {\r\n            lightboxNext.addEventListener('click', () => {\r\n                currentImageIndex = (currentImageIndex + 1) % totalImages;\r\n                updateLightbox();\r\n            });\r\n        }\r\n        \r\n        \/\/ Keyboard navigation\r\n        document.addEventListener('keydown', (e) => {\r\n            if (!lightbox || !lightbox.classList.contains('active')) return;\r\n            \r\n            if (e.key === 'Escape') closeLightbox();\r\n            if (e.key === 'ArrowLeft' && lightboxPrev) lightboxPrev.click();\r\n            if (e.key === 'ArrowRight' && lightboxNext) lightboxNext.click();\r\n        });\r\n        \r\n        function updateLightbox() {\r\n            if (!lightboxImage || !lightboxCounter) return;\r\n            const imgSrc = `https:\/\/eigara.lt\/gallery\/${currentImageIndex + 1}.jpg`;\r\n            lightboxImage.src = imgSrc;\r\n            lightboxCounter.textContent = `${currentImageIndex + 1} \/ ${totalImages}`;\r\n        }\r\n        \r\n        function closeLightbox() {\r\n            if (lightbox) {\r\n                lightbox.classList.remove('active');\r\n                document.body.style.overflow = '';\r\n            }\r\n        }\r\n\r\n        \/\/ \"Rodyti daugiau\" mygtuko funkcionalumas\r\n        const showMoreBtn = document.getElementById('show-more-btn');\r\n        const additionalGallery = document.getElementById('additional-gallery');\r\n        \r\n        if (showMoreBtn && additionalGallery) {\r\n            showMoreBtn.addEventListener('click', () => {\r\n                \/\/ Rodyti papildomas nuotraukas\r\n                additionalGallery.classList.remove('hidden');\r\n                additionalGallery.classList.add('grid');\r\n                \r\n                \/\/ Prid\u0117ti papildomas nuotraukas prie lightbox galerijos\r\n                const additionalItems = additionalGallery.querySelectorAll('.gallery-item');\r\n                additionalItems.forEach((item, index) => {\r\n                    item.addEventListener('click', () => {\r\n                        \/\/ Index pridedame 6, nes pirmos 6 nuotraukos jau rodomos\r\n                        currentImageIndex = index + 6;\r\n                        updateLightbox();\r\n                        lightbox.classList.add('active');\r\n                        document.body.style.overflow = 'hidden';\r\n                    });\r\n                });\r\n                \r\n                \/\/ Sl\u0117pti mygtuk\u0105\r\n                showMoreBtn.classList.add('hidden');\r\n                \r\n                \/\/ Atnaujinti lightbox galerijos elementus\r\n                const allGalleryItems = document.querySelectorAll('.gallery-item');\r\n                \r\n                \/\/ Per\u017ei\u016br\u0117ti visus elementus ir priskirti tinkamus index\r\n                allGalleryItems.forEach((item, index) => {\r\n                    item.setAttribute('data-index', index);\r\n                });\r\n                \r\n                \/\/ Sukurti nauj\u0105 galerijos element\u0173 masyv\u0105\r\n                const updatedGalleryItems = document.querySelectorAll('.gallery-item');\r\n                \r\n                \/\/ Prid\u0117ti event listenerius visiems elementams\r\n                updatedGalleryItems.forEach((item, index) => {\r\n                    item.addEventListener('click', () => {\r\n                        currentImageIndex = index;\r\n                        updateLightbox();\r\n                        lightbox.classList.add('active');\r\n                        document.body.style.overflow = 'hidden';\r\n                    });\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Event listeners\r\n        window.addEventListener('scroll', () => {\r\n            setActiveNav();\r\n            checkFade();\r\n            toggleBackToTop();\r\n        });\r\n\r\n        \/\/ Initial check\r\n        checkFade();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MB Eigara &#8211; Metalini\u0173 Konstrukcij\u0173 Gamyba 1 \/ 18 MB Eigara Metalin\u0117s konstrukcijos Prad\u017eia Apie mus Paslaugos Galerija Kontaktai ES projektai Susisiekti MB Eigara Prad\u017eia Apie mus Paslaugos Galerija Kontaktai ES projektai Skambinkite mums +370 672 76343 Susisiekti Nuo 2020 met\u0173 Metalini\u0173 konstrukcij\u0173 gamyba ir projektavimas MB Eigara &#8211; patikimas partneris metalini\u0173 konstrukcij\u0173 gamyboje. Si\u016blome&hellip; <a class=\"more-link\" href=\"https:\/\/eigara.lt\/\">Continue reading <span class=\"screen-reader-text\">Coming soon<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"_links":{"self":[{"href":"https:\/\/eigara.lt\/index.php?rest_route=\/wp\/v2\/pages\/8"}],"collection":[{"href":"https:\/\/eigara.lt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eigara.lt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eigara.lt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eigara.lt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":25,"href":"https:\/\/eigara.lt\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/eigara.lt\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/eigara.lt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}