Balinara Living - Timeless Balinese Craftsmanship<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-gold: #d4a017;\r\n --light-gold: #f0d68a;\r\n --dark-navy: #1a2b3c;\r\n --warm-white: #fdfcf8;\r\n --accent-brown: #8b4513;\r\n --shadow-light: rgba(212, 160, 23, 0.15);\r\n --shadow-dark: rgba(26, 43, 60, 0.2);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-navy);\r\n background-color: var(--warm-white);\r\n overflow-x: hidden;\r\n }\r\n\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n background: rgba(253, 252, 248, 0.95);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(212, 160, 23, 0.1);\r\n padding: 20px 50px;\r\n z-index: 1000;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .header.scrolled {\r\n background: rgba(253, 252, 248, 0.98);\r\n box-shadow: 0 10px 40px rgba(26, 43, 60, 0.1);\r\n padding: 15px 50px;\r\n }\r\n\r\n .header-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .logo {\r\n position: relative;\r\n z-index: 1001;\r\n }\r\n\r\n .logo img {\r\n height: 60px;\r\n width: auto;\r\n transition: all 0.4s ease;\r\n filter: drop-shadow(0 2px 8px rgba(212, 160, 23, 0.3));\r\n }\r\n\r\n .logo:hover img {\r\n transform: scale(1.05);\r\n filter: drop-shadow(0 4px 12px rgba(212, 160, 23, 0.5));\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: var(--dark-navy);\r\n font-weight: 500;\r\n font-size: 16px;\r\n position: relative;\r\n padding: 10px 0;\r\n transition: all 0.3s ease;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .nav-menu a::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--primary-gold), var(--light-gold));\r\n transition: all 0.3s ease;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .nav-menu a:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary-gold);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n z-index: 1001;\r\n }\r\n\r\n .menu-toggle span {\r\n width: 25px;\r\n height: 2px;\r\n background: var(--dark-navy);\r\n margin: 3px 0;\r\n transition: 0.3s;\r\n }\r\n\r\n .hero {\r\n height: 100vh;\r\n background: linear-gradient(135deg, rgba(26, 43, 60, 0.7), rgba(212, 160, 23, 0.3)),\r\n url('https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(circle at center, transparent 0%, rgba(26, 43, 60, 0.4) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n color: white;\r\n max-width: 900px;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 2;\r\n animation: heroFadeIn 2s ease-out;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 18px;\r\n font-weight: 300;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n opacity: 0.9;\r\n animation: slideUp 1.5s ease-out 0.5s both;\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 30px;\r\n background: linear-gradient(45deg, #ffffff, #f0d68a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: slideUp 1.5s ease-out 0.8s both;\r\n }\r\n\r\n .hero-description {\r\n font-size: 20px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n margin-bottom: 50px;\r\n opacity: 0.95;\r\n animation: slideUp 1.5s ease-out 1.1s both;\r\n }\r\n\r\n .cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 18px 40px;\r\n background: linear-gradient(135deg, var(--primary-gold), var(--light-gold));\r\n color: var(--dark-navy);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 16px;\r\n border-radius: 50px;\r\n box-shadow: 0 8px 30px var(--shadow-light);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n animation: slideUp 1.5s ease-out 1.4s both;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .cta-button:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px var(--shadow-light);\r\n background: linear-gradient(135deg, var(--light-gold), var(--primary-gold));\r\n }\r\n\r\n @keyframes heroFadeIn {\r\n from { opacity: 0; transform: translateY(50px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .header {\r\n padding: 15px 20px;\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 300px;\r\n height: 100vh;\r\n background: var(--warm-white);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px;\r\n transition: right 0.4s ease;\r\n box-shadow: -10px 0 30px rgba(26, 43, 60, 0.1);\r\n }\r\n\r\n .nav-menu.active {\r\n right: 0;\r\n }\r\n\r\n .menu-toggle {\r\n display: flex;\r\n }\r\n\r\n .menu-toggle.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(5px, 5px);\r\n }\r\n\r\n .menu-toggle.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .menu-toggle.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -6px);\r\n }\r\n\r\n .hero-content {\r\n padding: 0 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-description {\r\n font-size: 18px;\r\n }\r\n\r\n .cta-button {\r\n padding: 15px 30px;\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header class=\"header\" id=\"header\">\r\n <div class=\"header-content\">\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\" alt=\"Balinara Living - Timeless Balinese Craftsmanship\">\r\n <\/div>\r\n \r\n <nav>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n \r\n <div class=\"menu-toggle\" id=\"menuToggle\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-subtitle\">Timeless Balinese Craftsmanship<\/div>\r\n <h1 class=\"hero-title\">Where Tradition Meets Modern Luxury<\/h1>\r\n <p class=\"hero-description\">Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage.<\/p>\r\n <a href=\"#services\" class=\"cta-button\">\r\n Begin Your Journey\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for navigation links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n document.getElementById('navMenu').classList.remove('active');\r\n document.getElementById('menuToggle').classList.remove('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Header scroll effect\r\n window.addEventListener('scroll', () => {\r\n const header = document.getElementById('header');\r\n if (window.scrollY > 50) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Mobile menu toggle\r\n document.getElementById('menuToggle').addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n document.getElementById('navMenu').classList.toggle('active');\r\n });\r\n\r\n \/\/ Close mobile menu when clicking outside\r\n document.addEventListener('click', function(e) {\r\n const nav = document.getElementById('navMenu');\r\n const toggle = document.getElementById('menuToggle');\r\n \r\n if (!nav.contains(e.target) && !toggle.contains(e.target)) {\r\n nav.classList.remove('active');\r\n toggle.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Parallax effect for hero background\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const hero = document.querySelector('.hero');\r\n const rate = scrolled * -0.5;\r\n \r\n if (hero) {\r\n hero.style.backgroundPosition = `center ${rate}px`;\r\n }\r\n });\r\n\r\n \/\/ Override openModal and closeModal to handle header and hero visibility\r\n const originalOpenModal = window.openModal;\r\n window.openModal = function(projectIndex) {\r\n if (typeof originalOpenModal === 'function') {\r\n originalOpenModal(projectIndex);\r\n }\r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n if (header) header.style.display = 'none';\r\n if (hero) hero.style.display = 'none';\r\n };\r\n\r\n const originalCloseModal = window.closeModal;\r\n window.closeModal = function() {\r\n if (typeof originalCloseModal === 'function') {\r\n originalCloseModal();\r\n }\r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n if (header) header.style.display = 'block';\r\n if (hero) hero.style.display = 'flex';\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc66dc1 elementor-widget elementor-widget-html\" data-id=\"fc66dc1\" data-element_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>Balinara Living - About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n <div class=\"about\" id=\"about\">\r\n <div class=\"about-text\">\r\n <h2>About Us<\/h2>\r\n <p>Established in 2002, Balinara Living has built a solid reputation as a contractor and as a furniture producer. Our team has become synonymous with exquisite taste, unparalleled service and unmatched quality. Operating with the utmost in business ethics, we are known for our reliability and attention for detail on every project, making your experience with us authentically different.\r\nWe offer our clients a unique opportunity to source their requirements through Us, we are experts in custom made furniture, curtains, carpets and upholstery works thus greatly facilitating new demands and requirement to fit any space.<\/p>\r\n \r\n \r\n <\/div>\r\n <div class=\"about-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Ko-ed-final.png\" alt=\"About Balinara\">\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n .about {\r\n min-height: 100vh;\r\n padding: clamp(80px, 12vh, 120px) clamp(40px, 8vw, 120px);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #ffffff;\r\n position: relative;\r\n gap: clamp(60px, 10vw, 120px);\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .about-text {\r\n flex: 1;\r\n max-width: 560px;\r\n }\r\n\r\n .about-image {\r\n flex: 1;\r\n max-width: 600px;\r\n }\r\n\r\n .about-image img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n filter: grayscale(5%) contrast(1.02);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .about-text h2 {\r\n font-weight: 500;\r\n font-size: clamp(2.5rem, 5vw, 3.5rem);\r\n margin-bottom: clamp(32px, 5vw, 48px);\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n text-align: center;\r\n }\r\n\r\n .about-text p {\r\n font-weight: 400;\r\n font-size: clamp(17px, 2.2vw, 19px);\r\n line-height: 1.65;\r\n color: #4a5568;\r\n margin-bottom: clamp(24px, 4vw, 32px);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .about-text p:last-child {\r\n margin-bottom: clamp(24px, 4vw, 32px);\r\n }\r\n\r\n .button-container {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .company-profile-btn {\r\n display: inline-block;\r\n padding: 12px 24px;\r\n background: #1a1a1a;\r\n color: #ffffff;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: clamp(16px, 2vw, 18px);\r\n border-radius: 4px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .company-profile-btn:hover {\r\n background: #4a5568;\r\n }\r\n\r\n @media (max-width: 968px) {\r\n .about {\r\n flex-direction: column;\r\n gap: clamp(48px, 8vw, 64px);\r\n text-align: center;\r\n padding: clamp(60px, 10vh, 100px) clamp(24px, 6vw, 40px);\r\n }\r\n\r\n .about-text,\r\n .about-image {\r\n flex: none;\r\n max-width: 100%;\r\n }\r\n\r\n .about-image {\r\n order: -1;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about {\r\n padding: clamp(40px, 8vh, 80px) 20px;\r\n }\r\n\r\n .about-text p {\r\n text-align: left;\r\n }\r\n }\r\n <\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a715a7 elementor-widget elementor-widget-html\" data-id=\"0a715a7\" data-element_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>Vision & Mission - Balinara Living<\/title>\r\n <style>\r\n .balinara-vision-mission * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .balinara-vision-mission {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n line-height: 1.6;\r\n color: #2c2c2c;\r\n position: relative;\r\n }\r\n\r\n .vision-mission-section {\r\n position: relative;\r\n padding: 60px 0;\r\n background: linear-gradient(135deg, #f8f6f0 0%, #e8e2d5 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .decorative-pattern {\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" fill=\"none\"><path d=\"M20 20c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm40 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zM20 60c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm40 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z\" fill=\"%23d4af37\" opacity=\"0.08\"\/><\/svg>') repeat;\r\n opacity: 0.2;\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .section-subtitle {\r\n color: #d4af37;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 12px;\r\n position: relative;\r\n }\r\n\r\n .section-subtitle::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -6px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 50px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #d4af37, #b8941f);\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 400;\r\n color: #2c2c2c;\r\n margin-bottom: 20px;\r\n position: relative;\r\n }\r\n\r\n .section-description {\r\n font-size: 16px;\r\n color: #666;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .content-layout-vertical {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n margin-top: 30px;\r\n }\r\n\r\n .vision-card, .mission-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(8px);\r\n border-radius: 16px;\r\n padding: 35px 30px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);\r\n border: 1px solid rgba(212, 175, 55, 0.12);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);\r\n animation: fadeInUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n .vision-card:hover, .mission-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .vision-card::before, .mission-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #d4af37, #b8941f);\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n .card-content-wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 30px;\r\n }\r\n\r\n .card-icon-section {\r\n flex-shrink: 0;\r\n }\r\n\r\n .card-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #d4af37, #b8941f);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n box-shadow: 0 8px 24px rgba(212, 175, 55, 0.25);\r\n margin-bottom: 0;\r\n position: relative;\r\n }\r\n\r\n .card-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n .card-content-section {\r\n flex: 1;\r\n }\r\n\r\n .card-title {\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #2c2c2c;\r\n margin-bottom: 16px;\r\n position: relative;\r\n }\r\n\r\n .card-content {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #555;\r\n }\r\n\r\n .mission-points {\r\n list-style: none;\r\n padding: 0;\r\n margin-top: 16px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .mission-points li {\r\n position: relative;\r\n padding: 10px 0 10px 26px;\r\n transition: all 0.3s ease;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n }\r\n\r\n .mission-points li:hover {\r\n background: rgba(212, 175, 55, 0.04);\r\n padding-left: 30px;\r\n }\r\n\r\n .mission-points li::before {\r\n content: '\u2726';\r\n position: absolute;\r\n left: 0;\r\n top: 10px;\r\n color: #d4af37;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mission-points li:hover::before {\r\n transform: scale(1.15);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .card-content-wrapper {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 20px;\r\n }\r\n \r\n .mission-points {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"balinara-vision-mission\">\r\n <section class=\"vision-mission-section\">\r\n <div class=\"decorative-pattern\"><\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-subtitle\">Our Philosophy<\/div>\r\n <h2 class=\"section-title\">Vision & Mission<\/h2>\r\n <p class=\"section-description\">\r\n Balinara Living is dedicated to delivering customer satisfaction through quality and innovative performance, creating exceptional living spaces with precision and excellence.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"content-layout-vertical\">\r\n <div class=\"vision-card\">\r\n <div class=\"card-content-wrapper\">\r\n <div class=\"card-icon-section\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-content-section\">\r\n <h3 class=\"card-title\">Our Vision<\/h3>\r\n <div class=\"card-content\">\r\n <p>Balinara Living aims to be the leading provider of exceptional living spaces, delivering unparalleled customer satisfaction through innovative and high-quality performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mission-card\">\r\n <div class=\"card-content-wrapper\">\r\n <div class=\"card-icon-section\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-content-section\">\r\n <h3 class=\"card-title\">Our Mission<\/h3>\r\n <div class=\"card-content\">\r\n <p>We are committed to excellence in every aspect of our service:<\/p>\r\n <ul class=\"mission-points\">\r\n <li>Producing reliable and quality products to realize customer satisfaction.<\/li>\r\n <li>Creating and fostering working relationships through effective and efficient communication.<\/li>\r\n <li>Carrying out projects that are on time, on cost, on quality, with efficient engineering in a consistent and transparent manner.<\/li>\r\n <li>Maintaining and respecting working relationships with partners based on partnership principles.<\/li>\r\n <li>Synergizing with other contractor companies in handling and managing design and construction projects.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa5f356 elementor-widget elementor-widget-html\" data-id=\"fa5f356\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Modern Services Section<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .services {\n padding: clamp(100px, 15vh, 150px) clamp(20px, 5vw, 50px);\n text-align: center;\n background-color: #fff;\n }\n\n .services h2 {\n font-weight: 700;\n font-size: clamp(2.5em, 6vw, 3.8em);\n margin-bottom: clamp(40px, 8vw, 60px);\n color: #1a2b3c;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(clamp(250px, 40vw, 350px), 1fr));\n gap: clamp(30px, 6vw, 50px);\n }\n\n .service-card {\n padding: clamp(30px, 6vw, 40px);\n border: none;\n border-radius: clamp(15px, 3vw, 25px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n background: #fff;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .service-card img {\n width: 100%;\n height: clamp(200px, 40vw, 250px);\n object-fit: cover;\n border-radius: clamp(10px, 2vw, 15px);\n margin-bottom: clamp(15px, 4vw, 25px);\n transition: transform 0.5s ease;\n }\n\n .service-card:hover img {\n transform: scale(1.05);\n }\n\n .service-card h3 {\n font-weight: 600;\n font-size: clamp(1.8em, 4vw, 2.2em);\n margin: clamp(15px, 3vw, 20px) 0;\n color: #d4a017;\n }\n\n .service-card p {\n font-weight: 400;\n font-size: clamp(1em, 2.5vw, 1.3em);\n line-height: 1.8;\n color: #000;\n }\n\n .highlight {\n background: linear-gradient(120deg, rgba(255,255,0,0.3) 0%, rgba(255,255,0,0.5) 100%);\n padding: 2px 4px;\n border-radius: 4px;\n display: inline;\n font-weight: 500;\n position: relative;\n }\n\n .service-card button {\n padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 30px);\n background: linear-gradient(45deg, #d4a017, #e8c872);\n color: #1a2b3c;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n font-size: clamp(1em, 2vw, 1.2em);\n font-weight: 600;\n margin-top: clamp(15px, 3vw, 20px);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n\n .service-card button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(212,160,23,0.5);\n }\n\n @media (max-width: 1024px) {\n .services-grid {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n }\n }\n\n @media (max-width: 768px) {\n .services {\n padding: clamp(60px, 12vh, 100px) 15px;\n }\n .services-grid {\n gap: 30px;\n }\n }\n\n @media (max-width: 480px) {\n .service-card img {\n height: 200px;\n }\n .service-card button {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"services\" id=\"services\">\n <h2>Our Services<\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Lamitak-Studio-Bali-2025.jpg\" alt=\"Furniture & Interior Design\">\n <h3 style=\"font-weight: bold;\">Interior Design & Furniture<\/h3>\n <p>Balinara Living offers custom furniture and interior design services to transform your home or office into a dream space, tailored to your unique style and needs.<\/p>\n <\/div>\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/c8b6b4_a80ca92b25ab4f14a8c5c4302c40f0a9mv2.avif\" alt=\"Contractor\">\n <h3 style=\"font-weight: bold;\">Architecture & Construction Service<\/h3>\n <p>We provide help and support for you through the entire process of a project starting since Land Surveying, Contour Measurements and Engineering, Design and Branding Concepts, Engineered Drawings, Material Selection, Building Cost Calculations, also Construction Management\/Surveillance.<\/p>\n <button onclick=\"window.open('https:\/\/mvmnt.id', '_blank')\">Click for More Details<\/button>\n <button onclick=\"window.open('https:\/\/www.balinara.com\/index.php\/company-profile\/', '_blank')\">Company Profile<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96cb6c4 elementor-widget elementor-widget-html\" data-id=\"96cb6c4\" data-element_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>Balinara Portfolio - Architectural Excellence<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper@8.4.7\/swiper-bundle.min.css\" \/>\r\n <style>\r\n :root {\r\n --primary-gold: #d4a017;\r\n --secondary-gold: #a38112;\r\n --dark-brown: #2c2c2c;\r\n --light-cream: #fefdfb;\r\n --glass-bg: rgba(255, 255, 255, 0.95);\r\n --shadow-elegant: 0 8px 32px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n * {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n .font-display {\r\n font-family: 'Playfair Display', serif;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, var(--light-cream) 0%, #f8f6f0 100%);\r\n color: var(--dark-brown);\r\n }\r\n\r\n .glass-effect {\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .project-card {\r\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n cursor: pointer;\r\n }\r\n\r\n .project-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-elegant);\r\n }\r\n\r\n .project-image {\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .project-card:hover .project-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n .modal-backdrop {\r\n background: rgba(0, 0, 0, 0.95);\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .modal-content {\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n width: 100%;\r\n max-width: min(90vw, 1200px);\r\n position: relative;\r\n margin: auto;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .modal-header {\r\n position: sticky;\r\n top: 0;\r\n background: white;\r\n z-index: 10;\r\n border-bottom: 1px solid #e5e7eb;\r\n padding: 1rem 1.5rem;\r\n }\r\n\r\n .modal-header .header-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n min-width: 0;\r\n flex: 1;\r\n }\r\n\r\n .modal-header .header-wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n }\r\n\r\n .modal-header h2 {\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n hyphens: auto;\r\n max-width: 100%;\r\n }\r\n\r\n .modal-header p {\r\n font-size: 0.875rem;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .modal-close-btn {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .modal-close-btn:hover {\r\n background: #f3f4f6;\r\n }\r\n\r\n .swiper-container {\r\n width: 100%;\r\n height: 50vh;\r\n max-height: 400px;\r\n overflow: hidden;\r\n position: relative;\r\n flex-shrink: 0;\r\n }\r\n\r\n .swiper-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .swiper-button-next,\r\n .swiper-button-prev {\r\n color: var(--primary-gold) !important;\r\n background: rgba(0, 0, 0, 0.5);\r\n border-radius: 50%;\r\n width: 50px !important;\r\n height: 50px !important;\r\n margin-top: -25px !important;\r\n }\r\n\r\n .swiper-button-next:after,\r\n .swiper-button-prev:after {\r\n font-size: 18px !important;\r\n }\r\n\r\n .swiper-pagination-bullet {\r\n background: var(--primary-gold) !important;\r\n opacity: 0.7;\r\n }\r\n\r\n .swiper-pagination-bullet-active {\r\n opacity: 1;\r\n transform: scale(1.2);\r\n }\r\n\r\n .project-nav-item {\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .project-nav-item:hover {\r\n transform: scale(1.05);\r\n opacity: 0.8;\r\n }\r\n\r\n .filter-btn {\r\n min-width: fit-content;\r\n white-space: nowrap;\r\n }\r\n\r\n .filter-btn.active {\r\n background-color: #d4a017;\r\n color: white;\r\n }\r\n\r\n .project-details {\r\n padding: 1.5rem;\r\n margin-top: 1rem;\r\n flex-grow: 1;\r\n }\r\n\r\n .other-projects-section {\r\n padding: 1rem 1.5rem;\r\n border-top: 1px solid #e5e7eb;\r\n flex-shrink: 0;\r\n }\r\n\r\n .other-projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .other-projects-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .other-projects-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n .header-hidden {\r\n transform: translateY(-100%) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .hero-hidden {\r\n transform: translateY(-100vh) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .content-shifted {\r\n transform: translateY(-100vh) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .modal-content {\r\n margin: 5px;\r\n max-width: calc(100vw - 10px);\r\n max-height: calc(100vh - 10px);\r\n }\r\n \r\n .modal-header {\r\n padding: 0.75rem 1rem;\r\n }\r\n\r\n .modal-header h2 {\r\n font-size: 1.25rem !important;\r\n line-height: 1.25;\r\n }\r\n\r\n .modal-header p {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .filter-container {\r\n padding: 0 1rem;\r\n }\r\n \r\n .filter-btn {\r\n font-size: 0.875rem;\r\n padding: 0.5rem 1rem;\r\n }\r\n \r\n .project-grid {\r\n gap: 1rem;\r\n }\r\n\r\n .swiper-container {\r\n height: 35vh;\r\n max-height: 250px;\r\n }\r\n\r\n .project-details {\r\n margin-top: 0.75rem;\r\n padding: 1rem;\r\n }\r\n\r\n .other-projects-section {\r\n padding: 1rem;\r\n max-height: 200px;\r\n overflow-y: auto;\r\n }\r\n\r\n .other-projects-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .modal-content {\r\n margin: 2px;\r\n max-width: calc(100vw - 4px);\r\n max-height: calc(100vh - 4px);\r\n }\r\n\r\n .modal-header {\r\n padding: 0.5rem 0.75rem;\r\n }\r\n\r\n .modal-header .header-wrapper {\r\n gap: 0.5rem;\r\n }\r\n\r\n .modal-header h2 {\r\n font-size: 1.125rem !important;\r\n line-height: 1.2;\r\n }\r\n\r\n .modal-close-btn {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n\r\n .filter-btn {\r\n font-size: 0.8rem;\r\n padding: 0.4rem 0.8rem;\r\n }\r\n\r\n .swiper-container {\r\n height: 30vh;\r\n max-height: 200px;\r\n }\r\n\r\n .project-details {\r\n margin-top: 0.5rem;\r\n padding: 0.75rem;\r\n }\r\n\r\n .other-projects-section {\r\n padding: 0.75rem;\r\n max-height: 150px;\r\n overflow-y: auto;\r\n }\r\n\r\n .other-projects-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n }\r\n\r\n .project-nav-item img {\r\n height: 3rem !important;\r\n }\r\n\r\n .project-nav-item h5 {\r\n font-size: 0.75rem !important;\r\n line-height: 1.1;\r\n }\r\n\r\n .project-nav-item p {\r\n font-size: 0.625rem !important;\r\n }\r\n }\r\n\r\n .modal-open {\r\n overflow: hidden !important;\r\n }\r\n\r\n .text-truncate-2 {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .text-truncate-3 {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n @media print {\r\n .fixed { position: relative !important; }\r\n .modal-backdrop { display: none !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen\">\r\n \r\n <div class=\"text-center py-16 px-4\">\r\n <h1 class=\"font-display text-4xl md:text-6xl lg:text-7xl font-bold text-gray-800 mb-4\">\r\n Our Projects\r\n <\/h1>\r\n <div class=\"w-24 h-1 bg-yellow-600 mx-auto mb-6\"><\/div>\r\n <p class=\"text-lg md:text-xl text-gray-600 max-w-2xl mx-auto\">\r\n Architectural Masterpieces Inspired by Balinese Heritage\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex justify-center mb-12 px-4\">\r\n <div class=\"filter-container\">\r\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4\">\r\n <button class=\"filter-btn px-4 py-2 md:px-6 md:py-3 rounded-full border-2 border-yellow-600 text-yellow-600 font-semibold transition-all duration-300 hover:bg-yellow-600 hover:text-white\" data-filter=\"all\">\r\n All Projects\r\n <\/button>\r\n <button class=\"filter-btn px-4 py-2 md:px-6 md:py-3 rounded-full border-2 border-yellow-600 text-yellow-600 font-semibold transition-all duration-300 hover:bg-yellow-600 hover:text-white\" data-filter=\"villa-residence\">\r\n Villa & Residence\r\n <\/button>\r\n <button class=\"filter-btn px-4 py-2 md:px-6 md:py-3 rounded-full border-2 border-yellow-600 text-yellow-600 font-semibold transition-all duration-300 hover:bg-yellow-600 hover:text-white\" data-filter=\"commercial\">\r\n Commercial Spaces\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 pb-16\">\r\n <div class=\"project-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8\" id=\"portfolioGrid\">\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"0\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1-scaled.jpg\" \r\n alt=\"Lamitak Studio\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Lamitak Studio<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Professional showroom space for Lamitak, Indonesia's premium high-pressure laminate brand, featuring interactive displays and curated collections showcasing world-class surface laminates for residential and commercial applications.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"1\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-CELLINI-Bali-2024.jpeg\" \r\n alt=\"Showroom CELLINI\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Showroom CELLINI<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Luxury furniture showroom in Bali for CELLINI, a premium furniture brand specializing in handcrafted sofas, mattresses, and contemporary pieces, designed to showcase modern aesthetics with functional design for both locals and expatriates.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"2\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Lamitak-Studio-Bali-2025.jpg\" \r\n alt=\"Villa Pererenan\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-yellow-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Villa<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Villa Pererenan<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary tropical villa in Pererenan featuring modern Balinese architecture with natural materials, open-air pavilions, and seamless indoor-outdoor living spaces, designed to blend traditional tropical elements with contemporary functionality.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Canggu, Bali\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"3\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Courtyard-Marriot-Bandung-2018.jpeg\" \r\n alt=\"Hotel Courtyard Marriott\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Courtyard Marriott<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">187-room luxury hotel in Bandung featuring hybrid zones for working and resting, contemporary furnishings with modern amenities designed to provide business and leisure travelers with comfort and convenience.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"4\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Santika-Bandung-2023.png\" \r\n alt=\"Hotel Santika Bandung\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Santika<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern hotel design in Bandung integrating contemporary aesthetics with local Indonesian cultural elements, featuring comfortable guest rooms and public spaces designed for both business and leisure travelers.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"21\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1.webp\" \r\n alt=\"Hotel Santika Tasikmalaya\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Santika<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary hospitality project in Tasikmalaya featuring sophisticated interior design that blends modern comfort with local cultural elements. The hotel design emphasizes functional elegance with carefully curated spaces, premium materials, and warm color palettes to create memorable guest experiences in West Java's cultural heart.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Tasikmalaya, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"5\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Luxton-Bandung-2018.jpg\" \r\n alt=\"Hotel Luxton\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Luxton<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary hotel in Bandung featuring stylish interiors with functional layouts, designed to provide guests with modern comfort and elegant hospitality experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"6\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-GROHE-Jakarta-and-Bali-2015.jpeg\" \r\n alt=\"Showroom GROHE\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Showroom GROHE<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Premium bathroom and kitchen fittings showroom for GROHE, the German luxury brand, showcasing award-winning faucets, shower systems, and kitchen mixers with cutting-edge technology and sophisticated design.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta & Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2015<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"7\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Office-XXI-Cinema-Jakarta-2020-2.jpeg\" \r\n alt=\"Office XXI Cinema\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Office XXI Cinema<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern corporate office space for XXI Cinema, Indonesia's leading cinema chain, designed to foster creativity and collaboration with contemporary workspaces, meeting areas, and employee amenities.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"8\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Roemah-Kuliner-XXI-Jakarta-2019.jpeg\" \r\n alt=\"Roemah Kuliner XXI\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Roemah Kuliner XXI<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Vibrant food court and culinary destination for XXI Cinema, featuring diverse dining options with modern Indonesian design elements and comfortable seating areas for moviegoers and food enthusiasts.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2019<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"10\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Residence-Jakarta-2020.jpeg\" \r\n alt=\"Menteng Residence\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Menteng Residence<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Elegant urban residence in Jakarta's prestigious Menteng district, featuring luxurious interiors, smart home technology, and contemporary design elements for sophisticated modern living.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"11\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Four-Seasons-Apartment-Jakarta-2018-scaled.jpg\" \r\n alt=\"Four Seasons Apartment\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Four Seasons Apartment<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Luxurious high-rise apartment in Jakarta, designed with premium finishes, spacious open-plan layouts, and panoramic city views for sophisticated urban living with hotel-quality amenities.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"22\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Private-House-Jakarta-2019-.png\" \r\n alt=\"Menteng Private House\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Menteng Private House<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Sophisticated private residence in Jakarta's prestigious Menteng district featuring contemporary minimalist design with luxurious finishes. The project showcases open-plan living spaces, geometric design elements, integrated lighting systems, and premium materials creating an elegant balance of modern functionality and refined aesthetics for upscale urban living.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2019<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"23\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Project-Apartment-Casa-Grande-Jakarta-2020.jpg\" \r\n alt=\"Apartment Casa Grande\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Apartment Casa Grande<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern luxury apartment interior at Casa Grande Residence, one of Jakarta's premium residential towers in Casablanca. The design features contemporary minimalist aesthetics with neutral color palettes, high-end kitchen appliances, elegant dining spaces, and sophisticated living areas that emphasize comfort and functional luxury for urban professionals and families.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"12\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Setiabudhi-Residence-Bandung-2023.jpeg\" \r\n alt=\"Setiabudhi Residence\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Setiabudhi Residence<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern family residence in Bandung's prestigious Setiabudhi area, featuring open-plan living spaces, abundant natural light, and contemporary finishes that create comfortable and stylish environment.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"9\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-Wisma-Sehati-Bandung-2021.jpeg\" \r\n alt=\"Showroom Wisma Sehati\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Showroom Wisma Sehati<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Sophisticated interior products showroom in Bandung designed to display premium home furnishings, building materials, and design solutions with elegant presentation spaces and interactive displays.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2021<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"13\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-NARA-Resto-and-Club-Jakarta-2019.jpeg\" \r\n alt=\"NARA Resto and Club\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">NARA Resto and Club<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Upscale restaurant and nightclub in Jakarta featuring sophisticated interiors, dynamic lighting systems, and versatile spaces that transition seamlessly from dining to entertainment venues.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2019<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"14\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Maystar-Restaurant-Bandung-2017.jpeg\" \r\n alt=\"Maystar Restaurant\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Maystar Restaurant<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary dining establishment in Bandung featuring refined interiors, warm lighting design, and carefully curated materials that create an intimate atmosphere for premium culinary experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2017<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"15\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Nyonya-Manis-Drinking-Club-Bandung-2018.jpeg\" \r\n alt=\"Nyonya Manis Drinking Club\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Nyonya Manis Drinking Club<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Trendy cocktail lounge in Bandung designed with vibrant color schemes, contemporary furniture, and creative lighting installations that create an energetic social atmosphere for evening entertainment.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"16\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Japanese-Restaurant-Bali-concept-design-2023.jpg\" \r\n alt=\"Japanese Restaurant (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Japanese Restaurant (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for authentic Japanese restaurant blending minimalist Japanese aesthetics with tropical Balinese elements, featuring natural materials, zen-like spaces, and traditional design principles for unique dining experience.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"17\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Beauty-Clinic-Bali-concept-design-2024.jpeg\" \r\n alt=\"Beauty Clinic (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Beauty Clinic (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for wellness and beauty clinic featuring serene interiors, abundant natural lighting, calming color palettes, and therapeutic spaces designed to enhance client relaxation and treatment experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"18\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Seafood-Restaurant-Jakarta-concept-design-2018.jpg\" \r\n alt=\"Seafood Restaurant (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Seafood Restaurant (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for premium seafood restaurant featuring maritime-inspired themes, oceanic color schemes, and nautical design elements combined with modern luxury to create memorable coastal dining atmosphere.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"19\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/aiease_1757380516758.jpg\" \r\n alt=\"Family Restaurant (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Family Restaurant (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for a family-oriented restaurant in Jakarta, blending modern Indonesian aesthetics with family-friendly features. The design includes spacious dining areas, playful interactive zones for children, comfortable seating arrangements for groups, and warm lighting to create a welcoming atmosphere that encourages family gatherings and memorable dining experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2017<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"20\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018.jpg\" \r\n alt=\"Penthouse and Office (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Penthouse and Office (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Sophisticated mixed-use conceptual design combining luxury penthouse living with professional office spaces, featuring contemporary minimalist aesthetics, premium materials, and seamless integration of residential comfort with commercial functionality.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"projectModal\" class=\"fixed inset-0 modal-backdrop z-50 hidden\">\r\n <div class=\"flex items-center justify-center min-h-screen p-2 md:p-4\">\r\n <div class=\"modal-content bg-white rounded-2xl shadow-2xl\">\r\n \r\n <div class=\"modal-header\">\r\n <div class=\"header-wrapper\">\r\n <div class=\"header-content\">\r\n <h2 id=\"modalTitle\" class=\"font-display font-bold text-gray-800\"><\/h2>\r\n <p id=\"modalSubtitle\" class=\"text-yellow-600 font-semibold\"><\/p>\r\n <\/div>\r\n <button onclick=\"closeModal()\" class=\"modal-close-btn text-gray-400 hover:text-gray-600\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative\">\r\n <div class=\"swiper-container\">\r\n <div class=\"swiper-wrapper\" id=\"modalImages\"><\/div>\r\n <div class=\"swiper-button-next\"><\/div>\r\n <div class=\"swiper-button-prev\"><\/div>\r\n <div class=\"swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-details\">\r\n <div class=\"grid md:grid-cols-2 gap-4 md:gap-6\">\r\n <div>\r\n <h4 class=\"font-semibold text-lg mb-3\">Project Overview<\/h4>\r\n <p id=\"modalDescription\" class=\"text-gray-600 leading-relaxed text-sm md:text-base\"><\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-lg mb-3\">Project Details<\/h4>\r\n <div class=\"space-y-2 text-sm\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Location:<\/span>\r\n <span id=\"modalLocation\" class=\"font-medium text-right\"><\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Year:<\/span>\r\n <span id=\"modalYear\" class=\"font-medium\"><\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Type:<\/span>\r\n <span id=\"modalType\" class=\"font-medium\"><\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Status:<\/span>\r\n <span id=\"modalStatus\" class=\"font-medium\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"other-projects-section\">\r\n <h4 class=\"font-semibold text-lg mb-4\">Explore Other Projects<\/h4>\r\n <div class=\"other-projects-grid\" id=\"otherProjects\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/unpkg.com\/swiper@8.4.7\/swiper-bundle.min.js\"><\/script>\r\n <script>\r\n \/\/ Updated project data with new projects\r\n const projects = [\r\n {\r\n title: \"Lamitak Studio\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2025\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Professional showroom space for Lamitak, Indonesia's premium high-pressure laminate brand, featuring interactive displays and curated collections showcasing world-class surface laminates for residential and commercial applications.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-2-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-3-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-4.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-5.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-6.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-7.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Showroom CELLINI\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2024\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Luxury furniture showroom in Bali for CELLINI, a premium furniture brand specializing in handcrafted sofas, mattresses, and contemporary pieces, designed to showcase modern aesthetics with functional design for both locals and expatriates.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-CELLINI-Bali-2024.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-4.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-5.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Villa Pererenan\",\r\n location: \"Canggu, Bali\",\r\n year: \"2025\",\r\n type: \"Villa\",\r\n category: \"villa-residence\",\r\n description: \"Contemporary tropical villa in Pererenan featuring modern Balinese architecture with natural materials, open-air pavilions, and seamless indoor-outdoor living spaces, designed to blend traditional tropical elements with contemporary functionality.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Lamitak-Studio-Bali-2025.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-2-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-3-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-4-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-5-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-6-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-7-scaled.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Hotel Courtyard Marriott\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"187-room luxury hotel in Bandung featuring hybrid zones for working and resting, contemporary furnishings with modern amenities designed to provide business and leisure travelers with comfort and convenience.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Courtyard-Marriot-Bandung-2018.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-4.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Hotel Santika Bandung\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2023\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Modern hotel design in Bandung integrating contemporary aesthetics with local Indonesian cultural elements, featuring comfortable guest rooms and public spaces designed for both business and leisure travelers.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Santika-Bandung-2023.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-3.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-4.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-5.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-6.png\"\r\n ]\r\n },\r\n {\r\n title: \"Hotel Luxton\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Contemporary hotel in Bandung featuring stylish interiors with functional layouts, designed to provide guests with modern comfort and elegant hospitality experiences.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Luxton-Bandung-2018.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Luxton-Bandung-2018-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Luxton-Bandung-2018-2.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Showroom GROHE\",\r\n location: \"Jakarta & Bali, Indonesia\",\r\n year: \"2015\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Premium bathroom and kitchen fittings showroom for GROHE, the German luxury brand, showcasing award-winning faucets, shower systems, and kitchen mixers with cutting-edge technology and sophisticated design.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-GROHE-Jakarta-and-Bali-2015.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-GROHE-Jakarta-and-Bali-2015-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-GROHE-Jakarta-and-Bali-2015-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-GROHE-Jakarta-and-Bali-2015-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Office XXI Cinema\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2020\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Modern corporate office space for XXI Cinema, Indonesia's leading cinema chain, designed to foster creativity and collaboration with contemporary workspaces, meeting areas, and employee amenities.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Office-XXI-Cinema-Jakarta-2020-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Office-XXI-Cinema-Jakarta-2020-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Office-XXI-Cinema-Jakarta-2020-2.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Roemah Kuliner XXI\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2019\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Vibrant food court and culinary destination for XXI Cinema, featuring diverse dining options with modern Indonesian design elements and comfortable seating areas for moviegoers and food enthusiasts.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Roemah-Kuliner-XXI-Jakarta-2019.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Roemah-Kuliner-XXI-Jakarta-2019-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Roemah-Kuliner-XXI-Jakarta-2019-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Roemah-Kuliner-XXI-Jakarta-2019-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Showroom Wisma Sehati\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2021\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Sophisticated interior products showroom in Bandung designed to display premium home furnishings, building materials, and design solutions with elegant presentation spaces and interactive displays.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-Wisma-Sehati-Bandung-2021.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-Wisma-Sehati-Bandung-2021-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-Wisma-Sehati-Bandung-2021-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-Wisma-Sehati-Bandung-2021-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Menteng Residence\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2020\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Elegant urban residence in Jakarta's prestigious Menteng district, featuring luxurious interiors, smart home technology, and contemporary design elements for sophisticated modern living.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Residence-Jakarta-2020.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Residence-Jakarta-2020.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Residence-Jakarta-2020.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Four Seasons Apartment\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2018\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Luxurious high-rise apartment in Jakarta, designed with premium finishes, spacious open-plan layouts, and panoramic city views for sophisticated urban living with hotel-quality amenities.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Four-Seasons-Apartment-Jakarta-2018-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Four-Seasons-Apartment-Jakarta-2018-1-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Four-Seasons-Apartment-Jakarta-2018-2-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Four-Seasons-Apartment-Jakarta-2018-3-scaled.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Setiabudhi Residence\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2023\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Modern family residence in Bandung's prestigious Setiabudhi area, featuring open-plan living spaces, abundant natural light, and contemporary finishes that create comfortable and stylish environment.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Setiabudhi-Residence-Bandung-2023.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Setiabudhi-Residence-Bandung-2023-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Setiabudhi-Residence-Bandung-2023-2.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"NARA Resto and Club\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2019\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Upscale restaurant and nightclub in Jakarta featuring sophisticated interiors, dynamic lighting systems, and versatile spaces that transition seamlessly from dining to entertainment venues.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-NARA-Resto-and-Club-Jakarta-2019.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-4.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Maystar Restaurant\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2017\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Contemporary dining establishment in Bandung featuring refined interiors, warm lighting design, and carefully curated materials that create an intimate atmosphere for premium culinary experiences.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Maystar-Restaurant-Bandung-2017.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Maystar-Restaurant-Bandung-2017-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Maystar-Restaurant-Bandung-2017-2.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Nyonya Manis Drinking Club\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Trendy cocktail lounge in Bandung designed with vibrant color schemes, contemporary furniture, and creative lighting installations that create an energetic social atmosphere for evening entertainment.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Nyonya-Manis-Drinking-Club-Bandung-2018.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Nyonya-Manis-Drinking-Club-Bandung-2018-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Nyonya-Manis-Drinking-Club-Bandung-2018-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Nyonya-Manis-Drinking-Club-Bandung-2018-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Japanese Restaurant (concept design)\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2023\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for authentic Japanese restaurant blending minimalist Japanese aesthetics with tropical Balinese elements, featuring natural materials, zen-like spaces, and traditional design principles for unique dining experience.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Japanese-Restaurant-Bali-concept-design-2023.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Japanese-Restaurant-Bali-concept-design-2023-3.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Japanese-Restaurant-Bali-concept-design-2023-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Japanese-Restaurant-Bali-concept-design-2023-1.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Beauty Clinic (concept design)\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2024\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for wellness and beauty clinic featuring serene interiors, abundant natural lighting, calming color palettes, and therapeutic spaces designed to enhance client relaxation and treatment experiences.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Beauty-Clinic-Bali-concept-design-2024.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Beauty-Clinic-Bali-concept-design-2024-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Beauty-Clinic-Bali-concept-design-2024-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Beauty-Clinic-Bali-concept-design-2024-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Seafood Restaurant (concept design)\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for premium seafood restaurant featuring maritime-inspired themes, oceanic color schemes, and nautical design elements combined with modern luxury to create memorable coastal dining atmosphere.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Seafood-Restaurant-Jakarta-concept-design-2018.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-3.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-4.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Family Restaurant (concept design)\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2017\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for a family-oriented restaurant in Jakarta, blending modern Indonesian aesthetics with family-friendly features. The design includes spacious dining areas, playful interactive zones for children, comfortable seating arrangements for groups, and warm lighting to create a welcoming atmosphere that encourages family gatherings and memorable dining experiences.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/aiease_1757380516758.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/aiease_1757380486859.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/wmremove-transformed.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Penthouse and Office (concept design)\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2018\",\r\n type: \"Residence\",\r\n category: \"Residence\",\r\n description: \"Sophisticated mixed-use conceptual design combining luxury penthouse living with professional office spaces, featuring contemporary minimalist aesthetics, premium materials, and seamless integration of residential comfort with commercial functionality.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018-3.jpg\"\r\n ]\r\n },\r\n \/\/ Hotel Santika Tasikmalaya project\r\n {\r\n title: \"Hotel Santika Tasikmalaya\",\r\n location: \"Tasikmalaya, Indonesia\",\r\n year: \"2020\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Contemporary hospitality project in Tasikmalaya featuring sophisticated interior design that blends modern comfort with local cultural elements. The hotel design emphasizes functional elegance with carefully curated spaces, premium materials, and warm color palettes to create memorable guest experiences in West Java's cultural heart.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1.webp\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/3.png\"\r\n ]\r\n },\r\n \/\/ NEW: Menteng Private House\r\n {\r\n title: \"Menteng Private House\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2019\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Sophisticated private residence in Jakarta's prestigious Menteng district featuring contemporary minimalist design with luxurious finishes. The project showcases open-plan living spaces, geometric design elements, integrated lighting systems, and premium materials creating an elegant balance of modern functionality and refined aesthetics for upscale urban living.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Private-House-Jakarta-2019-.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-1.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-2.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-3.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-4.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-5.png\"\r\n ]\r\n },\r\n \/\/ NEW: Apartment Casa Grande\r\n {\r\n title: \"Apartment Casa Grande\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2020\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Modern luxury apartment interior at Casa Grande Residence, one of Jakarta's premium residential towers in Casablanca. The design features contemporary minimalist aesthetics with neutral color palettes, high-end kitchen appliances, elegant dining spaces, and sophisticated living areas that emphasize comfort and functional luxury for urban professionals and families.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Project-Apartment-Casa-Grande-Jakarta-2020.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Project-Apartment-Casa-Grande-Jakarta-2020-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Project-Apartment-Casa-Grande-Jakarta-2020-2.jpg\"\r\n ]\r\n }\r\n ];\r\n\r\n let currentSwiper = null;\r\n\r\n \/\/ Initialize on DOM load\r\n document.addEventListener('DOMContentLoaded', function() {\r\n initializeFilters();\r\n initializeProjectCards();\r\n });\r\n\r\n function initializeFilters() {\r\n document.querySelectorAll('.filter-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const filter = this.dataset.filter;\r\n document.querySelectorAll('.filter-btn').forEach(b => {\r\n b.classList.remove('active', 'bg-yellow-600', 'text-white');\r\n b.classList.add('text-yellow-600');\r\n });\r\n this.classList.add('active', 'bg-yellow-600', 'text-white');\r\n this.classList.remove('text-yellow-600');\r\n filterProjects(filter);\r\n });\r\n });\r\n }\r\n\r\n function initializeProjectCards() {\r\n document.querySelectorAll('.project-card').forEach((card, index) => {\r\n card.addEventListener('click', function() {\r\n const projectIndex = parseInt(this.dataset.project);\r\n openModal(projectIndex);\r\n });\r\n });\r\n }\r\n\r\n function filterProjects(filter) {\r\n document.querySelectorAll('.project-card').forEach(card => {\r\n const category = card.dataset.category;\r\n if (filter === 'all' || category === filter) {\r\n card.style.display = 'block';\r\n setTimeout(() => {\r\n card.style.opacity = '1';\r\n card.style.transform = 'scale(1)';\r\n }, 10);\r\n } else {\r\n card.style.opacity = '0';\r\n card.style.transform = 'scale(0.9)';\r\n setTimeout(() => {\r\n card.style.display = 'none';\r\n }, 300);\r\n }\r\n });\r\n }\r\n\r\n function openModal(projectIndex) {\r\n if (!projects[projectIndex]) return;\r\n const project = projects[projectIndex];\r\n const modal = document.getElementById('projectModal');\r\n \r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n const aboutPreview = document.querySelector('.about-preview');\r\n \r\n if (header) header.classList.add('header-hidden');\r\n if (hero) hero.classList.add('hero-hidden');\r\n if (aboutPreview) aboutPreview.classList.add('content-shifted');\r\n \r\n document.getElementById('modalTitle').textContent = project.title;\r\n document.getElementById('modalSubtitle').textContent = `${project.location} \u2022 ${project.year}`;\r\n document.getElementById('modalDescription').textContent = project.description;\r\n document.getElementById('modalLocation').textContent = project.location;\r\n document.getElementById('modalYear').textContent = project.year;\r\n document.getElementById('modalType').textContent = project.type;\r\n document.getElementById('modalStatus').textContent = project.status;\r\n \r\n const imagesContainer = document.getElementById('modalImages');\r\n imagesContainer.innerHTML = project.images.map(img => `\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"${img}\" alt=\"${project.title}\" class=\"w-full h-full object-contain\">\r\n <\/div>\r\n `).join('');\r\n \r\n updateOtherProjects(projectIndex);\r\n modal.classList.remove('hidden');\r\n document.body.classList.add('modal-open');\r\n \r\n setTimeout(() => {\r\n initializeSwiper(project);\r\n }, 100);\r\n }\r\n\r\n function updateOtherProjects(currentProjectIndex) {\r\n const otherProjectsContainer = document.getElementById('otherProjects');\r\n const isMobile = window.innerWidth < 768;\r\n const projectsToShow = isMobile ? 4 : 8;\r\n const otherProjects = projects.filter((_, index) => index !== currentProjectIndex).slice(0, projectsToShow);\r\n \r\n otherProjectsContainer.innerHTML = otherProjects.map((proj) => {\r\n const originalIndex = projects.findIndex(p => p.title === proj.title);\r\n return `\r\n <div class=\"project-nav-item cursor-pointer\" onclick=\"switchProject(${originalIndex})\">\r\n <img decoding=\"async\" src=\"${proj.images[0]}\" alt=\"${proj.title}\" class=\"w-full h-16 md:h-20 object-cover rounded-lg mb-2\">\r\n <h5 class=\"text-xs md:text-sm font-semibold text-gray-800 text-truncate-2\">${proj.title}<\/h5>\r\n <p class=\"text-xs text-gray-500 truncate\">${proj.location}<\/p>\r\n <\/div>\r\n `;\r\n }).join('');\r\n }\r\n\r\n function initializeSwiper(project) {\r\n if (currentSwiper) {\r\n currentSwiper.destroy(true, true);\r\n }\r\n try {\r\n currentSwiper = new Swiper('.swiper-container', {\r\n slidesPerView: 1,\r\n spaceBetween: 0,\r\n loop: project.images.length > 1,\r\n autoplay: project.images.length > 1 ? {\r\n delay: 4000,\r\n disableOnInteraction: false,\r\n } : false,\r\n navigation: {\r\n nextEl: '.swiper-button-next',\r\n prevEl: '.swiper-button-prev',\r\n },\r\n pagination: {\r\n el: '.swiper-pagination',\r\n clickable: true,\r\n },\r\n on: {\r\n init: function () {\r\n this.update();\r\n },\r\n resize: function () {\r\n this.update();\r\n }\r\n }\r\n });\r\n } catch (error) {\r\n console.warn('Swiper initialization failed:', error);\r\n }\r\n }\r\n\r\n function switchProject(projectIndex) {\r\n if (projectIndex >= 0 && projectIndex < projects.length) {\r\n openModal(projectIndex);\r\n }\r\n }\r\n\r\n function closeModal() {\r\n const modal = document.getElementById('projectModal');\r\n \r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n const aboutPreview = document.querySelector('.about-preview');\r\n \r\n if (header) header.classList.remove('header-hidden');\r\n if (hero) hero.classList.remove('hero-hidden');\r\n if (aboutPreview) aboutPreview.classList.remove('content-shifted');\r\n \r\n modal.classList.add('hidden');\r\n document.body.classList.remove('modal-open');\r\n \r\n if (currentSwiper) {\r\n try {\r\n currentSwiper.destroy(true, true);\r\n currentSwiper = null;\r\n } catch (error) {\r\n console.warn('Swiper destroy failed:', error);\r\n }\r\n }\r\n }\r\n\r\n document.getElementById('projectModal').addEventListener('click', function(e) {\r\n if (e.target === e.currentTarget) {\r\n closeModal();\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && !document.getElementById('projectModal').classList.contains('hidden')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n window.addEventListener('orientationchange', function() {\r\n setTimeout(() => {\r\n if (currentSwiper) {\r\n currentSwiper.update();\r\n }\r\n }, 500);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5763157 elementor-widget elementor-widget-html\" data-id=\"5763157\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n .contact {\r\n padding: clamp(80px, 12vh, 120px) clamp(30px, 6vw, 60px);\r\n background-color: #fff;\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr 0.8fr; \/* Non-proportional column widths *\/\r\n gap: clamp(30px, 6vw, 50px);\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n align-items: start;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(15px, 3vw, 25px);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease-out 0.2s forwards;\r\n }\r\n\r\n .contact-map {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease-out 0.4s forwards;\r\n }\r\n\r\n .contact-info h2 {\r\n font-weight: 800;\r\n font-size: clamp(2.5em, 4.5vw, 3.8em);\r\n color: #0a1a2f;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n }\r\n\r\n .contact-info p {\r\n font-weight: 400;\r\n font-size: clamp(1em, 2vw, 1.2em);\r\n line-height: 1.8;\r\n color: #4a4a4a;\r\n }\r\n\r\n .contact-info p strong {\r\n font-weight: 600;\r\n color: #0a1a2f;\r\n }\r\n\r\n .contact-form form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(18px, 3vw, 25px);\r\n }\r\n\r\n .contact-form input,\r\n .contact-form textarea {\r\n padding: clamp(12px, 2.5vw, 16px);\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: clamp(0.95em, 1.8vw, 1.1em);\r\n font-weight: 400;\r\n background-color: #f8f8f8;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact-form input:focus,\r\n .contact-form textarea:focus {\r\n border-color: #c19a00;\r\n background-color: #fff;\r\n box-shadow: 0 0 12px rgba(193, 154, 0, 0.2);\r\n outline: none;\r\n }\r\n\r\n .contact-form textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n .contact-form button {\r\n padding: clamp(12px, 2.5vw, 16px);\r\n background: linear-gradient(135deg, #c19a00, #e8c872);\r\n color: #0a1a2f;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: clamp(1em, 2vw, 1.2em);\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .contact-form button::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transition: left 0.4s ease;\r\n }\r\n\r\n .contact-form button:hover::after {\r\n left: 100%;\r\n }\r\n\r\n .contact-form button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(193, 154, 0, 0.3);\r\n }\r\n\r\n .contact-map iframe {\r\n width: 100%;\r\n height: clamp(300px, 50vw, 450px);\r\n border: 0;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .contact-map:hover iframe {\r\n transform: scale(1.03);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .contact {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .contact {\r\n padding: clamp(50px, 10vh, 80px) 20px;\r\n }\r\n\r\n .contact-info h2 {\r\n font-size: clamp(2em, 4vw, 3em);\r\n }\r\n\r\n .contact-form input,\r\n .contact-form textarea {\r\n padding: 12px;\r\n }\r\n\r\n .contact-form button {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact-map iframe {\r\n height: 250px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"contact\" id=\"contact\">\r\n <div class=\"contact-info\">\r\n <h2>Contact Us<\/h2>\r\n <p><strong>Address:<\/strong> Jl. Gatot Subroto Barat No. 419, Denpasar - Bali<\/p>\r\n \r\n<p><strong>WhatsApp\/Call:<\/strong> +62 816 615577<\/p>\r\n <p><strong>Email:<\/strong> project@balinara.com<\/p>\r\n <p><strong>Website:<\/strong> www.balinara.com<\/p>\r\n <p>Elevate your space with our global vision. Schedule a complimentary consultation today.<\/p>\r\n <\/div>\r\n <div class=\"contact-form\">\r\n <form action=\"mailto:project@balinara.com\" method=\"post\" enctype=\"text\/plain\">\r\n <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\r\n <input type=\"email\" name=\"email\" placeholder=\"Your Email\" required>\r\n <textarea name=\"message\" placeholder=\"Your Message\" rows=\"5\" required><\/textarea>\r\n <button type=\"submit\">Submit Inquiry<\/button>\r\n <\/form>\r\n <\/div>\r\n <div class=\"contact-map\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1gpq09D12evnRUYAcRicLIGTzcAf2kXE&ehbc=2E312F\" \r\n allowfullscreen=\"\" loading=\"lazy\">\r\n <\/iframe>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26824c8 elementor-widget elementor-widget-html\" data-id=\"26824c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\n.footer {\r\n background: linear-gradient(180deg, #1a2332 0%, #0f1419 100%);\r\n color: #ffffff;\r\n text-align: center;\r\n padding: clamp(60px, 8vh, 100px) clamp(30px, 5vw, 60px);\r\n position: relative;\r\n}\r\n\r\n.footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.4), transparent);\r\n}\r\n\r\n.footer-brand {\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 600;\r\n font-size: clamp(2.2em, 6vw, 3.2em);\r\n margin-bottom: clamp(30px, 5vh, 50px);\r\n color: #d4a017;\r\n letter-spacing: -0.5px;\r\n line-height: 1.1;\r\n}\r\n\r\n.footer-nav {\r\n margin-bottom: clamp(40px, 6vh, 60px);\r\n}\r\n\r\n.footer-nav ul {\r\n list-style: none;\r\n display: flex;\r\n justify-content: center;\r\n gap: clamp(25px, 4vw, 45px);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.footer-nav a {\r\n color: rgba(255, 255, 255, 0.8);\r\n text-decoration: none;\r\n font-size: clamp(1rem, 2vw, 1.1rem);\r\n font-weight: 500;\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n}\r\n\r\n.footer-nav a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: #d4a017;\r\n transition: width 0.3s ease;\r\n}\r\n\r\n.footer-nav a:hover {\r\n color: #ffffff;\r\n}\r\n\r\n.footer-nav a:hover::after {\r\n width: 100%;\r\n}\r\n\r\n.social-icons {\r\n display: flex;\r\n justify-content: center;\r\n gap: clamp(20px, 3vw, 30px);\r\n margin-bottom: clamp(40px, 6vh, 60px);\r\n}\r\n\r\n.social-icons a {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(212, 160, 23, 0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n opacity: 0.4;\r\n pointer-events: none;\r\n}\r\n\r\n.social-icons a:hover {\r\n background: rgba(212, 160, 23, 0.1);\r\n border-color: #d4a017;\r\n color: #d4a017;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* Hide disabled social media *\/\r\n.social-icons a[href*=\"facebook\"],\r\n.social-icons a[href*=\"instagram\"],\r\n.social-icons a[href*=\"linkedin\"],\r\n.social-icons a[href*=\"pinterest\"] {\r\n opacity: 0.2;\r\n pointer-events: none;\r\n}\r\n\r\n.footer-copy {\r\n font-weight: 400;\r\n font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Subtle responsive design *\/\r\n@media (max-width: 768px) {\r\n .footer {\r\n padding: clamp(50px, 8vh, 70px) clamp(20px, 4vw, 30px);\r\n }\r\n \r\n .footer-nav ul {\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n \r\n .social-icons {\r\n gap: 18px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .footer-nav ul {\r\n gap: 16px;\r\n }\r\n \r\n .social-icons a {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 1.1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"footer\">\r\n <h2 class=\"footer-brand\">Balinara Living<\/h2>\r\n \r\n <nav class=\"footer-nav\">\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n <li><a href=\"#contact\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <div class=\"social-icons\">\r\n <a href=\"https:\/\/facebook.com\/balinaraliving\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/instagram.com\/balinaraliving\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/linkedin.com\/company\/balinaraliving\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"https:\/\/pinterest.com\/balinaraliving\" aria-label=\"Pinterest\"><i class=\"fab fa-pinterest\"><\/i><\/a>\r\n <\/div>\r\n \r\n <p class=\"footer-copy\">\u00a9 2025 Balinara Living. Crafting Timeless Elegance from Bali to the World.<\/p>\r\n<\/footer>\r\n\r\n<script>\r\ndocument.querySelectorAll('.footer-nav a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n});\r\n<\/script>\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>Balinara Living – Timeless Balinese Craftsmanship Home About Services Portfolio Contact Timeless Balinese Craftsmanship Where Tradition Meets Modern Luxury Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage. Begin Your Journey \u2192 Balinara Living – About About […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish"],"yoast_head":"\n<title>Beranda - Balinara Living - Interior Design & Furniture<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.balinara.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda - Balinara Living - Interior Design & Furniture\" \/>\n<meta property=\"og:description\" content=\"Balinara Living – Timeless Balinese Craftsmanship Home About Services Portfolio Contact Timeless Balinese Craftsmanship Where Tradition Meets Modern Luxury Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage. Begin Your Journey \u2192 Balinara Living – About About […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.balinara.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Balinara Living - Interior Design & Furniture\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-13T05:01:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"33 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.balinara.com\/\",\"url\":\"https:\/\/www.balinara.com\/\",\"name\":\"Beranda - Balinara Living - Interior Design & Furniture\",\"isPartOf\":{\"@id\":\"https:\/\/www.balinara.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.balinara.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.balinara.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\",\"datePublished\":\"2025-09-03T04:01:47+00:00\",\"dateModified\":\"2025-09-13T05:01:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.balinara.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.balinara.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.balinara.com\/#primaryimage\",\"url\":\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\",\"contentUrl\":\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\",\"width\":985,\"height\":266},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.balinara.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.balinara.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.balinara.com\/#website\",\"url\":\"https:\/\/www.balinara.com\/\",\"name\":\"Balinara Living - Interior Design & Furniture\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.balinara.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Beranda - Balinara Living - Interior Design & Furniture","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.balinara.com\/","og_locale":"en_US","og_type":"article","og_title":"Beranda - Balinara Living - Interior Design & Furniture","og_description":"Balinara Living – Timeless Balinese Craftsmanship Home About Services Portfolio Contact Timeless Balinese Craftsmanship Where Tradition Meets Modern Luxury Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage. Begin Your Journey \u2192 Balinara Living – About About […]","og_url":"https:\/\/www.balinara.com\/","og_site_name":"Balinara Living - Interior Design & Furniture","article_modified_time":"2025-09-13T05:01:12+00:00","og_image":[{"url":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"33 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.balinara.com\/","url":"https:\/\/www.balinara.com\/","name":"Beranda - Balinara Living - Interior Design & Furniture","isPartOf":{"@id":"https:\/\/www.balinara.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.balinara.com\/#primaryimage"},"image":{"@id":"https:\/\/www.balinara.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","datePublished":"2025-09-03T04:01:47+00:00","dateModified":"2025-09-13T05:01:12+00:00","breadcrumb":{"@id":"https:\/\/www.balinara.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.balinara.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.balinara.com\/#primaryimage","url":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","contentUrl":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","width":985,"height":266},{"@type":"BreadcrumbList","@id":"https:\/\/www.balinara.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.balinara.com\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/www.balinara.com\/#website","url":"https:\/\/www.balinara.com\/","name":"Balinara Living - Interior Design & Furniture","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.balinara.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":320,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions\/563"}],"wp:attachment":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Balinara Living - Timeless Balinese Craftsmanship<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-gold: #d4a017;\r\n --light-gold: #f0d68a;\r\n --dark-navy: #1a2b3c;\r\n --warm-white: #fdfcf8;\r\n --accent-brown: #8b4513;\r\n --shadow-light: rgba(212, 160, 23, 0.15);\r\n --shadow-dark: rgba(26, 43, 60, 0.2);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-navy);\r\n background-color: var(--warm-white);\r\n overflow-x: hidden;\r\n }\r\n\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n background: rgba(253, 252, 248, 0.95);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(212, 160, 23, 0.1);\r\n padding: 20px 50px;\r\n z-index: 1000;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .header.scrolled {\r\n background: rgba(253, 252, 248, 0.98);\r\n box-shadow: 0 10px 40px rgba(26, 43, 60, 0.1);\r\n padding: 15px 50px;\r\n }\r\n\r\n .header-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .logo {\r\n position: relative;\r\n z-index: 1001;\r\n }\r\n\r\n .logo img {\r\n height: 60px;\r\n width: auto;\r\n transition: all 0.4s ease;\r\n filter: drop-shadow(0 2px 8px rgba(212, 160, 23, 0.3));\r\n }\r\n\r\n .logo:hover img {\r\n transform: scale(1.05);\r\n filter: drop-shadow(0 4px 12px rgba(212, 160, 23, 0.5));\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: var(--dark-navy);\r\n font-weight: 500;\r\n font-size: 16px;\r\n position: relative;\r\n padding: 10px 0;\r\n transition: all 0.3s ease;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .nav-menu a::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--primary-gold), var(--light-gold));\r\n transition: all 0.3s ease;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .nav-menu a:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary-gold);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n z-index: 1001;\r\n }\r\n\r\n .menu-toggle span {\r\n width: 25px;\r\n height: 2px;\r\n background: var(--dark-navy);\r\n margin: 3px 0;\r\n transition: 0.3s;\r\n }\r\n\r\n .hero {\r\n height: 100vh;\r\n background: linear-gradient(135deg, rgba(26, 43, 60, 0.7), rgba(212, 160, 23, 0.3)),\r\n url('https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(circle at center, transparent 0%, rgba(26, 43, 60, 0.4) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n color: white;\r\n max-width: 900px;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 2;\r\n animation: heroFadeIn 2s ease-out;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 18px;\r\n font-weight: 300;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n opacity: 0.9;\r\n animation: slideUp 1.5s ease-out 0.5s both;\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 30px;\r\n background: linear-gradient(45deg, #ffffff, #f0d68a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: slideUp 1.5s ease-out 0.8s both;\r\n }\r\n\r\n .hero-description {\r\n font-size: 20px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n margin-bottom: 50px;\r\n opacity: 0.95;\r\n animation: slideUp 1.5s ease-out 1.1s both;\r\n }\r\n\r\n .cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 18px 40px;\r\n background: linear-gradient(135deg, var(--primary-gold), var(--light-gold));\r\n color: var(--dark-navy);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 16px;\r\n border-radius: 50px;\r\n box-shadow: 0 8px 30px var(--shadow-light);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n animation: slideUp 1.5s ease-out 1.4s both;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .cta-button:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px var(--shadow-light);\r\n background: linear-gradient(135deg, var(--light-gold), var(--primary-gold));\r\n }\r\n\r\n @keyframes heroFadeIn {\r\n from { opacity: 0; transform: translateY(50px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .header {\r\n padding: 15px 20px;\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 300px;\r\n height: 100vh;\r\n background: var(--warm-white);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px;\r\n transition: right 0.4s ease;\r\n box-shadow: -10px 0 30px rgba(26, 43, 60, 0.1);\r\n }\r\n\r\n .nav-menu.active {\r\n right: 0;\r\n }\r\n\r\n .menu-toggle {\r\n display: flex;\r\n }\r\n\r\n .menu-toggle.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(5px, 5px);\r\n }\r\n\r\n .menu-toggle.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .menu-toggle.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -6px);\r\n }\r\n\r\n .hero-content {\r\n padding: 0 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-description {\r\n font-size: 18px;\r\n }\r\n\r\n .cta-button {\r\n padding: 15px 30px;\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header class=\"header\" id=\"header\">\r\n <div class=\"header-content\">\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\" alt=\"Balinara Living - Timeless Balinese Craftsmanship\">\r\n <\/div>\r\n \r\n <nav>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n \r\n <div class=\"menu-toggle\" id=\"menuToggle\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-subtitle\">Timeless Balinese Craftsmanship<\/div>\r\n <h1 class=\"hero-title\">Where Tradition Meets Modern Luxury<\/h1>\r\n <p class=\"hero-description\">Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage.<\/p>\r\n <a href=\"#services\" class=\"cta-button\">\r\n Begin Your Journey\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for navigation links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n document.getElementById('navMenu').classList.remove('active');\r\n document.getElementById('menuToggle').classList.remove('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Header scroll effect\r\n window.addEventListener('scroll', () => {\r\n const header = document.getElementById('header');\r\n if (window.scrollY > 50) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Mobile menu toggle\r\n document.getElementById('menuToggle').addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n document.getElementById('navMenu').classList.toggle('active');\r\n });\r\n\r\n \/\/ Close mobile menu when clicking outside\r\n document.addEventListener('click', function(e) {\r\n const nav = document.getElementById('navMenu');\r\n const toggle = document.getElementById('menuToggle');\r\n \r\n if (!nav.contains(e.target) && !toggle.contains(e.target)) {\r\n nav.classList.remove('active');\r\n toggle.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Parallax effect for hero background\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const hero = document.querySelector('.hero');\r\n const rate = scrolled * -0.5;\r\n \r\n if (hero) {\r\n hero.style.backgroundPosition = `center ${rate}px`;\r\n }\r\n });\r\n\r\n \/\/ Override openModal and closeModal to handle header and hero visibility\r\n const originalOpenModal = window.openModal;\r\n window.openModal = function(projectIndex) {\r\n if (typeof originalOpenModal === 'function') {\r\n originalOpenModal(projectIndex);\r\n }\r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n if (header) header.style.display = 'none';\r\n if (hero) hero.style.display = 'none';\r\n };\r\n\r\n const originalCloseModal = window.closeModal;\r\n window.closeModal = function() {\r\n if (typeof originalCloseModal === 'function') {\r\n originalCloseModal();\r\n }\r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n if (header) header.style.display = 'block';\r\n if (hero) hero.style.display = 'flex';\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc66dc1 elementor-widget elementor-widget-html\" data-id=\"fc66dc1\" data-element_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>Balinara Living - About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n <div class=\"about\" id=\"about\">\r\n <div class=\"about-text\">\r\n <h2>About Us<\/h2>\r\n <p>Established in 2002, Balinara Living has built a solid reputation as a contractor and as a furniture producer. Our team has become synonymous with exquisite taste, unparalleled service and unmatched quality. Operating with the utmost in business ethics, we are known for our reliability and attention for detail on every project, making your experience with us authentically different.\r\nWe offer our clients a unique opportunity to source their requirements through Us, we are experts in custom made furniture, curtains, carpets and upholstery works thus greatly facilitating new demands and requirement to fit any space.<\/p>\r\n \r\n \r\n <\/div>\r\n <div class=\"about-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Ko-ed-final.png\" alt=\"About Balinara\">\r\n <\/div>\r\n <\/div>\r\n\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n .about {\r\n min-height: 100vh;\r\n padding: clamp(80px, 12vh, 120px) clamp(40px, 8vw, 120px);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #ffffff;\r\n position: relative;\r\n gap: clamp(60px, 10vw, 120px);\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .about-text {\r\n flex: 1;\r\n max-width: 560px;\r\n }\r\n\r\n .about-image {\r\n flex: 1;\r\n max-width: 600px;\r\n }\r\n\r\n .about-image img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n filter: grayscale(5%) contrast(1.02);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .about-text h2 {\r\n font-weight: 500;\r\n font-size: clamp(2.5rem, 5vw, 3.5rem);\r\n margin-bottom: clamp(32px, 5vw, 48px);\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n text-align: center;\r\n }\r\n\r\n .about-text p {\r\n font-weight: 400;\r\n font-size: clamp(17px, 2.2vw, 19px);\r\n line-height: 1.65;\r\n color: #4a5568;\r\n margin-bottom: clamp(24px, 4vw, 32px);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .about-text p:last-child {\r\n margin-bottom: clamp(24px, 4vw, 32px);\r\n }\r\n\r\n .button-container {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .company-profile-btn {\r\n display: inline-block;\r\n padding: 12px 24px;\r\n background: #1a1a1a;\r\n color: #ffffff;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: clamp(16px, 2vw, 18px);\r\n border-radius: 4px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .company-profile-btn:hover {\r\n background: #4a5568;\r\n }\r\n\r\n @media (max-width: 968px) {\r\n .about {\r\n flex-direction: column;\r\n gap: clamp(48px, 8vw, 64px);\r\n text-align: center;\r\n padding: clamp(60px, 10vh, 100px) clamp(24px, 6vw, 40px);\r\n }\r\n\r\n .about-text,\r\n .about-image {\r\n flex: none;\r\n max-width: 100%;\r\n }\r\n\r\n .about-image {\r\n order: -1;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about {\r\n padding: clamp(40px, 8vh, 80px) 20px;\r\n }\r\n\r\n .about-text p {\r\n text-align: left;\r\n }\r\n }\r\n <\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a715a7 elementor-widget elementor-widget-html\" data-id=\"0a715a7\" data-element_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>Vision & Mission - Balinara Living<\/title>\r\n <style>\r\n .balinara-vision-mission * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .balinara-vision-mission {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n line-height: 1.6;\r\n color: #2c2c2c;\r\n position: relative;\r\n }\r\n\r\n .vision-mission-section {\r\n position: relative;\r\n padding: 60px 0;\r\n background: linear-gradient(135deg, #f8f6f0 0%, #e8e2d5 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .decorative-pattern {\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" fill=\"none\"><path d=\"M20 20c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm40 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zM20 60c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm40 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z\" fill=\"%23d4af37\" opacity=\"0.08\"\/><\/svg>') repeat;\r\n opacity: 0.2;\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n animation: fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .section-subtitle {\r\n color: #d4af37;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 12px;\r\n position: relative;\r\n }\r\n\r\n .section-subtitle::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -6px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 50px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #d4af37, #b8941f);\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 400;\r\n color: #2c2c2c;\r\n margin-bottom: 20px;\r\n position: relative;\r\n }\r\n\r\n .section-description {\r\n font-size: 16px;\r\n color: #666;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .content-layout-vertical {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n margin-top: 30px;\r\n }\r\n\r\n .vision-card, .mission-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(8px);\r\n border-radius: 16px;\r\n padding: 35px 30px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);\r\n border: 1px solid rgba(212, 175, 55, 0.12);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);\r\n animation: fadeInUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n .vision-card:hover, .mission-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .vision-card::before, .mission-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #d4af37, #b8941f);\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n .card-content-wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 30px;\r\n }\r\n\r\n .card-icon-section {\r\n flex-shrink: 0;\r\n }\r\n\r\n .card-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #d4af37, #b8941f);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n box-shadow: 0 8px 24px rgba(212, 175, 55, 0.25);\r\n margin-bottom: 0;\r\n position: relative;\r\n }\r\n\r\n .card-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n .card-content-section {\r\n flex: 1;\r\n }\r\n\r\n .card-title {\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #2c2c2c;\r\n margin-bottom: 16px;\r\n position: relative;\r\n }\r\n\r\n .card-content {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #555;\r\n }\r\n\r\n .mission-points {\r\n list-style: none;\r\n padding: 0;\r\n margin-top: 16px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .mission-points li {\r\n position: relative;\r\n padding: 10px 0 10px 26px;\r\n transition: all 0.3s ease;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n }\r\n\r\n .mission-points li:hover {\r\n background: rgba(212, 175, 55, 0.04);\r\n padding-left: 30px;\r\n }\r\n\r\n .mission-points li::before {\r\n content: '\u2726';\r\n position: absolute;\r\n left: 0;\r\n top: 10px;\r\n color: #d4af37;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mission-points li:hover::before {\r\n transform: scale(1.15);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .card-content-wrapper {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 20px;\r\n }\r\n \r\n .mission-points {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"balinara-vision-mission\">\r\n <section class=\"vision-mission-section\">\r\n <div class=\"decorative-pattern\"><\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-subtitle\">Our Philosophy<\/div>\r\n <h2 class=\"section-title\">Vision & Mission<\/h2>\r\n <p class=\"section-description\">\r\n Balinara Living is dedicated to delivering customer satisfaction through quality and innovative performance, creating exceptional living spaces with precision and excellence.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"content-layout-vertical\">\r\n <div class=\"vision-card\">\r\n <div class=\"card-content-wrapper\">\r\n <div class=\"card-icon-section\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-content-section\">\r\n <h3 class=\"card-title\">Our Vision<\/h3>\r\n <div class=\"card-content\">\r\n <p>Balinara Living aims to be the leading provider of exceptional living spaces, delivering unparalleled customer satisfaction through innovative and high-quality performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mission-card\">\r\n <div class=\"card-content-wrapper\">\r\n <div class=\"card-icon-section\">\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-content-section\">\r\n <h3 class=\"card-title\">Our Mission<\/h3>\r\n <div class=\"card-content\">\r\n <p>We are committed to excellence in every aspect of our service:<\/p>\r\n <ul class=\"mission-points\">\r\n <li>Producing reliable and quality products to realize customer satisfaction.<\/li>\r\n <li>Creating and fostering working relationships through effective and efficient communication.<\/li>\r\n <li>Carrying out projects that are on time, on cost, on quality, with efficient engineering in a consistent and transparent manner.<\/li>\r\n <li>Maintaining and respecting working relationships with partners based on partnership principles.<\/li>\r\n <li>Synergizing with other contractor companies in handling and managing design and construction projects.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa5f356 elementor-widget elementor-widget-html\" data-id=\"fa5f356\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Modern Services Section<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .services {\n padding: clamp(100px, 15vh, 150px) clamp(20px, 5vw, 50px);\n text-align: center;\n background-color: #fff;\n }\n\n .services h2 {\n font-weight: 700;\n font-size: clamp(2.5em, 6vw, 3.8em);\n margin-bottom: clamp(40px, 8vw, 60px);\n color: #1a2b3c;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(clamp(250px, 40vw, 350px), 1fr));\n gap: clamp(30px, 6vw, 50px);\n }\n\n .service-card {\n padding: clamp(30px, 6vw, 40px);\n border: none;\n border-radius: clamp(15px, 3vw, 25px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n background: #fff;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .service-card img {\n width: 100%;\n height: clamp(200px, 40vw, 250px);\n object-fit: cover;\n border-radius: clamp(10px, 2vw, 15px);\n margin-bottom: clamp(15px, 4vw, 25px);\n transition: transform 0.5s ease;\n }\n\n .service-card:hover img {\n transform: scale(1.05);\n }\n\n .service-card h3 {\n font-weight: 600;\n font-size: clamp(1.8em, 4vw, 2.2em);\n margin: clamp(15px, 3vw, 20px) 0;\n color: #d4a017;\n }\n\n .service-card p {\n font-weight: 400;\n font-size: clamp(1em, 2.5vw, 1.3em);\n line-height: 1.8;\n color: #000;\n }\n\n .highlight {\n background: linear-gradient(120deg, rgba(255,255,0,0.3) 0%, rgba(255,255,0,0.5) 100%);\n padding: 2px 4px;\n border-radius: 4px;\n display: inline;\n font-weight: 500;\n position: relative;\n }\n\n .service-card button {\n padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 30px);\n background: linear-gradient(45deg, #d4a017, #e8c872);\n color: #1a2b3c;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n font-size: clamp(1em, 2vw, 1.2em);\n font-weight: 600;\n margin-top: clamp(15px, 3vw, 20px);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n\n .service-card button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(212,160,23,0.5);\n }\n\n @media (max-width: 1024px) {\n .services-grid {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n }\n }\n\n @media (max-width: 768px) {\n .services {\n padding: clamp(60px, 12vh, 100px) 15px;\n }\n .services-grid {\n gap: 30px;\n }\n }\n\n @media (max-width: 480px) {\n .service-card img {\n height: 200px;\n }\n .service-card button {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"services\" id=\"services\">\n <h2>Our Services<\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Lamitak-Studio-Bali-2025.jpg\" alt=\"Furniture & Interior Design\">\n <h3 style=\"font-weight: bold;\">Interior Design & Furniture<\/h3>\n <p>Balinara Living offers custom furniture and interior design services to transform your home or office into a dream space, tailored to your unique style and needs.<\/p>\n <\/div>\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/c8b6b4_a80ca92b25ab4f14a8c5c4302c40f0a9mv2.avif\" alt=\"Contractor\">\n <h3 style=\"font-weight: bold;\">Architecture & Construction Service<\/h3>\n <p>We provide help and support for you through the entire process of a project starting since Land Surveying, Contour Measurements and Engineering, Design and Branding Concepts, Engineered Drawings, Material Selection, Building Cost Calculations, also Construction Management\/Surveillance.<\/p>\n <button onclick=\"window.open('https:\/\/mvmnt.id', '_blank')\">Click for More Details<\/button>\n <button onclick=\"window.open('https:\/\/www.balinara.com\/index.php\/company-profile\/', '_blank')\">Company Profile<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96cb6c4 elementor-widget elementor-widget-html\" data-id=\"96cb6c4\" data-element_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>Balinara Portfolio - Architectural Excellence<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper@8.4.7\/swiper-bundle.min.css\" \/>\r\n <style>\r\n :root {\r\n --primary-gold: #d4a017;\r\n --secondary-gold: #a38112;\r\n --dark-brown: #2c2c2c;\r\n --light-cream: #fefdfb;\r\n --glass-bg: rgba(255, 255, 255, 0.95);\r\n --shadow-elegant: 0 8px 32px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n * {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n .font-display {\r\n font-family: 'Playfair Display', serif;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, var(--light-cream) 0%, #f8f6f0 100%);\r\n color: var(--dark-brown);\r\n }\r\n\r\n .glass-effect {\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .project-card {\r\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n cursor: pointer;\r\n }\r\n\r\n .project-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-elegant);\r\n }\r\n\r\n .project-image {\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .project-card:hover .project-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n .modal-backdrop {\r\n background: rgba(0, 0, 0, 0.95);\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .modal-content {\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n width: 100%;\r\n max-width: min(90vw, 1200px);\r\n position: relative;\r\n margin: auto;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .modal-header {\r\n position: sticky;\r\n top: 0;\r\n background: white;\r\n z-index: 10;\r\n border-bottom: 1px solid #e5e7eb;\r\n padding: 1rem 1.5rem;\r\n }\r\n\r\n .modal-header .header-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n min-width: 0;\r\n flex: 1;\r\n }\r\n\r\n .modal-header .header-wrapper {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n }\r\n\r\n .modal-header h2 {\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n hyphens: auto;\r\n max-width: 100%;\r\n }\r\n\r\n .modal-header p {\r\n font-size: 0.875rem;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .modal-close-btn {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .modal-close-btn:hover {\r\n background: #f3f4f6;\r\n }\r\n\r\n .swiper-container {\r\n width: 100%;\r\n height: 50vh;\r\n max-height: 400px;\r\n overflow: hidden;\r\n position: relative;\r\n flex-shrink: 0;\r\n }\r\n\r\n .swiper-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .swiper-button-next,\r\n .swiper-button-prev {\r\n color: var(--primary-gold) !important;\r\n background: rgba(0, 0, 0, 0.5);\r\n border-radius: 50%;\r\n width: 50px !important;\r\n height: 50px !important;\r\n margin-top: -25px !important;\r\n }\r\n\r\n .swiper-button-next:after,\r\n .swiper-button-prev:after {\r\n font-size: 18px !important;\r\n }\r\n\r\n .swiper-pagination-bullet {\r\n background: var(--primary-gold) !important;\r\n opacity: 0.7;\r\n }\r\n\r\n .swiper-pagination-bullet-active {\r\n opacity: 1;\r\n transform: scale(1.2);\r\n }\r\n\r\n .project-nav-item {\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .project-nav-item:hover {\r\n transform: scale(1.05);\r\n opacity: 0.8;\r\n }\r\n\r\n .filter-btn {\r\n min-width: fit-content;\r\n white-space: nowrap;\r\n }\r\n\r\n .filter-btn.active {\r\n background-color: #d4a017;\r\n color: white;\r\n }\r\n\r\n .project-details {\r\n padding: 1.5rem;\r\n margin-top: 1rem;\r\n flex-grow: 1;\r\n }\r\n\r\n .other-projects-section {\r\n padding: 1rem 1.5rem;\r\n border-top: 1px solid #e5e7eb;\r\n flex-shrink: 0;\r\n }\r\n\r\n .other-projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .other-projects-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .other-projects-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n .header-hidden {\r\n transform: translateY(-100%) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .hero-hidden {\r\n transform: translateY(-100vh) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .content-shifted {\r\n transform: translateY(-100vh) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .modal-content {\r\n margin: 5px;\r\n max-width: calc(100vw - 10px);\r\n max-height: calc(100vh - 10px);\r\n }\r\n \r\n .modal-header {\r\n padding: 0.75rem 1rem;\r\n }\r\n\r\n .modal-header h2 {\r\n font-size: 1.25rem !important;\r\n line-height: 1.25;\r\n }\r\n\r\n .modal-header p {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .filter-container {\r\n padding: 0 1rem;\r\n }\r\n \r\n .filter-btn {\r\n font-size: 0.875rem;\r\n padding: 0.5rem 1rem;\r\n }\r\n \r\n .project-grid {\r\n gap: 1rem;\r\n }\r\n\r\n .swiper-container {\r\n height: 35vh;\r\n max-height: 250px;\r\n }\r\n\r\n .project-details {\r\n margin-top: 0.75rem;\r\n padding: 1rem;\r\n }\r\n\r\n .other-projects-section {\r\n padding: 1rem;\r\n max-height: 200px;\r\n overflow-y: auto;\r\n }\r\n\r\n .other-projects-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .modal-content {\r\n margin: 2px;\r\n max-width: calc(100vw - 4px);\r\n max-height: calc(100vh - 4px);\r\n }\r\n\r\n .modal-header {\r\n padding: 0.5rem 0.75rem;\r\n }\r\n\r\n .modal-header .header-wrapper {\r\n gap: 0.5rem;\r\n }\r\n\r\n .modal-header h2 {\r\n font-size: 1.125rem !important;\r\n line-height: 1.2;\r\n }\r\n\r\n .modal-close-btn {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n\r\n .filter-btn {\r\n font-size: 0.8rem;\r\n padding: 0.4rem 0.8rem;\r\n }\r\n\r\n .swiper-container {\r\n height: 30vh;\r\n max-height: 200px;\r\n }\r\n\r\n .project-details {\r\n margin-top: 0.5rem;\r\n padding: 0.75rem;\r\n }\r\n\r\n .other-projects-section {\r\n padding: 0.75rem;\r\n max-height: 150px;\r\n overflow-y: auto;\r\n }\r\n\r\n .other-projects-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.5rem;\r\n }\r\n\r\n .project-nav-item img {\r\n height: 3rem !important;\r\n }\r\n\r\n .project-nav-item h5 {\r\n font-size: 0.75rem !important;\r\n line-height: 1.1;\r\n }\r\n\r\n .project-nav-item p {\r\n font-size: 0.625rem !important;\r\n }\r\n }\r\n\r\n .modal-open {\r\n overflow: hidden !important;\r\n }\r\n\r\n .text-truncate-2 {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .text-truncate-3 {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n @media print {\r\n .fixed { position: relative !important; }\r\n .modal-backdrop { display: none !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen\">\r\n \r\n <div class=\"text-center py-16 px-4\">\r\n <h1 class=\"font-display text-4xl md:text-6xl lg:text-7xl font-bold text-gray-800 mb-4\">\r\n Our Projects\r\n <\/h1>\r\n <div class=\"w-24 h-1 bg-yellow-600 mx-auto mb-6\"><\/div>\r\n <p class=\"text-lg md:text-xl text-gray-600 max-w-2xl mx-auto\">\r\n Architectural Masterpieces Inspired by Balinese Heritage\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex justify-center mb-12 px-4\">\r\n <div class=\"filter-container\">\r\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4\">\r\n <button class=\"filter-btn px-4 py-2 md:px-6 md:py-3 rounded-full border-2 border-yellow-600 text-yellow-600 font-semibold transition-all duration-300 hover:bg-yellow-600 hover:text-white\" data-filter=\"all\">\r\n All Projects\r\n <\/button>\r\n <button class=\"filter-btn px-4 py-2 md:px-6 md:py-3 rounded-full border-2 border-yellow-600 text-yellow-600 font-semibold transition-all duration-300 hover:bg-yellow-600 hover:text-white\" data-filter=\"villa-residence\">\r\n Villa & Residence\r\n <\/button>\r\n <button class=\"filter-btn px-4 py-2 md:px-6 md:py-3 rounded-full border-2 border-yellow-600 text-yellow-600 font-semibold transition-all duration-300 hover:bg-yellow-600 hover:text-white\" data-filter=\"commercial\">\r\n Commercial Spaces\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 pb-16\">\r\n <div class=\"project-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8\" id=\"portfolioGrid\">\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"0\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1-scaled.jpg\" \r\n alt=\"Lamitak Studio\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Lamitak Studio<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Professional showroom space for Lamitak, Indonesia's premium high-pressure laminate brand, featuring interactive displays and curated collections showcasing world-class surface laminates for residential and commercial applications.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"1\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-CELLINI-Bali-2024.jpeg\" \r\n alt=\"Showroom CELLINI\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Showroom CELLINI<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Luxury furniture showroom in Bali for CELLINI, a premium furniture brand specializing in handcrafted sofas, mattresses, and contemporary pieces, designed to showcase modern aesthetics with functional design for both locals and expatriates.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"2\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Lamitak-Studio-Bali-2025.jpg\" \r\n alt=\"Villa Pererenan\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-yellow-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Villa<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Villa Pererenan<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary tropical villa in Pererenan featuring modern Balinese architecture with natural materials, open-air pavilions, and seamless indoor-outdoor living spaces, designed to blend traditional tropical elements with contemporary functionality.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Canggu, Bali\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"3\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Courtyard-Marriot-Bandung-2018.jpeg\" \r\n alt=\"Hotel Courtyard Marriott\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Courtyard Marriott<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">187-room luxury hotel in Bandung featuring hybrid zones for working and resting, contemporary furnishings with modern amenities designed to provide business and leisure travelers with comfort and convenience.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"4\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Santika-Bandung-2023.png\" \r\n alt=\"Hotel Santika Bandung\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Santika<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern hotel design in Bandung integrating contemporary aesthetics with local Indonesian cultural elements, featuring comfortable guest rooms and public spaces designed for both business and leisure travelers.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"21\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1.webp\" \r\n alt=\"Hotel Santika Tasikmalaya\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Santika<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary hospitality project in Tasikmalaya featuring sophisticated interior design that blends modern comfort with local cultural elements. The hotel design emphasizes functional elegance with carefully curated spaces, premium materials, and warm color palettes to create memorable guest experiences in West Java's cultural heart.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Tasikmalaya, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"5\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Luxton-Bandung-2018.jpg\" \r\n alt=\"Hotel Luxton\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Hotel Luxton<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary hotel in Bandung featuring stylish interiors with functional layouts, designed to provide guests with modern comfort and elegant hospitality experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"6\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-GROHE-Jakarta-and-Bali-2015.jpeg\" \r\n alt=\"Showroom GROHE\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Showroom GROHE<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Premium bathroom and kitchen fittings showroom for GROHE, the German luxury brand, showcasing award-winning faucets, shower systems, and kitchen mixers with cutting-edge technology and sophisticated design.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta & Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2015<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"7\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Office-XXI-Cinema-Jakarta-2020-2.jpeg\" \r\n alt=\"Office XXI Cinema\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Office XXI Cinema<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern corporate office space for XXI Cinema, Indonesia's leading cinema chain, designed to foster creativity and collaboration with contemporary workspaces, meeting areas, and employee amenities.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"8\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Roemah-Kuliner-XXI-Jakarta-2019.jpeg\" \r\n alt=\"Roemah Kuliner XXI\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Roemah Kuliner XXI<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Vibrant food court and culinary destination for XXI Cinema, featuring diverse dining options with modern Indonesian design elements and comfortable seating areas for moviegoers and food enthusiasts.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2019<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"10\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Residence-Jakarta-2020.jpeg\" \r\n alt=\"Menteng Residence\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Menteng Residence<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Elegant urban residence in Jakarta's prestigious Menteng district, featuring luxurious interiors, smart home technology, and contemporary design elements for sophisticated modern living.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"11\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Four-Seasons-Apartment-Jakarta-2018-scaled.jpg\" \r\n alt=\"Four Seasons Apartment\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Four Seasons Apartment<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Luxurious high-rise apartment in Jakarta, designed with premium finishes, spacious open-plan layouts, and panoramic city views for sophisticated urban living with hotel-quality amenities.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"22\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Private-House-Jakarta-2019-.png\" \r\n alt=\"Menteng Private House\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Menteng Private House<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Sophisticated private residence in Jakarta's prestigious Menteng district featuring contemporary minimalist design with luxurious finishes. The project showcases open-plan living spaces, geometric design elements, integrated lighting systems, and premium materials creating an elegant balance of modern functionality and refined aesthetics for upscale urban living.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2019<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"23\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Project-Apartment-Casa-Grande-Jakarta-2020.jpg\" \r\n alt=\"Apartment Casa Grande\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Apartment Casa Grande<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern luxury apartment interior at Casa Grande Residence, one of Jakarta's premium residential towers in Casablanca. The design features contemporary minimalist aesthetics with neutral color palettes, high-end kitchen appliances, elegant dining spaces, and sophisticated living areas that emphasize comfort and functional luxury for urban professionals and families.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2020<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"12\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Setiabudhi-Residence-Bandung-2023.jpeg\" \r\n alt=\"Setiabudhi Residence\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Setiabudhi Residence<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Modern family residence in Bandung's prestigious Setiabudhi area, featuring open-plan living spaces, abundant natural light, and contemporary finishes that create comfortable and stylish environment.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"9\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-Wisma-Sehati-Bandung-2021.jpeg\" \r\n alt=\"Showroom Wisma Sehati\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Showroom Wisma Sehati<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Sophisticated interior products showroom in Bandung designed to display premium home furnishings, building materials, and design solutions with elegant presentation spaces and interactive displays.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2021<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"13\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-NARA-Resto-and-Club-Jakarta-2019.jpeg\" \r\n alt=\"NARA Resto and Club\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">NARA Resto and Club<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Upscale restaurant and nightclub in Jakarta featuring sophisticated interiors, dynamic lighting systems, and versatile spaces that transition seamlessly from dining to entertainment venues.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2019<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"14\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Maystar-Restaurant-Bandung-2017.jpeg\" \r\n alt=\"Maystar Restaurant\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Maystar Restaurant<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Contemporary dining establishment in Bandung featuring refined interiors, warm lighting design, and carefully curated materials that create an intimate atmosphere for premium culinary experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2017<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"15\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Nyonya-Manis-Drinking-Club-Bandung-2018.jpeg\" \r\n alt=\"Nyonya Manis Drinking Club\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Nyonya Manis Drinking Club<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Trendy cocktail lounge in Bandung designed with vibrant color schemes, contemporary furniture, and creative lighting installations that create an energetic social atmosphere for evening entertainment.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bandung, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"16\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Japanese-Restaurant-Bali-concept-design-2023.jpg\" \r\n alt=\"Japanese Restaurant (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Japanese Restaurant (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for authentic Japanese restaurant blending minimalist Japanese aesthetics with tropical Balinese elements, featuring natural materials, zen-like spaces, and traditional design principles for unique dining experience.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"17\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Beauty-Clinic-Bali-concept-design-2024.jpeg\" \r\n alt=\"Beauty Clinic (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Beauty Clinic (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for wellness and beauty clinic featuring serene interiors, abundant natural lighting, calming color palettes, and therapeutic spaces designed to enhance client relaxation and treatment experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Bali, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"18\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Seafood-Restaurant-Jakarta-concept-design-2018.jpg\" \r\n alt=\"Seafood Restaurant (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Seafood Restaurant (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for premium seafood restaurant featuring maritime-inspired themes, oceanic color schemes, and nautical design elements combined with modern luxury to create memorable coastal dining atmosphere.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"commercial\" data-project=\"19\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/aiease_1757380516758.jpg\" \r\n alt=\"Family Restaurant (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-green-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Commercial<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Family Restaurant (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Conceptual design for a family-oriented restaurant in Jakarta, blending modern Indonesian aesthetics with family-friendly features. The design includes spacious dining areas, playful interactive zones for children, comfortable seating arrangements for groups, and warm lighting to create a welcoming atmosphere that encourages family gatherings and memorable dining experiences.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2017<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-card glass-effect rounded-2xl overflow-hidden shadow-lg\" data-category=\"villa-residence\" data-project=\"20\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018.jpg\" \r\n alt=\"Penthouse and Office (concept design)\" \r\n class=\"project-image w-full h-full object-cover\">\r\n <div class=\"absolute top-4 right-4\">\r\n <span class=\"bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-semibold\">Residence<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <h3 class=\"font-display text-2xl font-bold text-gray-800 mb-2\">Penthouse and Office (concept design)<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4 text-truncate-3\">Sophisticated mixed-use conceptual design combining luxury penthouse living with professional office spaces, featuring contemporary minimalist aesthetics, premium materials, and seamless integration of residential comfort with commercial functionality.<\/p>\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-yellow-600 font-semibold text-truncate-2\">\r\n <i class=\"fas fa-map-marker-alt mr-1\"><\/i>Jakarta, Indonesia\r\n <\/span>\r\n <span class=\"text-sm text-gray-500\">2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"projectModal\" class=\"fixed inset-0 modal-backdrop z-50 hidden\">\r\n <div class=\"flex items-center justify-center min-h-screen p-2 md:p-4\">\r\n <div class=\"modal-content bg-white rounded-2xl shadow-2xl\">\r\n \r\n <div class=\"modal-header\">\r\n <div class=\"header-wrapper\">\r\n <div class=\"header-content\">\r\n <h2 id=\"modalTitle\" class=\"font-display font-bold text-gray-800\"><\/h2>\r\n <p id=\"modalSubtitle\" class=\"text-yellow-600 font-semibold\"><\/p>\r\n <\/div>\r\n <button onclick=\"closeModal()\" class=\"modal-close-btn text-gray-400 hover:text-gray-600\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative\">\r\n <div class=\"swiper-container\">\r\n <div class=\"swiper-wrapper\" id=\"modalImages\"><\/div>\r\n <div class=\"swiper-button-next\"><\/div>\r\n <div class=\"swiper-button-prev\"><\/div>\r\n <div class=\"swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"project-details\">\r\n <div class=\"grid md:grid-cols-2 gap-4 md:gap-6\">\r\n <div>\r\n <h4 class=\"font-semibold text-lg mb-3\">Project Overview<\/h4>\r\n <p id=\"modalDescription\" class=\"text-gray-600 leading-relaxed text-sm md:text-base\"><\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-lg mb-3\">Project Details<\/h4>\r\n <div class=\"space-y-2 text-sm\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Location:<\/span>\r\n <span id=\"modalLocation\" class=\"font-medium text-right\"><\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Year:<\/span>\r\n <span id=\"modalYear\" class=\"font-medium\"><\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Type:<\/span>\r\n <span id=\"modalType\" class=\"font-medium\"><\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-500\">Status:<\/span>\r\n <span id=\"modalStatus\" class=\"font-medium\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"other-projects-section\">\r\n <h4 class=\"font-semibold text-lg mb-4\">Explore Other Projects<\/h4>\r\n <div class=\"other-projects-grid\" id=\"otherProjects\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/unpkg.com\/swiper@8.4.7\/swiper-bundle.min.js\"><\/script>\r\n <script>\r\n \/\/ Updated project data with new projects\r\n const projects = [\r\n {\r\n title: \"Lamitak Studio\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2025\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Professional showroom space for Lamitak, Indonesia's premium high-pressure laminate brand, featuring interactive displays and curated collections showcasing world-class surface laminates for residential and commercial applications.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-2-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-3-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-4.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-5.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-6.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Lamitak-Studio-Bali-2025-7.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Showroom CELLINI\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2024\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Luxury furniture showroom in Bali for CELLINI, a premium furniture brand specializing in handcrafted sofas, mattresses, and contemporary pieces, designed to showcase modern aesthetics with functional design for both locals and expatriates.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-CELLINI-Bali-2024.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-4.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-CELLINI-Bali-2024-5.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Villa Pererenan\",\r\n location: \"Canggu, Bali\",\r\n year: \"2025\",\r\n type: \"Villa\",\r\n category: \"villa-residence\",\r\n description: \"Contemporary tropical villa in Pererenan featuring modern Balinese architecture with natural materials, open-air pavilions, and seamless indoor-outdoor living spaces, designed to blend traditional tropical elements with contemporary functionality.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Lamitak-Studio-Bali-2025.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-2-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-3-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-4-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-5-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-6-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Villa-Pererenan-Canggu-Bali-2025-7-scaled.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Hotel Courtyard Marriott\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"187-room luxury hotel in Bandung featuring hybrid zones for working and resting, contemporary furnishings with modern amenities designed to provide business and leisure travelers with comfort and convenience.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Courtyard-Marriot-Bandung-2018.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Courtyard-Marriot-Bandung-2018-4.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Hotel Santika Bandung\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2023\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Modern hotel design in Bandung integrating contemporary aesthetics with local Indonesian cultural elements, featuring comfortable guest rooms and public spaces designed for both business and leisure travelers.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Santika-Bandung-2023.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-3.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-4.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-5.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Santika-Bandung-2023-6.png\"\r\n ]\r\n },\r\n {\r\n title: \"Hotel Luxton\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Contemporary hotel in Bandung featuring stylish interiors with functional layouts, designed to provide guests with modern comfort and elegant hospitality experiences.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Hotel-Luxton-Bandung-2018.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Luxton-Bandung-2018-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Hotel-Luxton-Bandung-2018-2.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Showroom GROHE\",\r\n location: \"Jakarta & Bali, Indonesia\",\r\n year: \"2015\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Premium bathroom and kitchen fittings showroom for GROHE, the German luxury brand, showcasing award-winning faucets, shower systems, and kitchen mixers with cutting-edge technology and sophisticated design.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-GROHE-Jakarta-and-Bali-2015.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-GROHE-Jakarta-and-Bali-2015-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-GROHE-Jakarta-and-Bali-2015-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-GROHE-Jakarta-and-Bali-2015-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Office XXI Cinema\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2020\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Modern corporate office space for XXI Cinema, Indonesia's leading cinema chain, designed to foster creativity and collaboration with contemporary workspaces, meeting areas, and employee amenities.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Office-XXI-Cinema-Jakarta-2020-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Office-XXI-Cinema-Jakarta-2020-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Office-XXI-Cinema-Jakarta-2020-2.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Roemah Kuliner XXI\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2019\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Vibrant food court and culinary destination for XXI Cinema, featuring diverse dining options with modern Indonesian design elements and comfortable seating areas for moviegoers and food enthusiasts.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Roemah-Kuliner-XXI-Jakarta-2019.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Roemah-Kuliner-XXI-Jakarta-2019-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Roemah-Kuliner-XXI-Jakarta-2019-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Roemah-Kuliner-XXI-Jakarta-2019-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Showroom Wisma Sehati\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2021\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Sophisticated interior products showroom in Bandung designed to display premium home furnishings, building materials, and design solutions with elegant presentation spaces and interactive displays.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Showroom-Wisma-Sehati-Bandung-2021.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-Wisma-Sehati-Bandung-2021-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-Wisma-Sehati-Bandung-2021-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Showroom-Wisma-Sehati-Bandung-2021-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Menteng Residence\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2020\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Elegant urban residence in Jakarta's prestigious Menteng district, featuring luxurious interiors, smart home technology, and contemporary design elements for sophisticated modern living.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Residence-Jakarta-2020.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Residence-Jakarta-2020.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Residence-Jakarta-2020.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Four Seasons Apartment\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2018\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Luxurious high-rise apartment in Jakarta, designed with premium finishes, spacious open-plan layouts, and panoramic city views for sophisticated urban living with hotel-quality amenities.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Four-Seasons-Apartment-Jakarta-2018-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Four-Seasons-Apartment-Jakarta-2018-1-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Four-Seasons-Apartment-Jakarta-2018-2-scaled.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Four-Seasons-Apartment-Jakarta-2018-3-scaled.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Setiabudhi Residence\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2023\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Modern family residence in Bandung's prestigious Setiabudhi area, featuring open-plan living spaces, abundant natural light, and contemporary finishes that create comfortable and stylish environment.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Setiabudhi-Residence-Bandung-2023.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Setiabudhi-Residence-Bandung-2023-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Setiabudhi-Residence-Bandung-2023-2.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"NARA Resto and Club\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2019\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Upscale restaurant and nightclub in Jakarta featuring sophisticated interiors, dynamic lighting systems, and versatile spaces that transition seamlessly from dining to entertainment venues.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-NARA-Resto-and-Club-Jakarta-2019.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-3.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/NARA-Resto-and-Club-Jakarta-2019-4.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Maystar Restaurant\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2017\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Contemporary dining establishment in Bandung featuring refined interiors, warm lighting design, and carefully curated materials that create an intimate atmosphere for premium culinary experiences.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Maystar-Restaurant-Bandung-2017.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Maystar-Restaurant-Bandung-2017-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Maystar-Restaurant-Bandung-2017-2.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Nyonya Manis Drinking Club\",\r\n location: \"Bandung, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Trendy cocktail lounge in Bandung designed with vibrant color schemes, contemporary furniture, and creative lighting installations that create an energetic social atmosphere for evening entertainment.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Nyonya-Manis-Drinking-Club-Bandung-2018.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Nyonya-Manis-Drinking-Club-Bandung-2018-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Nyonya-Manis-Drinking-Club-Bandung-2018-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Nyonya-Manis-Drinking-Club-Bandung-2018-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Japanese Restaurant (concept design)\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2023\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for authentic Japanese restaurant blending minimalist Japanese aesthetics with tropical Balinese elements, featuring natural materials, zen-like spaces, and traditional design principles for unique dining experience.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Japanese-Restaurant-Bali-concept-design-2023.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Japanese-Restaurant-Bali-concept-design-2023-3.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Japanese-Restaurant-Bali-concept-design-2023-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Japanese-Restaurant-Bali-concept-design-2023-1.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Beauty Clinic (concept design)\",\r\n location: \"Bali, Indonesia\",\r\n year: \"2024\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for wellness and beauty clinic featuring serene interiors, abundant natural lighting, calming color palettes, and therapeutic spaces designed to enhance client relaxation and treatment experiences.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Beauty-Clinic-Bali-concept-design-2024.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Beauty-Clinic-Bali-concept-design-2024-1.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Beauty-Clinic-Bali-concept-design-2024-2.jpeg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Beauty-Clinic-Bali-concept-design-2024-3.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Seafood Restaurant (concept design)\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2018\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for premium seafood restaurant featuring maritime-inspired themes, oceanic color schemes, and nautical design elements combined with modern luxury to create memorable coastal dining atmosphere.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Seafood-Restaurant-Jakarta-concept-design-2018.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-3.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Seafood-Restaurant-Jakarta-concept-design-2018-4.jpg\"\r\n ]\r\n },\r\n {\r\n title: \"Family Restaurant (concept design)\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2017\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Conceptual design for a family-oriented restaurant in Jakarta, blending modern Indonesian aesthetics with family-friendly features. The design includes spacious dining areas, playful interactive zones for children, comfortable seating arrangements for groups, and warm lighting to create a welcoming atmosphere that encourages family gatherings and memorable dining experiences.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/aiease_1757380516758.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/aiease_1757380486859.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/wmremove-transformed.jpeg\"\r\n ]\r\n },\r\n {\r\n title: \"Penthouse and Office (concept design)\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2018\",\r\n type: \"Residence\",\r\n category: \"Residence\",\r\n description: \"Sophisticated mixed-use conceptual design combining luxury penthouse living with professional office spaces, featuring contemporary minimalist aesthetics, premium materials, and seamless integration of residential comfort with commercial functionality.\",\r\n status: \"Concept Design\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018-2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Proyek-Penthouse-and-Office-Jakarta-Concept-Design-2018-3.jpg\"\r\n ]\r\n },\r\n \/\/ Hotel Santika Tasikmalaya project\r\n {\r\n title: \"Hotel Santika Tasikmalaya\",\r\n location: \"Tasikmalaya, Indonesia\",\r\n year: \"2020\",\r\n type: \"Commercial\",\r\n category: \"commercial\",\r\n description: \"Contemporary hospitality project in Tasikmalaya featuring sophisticated interior design that blends modern comfort with local cultural elements. The hotel design emphasizes functional elegance with carefully curated spaces, premium materials, and warm color palettes to create memorable guest experiences in West Java's cultural heart.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1.webp\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/2.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/3.png\"\r\n ]\r\n },\r\n \/\/ NEW: Menteng Private House\r\n {\r\n title: \"Menteng Private House\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2019\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Sophisticated private residence in Jakarta's prestigious Menteng district featuring contemporary minimalist design with luxurious finishes. The project showcases open-plan living spaces, geometric design elements, integrated lighting systems, and premium materials creating an elegant balance of modern functionality and refined aesthetics for upscale urban living.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Menteng-Private-House-Jakarta-2019-.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-1.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-2.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-3.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-4.png\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Menteng-Private-House-Jakarta-2019-5.png\"\r\n ]\r\n },\r\n \/\/ NEW: Apartment Casa Grande\r\n {\r\n title: \"Apartment Casa Grande\",\r\n location: \"Jakarta, Indonesia\",\r\n year: \"2020\",\r\n type: \"Residence\",\r\n category: \"villa-residence\",\r\n description: \"Modern luxury apartment interior at Casa Grande Residence, one of Jakarta's premium residential towers in Casablanca. The design features contemporary minimalist aesthetics with neutral color palettes, high-end kitchen appliances, elegant dining spaces, and sophisticated living areas that emphasize comfort and functional luxury for urban professionals and families.\",\r\n status: \"Completed\",\r\n images: [\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1-Project-Apartment-Casa-Grande-Jakarta-2020.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Project-Apartment-Casa-Grande-Jakarta-2020-1.jpg\",\r\n \"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/Project-Apartment-Casa-Grande-Jakarta-2020-2.jpg\"\r\n ]\r\n }\r\n ];\r\n\r\n let currentSwiper = null;\r\n\r\n \/\/ Initialize on DOM load\r\n document.addEventListener('DOMContentLoaded', function() {\r\n initializeFilters();\r\n initializeProjectCards();\r\n });\r\n\r\n function initializeFilters() {\r\n document.querySelectorAll('.filter-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const filter = this.dataset.filter;\r\n document.querySelectorAll('.filter-btn').forEach(b => {\r\n b.classList.remove('active', 'bg-yellow-600', 'text-white');\r\n b.classList.add('text-yellow-600');\r\n });\r\n this.classList.add('active', 'bg-yellow-600', 'text-white');\r\n this.classList.remove('text-yellow-600');\r\n filterProjects(filter);\r\n });\r\n });\r\n }\r\n\r\n function initializeProjectCards() {\r\n document.querySelectorAll('.project-card').forEach((card, index) => {\r\n card.addEventListener('click', function() {\r\n const projectIndex = parseInt(this.dataset.project);\r\n openModal(projectIndex);\r\n });\r\n });\r\n }\r\n\r\n function filterProjects(filter) {\r\n document.querySelectorAll('.project-card').forEach(card => {\r\n const category = card.dataset.category;\r\n if (filter === 'all' || category === filter) {\r\n card.style.display = 'block';\r\n setTimeout(() => {\r\n card.style.opacity = '1';\r\n card.style.transform = 'scale(1)';\r\n }, 10);\r\n } else {\r\n card.style.opacity = '0';\r\n card.style.transform = 'scale(0.9)';\r\n setTimeout(() => {\r\n card.style.display = 'none';\r\n }, 300);\r\n }\r\n });\r\n }\r\n\r\n function openModal(projectIndex) {\r\n if (!projects[projectIndex]) return;\r\n const project = projects[projectIndex];\r\n const modal = document.getElementById('projectModal');\r\n \r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n const aboutPreview = document.querySelector('.about-preview');\r\n \r\n if (header) header.classList.add('header-hidden');\r\n if (hero) hero.classList.add('hero-hidden');\r\n if (aboutPreview) aboutPreview.classList.add('content-shifted');\r\n \r\n document.getElementById('modalTitle').textContent = project.title;\r\n document.getElementById('modalSubtitle').textContent = `${project.location} \u2022 ${project.year}`;\r\n document.getElementById('modalDescription').textContent = project.description;\r\n document.getElementById('modalLocation').textContent = project.location;\r\n document.getElementById('modalYear').textContent = project.year;\r\n document.getElementById('modalType').textContent = project.type;\r\n document.getElementById('modalStatus').textContent = project.status;\r\n \r\n const imagesContainer = document.getElementById('modalImages');\r\n imagesContainer.innerHTML = project.images.map(img => `\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"${img}\" alt=\"${project.title}\" class=\"w-full h-full object-contain\">\r\n <\/div>\r\n `).join('');\r\n \r\n updateOtherProjects(projectIndex);\r\n modal.classList.remove('hidden');\r\n document.body.classList.add('modal-open');\r\n \r\n setTimeout(() => {\r\n initializeSwiper(project);\r\n }, 100);\r\n }\r\n\r\n function updateOtherProjects(currentProjectIndex) {\r\n const otherProjectsContainer = document.getElementById('otherProjects');\r\n const isMobile = window.innerWidth < 768;\r\n const projectsToShow = isMobile ? 4 : 8;\r\n const otherProjects = projects.filter((_, index) => index !== currentProjectIndex).slice(0, projectsToShow);\r\n \r\n otherProjectsContainer.innerHTML = otherProjects.map((proj) => {\r\n const originalIndex = projects.findIndex(p => p.title === proj.title);\r\n return `\r\n <div class=\"project-nav-item cursor-pointer\" onclick=\"switchProject(${originalIndex})\">\r\n <img decoding=\"async\" src=\"${proj.images[0]}\" alt=\"${proj.title}\" class=\"w-full h-16 md:h-20 object-cover rounded-lg mb-2\">\r\n <h5 class=\"text-xs md:text-sm font-semibold text-gray-800 text-truncate-2\">${proj.title}<\/h5>\r\n <p class=\"text-xs text-gray-500 truncate\">${proj.location}<\/p>\r\n <\/div>\r\n `;\r\n }).join('');\r\n }\r\n\r\n function initializeSwiper(project) {\r\n if (currentSwiper) {\r\n currentSwiper.destroy(true, true);\r\n }\r\n try {\r\n currentSwiper = new Swiper('.swiper-container', {\r\n slidesPerView: 1,\r\n spaceBetween: 0,\r\n loop: project.images.length > 1,\r\n autoplay: project.images.length > 1 ? {\r\n delay: 4000,\r\n disableOnInteraction: false,\r\n } : false,\r\n navigation: {\r\n nextEl: '.swiper-button-next',\r\n prevEl: '.swiper-button-prev',\r\n },\r\n pagination: {\r\n el: '.swiper-pagination',\r\n clickable: true,\r\n },\r\n on: {\r\n init: function () {\r\n this.update();\r\n },\r\n resize: function () {\r\n this.update();\r\n }\r\n }\r\n });\r\n } catch (error) {\r\n console.warn('Swiper initialization failed:', error);\r\n }\r\n }\r\n\r\n function switchProject(projectIndex) {\r\n if (projectIndex >= 0 && projectIndex < projects.length) {\r\n openModal(projectIndex);\r\n }\r\n }\r\n\r\n function closeModal() {\r\n const modal = document.getElementById('projectModal');\r\n \r\n const header = document.querySelector('.header');\r\n const hero = document.querySelector('.hero');\r\n const aboutPreview = document.querySelector('.about-preview');\r\n \r\n if (header) header.classList.remove('header-hidden');\r\n if (hero) hero.classList.remove('hero-hidden');\r\n if (aboutPreview) aboutPreview.classList.remove('content-shifted');\r\n \r\n modal.classList.add('hidden');\r\n document.body.classList.remove('modal-open');\r\n \r\n if (currentSwiper) {\r\n try {\r\n currentSwiper.destroy(true, true);\r\n currentSwiper = null;\r\n } catch (error) {\r\n console.warn('Swiper destroy failed:', error);\r\n }\r\n }\r\n }\r\n\r\n document.getElementById('projectModal').addEventListener('click', function(e) {\r\n if (e.target === e.currentTarget) {\r\n closeModal();\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && !document.getElementById('projectModal').classList.contains('hidden')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n window.addEventListener('orientationchange', function() {\r\n setTimeout(() => {\r\n if (currentSwiper) {\r\n currentSwiper.update();\r\n }\r\n }, 500);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5763157 elementor-widget elementor-widget-html\" data-id=\"5763157\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n .contact {\r\n padding: clamp(80px, 12vh, 120px) clamp(30px, 6vw, 60px);\r\n background-color: #fff;\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr 0.8fr; \/* Non-proportional column widths *\/\r\n gap: clamp(30px, 6vw, 50px);\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n align-items: start;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(15px, 3vw, 25px);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease-out 0.2s forwards;\r\n }\r\n\r\n .contact-map {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease-out 0.4s forwards;\r\n }\r\n\r\n .contact-info h2 {\r\n font-weight: 800;\r\n font-size: clamp(2.5em, 4.5vw, 3.8em);\r\n color: #0a1a2f;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n }\r\n\r\n .contact-info p {\r\n font-weight: 400;\r\n font-size: clamp(1em, 2vw, 1.2em);\r\n line-height: 1.8;\r\n color: #4a4a4a;\r\n }\r\n\r\n .contact-info p strong {\r\n font-weight: 600;\r\n color: #0a1a2f;\r\n }\r\n\r\n .contact-form form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(18px, 3vw, 25px);\r\n }\r\n\r\n .contact-form input,\r\n .contact-form textarea {\r\n padding: clamp(12px, 2.5vw, 16px);\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: clamp(0.95em, 1.8vw, 1.1em);\r\n font-weight: 400;\r\n background-color: #f8f8f8;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact-form input:focus,\r\n .contact-form textarea:focus {\r\n border-color: #c19a00;\r\n background-color: #fff;\r\n box-shadow: 0 0 12px rgba(193, 154, 0, 0.2);\r\n outline: none;\r\n }\r\n\r\n .contact-form textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n .contact-form button {\r\n padding: clamp(12px, 2.5vw, 16px);\r\n background: linear-gradient(135deg, #c19a00, #e8c872);\r\n color: #0a1a2f;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: clamp(1em, 2vw, 1.2em);\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .contact-form button::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transition: left 0.4s ease;\r\n }\r\n\r\n .contact-form button:hover::after {\r\n left: 100%;\r\n }\r\n\r\n .contact-form button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(193, 154, 0, 0.3);\r\n }\r\n\r\n .contact-map iframe {\r\n width: 100%;\r\n height: clamp(300px, 50vw, 450px);\r\n border: 0;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .contact-map:hover iframe {\r\n transform: scale(1.03);\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .contact {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .contact {\r\n padding: clamp(50px, 10vh, 80px) 20px;\r\n }\r\n\r\n .contact-info h2 {\r\n font-size: clamp(2em, 4vw, 3em);\r\n }\r\n\r\n .contact-form input,\r\n .contact-form textarea {\r\n padding: 12px;\r\n }\r\n\r\n .contact-form button {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact-map iframe {\r\n height: 250px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"contact\" id=\"contact\">\r\n <div class=\"contact-info\">\r\n <h2>Contact Us<\/h2>\r\n <p><strong>Address:<\/strong> Jl. Gatot Subroto Barat No. 419, Denpasar - Bali<\/p>\r\n \r\n<p><strong>WhatsApp\/Call:<\/strong> +62 816 615577<\/p>\r\n <p><strong>Email:<\/strong> project@balinara.com<\/p>\r\n <p><strong>Website:<\/strong> www.balinara.com<\/p>\r\n <p>Elevate your space with our global vision. Schedule a complimentary consultation today.<\/p>\r\n <\/div>\r\n <div class=\"contact-form\">\r\n <form action=\"mailto:project@balinara.com\" method=\"post\" enctype=\"text\/plain\">\r\n <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\r\n <input type=\"email\" name=\"email\" placeholder=\"Your Email\" required>\r\n <textarea name=\"message\" placeholder=\"Your Message\" rows=\"5\" required><\/textarea>\r\n <button type=\"submit\">Submit Inquiry<\/button>\r\n <\/form>\r\n <\/div>\r\n <div class=\"contact-map\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1gpq09D12evnRUYAcRicLIGTzcAf2kXE&ehbc=2E312F\" \r\n allowfullscreen=\"\" loading=\"lazy\">\r\n <\/iframe>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26824c8 elementor-widget elementor-widget-html\" data-id=\"26824c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n}\r\n\r\n.footer {\r\n background: linear-gradient(180deg, #1a2332 0%, #0f1419 100%);\r\n color: #ffffff;\r\n text-align: center;\r\n padding: clamp(60px, 8vh, 100px) clamp(30px, 5vw, 60px);\r\n position: relative;\r\n}\r\n\r\n.footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.4), transparent);\r\n}\r\n\r\n.footer-brand {\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 600;\r\n font-size: clamp(2.2em, 6vw, 3.2em);\r\n margin-bottom: clamp(30px, 5vh, 50px);\r\n color: #d4a017;\r\n letter-spacing: -0.5px;\r\n line-height: 1.1;\r\n}\r\n\r\n.footer-nav {\r\n margin-bottom: clamp(40px, 6vh, 60px);\r\n}\r\n\r\n.footer-nav ul {\r\n list-style: none;\r\n display: flex;\r\n justify-content: center;\r\n gap: clamp(25px, 4vw, 45px);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.footer-nav a {\r\n color: rgba(255, 255, 255, 0.8);\r\n text-decoration: none;\r\n font-size: clamp(1rem, 2vw, 1.1rem);\r\n font-weight: 500;\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n}\r\n\r\n.footer-nav a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: #d4a017;\r\n transition: width 0.3s ease;\r\n}\r\n\r\n.footer-nav a:hover {\r\n color: #ffffff;\r\n}\r\n\r\n.footer-nav a:hover::after {\r\n width: 100%;\r\n}\r\n\r\n.social-icons {\r\n display: flex;\r\n justify-content: center;\r\n gap: clamp(20px, 3vw, 30px);\r\n margin-bottom: clamp(40px, 6vh, 60px);\r\n}\r\n\r\n.social-icons a {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(212, 160, 23, 0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n opacity: 0.4;\r\n pointer-events: none;\r\n}\r\n\r\n.social-icons a:hover {\r\n background: rgba(212, 160, 23, 0.1);\r\n border-color: #d4a017;\r\n color: #d4a017;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* Hide disabled social media *\/\r\n.social-icons a[href*=\"facebook\"],\r\n.social-icons a[href*=\"instagram\"],\r\n.social-icons a[href*=\"linkedin\"],\r\n.social-icons a[href*=\"pinterest\"] {\r\n opacity: 0.2;\r\n pointer-events: none;\r\n}\r\n\r\n.footer-copy {\r\n font-weight: 400;\r\n font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Subtle responsive design *\/\r\n@media (max-width: 768px) {\r\n .footer {\r\n padding: clamp(50px, 8vh, 70px) clamp(20px, 4vw, 30px);\r\n }\r\n \r\n .footer-nav ul {\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n \r\n .social-icons {\r\n gap: 18px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .footer-nav ul {\r\n gap: 16px;\r\n }\r\n \r\n .social-icons a {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 1.1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"footer\">\r\n <h2 class=\"footer-brand\">Balinara Living<\/h2>\r\n \r\n <nav class=\"footer-nav\">\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n <li><a href=\"#contact\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <div class=\"social-icons\">\r\n <a href=\"https:\/\/facebook.com\/balinaraliving\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/instagram.com\/balinaraliving\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/linkedin.com\/company\/balinaraliving\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"https:\/\/pinterest.com\/balinaraliving\" aria-label=\"Pinterest\"><i class=\"fab fa-pinterest\"><\/i><\/a>\r\n <\/div>\r\n \r\n <p class=\"footer-copy\">\u00a9 2025 Balinara Living. Crafting Timeless Elegance from Bali to the World.<\/p>\r\n<\/footer>\r\n\r\n<script>\r\ndocument.querySelectorAll('.footer-nav a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n});\r\n<\/script>\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>Balinara Living – Timeless Balinese Craftsmanship Home About Services Portfolio Contact Timeless Balinese Craftsmanship Where Tradition Meets Modern Luxury Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage. Begin Your Journey \u2192 Balinara Living – About About […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish"],"yoast_head":"\n<title>Beranda - Balinara Living - Interior Design & Furniture<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.balinara.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda - Balinara Living - Interior Design & Furniture\" \/>\n<meta property=\"og:description\" content=\"Balinara Living – Timeless Balinese Craftsmanship Home About Services Portfolio Contact Timeless Balinese Craftsmanship Where Tradition Meets Modern Luxury Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage. Begin Your Journey \u2192 Balinara Living – About About […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.balinara.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Balinara Living - Interior Design & Furniture\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-13T05:01:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"33 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.balinara.com\/\",\"url\":\"https:\/\/www.balinara.com\/\",\"name\":\"Beranda - Balinara Living - Interior Design & Furniture\",\"isPartOf\":{\"@id\":\"https:\/\/www.balinara.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.balinara.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.balinara.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\",\"datePublished\":\"2025-09-03T04:01:47+00:00\",\"dateModified\":\"2025-09-13T05:01:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.balinara.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.balinara.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.balinara.com\/#primaryimage\",\"url\":\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\",\"contentUrl\":\"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png\",\"width\":985,\"height\":266},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.balinara.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.balinara.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.balinara.com\/#website\",\"url\":\"https:\/\/www.balinara.com\/\",\"name\":\"Balinara Living - Interior Design & Furniture\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.balinara.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Beranda - Balinara Living - Interior Design & Furniture","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.balinara.com\/","og_locale":"en_US","og_type":"article","og_title":"Beranda - Balinara Living - Interior Design & Furniture","og_description":"Balinara Living – Timeless Balinese Craftsmanship Home About Services Portfolio Contact Timeless Balinese Craftsmanship Where Tradition Meets Modern Luxury Experience the perfect harmony of ancient Balinese artistry and contemporary design. We craft bespoke living spaces that tell your unique story while honoring centuries of cultural heritage. Begin Your Journey \u2192 Balinara Living – About About […]","og_url":"https:\/\/www.balinara.com\/","og_site_name":"Balinara Living - Interior Design & Furniture","article_modified_time":"2025-09-13T05:01:12+00:00","og_image":[{"url":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"33 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.balinara.com\/","url":"https:\/\/www.balinara.com\/","name":"Beranda - Balinara Living - Interior Design & Furniture","isPartOf":{"@id":"https:\/\/www.balinara.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.balinara.com\/#primaryimage"},"image":{"@id":"https:\/\/www.balinara.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","datePublished":"2025-09-03T04:01:47+00:00","dateModified":"2025-09-13T05:01:12+00:00","breadcrumb":{"@id":"https:\/\/www.balinara.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.balinara.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.balinara.com\/#primaryimage","url":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","contentUrl":"https:\/\/www.balinara.com\/wp-content\/uploads\/2025\/09\/1757054185639393asgasgasgasgasgasg99.png","width":985,"height":266},{"@type":"BreadcrumbList","@id":"https:\/\/www.balinara.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.balinara.com\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/www.balinara.com\/#website","url":"https:\/\/www.balinara.com\/","name":"Balinara Living - Interior Design & Furniture","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.balinara.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":320,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions\/563"}],"wp:attachment":[{"href":"https:\/\/www.balinara.com\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}