{"id":17,"date":"2026-02-19T17:39:23","date_gmt":"2026-02-19T17:39:23","guid":{"rendered":"https:\/\/weblab-studio.com\/home\/"},"modified":"2026-05-05T07:42:09","modified_gmt":"2026-05-05T07:42:09","slug":"home","status":"publish","type":"page","link":"https:\/\/weblab-studio.com\/hr\/","title":{"rendered":"Po\u010detna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-740aa77 e-flex e-con-boxed e-con e-parent\" data-id=\"740aa77\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle-asymmetrical&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M738,99l262-93V0H0v5.6L738,99z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69050ae e-con-full e-flex e-con e-child\" data-id=\"69050ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ecf782 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5ecf782\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Launch Your <span style=\"color:#ff771e\">Digital<\/span> Success<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8932080 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8932080\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Websites \u2022 Mobile Apps \u2022 eCommerce \u2022 Booking Systems<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-177dca5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"177dca5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:700}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b879cef e-transform elementor-widget elementor-widget-button\" data-id=\"b879cef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#quotehome\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GET FREE QUOTE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div data-eael_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" data-eael_scale_hover_effect=\"{&quot;scale_x&quot;:1.1,&quot;scale_y&quot;:1.1}\" data-eael_hover_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_hover_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" class=\"eael_hover_effect elementor-element elementor-element-b989faf e-transform e-transform elementor-widget elementor-widget-button\" data-id=\"b989faf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:50,&quot;eael_hover_effect_transform_hover_popover&quot;:&quot;yes&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;eael_hover_effect_general_settings_easing&quot;:&quot;ease&quot;,&quot;eael_hover_effect_general_settings_hover_easing&quot;:&quot;ease&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#homesolutions\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-desktop\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VIEW SOLUTIONS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35446e2 e-con-full e-flex e-con e-parent\" data-id=\"35446e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d79292f elementor-widget elementor-widget-menu-anchor\" data-id=\"d79292f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"homesolutions\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6ed1e3 elementor-widget elementor-widget-html\" data-id=\"e6ed1e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\"> <head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        .apps-section {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 80px 20px;\r\n            box-sizing: border-box;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        .apps-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            gap: 25px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* CARD postavljen kao 'a' tag *\/\r\n        .app-box {\r\n            background: #ffffff;\r\n            padding: 45px 35px;\r\n            border-radius: 28px;\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n            box-shadow: 0 10px 30px rgba(26, 43, 76, 0.06);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            display: flex;\r\n            flex-direction: column;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        .app-box:hover {\r\n            transform: translateY(-12px) scale(1.04);\r\n            box-shadow: 0 45px 80px rgba(26, 43, 76, 0.15);\r\n        }\r\n\r\n        .app-icon-wrapper {\r\n            width: 75px;\r\n            height: 75px;\r\n            margin-bottom: 30px;\r\n            border-radius: 22px;\r\n            background: #f1f5f9;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .app-icon {\r\n            width: 38px;\r\n            height: 38px;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .app-box:nth-child(1):hover .app-icon-wrapper { background: #fff7ed; color: #f77f31; }\r\n        .app-box:nth-child(2):hover .app-icon-wrapper { background: #ecfeff; color: #00b4d8; }\r\n        .app-box:nth-child(3):hover .app-icon-wrapper { background: #f0fdf4; color: #06d6a0; }\r\n        .app-box:nth-child(4):hover .app-icon-wrapper { background: #faf5ff; color: #9b5de5; }\r\n\r\n        .app-title {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: #1a2b4c;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .app-desc {\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n            color: #475569;\r\n            margin-bottom: 25px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .app-link {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: #1a2b4c;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .app-box:hover .app-link {\r\n            color: #f97316;\r\n        }\r\n\r\n        .app-link::after {\r\n            content: '\u2192';\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .app-box:hover .app-link::after {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        @media (max-width: 1150px) { .apps-grid { grid-template-columns: repeat(2, 1fr) !important; } }\r\n        @media (max-width: 650px) { .apps-grid { grid-template-columns: 1fr !important; } }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"apps-section\">\r\n    <div class=\"apps-grid\">\r\n        <a id=\"link-apps\" class=\"app-box\">\r\n            <div class=\"app-icon-wrapper\" style=\"color:#f77f31;\">\r\n                <svg class=\"app-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"><\/rect><path d=\"M12 18h.01\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"app-title\">Mobile Apps<\/div>\r\n            <div class=\"app-desc\">Turn your business into a powerful mobile experience with custom iOS, Android and PWA apps designed for growth.<\/div>\r\n            <div class=\"app-link\">Build your app<\/div>\r\n        <\/a>\r\n\r\n        <a id=\"link-websites\" class=\"app-box\">\r\n            <div class=\"app-icon-wrapper\" style=\"color:#00b4d8;\">\r\n                <svg class=\"app-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n            <\/div>\r\n            <div class=\"app-title\">Websites<\/div>\r\n            <div class=\"app-desc\">Modern, fast and conversion-focused websites that present your brand professionally and attract new clients.<\/div>\r\n            <div class=\"app-link\">Create website<\/div>\r\n        <\/a>\r\n\r\n        <a id=\"link-ecommerce\" class=\"app-box\">\r\n            <div class=\"app-icon-wrapper\" style=\"color:#06d6a0;\">\r\n                <svg class=\"app-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.7 13.4h14.6L23 6H6\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"app-title\">Web Shops<\/div>\r\n            <div class=\"app-desc\">Sell products online with scalable eCommerce solutions, secure payments and seamless customer experience.<\/div>\r\n            <div class=\"app-link\">Launch store<\/div>\r\n        <\/a>\r\n\r\n        <a id=\"link-booking\" class=\"app-box\">\r\n            <div class=\"app-icon-wrapper\" style=\"color:#9b5de5;\">\r\n                <svg class=\"app-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><line x1=\"3\" y1=\"11\" x2=\"21\" y2=\"11\"><\/line><path d=\"M16 3v4M8 3v4\"><\/path><\/svg>\r\n            <\/div>\r\n            <div class=\"app-title\">Booking Systems<\/div>\r\n            <div class=\"app-desc\">Automate reservations and appointments with smart booking platforms integrated with Booking.com and Airbnb.<\/div>\r\n            <div class=\"app-link\">Start booking<\/div>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ Provjeri jezik stranice\r\n        const isHR = document.documentElement.lang === 'hr';\r\n        const base = \"https:\/\/weblab-studio.com\/\";\r\n        const prefix = isHR ? \"hr\/\" : \"\";\r\n\r\n        \/\/ Mapiranje ID-ova i njihovih putanja\r\n        const links = {\r\n            'link-apps': 'mobile-apps\/',\r\n            'link-websites': 'websites\/',\r\n            'link-ecommerce': 'ecommerce\/',\r\n            'link-booking': 'booking-systems\/'\r\n        };\r\n\r\n        \/\/ Dodijeli href svakom elementu\r\n        for (const [id, path] of Object.entries(links)) {\r\n            const element = document.getElementById(id);\r\n            if (element) {\r\n                element.href = base + prefix + path;\r\n            }\r\n        }\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58854ce e-con-full e-flex e-con e-parent\" data-id=\"58854ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c7df88 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"8c7df88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"floating-icons-section\">\n  <div class=\"floating-icons-track\">\n\n    <div class=\"floating-icons-loop\">\n\n      <!-- ORIGINAL SET -->\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/shopify.svg\" alt=\"Shopify\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/wordpress.svg\" alt=\"Wordpress\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/googleplay.svg\" alt=\"Googleplay\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/apple.svg\" alt=\"Apple\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/pwa.svg\" alt=\"Pwa\" title=\"Home\">\n\n      <!-- CLONE (ZA INFINITE LOOP) -->\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/shopify.svg\" alt=\"Shopify\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/wordpress.svg\" alt=\"Wordpress\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/googleplay.svg\" alt=\"Googleplay\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/apple.svg\" alt=\"Apple\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/pwa.svg\" alt=\"Pwa\" title=\"Home\">\n         <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/shopify.svg\" alt=\"Shopify\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/wordpress.svg\" alt=\"Wordpress\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/googleplay.svg\" alt=\"Googleplay\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/apple.svg\" alt=\"Apple\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/pwa.svg\" alt=\"Pwa\" title=\"Home\">\n         <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/shopify.svg\" alt=\"Shopify\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/wordpress.svg\" alt=\"Wordpress\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/googleplay.svg\" alt=\"Googleplay\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/apple.svg\" alt=\"Apple\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/pwa.svg\" alt=\"Pwa\" title=\"Home\">\n         <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/shopify.svg\" alt=\"Shopify\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/wordpress.svg\" alt=\"Wordpress\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/googleplay.svg\" alt=\"Googleplay\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/apple.svg\" alt=\"Apple\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/pwa.svg\" alt=\"Pwa\" title=\"Home\">\n         <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/shopify.svg\" alt=\"Shopify\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/wordpress.svg\" alt=\"Wordpress\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/googleplay.svg\" alt=\"Googleplay\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/apple.svg\" alt=\"Apple\" title=\"Home\">\n      <img decoding=\"async\" class=\"icon\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v10\/icons\/pwa.svg\" alt=\"Pwa\" title=\"Home\">\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\n\/* SECTION *\/\n.floating-icons-section{\n  width:100%;\n  padding:50px 0;\n  background:#050910;\n  overflow:hidden;\n}\n\n\/* TRACK *\/\n.floating-icons-track{\n  overflow:hidden;\n}\n\n\/* LOOP \u2014 KLJU\u010cNA STVAR *\/\n.floating-icons-loop{\n  display:flex;\n  width:max-content;          \/* \u2190 FIX *\/\n  gap:170px;                   \/* razmaknutije *\/\n  animation: infiniteScroll 150s linear infinite; \/* sporije *\/\n}\n\n\/* ICON *\/\n.icon{\n  width:34px;\n  height:34px;\n  flex-shrink:1;\n  filter:invert(1);\n  opacity:.9;\n  transition:.3s ease;\n}\n\n.icon:hover{\n  transform:scale(1.15);\n  opacity:1;\n}\n\n\/* PERFECT LOOP *\/\n@keyframes infiniteScroll{\n  from { transform:translateX(0); }\n  to   { transform:translateX(calc(-50%)); }\n}\n\n\/* MOBILE *\/\n@media(max-width:600px){\n  .floating-icons-loop{ gap:55px; }\n  .icon{ width:26px; height:26px; }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b37b95 e-flex e-con-boxed e-con e-parent\" data-id=\"1b37b95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a673e8 elementor-widget elementor-widget-html\" data-id=\"4a673e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        body { background: #050910; font-family: 'Inter', sans-serif; overflow-x: hidden; color: white; }\r\n\r\n        .digital-funnel {\r\n            width: 100%;\r\n            background: linear-gradient(to bottom, #050910, #1a2b4c);\r\n            padding: 100px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .funnel-wrapper {\r\n            max-width: 600px;\r\n            width: 100%;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 80px;\r\n            position: relative;\r\n            z-index: 1; \/* Wrapper je iznad linije *\/\r\n        }\r\n\r\n        \/* LINIJA - sada kre\u0107e ni\u017ee (top: 250px) da ne sije\u010de naslov *\/\r\n        .funnel-line-bg {\r\n            position: absolute;\r\n            top: 250px; \r\n            bottom: 100px;\r\n            width: 2px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            z-index: 0; \/* Linija je u pozadini *\/\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        .funnel-line-progress {\r\n            width: 100%;\r\n            height: 0%; \r\n            background: #4cc9f0;\r\n            box-shadow: 0 0 15px #4cc9f0;\r\n            transition: height 0.15s ease-out;\r\n        }\r\n\r\n        .funnel-title { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 800; position: relative; z-index: 2; line-height: 1.1; margin-bottom: 20px; }\r\n        .funnel-title span { color: #FF771E; }\r\n\r\n        .funnel-box {\r\n            background: rgba(255, 255, 255, 0.04);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            padding: 35px;\r\n            border-radius: 24px;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            width: 100%;\r\n            position: relative;\r\n            z-index: 2; \/* Kartice su iznad linije *\/\r\n        }\r\n\r\n        .funnel-box h3 { font-size: 24px; margin-bottom: 12px; color: #4cc9f0; }\r\n        .funnel-box p { color: rgba(255,255,255,0.8); line-height: 1.6; }\r\n\r\n        .phone {\r\n            width: 240px; height: 440px; border-radius: 40px;\r\n            background: #000; padding: 12px; border: 6px solid #1a2b4c;\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5); position: relative; z-index: 2;\r\n            animation: float 4s ease-in-out infinite;\r\n        }\r\n        .phone-screen {\r\n            background: #ffffff; height: 100%; width: 100%;\r\n            border-radius: 30px; overflow: hidden; display: flex;\r\n            align-items: center; justify-content: center;\r\n        }\r\n        .phone-content { text-align: center; display: flex; flex-direction: column; align-items: center; color: #1a2b4c; }\r\n        .phone-logo { font-weight: 900; font-size: 24px; line-height: 1.1; margin-bottom: 10px; }\r\n        .phone-logo span { color: #f77f31; }\r\n        .phone-btn { margin-top: 20px; background: #1a2b4c; color: white; border: none; padding: 12px 24px; border-radius: 10px; font-weight: 700; font-size: 11px; }\r\n\r\n        .solutions { \r\n            display: grid; \r\n            grid-template-columns: repeat(2, 1fr); \r\n            gap: 15px; \r\n            width: 100%; \r\n            position: relative;\r\n            z-index: 2; \/* Gumbi su iznad linije *\/\r\n        }\r\n        \r\n        .solution { \r\n            background: rgba(76, 201, 240, 0.05); \/* Prozirno da se vidi linija \"ispod\" *\/\r\n            border: 1px solid rgba(76, 201, 240, 0.2); \r\n            padding: 18px; \r\n            border-radius: 15px; \r\n            font-weight: 700; \r\n            text-align: center;\r\n            text-decoration: none;\r\n            color: white; \r\n            transition: all 0.3s ease;\r\n            display: block;\r\n            cursor: pointer;\r\n            backdrop-filter: blur(5px);\r\n            -webkit-backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .solution:hover {\r\n            background: rgba(255, 119, 30, 0.1) !important;\r\n            transform: translateY(-3px);\r\n            border-color: #FF771E !important;\r\n            color: #FF771E !important;\r\n        }\r\n\r\n        .solution.clicked-active {\r\n            color: #FF771E !important;\r\n            border-color: #FF771E !important;\r\n            background: rgba(255, 119, 30, 0.2) !important;\r\n        }\r\n\r\n        .benefits li { \r\n            margin: 0 0 14px 0; font-size: 16px; display: grid; grid-template-columns: 22px 1fr; column-gap: 12px; align-items: start; text-align: left;\r\n        }\r\n        .benefits li::before { content: '\u2713'; color: #4cc9f0; font-weight: 900; font-size: 18px; }\r\n\r\n        .cta-main { background: #f77f31; color: white; border: none; padding: 20px 50px; border-radius: 18px; font-weight: 800; cursor: pointer; transition: 0.3s; position: relative; z-index: 2; }\r\n        \r\n        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }\r\n\r\n        @media (max-width: 768px) {\r\n            .solutions { grid-template-columns: 1fr; }\r\n            .funnel-line-bg { top: 200px; } \/* Prilagodba za mobitel *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"digital-funnel\">\r\n    <div class=\"funnel-line-bg\">\r\n        <div class=\"funnel-line-progress\" id=\"funnel-progress\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"funnel-wrapper\">\r\n        <h2 class=\"funnel-title\">Turn <span>Your Business<\/span> into a Digital Experience<\/h2>\r\n\r\n        <div class=\"funnel-box\">\r\n            <h3>Presence<\/h3>\r\n            <p>Being online is no longer optional. It's where your customers are.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"funnel-box\">\r\n            <h3>Growth<\/h3>\r\n            <p>Automate processes and build a professional brand experience.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"phone\">\r\n            <div class=\"phone-screen\">\r\n                <div class=\"phone-content\">\r\n                    <div class=\"phone-logo\">WebLab<br><span>STUDIO<\/span><\/div>\r\n                    <button class=\"phone-btn\">GET STARTED<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"solutions\">\r\n            <a id=\"funnel-apps\" class=\"solution\">\ud83d\udcf1 Mobile App<\/a>\r\n            <a id=\"funnel-ecommerce\" class=\"solution\">\ud83d\uded2 Web Shop<\/a>\r\n            <a id=\"funnel-websites\" class=\"solution\">\ud83c\udf10 Website<\/a>\r\n            <a id=\"funnel-booking\" class=\"solution\">\ud83d\udcc5 Booking System<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"funnel-box benefits\">\r\n            <h3>How This Helps Your Business?<\/h3>\r\n            <ul style=\"list-style:none; padding:0; margin-top:20px; max-width:320px; margin:auto;\">\r\n                <li>More visibility & clients<\/li>\r\n                <li>Automated processes<\/li>\r\n                <li>Online payments & bookings<\/li>\r\n                <li>Building brand identity<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <a href=\"#quotehome\" style=\"text-decoration: none;\">\r\n            <button class=\"cta-main\">GET A FREE QUOTE<\/button>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function updateFunnelLine() {\r\n        const funnelSection = document.querySelector('.digital-funnel');\r\n        const progressBar = document.getElementById('funnel-progress');\r\n        if (!funnelSection || !progressBar) return;\r\n        const rect = funnelSection.getBoundingClientRect();\r\n        const windowHeight = window.innerHeight;\r\n        let progress = (windowHeight - rect.top) \/ (rect.height + windowHeight \/ 2) * 100;\r\n        let finalValue = (progress - 10) * 1.2; \r\n        if (finalValue < 0) finalValue = 0;\r\n        if (finalValue > 100) finalValue = 100;\r\n        progressBar.style.height = finalValue + '%';\r\n    }\r\n\r\n    function setupSolutions() {\r\n        const isHR = document.documentElement.lang === 'hr';\r\n        const base = \"https:\/\/weblab-studio.com\/\";\r\n        const prefix = isHR ? \"hr\/\" : \"\";\r\n        const linksMap = {\r\n            'funnel-apps': 'mobile-apps\/',\r\n            'funnel-websites': 'websites\/',\r\n            'funnel-ecommerce': 'ecommerce\/',\r\n            'funnel-booking': 'booking-systems\/'\r\n        };\r\n        const solutionLinks = document.querySelectorAll('.solution');\r\n        solutionLinks.forEach(link => {\r\n            const path = linksMap[link.id];\r\n            if (path) link.href = base + prefix + path;\r\n            link.addEventListener('click', function() {\r\n                solutionLinks.forEach(l => l.classList.remove('clicked-active'));\r\n                this.classList.add('clicked-active');\r\n            });\r\n        });\r\n    }\r\n\r\n    window.addEventListener('scroll', updateFunnelLine);\r\n    window.addEventListener('resize', updateFunnelLine);\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        updateFunnelLine();\r\n        setupSolutions();\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9515d13 e-flex e-con-boxed e-con e-parent\" data-id=\"9515d13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9452390 elementor-widget elementor-widget-heading\" data-id=\"9452390\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Launching your <span style=\"color:#ff771e\">online business<\/span>  has never been easier<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7845314 e-con-full e-flex e-con e-parent\" data-id=\"7845314\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb7cdc9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"eb7cdc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"timeline-section\">\n  <div class=\"timeline-wrapper\">\n    <div class=\"timeline-grid\">\n\n      <div class=\"timeline-line\">\n        <div class=\"timeline-progress\" id=\"progress-line\"><\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-blue\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Consultations<\/div>\n        <div class=\"timeline-desc\">We analyse your business goals and identify the best digital solution.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-purple\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Structure & Strategy<\/div>\n        <div class=\"timeline-desc\">We plan user flows, platform structure and define optimal strategy.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-teal\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n            <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Design & Development<\/div>\n        <div class=\"timeline-desc\">Your platform is designed and built with performance in mind.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-orange\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"><\/path>\n            <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Launching & Support<\/div>\n        <div class=\"timeline-desc\">We launch your project and provide ongoing support and updates.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.timeline-section {\n    padding: 100px 0;\n    \/* NOVA POZADINA S GRADACIJOM OD GORE PREMA DOLJE *\/\n    background: linear-gradient(to bottom, #1a2b4c, #050910);\n}\n\n.timeline-grid {\n    max-width: 1400px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    position: relative;\n    padding: 0 20px;\n}\n\n\/* --- DESKTOP LINIJA --- *\/\n.timeline-line {\n    position: absolute;\n    top: 46px; \n    left: 12.5%; \/* Po\u010dinje to\u010dno ispod prve ikone *\/\n    width: 75%;  \/* Zavr\u0161ava to\u010dno ispod zadnje ikone *\/\n    height: 4px;\n    background: rgba(255,255,255,0.1);\n    z-index: 0;\n    border-radius: 4px;\n}\n\n.timeline-progress {\n    position: absolute;\n    top: 0; left: 0;\n    height: 100%;\n    width: 0%; \/* JS kontrolira ovo na desktopu *\/\n    background: #f97316;\n    box-shadow: 0 0 15px rgba(249, 115, 22, 0.6);\n    transition: width 0.1s linear;\n}\n\n\/* --- KARTICE I IKONE --- *\/\n.timeline-card {\n    background: rgba(255,255,255,0.05);\n    border-radius: 16px;\n    padding: 30px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n.timeline-icon {\n    width: 52px; height: 52px;\n    margin: 0 auto 20px;\n    border-radius: 14px;\n    display: flex; align-items: center; justify-content: center;\n    color: white;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.timeline-icon.active { transform: scale(1.1); }\n\n\/* --- RESPONSIVE (MOBITEL & TABLET) --- *\/\n@media (max-width: 900px) {\n    .timeline-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        padding-left: 60px;\n    }\n\n    .timeline-line {\n        top: 20px;\n        bottom: 20px;\n        left: 35px; \/* Poravnato s ikonama *\/\n        width: 3px;\n        height: auto;\n        background: rgba(255,255,255,0.1);\n    }\n\n    .timeline-progress {\n        width: 100% !important; \n        height: 0%; \/* JS kontrolira ovo na mobitelu *\/\n        transition: height 0.1s linear;\n    }\n\n    .timeline-card { text-align: left; padding: 25px; }\n    .timeline-icon { margin: 0 0 15px 0; }\n}\n\n\/* Gradients *\/\n.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}\n.icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4);}\n.icon-teal{background:linear-gradient(135deg,#22c55e,#10b981);}\n.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);}\n\n.timeline-title { color: white; font-weight: 600; margin-bottom: 8px; }\n.timeline-desc { color: rgba(255,255,255,0.7); font-size: 14px; }\n<\/style>\n\n<script>\ndocument.addEventListener('scroll', function() {\n  const section = document.querySelector('.timeline-section');\n  const cards = document.querySelectorAll('.timeline-card');\n  const progressLine = document.getElementById('progress-line');\n  \n  const sectionRect = section.getBoundingClientRect();\n  const windowHeight = window.innerHeight;\n  \n  \/\/ To\u010dka aktivacije (sredina ekrana)\n  const triggerPoint = windowHeight * 0.5;\n  \n  \/\/ Izra\u010dun progressa (0 do 1)\n  let scrollPercent = (triggerPoint - sectionRect.top) \/ sectionRect.height;\n  scrollPercent = Math.min(Math.max(scrollPercent, 0), 1);\n\n  if (window.innerWidth <= 900) {\n    \/\/ Mobilni: Resetiraj width, puni height\n    progressLine.style.width = \"100%\";\n    progressLine.style.height = (scrollPercent * 100) + \"%\";\n  } else {\n    \/\/ Desktop: Resetiraj height, puni width\n    progressLine.style.height = \"100%\";\n    progressLine.style.width = (scrollPercent * 100) + \"%\";\n  }\n\n  \/\/ Aktiviraj ikone kad pro\u0111u trigger point\n  cards.forEach((card) => {\n    const icon = card.querySelector('.timeline-icon');\n    const rect = card.getBoundingClientRect();\n    \n    \/\/ Na desktopu gledamo horizontalnu sredinu, na mobitelu vertikalnu\n    if (rect.top < triggerPoint) {\n      icon.classList.add('active');\n    } else {\n      icon.classList.remove('active');\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3425b7c e-flex e-con-boxed e-con e-parent\" data-id=\"3425b7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-931d556 elementor-widget elementor-widget-html\" data-id=\"931d556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"web-showcase\">\n    <div class=\"showcase-header\">\n        <span class=\"showcase-tag\">Our Portfolio<\/span>\n        <h2 class=\"showcase-title\">Recent <span>Projects<\/span><\/h2>\n        <p class=\"showcase-subtitle\">Explore our latest work<\/p>\n    <\/div>\n\n    <div class=\"showcase-grid\">\n        <div class=\"project-card\">\n            <div class=\"project-image\" style=\"background-image:url('https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra.png');\"><\/div>\n            <div class=\"project-overlay\">\n                <div class=\"project-info\">\n                    <h3>Villa Piedra<\/h3>\n                    <p>Luxury Villa \u2022 Holiday Rental<\/p>\n                    <div class=\"project-actions-row\">\n                        <button type=\"button\" class=\"gallery-btn\" onclick=\"openGallery('villa')\">View Gallery \u2192<\/button>\n                        <a href=\"https:\/\/www.villapiedra.eu\" target=\"_blank\" class=\"website-btn\">Visit Website<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"project-card\">\n            <div class=\"project-image\" style=\"background-image:url('https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie.png');\"><\/div>\n            <div class=\"project-overlay\">\n                <div class=\"project-info\">\n                    <h3>Juli\u00e9 Jewellery<\/h3>\n                    <p>E-Commerce \u2022 Jewelry Store<\/p>\n                    <div class=\"project-actions-row\">\n                        <button type=\"button\" class=\"gallery-btn\" onclick=\"openGallery('julie')\">View Gallery \u2192<\/button>\n                        <a href=\"https:\/\/www.juliejewellery.store\/\" target=\"_blank\" class=\"website-btn\">Visit Web Shop<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"project-card\">\n            <div class=\"project-image\" style=\"background-image:url('https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.44.49.png');\"><\/div>\n            <div class=\"project-overlay\">\n                <div class=\"project-info\">\n                    <h3>Kava &amp; More<\/h3>\n                    <p>Coffee shop \u2022 Digital Menu<\/p>\n                    <div class=\"project-actions-row\">\n                        <button type=\"button\" class=\"gallery-btn\" onclick=\"openGallery('kava')\">View Gallery \u2192<\/button>\n                        <a href=\"https:\/\/kava-and-more.netlify.app\/menu\" target=\"_blank\" class=\"website-btn\">Visit Website<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"project-card\">\n            <div class=\"project-image\" style=\"background-image:url('https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-16.00.05.png');\"><\/div>\n            <div class=\"project-overlay\">\n                <div class=\"project-info\">\n                    <h3>Ink &amp; Needle<\/h3>\n                    <p>Tattoo Studio \u2022 Portfolio<\/p>\n                    <div class=\"project-actions-row\">\n                        <button type=\"button\" class=\"gallery-btn\" onclick=\"openGallery('ink')\">View Gallery \u2192<\/button>\n                        <a href=\"https:\/\/ink-and-needle.netlify.app\/\" target=\"_blank\" class=\"website-btn\">Visit Website<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<div id=\"projectModal\" class=\"modal-overlay\" onclick=\"closeGallery()\">\n    <span class=\"close-btn\" onclick=\"closeGallery()\">&times;<\/span>\n    <div id=\"modalImages\" class=\"modal-content\" onclick=\"event.stopPropagation()\"><\/div>\n<\/div>\n\n<style>\n\/* --- OSNOVNI STIL --- *\/\n.web-showcase { padding: 60px 20px; max-width: 1200px; margin: 0 auto; font-family: 'Inter', sans-serif; background-color: #0transparent; }\n.showcase-header { text-align: center; margin-bottom: 50px; }\n.showcase-tag { color: #4cc9f0; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 13px; display: block; margin-bottom: 8px; }\n.showcase-title { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 700; color: white; margin-bottom: 15px; }\n.showcase-title span { color: #f77f31; }\n.showcase-subtitle { color: rgba(255, 255, 255, 0.6); max-width: 550px; margin: 0 auto; font-size: 16px; }\n\n\/* --- KARTICE (STRUKTURA SLOJEVA) --- *\/\n.showcase-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; }\n\n.project-card { \n    position: relative; \n    border-radius: 24px; \n    overflow: hidden; \n    height: 420px; \n    background: #000; \/* Crna pozadina kartice *\/\n    border: 1px solid rgba(255, 255, 255, 0.1); \n    transition: 0.4s; \n}\n\n\/* SLOJ 1: Pozadinska slika (samo nju zatamnjujemo) *\/\n.project-image { \n    position: absolute;\n    inset: 0;\n    width: 100%; \n    height: 100%; \n    background-size: cover; \n    background-position: center; \n    filter: brightness(0.4); \/* Ovdje pode\u0161ava\u0161 tamu slike - 0.4 je jako tamno *\/\n    transition: 0.5s ease;\n    z-index: 1;\n}\n\n.project-card:hover .project-image {\n    filter: brightness(0.5); \/* Na hover slika malo \"\u017eivne\" *\/\n    transform: scale(1.05);\n}\n\n\/* SLOJ 2: Gradijent preko slike (dodatno osiguranje za tekst) *\/\n.project-overlay { \n    position: absolute; \n    inset: 0; \n    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%); \n    display: flex; \n    align-items: flex-end; \n    padding: 35px; \n    z-index: 2;\n}\n\n\/* SLOJ 3: Informacije i gumbi (neovisni o filteru) *\/\n.project-info { \n    width: 100%; \n    position: relative;\n    z-index: 3; \/* Gura tekst na vrh da ne bude zamu\u0107en ili taman *\/\n}\n\n.project-info h3 { \n    color: #ffffff !important; \n    font-size: 26px; \n    margin: 0 0 8px 0; \n    text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n}\n\n.project-info p { \n    color: #4cc9f0 !important; \n    font-weight: 700; \n    font-size: 14px; \n    margin-bottom: 25px; \n    text-transform: uppercase;\n}\n\n\/* --- GUMBI --- *\/\n.project-actions-row { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; }\n\n.gallery-btn, .website-btn {\n    height: 48px;\n    min-width: 160px;\n    padding: 0 25px;\n    border-radius: 12px;\n    font-weight: 700;\n    font-size: 13px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: 0.3s;\n    border: none;\n    font-family: inherit;\n    text-decoration: none;\n}\n\n.gallery-btn { background: #4054B2; color: white; }\n.website-btn { background: #f77f31; color: white !important; }\n\n.gallery-btn:hover, .website-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.3); }\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 850px) { .showcase-grid { grid-template-columns: 1fr; } }\n@media (max-width: 480px) {\n    .project-card { height: 500px; }\n    .project-actions-row { flex-direction: column; align-items: stretch; }\n    .gallery-btn, .website-btn { width: 100%; }\n}\n\n\/* --- MODAL --- *\/\n.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 10000; overflow-y: auto; backdrop-filter: blur(10px); }\n.modal-content { max-width: 900px; margin: 40px auto; padding: 20px; display: flex; flex-direction: column; gap: 20px; }\n.modal-content img { width: 100%; border-radius: 15px; }\n.close-btn { position: fixed; top: 20px; right: 30px; color: white; font-size: 50px; cursor: pointer; }\n<\/style>\n\n<script>\n\/\/ (Script ostaje isti kao u prethodnom koraku)\nvar projectsData = {\n    villa: ['https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra2.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra3.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra4.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra5.png'],\n    julie: ['https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie2.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie3.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie4.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie5.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Julie6.png'],\n    kava: ['https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.44.38.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.44.49.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.45.02.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.45.10.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.45.23.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-15.45.46.png'],\n    ink: ['https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-16.00.05.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-16.00.27.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-16.00.39.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-16.01.02.png','https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-22-16.00.17.png']\n};\n\nfunction openGallery(id) {\n    var modal = document.getElementById('projectModal');\n    var container = document.getElementById('modalImages');\n    if (!projectsData[id]) return;\n    container.innerHTML = '';\n    projectsData[id].forEach(function(src) {\n        var img = document.createElement('img');\n        img.src = src;\n        container.appendChild(img);\n    });\n    modal.style.display = 'block';\n    document.body.style.overflow = 'hidden';\n}\n\nfunction closeGallery() {\n    document.getElementById('projectModal').style.display = 'none';\n    document.body.style.overflow = 'auto';\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbe6bcf e-flex e-con-boxed e-con e-parent\" data-id=\"cbe6bcf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e02409e elementor-widget elementor-widget-html\" data-id=\"e02409e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"final-cta\">\n    <div class=\"cta-card\">\n        <h2 class=\"cta-title\">Ready to build your <span class=\"highlight\">digital identity?<\/span><\/h2>\n        <p class=\"cta-subtitle\">\n            Don't let your business stay invisible. Let's create a professional online experience that converts visitors into loyal customers.\n        <\/p>\n        \n        <div class=\"cta-buttons\">\n            <a href=\"#quotehome\" class=\"btn-primary\">Get a Free Quote<\/a>\n            \n            <a href=\"https:\/\/wa.me\/385976659002\" target=\"_blank\" class=\"btn-secondary\">\n                <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.438 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z\"\/><\/svg>\n                Chat on WhatsApp\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.final-cta {\n    padding: 100px 20px;\n    background: transparent !important;\n    display: flex;\n    justify-content: center;\n    font-family: 'Inter', sans-serif;\n    width: 100%;\n}\n\n.cta-card {\n    max-width: 900px;\n    width: 100%;\n    background: rgba(255, 255, 255, 0.05) !important;\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\n    backdrop-filter: blur(20px) !important;\n    -webkit-backdrop-filter: blur(20px) !important;\n    padding: 80px 40px;\n    border-radius: 40px;\n    text-align: center;\n    box-shadow: 0 25px 50px rgba(0,0,0,0.2) !important;\n    position: relative;\n}\n\n.cta-title {\n    font-size: clamp(32px, 5vw, 48px);\n    font-weight: 800;\n    color: #ffffff !important;\n    margin-bottom: 20px;\n    line-height: 1.2;\n}\n\n.cta-title .highlight {\n    color: #f77f31 !important;\n}\n\n.cta-subtitle {\n    font-size: clamp(16px, 2vw, 20px);\n    color: rgba(255, 255, 255, 0.7) !important;\n    max-width: 650px;\n    margin: 0 auto 40px;\n    line-height: 1.6;\n}\n\n.cta-buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n    position: relative;\n    z-index: 10; \/* Osigurava da su gumbi iznad svih efekata *\/\n}\n\n.btn-primary, .btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer !important;\n    position: relative;\n    z-index: 11;\n}\n\n.btn-primary {\n    background: #f77f31 !important;\n    color: white !important;\n    padding: 18px 35px;\n    border-radius: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: all 0.3s ease !important;\n}\n\n.btn-primary:hover {\n    background: #22c55e !important;\n    transform: scale(1.05) !important;\n    color: white !important;\n}\n\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.08) !important;\n    color: white !important;\n    padding: 18px 35px;\n    border-radius: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\n    transition: all 0.3s ease !important;\n    gap: 10px;\n}\n\n.btn-secondary:hover {\n    background: #22c55e !important;\n    border-color: #22c55e !important;\n    transform: scale(1.05) !important;\n    color: white !important;\n}\n\n@media (max-width: 600px) {\n    .cta-card {\n        padding: 50px 20px;\n    }\n    .btn-primary, .btn-secondary {\n        width: 100%;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-890151d e-flex e-con-boxed e-con e-parent\" data-id=\"890151d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5d371 elementor-widget elementor-widget-html\" data-id=\"2e5d371\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Stilovi za linkove unutar FAQ sadr\u017eaja *\/\r\n.faq-content a {\r\n    color: #ffffff !important; \/* Bijela boja *\/\r\n    text-decoration: none;      \/* Uklanja podcrtavanje *\/\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n\/* Osigurava da link ostane bijel i na hoveru, ali mo\u017ee\u0161 dodati lagani efekt prozirnosti *\/\r\n.faq-content a:hover {\r\n    color: #ffffff !important;\r\n    opacity: 0.8;               \/* Lagani vizualni feedback da je klikabilno *\/\r\n}\r\n.faq-toggle::before,\r\n.faq-toggle::after,\r\n.faq-card::before,\r\n.faq-card::after {\r\n    content: none !important;\r\n}\r\n\r\n.faq-section {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    padding: 60px 20px;\r\n    background: transparent;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.faq-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 15px;\r\n}\r\n\r\n.faq-card {\r\n    background: rgba(26, 43, 76, 0.6);\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    padding: 15px 20px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n.faq-card:hover {\r\n    background: rgba(26, 43, 76, 0.9);\r\n    transform: translateX(5px);\r\n    border-color: rgba(80, 140, 255, 0.3);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.faq-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.faq-title {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #f6f6f6;\r\n    padding-right: 20px;\r\n    transition: color 0.3s ease;\r\n    line-height: 1.5;\r\n}\r\n\r\n.faq-card:hover .faq-title {\r\n    color: #ffffff;\r\n}\r\n\r\n.faq-toggle {\r\n    border: none;\r\n    background: rgba(249, 115, 22, 0.1);\r\n    width: 32px;\r\n    height: 32px;\r\n    min-width: 32px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n    color: #f97316;\r\n    transition: all 0.3s ease;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.faq-card.active .faq-toggle {\r\n    background: #f97316;\r\n    color: white;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.faq-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #cbd5e1;\r\n    transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.3s ease, padding-bottom 0.3s ease;\r\n    opacity: 0;\r\n}\r\n\r\n.faq-content p {\r\n    margin: 0;\r\n}\r\n\r\n.faq-card.active .faq-content {\r\n    max-height: 500px;\r\n    margin-top: 15px;\r\n    opacity: 1;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .faq-section {\r\n        padding: 40px 16px;\r\n    }\r\n\r\n    .faq-card {\r\n        padding: 14px 16px;\r\n    }\r\n\r\n    .faq-title {\r\n        font-size: 14px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .faq-content {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"faq-section\">\r\n    <div class=\"faq-grid\">\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">What services do you offer?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>We design and develop <strong>custom digital solutions<\/strong> tailored to your business goals. Our services include website development, eCommerce stores, mobile app development, booking systems, and custom web platforms. We also assist with <strong>payment integrations and performance optimisation<\/strong>.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">How long does it take to build a website or mobile app?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Project timelines depend on complexity. A standard website usually takes <strong>4-6 weeks<\/strong>, while more advanced platforms, eCommerce stores, or mobile applications may take <strong>4\u20138 weeks or longer<\/strong> depending on the features required.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">Do I need coding knowledge to manage my website or app?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Not at all. We build platforms that are <strong>easy to manage<\/strong>. You will be able to update content, images, and products <strong>without technical skills<\/strong>. We also provide guidance and ongoing support.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">Do you build eCommerce websites?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Absolutely. We develop <strong>professional online stores<\/strong> with secure payment integrations, product management systems, and shipping setup \u2014 everything you need to start selling online.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">Do you develop mobile apps for iOS and Android?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Yes. We develop <strong>custom mobile applications<\/strong> using our own structured system. These can be built for content platforms, eCommerce stores, or membership-based services.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">Can you integrate payment systems and booking tools?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Yes. We integrate <strong>popular payment gateways, booking systems, and automation tools<\/strong> so your business can operate smoothly and automatically online.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">Do you offer ongoing support after launch?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Yes \u2014 we provide <strong>ongoing maintenance, updates, and technical support<\/strong> to ensure your website or application continues to run smoothly as your business grows.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">How much does a website or mobile app cost?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n              <p>Pricing depends on the scope and complexity. After a consultation, we provide a <strong>clear proposal with transparent pricing<\/strong> and no hidden costs. Our website packages, for example, start from <strong>\u20ac290<\/strong>. Please find more about pricing on dedicated page:<\/p>\r\n\r\n<p>\r\n<a href=\"https:\/\/weblab-studio.com\/websites\/\"><strong>Websites<\/strong><\/a><br>\r\n<a href=\"https:\/\/weblab-studio.com\/ecommerce\/\"><strong>Web Shops (eCommerce)<\/strong><\/a><br>\r\n<a href=\"https:\/\/weblab-studio.com\/mobile-apps\/\"><strong>Mobile Apps<\/strong><\/a><br>\r\n<a href=\"https:\/\/weblab-studio.com\/booking-systems\/\"><strong>Booking Systems<\/strong><\/a>\r\n<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <div class=\"faq-title\">How do we start working together?<\/div>\r\n                <div class=\"faq-toggle\">+<\/div>\r\n            <\/div>\r\n            <div class=\"faq-content\">\r\n                <p>Simply <strong>contact us<\/strong> and tell us about your idea. We\u2019ll analyse your requirements and propose the best digital solution \u2014 <strong>completely obligation-free<\/strong>.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.querySelectorAll('.faq-card').forEach(card => {\r\n    card.addEventListener('click', () => {\r\n        \/\/ Opcija: zatvori ostale ako je jedan otvoren (uncomment ako \u017eeli\u0161)\r\n        \/\/ document.querySelectorAll('.faq-card').forEach(c => { if(c !== card) c.classList.remove('active'); });\r\n        card.classList.toggle('active');\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d706a6 e-flex e-con-boxed e-con e-parent\" data-id=\"7d706a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f46dc67 elementor-widget elementor-widget-menu-anchor\" data-id=\"f46dc67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"quotehome\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58ccf2a e-con-full e-flex e-con e-child\" data-id=\"58ccf2a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4752017 elementor-widget elementor-widget-heading\" data-id=\"4752017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Request a <span style=\"color:#ff771e\">Free Quote<\/span> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3e22ca elementor-widget elementor-widget-text-editor\" data-id=\"b3e22ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tell us a bit about your business and we\u2019ll get back to you with ideas and pricing. No obligations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95d0633 elementor-shape-circle e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"95d0633\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-41366e8\" href=\"https:\/\/www.instagram.com\/weblab.hr\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-9afb872\" href=\"https:\/\/www.facebook.com\/people\/WebLab-Studio\/61587157734057\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-1fd3803\" href=\"https:\/\/wa.me\/385976659002\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-94ca1c7\" href=\"https:\/\/www.linkedin.com\/showcase\/weblab-studio1\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-linkedin\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-311f4fb e-con-full e-flex e-con e-child\" data-id=\"311f4fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Launch Your Digital Success Websites \u2022 Mobile Apps \u2022 eCommerce \u2022 Booking Systems GET FREE QUOTE VIEW SOLUTIONS Mobile Apps Turn your business into a powerful mobile experience with custom iOS, Android and PWA apps designed for growth. Build your app Websites Modern, fast and conversion-focused websites that present your brand professionally and attract new [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":714,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":29421,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/17\/revisions\/29421"}],"wp:attachment":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}