PSIR – Our Bungalow Office & Facilities<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/css\/lightbox.min.css\" rel=\"stylesheet\">\n<style>\n :root {\n --orange: #E35205;\n --orange-light: #f5ede8;\n --dark: #1a1a18;\n --mid: #4a4a46;\n --light: #f7f6f3;\n --white: #ffffff;\n --serif: 'Playfair Display', Georgia, serif;\n --sans: 'DM Sans', system-ui, sans-serif;\n --transition: 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n }<\/p>\n<p> body { font-family: 'Segoe UI', sans-serif; line-height: 1.6; color: var(--text-dark); background-color: var(--bg-cream); margin: 0; }<\/p>\n<p> \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n header {\n position: sticky; top: 0; z-index: 100;\n background: rgba(255,255,255,0.8); backdrop-filter: blur(15px);\n border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 6%;\n display: flex; align-items: center; justify-content: space-between; height: 80px;\n transition: var(--transition);\n }\n header.scrolled { height: 60px; box-shadow: var(--shadow); }<\/p>\n<p> .logo-img { height: 45px; transition: var(--transition); }\n header.scrolled .logo-img { height: 35px; }<\/p>\n<p> nav { display: flex; align-items: center; gap: 32px; }\n nav a { text-decoration: none; color: var(--mid); font-size: 14px; font-weight: 500; transition: var(--transition); }\n nav a:not(.nav-cta):hover { color: var(--orange); }<\/p>\n<p> .nav-cta { background: var(--orange); color: #fff; padding: 10px 24px; border-radius: 50px; transition: var(--transition); }\n .nav-cta:hover { background: var(--dark); transform: translateY(-2px); }<\/p>\n<p> \/* Logo mark shrink *\/\n .logo-mark {\n width: 38px; height: 38px; background: var(--orange);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-family: var(--serif); font-size: 18px; color: #fff; font-weight: 700;\n transition: width 0.4s cubic-bezier(0.25,0.8,0.25,1),\n height 0.4s cubic-bezier(0.25,0.8,0.25,1),\n font-size 0.4s cubic-bezier(0.25,0.8,0.25,1),\n border-radius 0.4s ease;\n }\n header.scrolled .logo-mark {\n width: 28px; height: 28px; font-size: 13px; border-radius: 6px;\n }<\/p>\n<p> \/* Logo text shrink *\/\n .logo-text {\n font-family: var(--serif); font-size: 17px; font-weight: 700; letter-spacing: -0.3px;\n transition: font-size 0.4s cubic-bezier(0.25,0.8,0.25,1);\n }\n .logo-text span { color: var(--orange); }\n header.scrolled .logo-text { font-size: 14px; }<\/p>\n<p> \/* Nav link shrink *\/\n nav a {\n text-decoration: none; color: var(--mid);\n font-size: 14px; font-weight: 400; letter-spacing: 0.2px;\n transition: color 0.2s, font-size 0.4s ease;\n position: relative;\n }\n header.scrolled nav a { font-size: 13px; }<\/p>\n<p> \/* CTA button shrink *\/\n .nav-cta {\n background: var(--orange); color: #fff !important;\n padding: 9px 22px; border-radius: 6px;\n font-size: 14px !important; font-weight: 500 !important;\n transition: background 0.2s, padding 0.4s cubic-bezier(0.25,0.8,0.25,1),\n font-size 0.4s ease !important;\n }\n header.scrolled .nav-cta { padding: 6px 16px !important; font-size: 13px !important; }\n .logo { display: flex; align-items: center; text-decoration: none; }\n .logo-img {\n height: 52px;\n width: auto;\n object-fit: contain;\n display: block;\n transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n header.scrolled .logo-img { height: 36px; }\n nav { display: flex; align-items: center; gap: 36px; }\n nav a::after { content: ''; position: absolute; bottom: -4px; left: 0;\n width: 0; height: 1.5px; background: var(--orange);\n transition: width 0.25s ease;\n }\n nav a:hover { color: var(--dark); }\n nav a:hover::after { width: 100%; }\n .nav-cta::after { display: none !important; }\n .nav-cta:hover { background: #c84704 !important; }<\/p>\n<p> \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: #111; padding: 56px 8% 32px;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n .footer-top {\n display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 48px;\n margin-bottom: 48px;\n }\n .footer-brand { }\n .footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }\n .footer-logo .logo-mark { background: var(--orange); }\n .footer-logo .logo-text { color: #fff; }\n .footer-brand p { font-size: 13px; color: rgba(255,255,255,0.4); line-height: 1.7; font-weight: 300; max-width: 260px; }\n .footer-col h4 { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 18px; }\n .footer-col a { display: block; font-size: 14px; color: rgba(255,255,255,0.6); text-decoration: none; margin-bottom: 10px; transition: color 0.2s; }\n .footer-col a:hover { color: #fff; }\n .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; }\n .footer-bottom p { font-size: 12px; color: rgba(255,255,255,0.25); }\n .footer-bottom span { color: var(--orange); }<\/p>\n<p> \/* Main container *\/\n .container { max-width: 1200px; margin: auto; padding: 20px; }<\/p>\n<p> \/* Hero\/Title Section *\/\n .hero { text-align: center; padding: 60px 20px 40px; }\n .hero h1 { font-size: 3rem; margin-bottom: 5px; color: #000; }\n .hero p { font-size: 1.2rem; color: #666; font-weight: 300; }<\/p>\n<p> \/* Section Titles *\/\n .section-title { text-align: center; margin: 50px 0 30px; font-size: 2.2rem; border-bottom: 3px solid var(--primary-orange); display: inline-block; position: relative; left: 50%; transform: translateX(-50%); }<\/p>\n<p> \/* Info Panels *\/\n .info-panel { background: #e9e0d8; padding: 25px; border-radius: 12px; margin-bottom: 30px; border-left: 5px solid var(--primary-orange); }\n .badge { background: var(--primary-orange); color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; display: inline-block; margin-bottom: 10px; }<\/p>\n<p> \/* Layout Grids *\/\n .grid-2, .grid-3 { display: grid; gap: 25px; margin-bottom: 40px; align-items: start; }\n .grid-2 { grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); }\n .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }<\/p>\n<p> @media (max-width: 768px) {\n .grid-2, .grid-3 { grid-template-columns: 1fr; }\n .hero h1 { font-size: 2.2rem; }\n }<\/p>\n<p> \/* Card Style *\/\n .card { background: var(--card-white); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); transition: 0.3s; padding: 20px; }\n .card h3 { margin-top: 0; color: var(--primary-orange); }<\/p>\n<p> \/* -- Image Gallery Grid (for multiple photos) -- *\/\n .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 15px; }<\/p>\n<p> \/* Thumbnail Styling *\/\n .gallery-item { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); cursor: pointer; border: 2px solid #fff; transition: 0.2s; }\n .gallery-item:hover { border-color: var(--primary-orange); transform: scale(1.03); }<\/p>\n<p> \/* The thumbnail itself *\/\n .gallery-item img { width: 100%; height: 120px; object-fit: cover; display: block; }<\/p>\n<p> \/* Icon overlay on hover (optional, looks nice) *\/\n .gallery-item::after { content: '\\f00e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 1.5rem; opacity: 0; transition: 0.3s; }\n .gallery-item:hover::after { opacity: 1; }\n .gallery-item:hover img { filter: brightness(70%); }<\/p>\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p> <\/p>\n<header>\n <a href=\"https:\/\/psiresearch.com.my\/web\/\" class=\"logo\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/psiresearch.com.my\/web\/wp-content\/uploads\/2026\/04\/831b1376-4963-4bd9-815e-e224a3d53993-removebg-preview-1.png\"\n alt=\"PSI Research\"\n class=\"logo-img\"><br \/>\n <\/a><\/p>\n<nav>\n <a href=\"#about\">About<\/a><br \/>\n <a href=\"https:\/\/psiresearch.com.my\/web\/index.php\/service\/\">Services<\/a><br \/>\n <a href=\"https:\/\/psiresearch.com.my\/web\/index.php\/organization\/\">Organization<\/a><br \/>\n <a href=\"#contact\">Facilities<\/a><br \/>\n <a href=\"#contact\" class=\"nav-cta\">Get in Touch<\/a><br \/>\n <\/nav>\n<\/header>\n<div class=\"container\">\n<section class=\"hero\">\n<h1>Our Office<\/h1>\n<p>\u2014 A Beautiful Bungalow Setting \u2014<\/p>\n<\/section>\n<h2 class=\"section-title\">The Grounds<\/h2>\n<div class=\"grid-2\">\n<div class=\"card\">\n <span class=\"badge\">Outdoor<\/span><\/p>\n<h3>The Exterior<\/h3>\n<p>Ample parking space and lush greenery provide a professional yet serene first impression.<\/p>\n<p> <a href=\"outdoor_exterior_0.png\" data-lightbox=\"grounds\" data-title=\"Bungalow Office Exterior\"><\/p>\n<div class=\"gallery-item\">\n <img decoding=\"async\" src=\"outdoor_exterior_0.png\" alt=\"Bungalow Office Exterior Thumbnail\">\n <\/div>\n<p> <\/a>\n <\/div>\n<div class=\"card\">\n <span class=\"badge\">Patio<\/span><\/p>\n<h3>The Patio<\/h3>\n<p>An airy, covered outdoor seating area perfect for informal discussions or coffee breaks.<\/p>\n<p> <a href=\"patio_seating_1.png\" data-lightbox=\"grounds\" data-title=\"Covered Patio Area\"><\/p>\n<div class=\"gallery-item\">\n <img decoding=\"async\" src=\"patio_seating_1.png\" alt=\"Patio Area Thumbnail\">\n <\/div>\n<p> <\/a>\n <\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">FGD & Observation Rooms<\/h2>\n<div class=\"info-panel\">\n All rooms are equipped with <strong>1-Way Mirrors<\/strong> for professional research, observation, and data collection. Multiple room configurations are available.\n <\/div>\n<div class=\"grid-3\">\n<div class=\"card\">\n<h3>Pansy & Primrose<\/h3>\n<p>Versatile setups ranging from casual lounge seating to formal boardroom arrangements.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"fgd_pansy_lounge.png\" data-lightbox=\"fgd\" data-title=\"Pansy Room (Lounge Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_pansy_lounge.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"fgd_primrose_boardroom.png\" data-lightbox=\"fgd\" data-title=\"Primrose Room (Boardroom Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_primrose_boardroom.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Hibiscus & Heliconia<\/h3>\n<p>Focused environments designed for intensive data collection and focus groups.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"fgd_hibiscus_view.png\" data-lightbox=\"fgd\" data-title=\"Hibiscus Room Overview\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_hibiscus_view.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Daisy & Daffodil<\/h3>\n<p>Intimate spaces for smaller groups or one-on-one depth interviews.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"fgd_daisy_small_group.png\" data-lightbox=\"fgd\" data-title=\"Daisy Room Small Group Setup\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_daisy_small_group.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">The CLT Hall<\/h2>\n<div class=\"info-panel\">\n The CLT Hall is highly versatile. It can be arranged as an <strong>open-concept<\/strong> space ideal for Gang Surveys or divided into <strong>five equally sized private cubicles<\/strong>, each with an identical setup for controlled testing.\n <\/div>\n<div class=\"card\" style=\"margin-bottom: 40px;\">\n<h3>Space Flexibility<\/h3>\n<p>Example layouts including classroom style, open survey, and private cubicle testing.<\/p>\n<div class=\"gallery-grid\" style=\"grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\">\n <a href=\"clt_open_classroom.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Open Classroom Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_open_classroom.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"clt_gang_survey.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Gang Survey Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_gang_survey.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"clt_cubicles_side.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Cubicles View 1)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_cubicles_side.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"clt_cubicle_setup.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Individual Cubicle Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_cubicle_setup.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">Refreshments & Kitchen<\/h2>\n<div class=\"grid-2\">\n<div class=\"card\">\n<h3>The Refreshment Area<\/h3>\n<p>Paired with smooth jazz and tailored catering. View our setup and sample catering options.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"refreshment_seating.png\" data-lightbox=\"food\" data-title=\"Refreshment Area Seating\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"refreshment_seating.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"catering_buffet.png\" data-lightbox=\"food\" data-title=\"Sample Buffet Setup\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"catering_buffet.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"catering_pastries.png\" data-lightbox=\"food\" data-title=\"Sample Pastry Selection\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"catering_pastries.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Full Service Kitchen<\/h3>\n<p>Spacious for F&B prep. Features 3 units of 32A Industrial sockets. Cooking stations available upon request.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"kitchen_overview.png\" data-lightbox=\"kitchen\" data-title=\"Main Kitchen Facilities\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"kitchen_overview.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"kitchen_prep_station.png\" data-lightbox=\"kitchen\" data-title=\"Kitchen Prep and Storage Area\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"kitchen_prep_station.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<footer>\n<div class=\"footer-top\">\n<div class=\"footer-brand\">\n<div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/psiresearch.com.my\/web\/wp-content\/uploads\/2026\/04\/PSIR-JPEG.jpg-removebg-preview-edited-1.png\"\n alt=\"PSI Research\"\n style=\"height:44px; width:auto; object-fit:contain; border-radius:6px;\">\n <\/div>\n<p>Quality research through passionate expertise. Serving the market research industry since 2005.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Navigation<\/h4>\n<p> <a href=\"#about\">About Us<\/a><br \/>\n <a href=\"#services\">Services<\/a><br \/>\n <a href=\"#strengths\">Our Strength<\/a><br \/>\n <a href=\"#contact\">Contact<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h4>Contact<\/h4>\n<p> <a href=\"tel:+60122883429\">+6012-2883429<\/a><br \/>\n <a href=\"mailto:admin@psinsights.com.my\">admin@psinsights.com.my<\/a><br \/>\n <a href=\"#\">No.1, Jalan 17\/1, Seksyen 17,<br \/>46400 Petaling Jaya<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 PSI Research. All rights reserved.<\/p>\n<p>Made with <span>\u2665<\/span> in Malaysia<\/p>\n<\/p><\/div>\n<\/footer>\n<p> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/js\/lightbox-plus-jquery.min.min.js\">\n let current = 0;\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');<\/p>\n<p> function goToSlide(n) {\n slides[current].classList.remove('active');\n dots[current].classList.remove('active');\n current = (n + slides.length) % slides.length;\n slides[current].classList.add('active');\n dots[current].classList.add('active');\n }<\/p>\n<p> function changeSlide(dir) { goToSlide(current + dir); }<\/p>\n<p> setInterval(() => changeSlide(1), 5500);<\/p>\n<p> \/\/ Header shrink on scroll down, grow on scroll up\n const header = document.querySelector('header');\n let lastScrollY = window.scrollY;<\/p>\n<p> window.addEventListener('scroll', () => {\n const currentScrollY = window.scrollY;\n if (currentScrollY > 60) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n lastScrollY = currentScrollY;\n }, { passive: true });<\/p>\n<p> \/\/ Scroll-triggered fade-in\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.style.opacity = '1'; e.target.style.transform = 'translateY(0)'; }\n });\n }, { threshold: 0.1 });<\/p>\n<p> document.querySelectorAll('.service-card, .strength-item, .testimonial-card, .contact-detail').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(24px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n <\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PSIR – Our Bungalow Office & Facilities About Services Organization Facilities Get in Touch Our Office \u2014 A Beautiful Bungalow Setting \u2014 The Grounds Outdoor The Exterior Ample parking space and lush greenery provide a professional yet serene first impression. Patio The Patio An airy, covered outdoor seating area perfect for informal discussions or coffee […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"facilities-2","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages\/524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/comments?post=524"}],"version-history":[{"count":3,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":665,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions\/665"}],"wp:attachment":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/media?parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":524,"date":"2026-04-28T18:18:58","date_gmt":"2026-04-28T18:18:58","guid":{"rendered":"https:\/\/psiresearch.com.my\/web\/?page_id=524"},"modified":"2026-04-29T05:27:39","modified_gmt":"2026-04-29T05:27:39","slug":"facilities","status":"publish","type":"page","link":"https:\/\/psiresearch.com.my\/web\/index.php\/facilities\/","title":{"rendered":"Facilities"},"content":{"rendered":"

\n
\n
\n
\n
\n PSIR – Our Bungalow Office & Facilities<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/css\/lightbox.min.css\" rel=\"stylesheet\">\n<style>\n :root {\n --orange: #E35205;\n --orange-light: #f5ede8;\n --dark: #1a1a18;\n --mid: #4a4a46;\n --light: #f7f6f3;\n --white: #ffffff;\n --serif: 'Playfair Display', Georgia, serif;\n --sans: 'DM Sans', system-ui, sans-serif;\n --transition: 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n }<\/p>\n<p> body { font-family: 'Segoe UI', sans-serif; line-height: 1.6; color: var(--text-dark); background-color: var(--bg-cream); margin: 0; }<\/p>\n<p> \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n header {\n position: sticky; top: 0; z-index: 100;\n background: rgba(255,255,255,0.8); backdrop-filter: blur(15px);\n border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 6%;\n display: flex; align-items: center; justify-content: space-between; height: 80px;\n transition: var(--transition);\n }\n header.scrolled { height: 60px; box-shadow: var(--shadow); }<\/p>\n<p> .logo-img { height: 45px; transition: var(--transition); }\n header.scrolled .logo-img { height: 35px; }<\/p>\n<p> nav { display: flex; align-items: center; gap: 32px; }\n nav a { text-decoration: none; color: var(--mid); font-size: 14px; font-weight: 500; transition: var(--transition); }\n nav a:not(.nav-cta):hover { color: var(--orange); }<\/p>\n<p> .nav-cta { background: var(--orange); color: #fff; padding: 10px 24px; border-radius: 50px; transition: var(--transition); }\n .nav-cta:hover { background: var(--dark); transform: translateY(-2px); }<\/p>\n<p> \/* Logo mark shrink *\/\n .logo-mark {\n width: 38px; height: 38px; background: var(--orange);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-family: var(--serif); font-size: 18px; color: #fff; font-weight: 700;\n transition: width 0.4s cubic-bezier(0.25,0.8,0.25,1),\n height 0.4s cubic-bezier(0.25,0.8,0.25,1),\n font-size 0.4s cubic-bezier(0.25,0.8,0.25,1),\n border-radius 0.4s ease;\n }\n header.scrolled .logo-mark {\n width: 28px; height: 28px; font-size: 13px; border-radius: 6px;\n }<\/p>\n<p> \/* Logo text shrink *\/\n .logo-text {\n font-family: var(--serif); font-size: 17px; font-weight: 700; letter-spacing: -0.3px;\n transition: font-size 0.4s cubic-bezier(0.25,0.8,0.25,1);\n }\n .logo-text span { color: var(--orange); }\n header.scrolled .logo-text { font-size: 14px; }<\/p>\n<p> \/* Nav link shrink *\/\n nav a {\n text-decoration: none; color: var(--mid);\n font-size: 14px; font-weight: 400; letter-spacing: 0.2px;\n transition: color 0.2s, font-size 0.4s ease;\n position: relative;\n }\n header.scrolled nav a { font-size: 13px; }<\/p>\n<p> \/* CTA button shrink *\/\n .nav-cta {\n background: var(--orange); color: #fff !important;\n padding: 9px 22px; border-radius: 6px;\n font-size: 14px !important; font-weight: 500 !important;\n transition: background 0.2s, padding 0.4s cubic-bezier(0.25,0.8,0.25,1),\n font-size 0.4s ease !important;\n }\n header.scrolled .nav-cta { padding: 6px 16px !important; font-size: 13px !important; }\n .logo { display: flex; align-items: center; text-decoration: none; }\n .logo-img {\n height: 52px;\n width: auto;\n object-fit: contain;\n display: block;\n transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n header.scrolled .logo-img { height: 36px; }\n nav { display: flex; align-items: center; gap: 36px; }\n nav a::after { content: ''; position: absolute; bottom: -4px; left: 0;\n width: 0; height: 1.5px; background: var(--orange);\n transition: width 0.25s ease;\n }\n nav a:hover { color: var(--dark); }\n nav a:hover::after { width: 100%; }\n .nav-cta::after { display: none !important; }\n .nav-cta:hover { background: #c84704 !important; }<\/p>\n<p> \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: #111; padding: 56px 8% 32px;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n .footer-top {\n display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 48px;\n margin-bottom: 48px;\n }\n .footer-brand { }\n .footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }\n .footer-logo .logo-mark { background: var(--orange); }\n .footer-logo .logo-text { color: #fff; }\n .footer-brand p { font-size: 13px; color: rgba(255,255,255,0.4); line-height: 1.7; font-weight: 300; max-width: 260px; }\n .footer-col h4 { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 18px; }\n .footer-col a { display: block; font-size: 14px; color: rgba(255,255,255,0.6); text-decoration: none; margin-bottom: 10px; transition: color 0.2s; }\n .footer-col a:hover { color: #fff; }\n .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; }\n .footer-bottom p { font-size: 12px; color: rgba(255,255,255,0.25); }\n .footer-bottom span { color: var(--orange); }<\/p>\n<p> \/* Main container *\/\n .container { max-width: 1200px; margin: auto; padding: 20px; }<\/p>\n<p> \/* Hero\/Title Section *\/\n .hero { text-align: center; padding: 60px 20px 40px; }\n .hero h1 { font-size: 3rem; margin-bottom: 5px; color: #000; }\n .hero p { font-size: 1.2rem; color: #666; font-weight: 300; }<\/p>\n<p> \/* Section Titles *\/\n .section-title { text-align: center; margin: 50px 0 30px; font-size: 2.2rem; border-bottom: 3px solid var(--primary-orange); display: inline-block; position: relative; left: 50%; transform: translateX(-50%); }<\/p>\n<p> \/* Info Panels *\/\n .info-panel { background: #e9e0d8; padding: 25px; border-radius: 12px; margin-bottom: 30px; border-left: 5px solid var(--primary-orange); }\n .badge { background: var(--primary-orange); color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; display: inline-block; margin-bottom: 10px; }<\/p>\n<p> \/* Layout Grids *\/\n .grid-2, .grid-3 { display: grid; gap: 25px; margin-bottom: 40px; align-items: start; }\n .grid-2 { grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); }\n .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }<\/p>\n<p> @media (max-width: 768px) {\n .grid-2, .grid-3 { grid-template-columns: 1fr; }\n .hero h1 { font-size: 2.2rem; }\n }<\/p>\n<p> \/* Card Style *\/\n .card { background: var(--card-white); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); transition: 0.3s; padding: 20px; }\n .card h3 { margin-top: 0; color: var(--primary-orange); }<\/p>\n<p> \/* -- Image Gallery Grid (for multiple photos) -- *\/\n .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 15px; }<\/p>\n<p> \/* Thumbnail Styling *\/\n .gallery-item { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); cursor: pointer; border: 2px solid #fff; transition: 0.2s; }\n .gallery-item:hover { border-color: var(--primary-orange); transform: scale(1.03); }<\/p>\n<p> \/* The thumbnail itself *\/\n .gallery-item img { width: 100%; height: 120px; object-fit: cover; display: block; }<\/p>\n<p> \/* Icon overlay on hover (optional, looks nice) *\/\n .gallery-item::after { content: '\\f00e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 1.5rem; opacity: 0; transition: 0.3s; }\n .gallery-item:hover::after { opacity: 1; }\n .gallery-item:hover img { filter: brightness(70%); }<\/p>\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p> <\/p>\n<header>\n <a href=\"https:\/\/psiresearch.com.my\/web\/\" class=\"logo\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/psiresearch.com.my\/web\/wp-content\/uploads\/2026\/04\/831b1376-4963-4bd9-815e-e224a3d53993-removebg-preview-1.png\"\n alt=\"PSI Research\"\n class=\"logo-img\"><br \/>\n <\/a><\/p>\n<nav>\n <a href=\"#about\">About<\/a><br \/>\n <a href=\"https:\/\/psiresearch.com.my\/web\/index.php\/service\/\">Services<\/a><br \/>\n <a href=\"https:\/\/psiresearch.com.my\/web\/index.php\/organization\/\">Organization<\/a><br \/>\n <a href=\"#contact\">Facilities<\/a><br \/>\n <a href=\"#contact\" class=\"nav-cta\">Get in Touch<\/a><br \/>\n <\/nav>\n<\/header>\n<div class=\"container\">\n<section class=\"hero\">\n<h1>Our Office<\/h1>\n<p>\u2014 A Beautiful Bungalow Setting \u2014<\/p>\n<\/section>\n<h2 class=\"section-title\">The Grounds<\/h2>\n<div class=\"grid-2\">\n<div class=\"card\">\n <span class=\"badge\">Outdoor<\/span><\/p>\n<h3>The Exterior<\/h3>\n<p>Ample parking space and lush greenery provide a professional yet serene first impression.<\/p>\n<p> <a href=\"outdoor_exterior_0.png\" data-lightbox=\"grounds\" data-title=\"Bungalow Office Exterior\"><\/p>\n<div class=\"gallery-item\">\n <img decoding=\"async\" src=\"outdoor_exterior_0.png\" alt=\"Bungalow Office Exterior Thumbnail\">\n <\/div>\n<p> <\/a>\n <\/div>\n<div class=\"card\">\n <span class=\"badge\">Patio<\/span><\/p>\n<h3>The Patio<\/h3>\n<p>An airy, covered outdoor seating area perfect for informal discussions or coffee breaks.<\/p>\n<p> <a href=\"patio_seating_1.png\" data-lightbox=\"grounds\" data-title=\"Covered Patio Area\"><\/p>\n<div class=\"gallery-item\">\n <img decoding=\"async\" src=\"patio_seating_1.png\" alt=\"Patio Area Thumbnail\">\n <\/div>\n<p> <\/a>\n <\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">FGD & Observation Rooms<\/h2>\n<div class=\"info-panel\">\n All rooms are equipped with <strong>1-Way Mirrors<\/strong> for professional research, observation, and data collection. Multiple room configurations are available.\n <\/div>\n<div class=\"grid-3\">\n<div class=\"card\">\n<h3>Pansy & Primrose<\/h3>\n<p>Versatile setups ranging from casual lounge seating to formal boardroom arrangements.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"fgd_pansy_lounge.png\" data-lightbox=\"fgd\" data-title=\"Pansy Room (Lounge Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_pansy_lounge.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"fgd_primrose_boardroom.png\" data-lightbox=\"fgd\" data-title=\"Primrose Room (Boardroom Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_primrose_boardroom.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Hibiscus & Heliconia<\/h3>\n<p>Focused environments designed for intensive data collection and focus groups.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"fgd_hibiscus_view.png\" data-lightbox=\"fgd\" data-title=\"Hibiscus Room Overview\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_hibiscus_view.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Daisy & Daffodil<\/h3>\n<p>Intimate spaces for smaller groups or one-on-one depth interviews.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"fgd_daisy_small_group.png\" data-lightbox=\"fgd\" data-title=\"Daisy Room Small Group Setup\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"fgd_daisy_small_group.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">The CLT Hall<\/h2>\n<div class=\"info-panel\">\n The CLT Hall is highly versatile. It can be arranged as an <strong>open-concept<\/strong> space ideal for Gang Surveys or divided into <strong>five equally sized private cubicles<\/strong>, each with an identical setup for controlled testing.\n <\/div>\n<div class=\"card\" style=\"margin-bottom: 40px;\">\n<h3>Space Flexibility<\/h3>\n<p>Example layouts including classroom style, open survey, and private cubicle testing.<\/p>\n<div class=\"gallery-grid\" style=\"grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\">\n <a href=\"clt_open_classroom.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Open Classroom Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_open_classroom.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"clt_gang_survey.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Gang Survey Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_gang_survey.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"clt_cubicles_side.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Cubicles View 1)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_cubicles_side.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"clt_cubicle_setup.png\" data-lightbox=\"clt\" data-title=\"CLT Hall (Individual Cubicle Setup)\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"clt_cubicle_setup.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">Refreshments & Kitchen<\/h2>\n<div class=\"grid-2\">\n<div class=\"card\">\n<h3>The Refreshment Area<\/h3>\n<p>Paired with smooth jazz and tailored catering. View our setup and sample catering options.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"refreshment_seating.png\" data-lightbox=\"food\" data-title=\"Refreshment Area Seating\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"refreshment_seating.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"catering_buffet.png\" data-lightbox=\"food\" data-title=\"Sample Buffet Setup\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"catering_buffet.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"catering_pastries.png\" data-lightbox=\"food\" data-title=\"Sample Pastry Selection\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"catering_pastries.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\">\n<h3>Full Service Kitchen<\/h3>\n<p>Spacious for F&B prep. Features 3 units of 32A Industrial sockets. Cooking stations available upon request.<\/p>\n<div class=\"gallery-grid\">\n <a href=\"kitchen_overview.png\" data-lightbox=\"kitchen\" data-title=\"Main Kitchen Facilities\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"kitchen_overview.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a><br \/>\n <a href=\"kitchen_prep_station.png\" data-lightbox=\"kitchen\" data-title=\"Kitchen Prep and Storage Area\"><\/p>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"kitchen_prep_station.png\" alt=\"Thumbnail\"><\/div>\n<p><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<footer>\n<div class=\"footer-top\">\n<div class=\"footer-brand\">\n<div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/psiresearch.com.my\/web\/wp-content\/uploads\/2026\/04\/PSIR-JPEG.jpg-removebg-preview-edited-1.png\"\n alt=\"PSI Research\"\n style=\"height:44px; width:auto; object-fit:contain; border-radius:6px;\">\n <\/div>\n<p>Quality research through passionate expertise. Serving the market research industry since 2005.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Navigation<\/h4>\n<p> <a href=\"#about\">About Us<\/a><br \/>\n <a href=\"#services\">Services<\/a><br \/>\n <a href=\"#strengths\">Our Strength<\/a><br \/>\n <a href=\"#contact\">Contact<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h4>Contact<\/h4>\n<p> <a href=\"tel:+60122883429\">+6012-2883429<\/a><br \/>\n <a href=\"mailto:admin@psinsights.com.my\">admin@psinsights.com.my<\/a><br \/>\n <a href=\"#\">No.1, Jalan 17\/1, Seksyen 17,<br \/>46400 Petaling Jaya<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 PSI Research. All rights reserved.<\/p>\n<p>Made with <span>\u2665<\/span> in Malaysia<\/p>\n<\/p><\/div>\n<\/footer>\n<p> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/js\/lightbox-plus-jquery.min.min.js\">\n let current = 0;\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');<\/p>\n<p> function goToSlide(n) {\n slides[current].classList.remove('active');\n dots[current].classList.remove('active');\n current = (n + slides.length) % slides.length;\n slides[current].classList.add('active');\n dots[current].classList.add('active');\n }<\/p>\n<p> function changeSlide(dir) { goToSlide(current + dir); }<\/p>\n<p> setInterval(() => changeSlide(1), 5500);<\/p>\n<p> \/\/ Header shrink on scroll down, grow on scroll up\n const header = document.querySelector('header');\n let lastScrollY = window.scrollY;<\/p>\n<p> window.addEventListener('scroll', () => {\n const currentScrollY = window.scrollY;\n if (currentScrollY > 60) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n lastScrollY = currentScrollY;\n }, { passive: true });<\/p>\n<p> \/\/ Scroll-triggered fade-in\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.style.opacity = '1'; e.target.style.transform = 'translateY(0)'; }\n });\n }, { threshold: 0.1 });<\/p>\n<p> document.querySelectorAll('.service-card, .strength-item, .testimonial-card, .contact-detail').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(24px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n <\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PSIR – Our Bungalow Office & Facilities About Services Organization Facilities Get in Touch Our Office \u2014 A Beautiful Bungalow Setting \u2014 The Grounds Outdoor The Exterior Ample parking space and lush greenery provide a professional yet serene first impression. Patio The Patio An airy, covered outdoor seating area perfect for informal discussions or coffee […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"facilities-2","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages\/524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/comments?post=524"}],"version-history":[{"count":3,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":665,"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions\/665"}],"wp:attachment":[{"href":"https:\/\/psiresearch.com.my\/web\/index.php\/wp-json\/wp\/v2\/media?parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}