{"id":6,"date":"2026-03-16T08:33:57","date_gmt":"2026-03-16T08:33:57","guid":{"rendered":"https:\/\/xn--rentai-fkb.eu\/?page_id=6"},"modified":"2026-03-16T11:50:08","modified_gmt":"2026-03-16T11:50:08","slug":"naslovna","status":"publish","type":"page","link":"https:\/\/xn--rentai-fkb.eu\/?page_id=6","title":{"rendered":"Naslovna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ebf3b6 e-con-full e-flex e-con e-parent\" data-id=\"4ebf3b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04ceac4 elementor-widget elementor-widget-html\" data-id=\"04ceac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Renta\u0161i - Explore Vodice like a local<\/title>\r\n    <style>\r\n        \/* --- BRAND IDENTITY: TYPOGRAPHY & COLORS --- *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap');\r\n\r\n        .rentasi-widget {\r\n            \/* Glavne boje *\/\r\n            --primary-blue: #0077b6;\r\n            --accent-orange: #ff9f1c;\r\n            --cta-yellow: #ffd60a;\r\n            --text-gray: #4a4a4a;\r\n            --bg-offwhite: #f8f9fa;\r\n            --bg-lightblue: #e7f1ff;\r\n            --accent-lightblue: #48cae4;\r\n            --pure-white: #ffffff;\r\n            \r\n            \/* Sjene, radijusi i tranzicije *\/\r\n            --premium-shadow: 0 15px 35px rgba(0, 119, 182, 0.08);\r\n            --hover-shadow: 0 25px 50px rgba(0, 119, 182, 0.15);\r\n            --heavy-shadow: 0 30px 60px rgba(0, 30, 50, 0.15);\r\n            --radius-lg: 32px;\r\n            --radius-md: 20px;\r\n            --radius-sm: 12px;\r\n            --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); \r\n\r\n            font-family: 'Open Sans', sans-serif;\r\n            color: var(--text-gray);\r\n            line-height: 1.7;\r\n            background-color: var(--pure-white);\r\n            overflow-x: hidden;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .rentasi-widget * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* --- LAYOUT & SPACING --- *\/\r\n        .rentasi-section { \r\n            padding: 100px 0; \r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .bg-white { background-color: var(--pure-white); }\r\n        .bg-offwhite { background-color: var(--bg-offwhite); }\r\n        .bg-lightblue { background-color: var(--bg-lightblue); }\r\n\r\n        .rentasi-container {\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* --- TYPOGRAPHY --- *\/\r\n        .rentasi-widget h1, \r\n        .rentasi-widget h2, \r\n        .rentasi-widget h3, \r\n        .rentasi-widget h4 {\r\n            font-family: 'Fredoka', sans-serif;\r\n            color: var(--primary-blue);\r\n            line-height: 1.2;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .rentasi-widget h2 {\r\n            font-size: clamp(2.2rem, 4vw, 3rem);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .rentasi-widget h3 {\r\n            font-size: clamp(1.5rem, 2.5vw, 1.8rem);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 1.15rem;\r\n            color: var(--text-gray);\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .text-orange { color: var(--accent-orange) !important; }\r\n\r\n        \/* --- DECORATIONS & BLOBS --- *\/\r\n        .blob-water {\r\n            position: absolute;\r\n            bottom: -100px; right: -100px;\r\n            width: 500px; height: 500px;\r\n            background: radial-gradient(circle, rgba(72,202,228,0.15) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .wave-top, .wave-bottom {\r\n            position: absolute;\r\n            left: 0;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            line-height: 0;\r\n            z-index: 1;\r\n        }\r\n        .wave-top { top: -1px; transform: rotate(180deg); }\r\n        .wave-bottom { bottom: -1px; }\r\n        .wave-svg { width: calc(100% + 1.3px); height: 50px; }\r\n\r\n        \/* --- BUTTONS & HOVERS --- *\/\r\n        .rentasi-btn {\r\n            font-family: 'Fredoka', sans-serif;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            padding: 18px 40px; \r\n            border-radius: 50px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            transition: var(--transition);\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            text-align: center;\r\n            border: 2px solid transparent;\r\n            z-index: 5;\r\n            position: relative;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: var(--cta-yellow);\r\n            color: var(--primary-blue);\r\n            box-shadow: 0 10px 20px rgba(255, 214, 10, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-5px) scale(1.03);\r\n            box-shadow: 0 15px 30px rgba(255, 159, 28, 0.4);\r\n            background-color: var(--accent-orange);\r\n            color: var(--pure-white);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background-color: var(--pure-white);\r\n            color: var(--primary-blue);\r\n            box-shadow: var(--premium-shadow);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background-color: var(--bg-lightblue);\r\n            transform: translateY(-5px) scale(1.03);\r\n            box-shadow: var(--hover-shadow);\r\n            color: var(--primary-blue);\r\n        }\r\n        \r\n        .btn-outline {\r\n            background-color: transparent;\r\n            color: var(--pure-white);\r\n            border-color: var(--pure-white);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n        \r\n        .btn-outline:hover {\r\n            background-color: var(--pure-white);\r\n            color: var(--primary-blue);\r\n            transform: translateY(-5px) scale(1.03);\r\n            box-shadow: 0 10px 25px rgba(255,255,255,0.3);\r\n        }\r\n\r\n        \/* --- REVEAL ANIMATIONS --- *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n            will-change: opacity, transform;\r\n        }\r\n        .reveal.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        .delay-1 { transition-delay: 0.1s; }\r\n        .delay-2 { transition-delay: 0.2s; }\r\n        .delay-3 { transition-delay: 0.3s; }\r\n        .delay-4 { transition-delay: 0.4s; }\r\n        .delay-5 { transition-delay: 0.5s; }\r\n\r\n        \/* --- HERO SECTION --- *\/\r\n        .hero {\r\n            position: relative;\r\n            padding: 220px 24px 240px;\r\n            text-align: center;\r\n            background: linear-gradient(rgba(0, 30, 50, 0.4), rgba(0, 50, 80, 0.5)), \r\n                        url('https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/IMG_8554-2-1-scaled.jpg') center\/cover no-repeat;\r\n            color: var(--pure-white);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-height: 90vh;\r\n            border-bottom-left-radius: 40px;\r\n            border-bottom-right-radius: 40px;\r\n        }\r\n\r\n        .hero h1 {\r\n            color: var(--pure-white);\r\n            font-size: clamp(3rem, 6vw, 5rem);\r\n            max-width: 900px;\r\n            margin: 0 auto 24px;\r\n            text-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .hero .subtitle {\r\n            font-size: clamp(1.2rem, 2vw, 1.5rem);\r\n            max-width: 700px;\r\n            margin: 0 auto 40px;\r\n            font-weight: 600;\r\n            color: var(--cta-yellow);\r\n            font-family: 'Fredoka', sans-serif;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .hero-actions {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* --- WELCOME SECTION (OVERLAPPING CARD) --- *\/\r\n        .welcome-wrapper {\r\n            position: relative;\r\n            margin-top: -150px; \/* Pove\u0107ana margina za bolji preklop *\/\r\n            z-index: 10;\r\n            padding: 60px 24px 0; \/* Dodan padding odozgo da se odvoji od hero-a *\/\r\n        }\r\n        \r\n        .welcome-card {\r\n            background: var(--pure-white);\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 60px 50px;\r\n            border-radius: var(--radius-lg);\r\n            box-shadow: var(--heavy-shadow);\r\n            text-align: center;\r\n            border-top: 6px solid var(--accent-orange);\r\n            position: relative;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .welcome-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 35px 65px rgba(0, 30, 50, 0.2);\r\n        }\r\n        \r\n        .welcome-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -28px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background: var(--pure-white) url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%230077b6\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"><\/line><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"><\/path><\/svg>') center\/24px no-repeat;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            border: 3px solid var(--accent-orange);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .welcome-card h2 {\r\n            font-size: clamp(2.2rem, 3.5vw, 2.8rem);\r\n            color: var(--accent-orange);\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .welcome-card .lead {\r\n            font-size: clamp(1.2rem, 2vw, 1.4rem);\r\n            font-weight: 600;\r\n            color: var(--primary-blue);\r\n            margin-bottom: 20px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .welcome-card p {\r\n            font-size: 1.1rem;\r\n            color: var(--text-gray);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* --- ADVENTURE CARDS (GRID) --- *\/\r\n        .adventure-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .adventure-card {\r\n            background: var(--pure-white);\r\n            border-radius: var(--radius-lg);\r\n            overflow: hidden;\r\n            box-shadow: var(--premium-shadow);\r\n            transition: var(--transition);\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            position: relative;\r\n            border: 1px solid rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .adventure-card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: var(--hover-shadow);\r\n            border-color: rgba(72,202,228,0.3);\r\n        }\r\n\r\n        .adventure-img-wrapper {\r\n            width: 100%;\r\n            height: 250px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .adventure-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n        \r\n        .adventure-card:hover .adventure-img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .adventure-content {\r\n            padding: 35px 30px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .adventure-card:hover .adventure-content {\r\n            background-color: rgba(231, 241, 255, 0.3);\r\n        }\r\n\r\n        .adventure-content p {\r\n            margin-bottom: 25px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .adventure-link {\r\n            font-family: 'Fredoka', sans-serif;\r\n            font-weight: 600;\r\n            color: var(--accent-orange);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 1.1rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .adventure-card:hover .adventure-link {\r\n            gap: 15px;\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        \/* --- SPLIT LAYOUT --- *\/\r\n        .split-layout {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .split-text h2 { margin-bottom: 30px; }\r\n        .split-text p { margin-bottom: 20px; font-size: 1.1rem; }\r\n        \r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px;\r\n        }\r\n        \r\n        .stat-box {\r\n            background: var(--pure-white);\r\n            padding: 30px;\r\n            border-radius: var(--radius-md);\r\n            box-shadow: var(--premium-shadow);\r\n            text-align: center;\r\n            border-bottom: 4px solid var(--accent-lightblue);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .stat-box:hover {\r\n            transform: translateY(-8px);\r\n            border-bottom-color: var(--accent-orange);\r\n            box-shadow: var(--hover-shadow);\r\n        }\r\n        \r\n        .stat-number {\r\n            font-family: 'Fredoka', sans-serif;\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            color: var(--cta-yellow);\r\n            line-height: 1;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .stat-text {\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            color: var(--primary-blue);\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* --- THE RENTA\u0160I FEELING --- *\/\r\n        .feeling-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 25px;\r\n        }\r\n        \r\n        .feeling-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n            background: var(--pure-white);\r\n            padding: 30px;\r\n            border-radius: var(--radius-md);\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.03);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .feeling-item:hover {\r\n            box-shadow: var(--premium-shadow);\r\n            transform: translateX(10px);\r\n            background: var(--pure-white);\r\n        }\r\n        \r\n        .feeling-icon {\r\n            background: var(--bg-lightblue);\r\n            color: var(--primary-blue);\r\n            width: 55px;\r\n            height: 55px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .feeling-icon svg {\r\n            width: 26px;\r\n            height: 26px;\r\n            stroke-width: 2px;\r\n        }\r\n\r\n        .feeling-item:hover .feeling-icon {\r\n            background: var(--cta-yellow);\r\n            transform: rotate(10deg) scale(1.1);\r\n        }\r\n\r\n        \/* --- TEAM SECTION --- *\/\r\n        .team-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 40px;\r\n        }\r\n\r\n        .team-card {\r\n            background: var(--pure-white);\r\n            border-radius: var(--radius-lg);\r\n            overflow: hidden;\r\n            box-shadow: var(--premium-shadow);\r\n            text-align: left;\r\n            position: relative;\r\n            transition: var(--transition);\r\n            border: 1px solid rgba(0,0,0,0.02);\r\n        }\r\n        \r\n        .team-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: var(--hover-shadow);\r\n            border-color: rgba(72,202,228,0.2);\r\n        }\r\n\r\n        .team-img-wrapper {\r\n            position: relative;\r\n            height: 350px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .team-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center 20%;\r\n            transition: transform 0.8s ease;\r\n        }\r\n        \r\n        .team-card:hover .team-img {\r\n            transform: scale(1.08);\r\n        }\r\n        \r\n        .team-role {\r\n            position: absolute;\r\n            bottom: 15px;\r\n            left: 15px;\r\n            background: var(--cta-yellow);\r\n            color: var(--primary-blue);\r\n            padding: 8px 16px;\r\n            border-radius: 50px;\r\n            font-family: 'Fredoka', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .team-card:hover .team-role {\r\n            background: var(--accent-orange);\r\n            color: var(--pure-white);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .team-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .team-content h3 { margin-bottom: 15px; font-size: 1.8rem; }\r\n        \r\n        .superpower {\r\n            margin-top: 25px;\r\n            background: var(--bg-lightblue);\r\n            padding: 18px 20px;\r\n            border-radius: var(--radius-md);\r\n            border-left: 4px solid var(--accent-lightblue);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .team-card:hover .superpower {\r\n            background: var(--pure-white);\r\n            box-shadow: 0 10px 20px rgba(0,119,182,0.08);\r\n            border-left-color: var(--accent-orange);\r\n        }\r\n        \r\n        .superpower span {\r\n            display: block;\r\n            font-family: 'Fredoka', sans-serif;\r\n            font-weight: 600;\r\n            color: var(--primary-blue);\r\n            margin-bottom: 5px;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* --- LOVE SECTION --- *\/\r\n        .love-section {\r\n            position: relative;\r\n            padding: 120px 0;\r\n            background: url('https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Sunset-tour-Rentasi-scaled.jpg') center\/cover no-repeat fixed;\r\n            color: var(--pure-white);\r\n        }\r\n        \r\n        .love-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(135deg, rgba(0, 119, 182, 0.85) 0%, rgba(0, 40, 70, 0.9) 100%);\r\n            z-index: 0;\r\n        }\r\n        \r\n        .love-wrapper {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.2fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .love-intro h2 { color: var(--cta-yellow); font-size: 3rem; margin-bottom: 25px; }\r\n        .love-intro p { font-size: 1.15rem; margin-bottom: 20px; color: rgba(255,255,255,0.9); }\r\n        .love-intro .highlight {\r\n            font-family: 'Fredoka', sans-serif;\r\n            font-size: 1.4rem;\r\n            color: var(--pure-white);\r\n            margin-top: 30px;\r\n            display: inline-block;\r\n            border-bottom: 2px solid var(--accent-orange);\r\n            padding-bottom: 5px;\r\n        }\r\n\r\n        .love-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        .love-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            padding: 25px;\r\n            border-radius: var(--radius-md);\r\n            transition: var(--transition);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .love-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            background: rgba(255, 255, 255, 0.95);\r\n            color: var(--primary-blue);\r\n            box-shadow: var(--heavy-shadow);\r\n        }\r\n\r\n        .love-card:nth-child(3) { grid-column: span 2; }\r\n\r\n        .love-card .icon {\r\n            font-size: 1.8rem;\r\n            color: var(--cta-yellow);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .love-card:hover .icon {\r\n            color: var(--accent-orange);\r\n            transform: scale(1.2) rotate(15deg);\r\n        }\r\n        \r\n        .love-card h4 {\r\n            font-size: 1.1rem;\r\n            margin: 0;\r\n            color: var(--pure-white);\r\n            font-weight: 500;\r\n            font-family: 'Open Sans', sans-serif;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .love-card:hover h4 {\r\n            color: var(--primary-blue);\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* --- FINAL CTA --- *\/\r\n        .cta-box {\r\n            background: var(--primary-blue);\r\n            border-radius: var(--radius-lg);\r\n            padding: 80px 40px;\r\n            text-align: center;\r\n            color: var(--pure-white);\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: var(--premium-shadow);\r\n            background-image: radial-gradient(circle at top right, rgba(72,202,228,0.2) 0%, transparent 60%);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .cta-box:hover {\r\n            box-shadow: var(--heavy-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .cta-box h2 { color: var(--pure-white); margin-bottom: 20px; }\r\n        .cta-box p { font-size: 1.2rem; max-width: 600px; margin: 0 auto 40px; color: var(--bg-lightblue); }\r\n        .cta-actions { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }\r\n\r\n        \/* --- RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .split-layout, .love-wrapper { grid-template-columns: 1fr; gap: 40px; }\r\n            .hero { padding: 180px 20px 200px; }\r\n            .stat-box { padding: 20px; }\r\n            .rentasi-section { padding: 80px 0; }\r\n            .love-section { padding: 80px 0; background-attachment: scroll; }\r\n            .welcome-card { padding: 50px 30px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero h1 { font-size: 2.5rem; }\r\n            .hero-actions { flex-direction: column; width: 100%; align-items: stretch; }\r\n            .hero-actions .rentasi-btn { width: 100%; }\r\n            .cta-actions { flex-direction: column; }\r\n            .team-img-wrapper { height: 300px; }\r\n            .rentasi-section { padding: 60px 0; }\r\n            .love-grid { grid-template-columns: 1fr; }\r\n            .love-card:nth-child(3) { grid-column: span 1; }\r\n            .welcome-wrapper { margin-top: -100px; }\r\n            .welcome-card { padding: 40px 20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"rentasi-widget\">\r\n\r\n    <section class=\"hero\">\r\n        <div class=\"rentasi-container reveal\">\r\n            <h1>Explore Vodice like a local<\/h1>\r\n            <p class=\"subtitle\">Boat, SUP, kayak and pedal boat rentals on Plava pla\u017ea in Vodice \u2014 with the people who grew up here.<\/p>\r\n            \r\n            <div class=\"hero-actions reveal delay-1\">\r\n                <a href=\"#adventures\" class=\"rentasi-btn btn-primary\">Rent your adventure<\/a>\r\n                <a href=\"#crew\" class=\"rentasi-btn btn-outline\">Meet the crew<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"welcome-wrapper bg-offwhite\">\r\n        <div class=\"welcome-card reveal delay-2\">\r\n            <h2>Welcome to Renta\u0161i.<\/h2>\r\n            <p class=\"lead\">We are a small local crew right on Plava pla\u017ea in Vodice, helping visitors explore the sea the way we do \u2014 relaxed, fun and full of good stories.<\/p>\r\n            <p>Rent a boat, grab a SUP, paddle to hidden bays or join our sunset tour.<br>And if you\u2019re not sure where to go \u2014 just ask us. We probably know the spot.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section id=\"adventures\" class=\"rentasi-section bg-offwhite\">\r\n        <div class=\"rentasi-container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2>Choose your sea adventure<\/h2>\r\n                <p>Some people want to explore islands. Some want to paddle along the coast. Some just want to float in the sun and enjoy the view. Whatever your style is \u2014 we\u2019ve got something for you.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"adventure-grid\">\r\n                <a href=\"\/rent-a-boat\" class=\"adventure-card reveal delay-1\">\r\n                    <div class=\"adventure-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Rentasi-Rent-a-Boat-scaled.jpg\" alt=\"Rent a boat in Vodice\" class=\"adventure-img\">\r\n                    <\/div>\r\n                    <div class=\"adventure-content\">\r\n                        <h3>Rent a boat<\/h3>\r\n                        <p>Explore the islands around Vodice at your own pace. Perfect for swimming, hidden bays and discovering the archipelago. Includes instructions, route tips and local recommendations.<\/p>\r\n                        <span class=\"adventure-link\">Rent a boat <span>&rarr;<\/span><\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"\/pedal-boats\" class=\"adventure-card reveal delay-2\">\r\n                    <div class=\"adventure-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Rentasi-paddle-boat-1-scaled.jpg\" alt=\"Pedal boats in Vodice\" class=\"adventure-img\">\r\n                    <\/div>\r\n                    <div class=\"adventure-content\">\r\n                        <h3>Pedal boats<\/h3>\r\n                        <p>The classic beach fun. Relax, laugh with friends or family and slowly cruise along Plava pla\u017ea while enjoying the sun and sea. Perfect for families, friend groups and couples.<\/p>\r\n                        <span class=\"adventure-link\">Rent a pedal boat <span>&rarr;<\/span><\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"\/sup-rental\" class=\"adventure-card reveal delay-3\">\r\n                    <div class=\"adventure-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Rentasi-sup-1-scaled.jpg\" alt=\"SUP rental Vodice\" class=\"adventure-img\">\r\n                    <\/div>\r\n                    <div class=\"adventure-content\">\r\n                        <h3>Stand Up Paddle<\/h3>\r\n                        <p>One of the best ways to experience the sea. Peaceful, fun and perfect for exploring small bays near the coast. And yes \u2014 it\u2019s also a great workout.<\/p>\r\n                        <span class=\"adventure-link\">Rent a SUP <span>&rarr;<\/span><\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"\/kayak-rental\" class=\"adventure-card reveal delay-1\">\r\n                    <div class=\"adventure-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Rentasi-kayak-2-scaled.jpg\" alt=\"Kayak rental Vodice\" class=\"adventure-img\">\r\n                    <\/div>\r\n                    <div class=\"adventure-content\">\r\n                        <h3>Kayak<\/h3>\r\n                        <p>Want a bit more adventure? Kayaks are perfect for exploring hidden corners of the coast and reaching beaches you can\u2019t access on foot.<\/p>\r\n                        <span class=\"adventure-link\">Rent a kayak <span>&rarr;<\/span><\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"\/sunset-tour\" class=\"adventure-card reveal delay-2\">\r\n                    <div class=\"adventure-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Sunset-tour-Rentasi-scaled.jpg\" alt=\"Sunset boat tour Vodice\" class=\"adventure-img\">\r\n                    <\/div>\r\n                    <div class=\"adventure-content\">\r\n                        <h3>Sunset tour<\/h3>\r\n                        <p>One of the most magical moments in Vodice is sunset at sea. Join us for a relaxing boat ride as the sun slowly disappears behind the islands. Unforgettable views guaranteed.<\/p>\r\n                        <span class=\"adventure-link\">Book sunset tour <span>&rarr;<\/span><\/span>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"\/instructions\" class=\"adventure-card reveal delay-3\">\r\n                    <div class=\"adventure-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Rentasi-Rent-a-Boat-scaled.jpg\" alt=\"Boat driving instructions\" class=\"adventure-img\">\r\n                    <\/div>\r\n                    <div class=\"adventure-content\">\r\n                        <h3>Boat driving instructions<\/h3>\r\n                        <p>Want to feel confident driving a boat? Luka offers private 60-minute sessions where he explains the basics of boat driving, sea rules and how to read the nautical map. Prepares you perfectly for the exam.<\/p>\r\n                        <span class=\"adventure-link\">Book instructions <span>&rarr;<\/span><\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"rentasi-section bg-white\">\r\n        <div class=\"rentasi-container\">\r\n            <div class=\"split-layout\">\r\n                <div class=\"split-text reveal\">\r\n                    <h2>More than just a rental<\/h2>\r\n                    <p>Twenty years ago we started this family business on a different beach in Vodice. The faces changed, the spot changed \u2014 but the passion never did.<\/p>\r\n                    <p>Today you'll find us on Plava pla\u017ea, and we're still doing exactly what we love: helping people fall in love with the sea, the islands and Vodice itself.<\/p>\r\n                    <p>We're not here to just hand you a paddle.<br><strong>We're here to make your day genuinely unforgettable.<\/strong><\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-box reveal delay-1\">\r\n                        <div class=\"stat-number\">20<\/div>\r\n                        <div class=\"stat-text\">years of family passion on the waters of Vodice<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box reveal delay-2\">\r\n                        <div class=\"stat-number\">6<\/div>\r\n                        <div class=\"stat-text\">ways to explore the sea and the archipelago<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box reveal delay-3\">\r\n                        <div class=\"stat-number\">3<\/div>\r\n                        <div class=\"stat-text\">languages spoken<br>\u2014 plus hands and feet \ud83d\ude04<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box reveal delay-4\">\r\n                        <div class=\"stat-number\">\u221e<\/div>\r\n                        <div class=\"stat-text\">local tips, hidden spots and good vibes<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"rentasi-section bg-lightblue\">\r\n        <div class=\"wave-top\">\r\n            <svg class=\"wave-svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n                <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V120H0V0C75.29,32.48,149.9,69.54,232.17,79.54,262.1,83.2,291.9,81.44,321.39,56.44Z\" fill=\"#ffffff\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"rentasi-container\" style=\"padding-top: 40px;\">\r\n            <div class=\"section-header reveal\">\r\n                <h2>What makes this place special<\/h2>\r\n                <p>You'll feel it the moment you arrive. It's hard to explain \u2014 so here are a few clues.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feeling-grid\">\r\n                <div class=\"feeling-item reveal delay-1\">\r\n                    <div class=\"feeling-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle>\r\n                            <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"><\/line>\r\n                            <path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p>Every guest we meet is a chance to make their holiday just a little bit better.<\/p>\r\n                <\/div>\r\n                <div class=\"feeling-item reveal delay-2\">\r\n                    <div class=\"feeling-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n                            <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\r\n                            <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\r\n                            <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\r\n                            <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\r\n                            <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\r\n                            <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\r\n                            <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\r\n                            <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p>We might just be the highlight of your day \u2014 and that genuinely makes us happy.<\/p>\r\n                <\/div>\r\n                <div class=\"feeling-item reveal delay-3\">\r\n                    <div class=\"feeling-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"4\"><\/line>\r\n                            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"22\"><\/line>\r\n                            <line x1=\"2\" y1=\"12\" x2=\"4\" y2=\"12\"><\/line>\r\n                            <line x1=\"20\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                            <line x1=\"4.93\" y1=\"4.93\" x2=\"6.34\" y2=\"6.34\"><\/line>\r\n                            <line x1=\"17.66\" y1=\"17.66\" x2=\"19.07\" y2=\"19.07\"><\/line>\r\n                            <line x1=\"4.93\" y1=\"19.07\" x2=\"6.34\" y2=\"17.66\"><\/line>\r\n                            <line x1=\"17.66\" y1=\"6.34\" x2=\"19.07\" y2=\"4.93\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p>The vibe is relaxed, warm and honest \u2014 no pushy sales, just good conversation.<\/p>\r\n                <\/div>\r\n                <div class=\"feeling-item reveal delay-1\">\r\n                    <div class=\"feeling-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"\/>\r\n                            <path d=\"M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"\/>\r\n                            <path d=\"M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p>We're right on Plava pla\u017ea \u2014 the most beautiful stretch of coast in Vodice.<\/p>\r\n                <\/div>\r\n                <div class=\"feeling-item reveal delay-2\">\r\n                    <div class=\"feeling-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path>\r\n                            <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path>\r\n                            <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line>\r\n                            <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line>\r\n                            <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p>Sometimes our guests stop by just for a coffee and a chat \u2014 and we love that.<\/p>\r\n                <\/div>\r\n                <div class=\"feeling-item reveal delay-3\">\r\n                    <div class=\"feeling-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <p>We hear the best travel stories and we\u2019re always happy to help write the next one.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wave-bottom\">\r\n            <svg class=\"wave-svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n                <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V120H0V0C75.29,32.48,149.9,69.54,232.17,79.54,262.1,83.2,291.9,81.44,321.39,56.44Z\" fill=\"#ffffff\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"rentasi-section bg-white\">\r\n        <div class=\"rentasi-container\">\r\n            <div class=\"split-layout\">\r\n                <div class=\"split-text reveal\">\r\n                    <h2 class=\"text-orange\">Vodice is the most beautiful place in the world \u2014 we\u2019re sure of it<\/h2>\r\n                    <p>It sounds like a bold claim. But when you grow up somewhere, when your best memories are shaped by its sunsets and its sea \u2014 it becomes personal.<\/p>\r\n                    <p>Vodice isn\u2019t just a backdrop for us. It\u2019s everything.<\/p>\r\n                    <p>Most visitors explore Vodice on foot. <strong>We make it possible to see it from the sea \u2014 the way it was meant to be seen.<\/strong> From the water you see the full picture: the coastline, the islands just a short sail away and the hidden spots that don\u2019t appear on any map.<\/p>\r\n                    <p>And when you\u2019re not on the water, we\u2019re here to help with the rest. Best restaurant? Hidden beach? Local bar? Secret swimming spot? <strong>Just ask.<\/strong><\/p>\r\n                    <p>Planning doesn\u2019t have to be stressful when you have a local friend by the shore. Explore Vodice like a local.<\/p>\r\n                <\/div>\r\n                <div class=\"reveal delay-2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/IMG_8554-2-1-scaled.jpg\" alt=\"Beautiful Vodice from the sea\" style=\"width:100%; border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; box-shadow: var(--premium-shadow); object-fit: cover; height: 500px; transition: transform 0.5s;\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"love-section\">\r\n        <div class=\"rentasi-container\">\r\n            <div class=\"love-wrapper\">\r\n                <div class=\"love-intro reveal\">\r\n                    <h2>Why we love what we do<\/h2>\r\n                    <p>Every day on the beach is different. We meet people from all over the world, hear incredible stories and sometimes become part of someone\u2019s favorite vacation memory.<\/p>\r\n                    <p>Sometimes renting a boat, SUP or kayak becomes the highlight of someone\u2019s entire trip. And being part of that moment is something we truly appreciate.<\/p>\r\n                    <span class=\"highlight\">For us this job means:<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"love-grid\">\r\n                    <div class=\"love-card reveal delay-1\">\r\n                        <span class=\"icon\">\u2600<\/span>\r\n                        <h4>Meeting new people every day<\/h4>\r\n                    <\/div>\r\n                    <div class=\"love-card reveal delay-2\">\r\n                        <span class=\"icon\">\u2600<\/span>\r\n                        <h4>Sharing our love for the sea<\/h4>\r\n                    <\/div>\r\n                    <div class=\"love-card reveal delay-3\">\r\n                        <span class=\"icon\">\u2600<\/span>\r\n                        <h4>Helping guests discover Vodice<\/h4>\r\n                    <\/div>\r\n                    <div class=\"love-card reveal delay-4\">\r\n                        <span class=\"icon\">\u2600<\/span>\r\n                        <h4>Creating positive energy<\/h4>\r\n                    <\/div>\r\n                    <div class=\"love-card reveal delay-5\">\r\n                        <span class=\"icon\">\u2600<\/span>\r\n                        <h4>Laughing & coffee with friends<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"crew\" class=\"rentasi-section bg-offwhite\">\r\n        <div class=\"blob-water\"><\/div>\r\n        <div class=\"rentasi-container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2>Meet the Renta\u0161i crew<\/h2>\r\n                <p>The heart of Renta\u0161i isn\u2019t the boats. It\u2019s the people. Every day we meet new visitors, hear incredible stories and help create unforgettable moments on the sea.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"team-grid\">\r\n                <div class=\"team-card reveal delay-1\">\r\n                    <div class=\"team-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Luka-Rentasi-scaled.jpg\" alt=\"Luka from Renta\u0161i\" class=\"team-img\">\r\n                        <div class=\"team-role\">The local expert<\/div>\r\n                    <\/div>\r\n                    <div class=\"team-content\">\r\n                        <h3>Luka<\/h3>\r\n                        <p>The sea is basically his office. Luka has been doing this since childhood. For more than 20 years he has been helping his father with the family business and learning every corner of the coast around Vodice. Today he runs everything with experience, energy and a huge passion for the sea.<\/p>\r\n                        <p style=\"margin-top:10px;\"><em>\"If I don\u2019t know the language, I\u2019ll explain with hands, feet or a smile.\"<\/em><\/p>\r\n                        <div class=\"superpower\">\r\n                            <span>Superpower<\/span>\r\n                            Communicates in any language \u2014 even with hands and feet.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"team-card reveal delay-2\">\r\n                    <div class=\"team-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Marta-Rentasi-scaled.jpg\" alt=\"Marta from Renta\u0161i\" class=\"team-img\">\r\n                        <div class=\"team-role\">Queen of reservations<\/div>\r\n                    <\/div>\r\n                    <div class=\"team-content\">\r\n                        <h3>Marta<\/h3>\r\n                        <p>Marta has been on the beach for the past five seasons. What started as her first summer job quickly became something much more. She loves the atmosphere of the beach, meeting new people and keeping the positive energy flowing all day long. If you book something, chances are Marta made it happen.<\/p>\r\n                        <p style=\"margin-top:10px;\">And yes \u2014 she never says no to a good coffee break in the beach house.<\/p>\r\n                        <div class=\"superpower\">\r\n                            <span>Superpower<\/span>\r\n                            Keeping the energy high no matter what.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"team-card reveal delay-3\">\r\n                    <div class=\"team-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/xn--rentai-fkb.eu\/wp-content\/uploads\/2026\/03\/Niko-Rentasi-scaled.jpg\" alt=\"Niko from Renta\u0161i\" class=\"team-img\">\r\n                        <div class=\"team-role\">Captain of good vibes<\/div>\r\n                    <\/div>\r\n                    <div class=\"team-content\">\r\n                        <h3>Niko<\/h3>\r\n                        <p>Niko joined the team three years ago for what was supposed to be a single summer job. Now he keeps coming back every season. Why? Because as he says: <em>\"There\u2019s no better office than the sea.\"<\/em><\/p>\r\n                        <p style=\"margin-top:10px;\">Niko is an excellent skipper and loves showing visitors the small islands and secret bays around Vodice.<\/p>\r\n                        <div class=\"superpower\">\r\n                            <span>Superpower<\/span>\r\n                            Finding the most beautiful anchorages nobody else knows.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"rentasi-section bg-white\" style=\"padding-top: 40px; padding-bottom: 120px;\">\r\n        <div class=\"rentasi-container\">\r\n            <div class=\"cta-box reveal\">\r\n                <h2>Ready for your sea adventure?<\/h2>\r\n                <p>Vodice is beautiful from the shore. But from the sea \u2014 it\u2019s unforgettable. Whether you want a relaxed paddle, a boat day with friends or a magical sunset tour, we\u2019ll make sure your experience is safe, easy and full of great memories.<\/p>\r\n                <div class=\"cta-actions reveal delay-1\">\r\n                    <a href=\"\/rent-a-boat\" class=\"rentasi-btn btn-primary\">Rent your boat<\/a>\r\n                    <a href=\"\/sunset-tour\" class=\"rentasi-btn btn-secondary\">Book sunset tour<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ SCROLL REVEAL ANIMATION (Slide-In)\r\n        const observerOptions = { \r\n            root: null, \r\n            rootMargin: '0px', \r\n            threshold: 0.1 \r\n        };\r\n        \r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('active');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.rentasi-widget .reveal').forEach(el => observer.observe(el));\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","protected":false},"excerpt":{"rendered":"<p>Renta\u0161i &#8211; Explore Vodice like a local Explore Vodice like a local Boat, SUP, kayak and pedal boat rentals on Plava pla\u017ea in Vodice \u2014 with the people who grew up here. Rent your adventure Meet the crew Welcome to Renta\u0161i. We are a small local crew right on Plava pla\u017ea in Vodice, helping visitors [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":10,"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/xn--rentai-fkb.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}