{"id":2558,"date":"2026-08-12T15:16:48","date_gmt":"2026-08-12T15:16:48","guid":{"rendered":"https:\/\/haipestudio.com\/?page_id=2558"},"modified":"2026-08-12T18:45:34","modified_gmt":"2026-08-12T18:45:34","slug":"products","status":"publish","type":"page","link":"https:\/\/haipestudio.com\/en\/products\/","title":{"rendered":"Products"},"content":{"rendered":"  <section class=\"main-cta main-cta--h1 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h1            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h1\"\n            >\n            Smart Products<br\/>for Growing Businesses          <\/h1>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description \"><p>Intelligent products built to solve real problems, improve operations and help businesses grow more efficiently.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n  <section class=\"iwsc-block iwsc-block--product\"\n    aria-labelledby=\"iwsc-block-heading-block_ec98f5347346bcfd2242219457a1c12e\"     aria-label=\"Conte\u00fado com imagem lateral\">\n\n    <div class=\"iwsc-block__container\">\n      <div class=\"iwsc-block__grid\">\n\n        <!-- Left Section (Image or Title) -->\n        <div class=\"iwsc-block__left iwsc-block__image--left\">\n                      <!-- Image Section -->\n            <figure class=\"iwsc-block__figure\">\n                              <a href=\"https:\/\/semantika.pt\" class=\"iwsc-block__image-link\" aria-label=\"Discover Semantika\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n                            <img decoding=\"async\"\n                src=\"https:\/\/haipestudio.com\/wp-content\/uploads\/2026\/08\/semantika.png\"\n                alt=\"Semantika, a Haipe Studio product.\"\n                class=\"iwsc-block__image-element\"\n                loading=\"lazy\" \/>\n                              <\/a>\n                                        <\/figure>\n                  <\/div>\n\n        <!-- Right Section (Content or Description) -->\n        <div class=\"iwsc-block__right iwsc-block__content--right\">\n          <div class=\"iwsc-block__content-inner\">\n                          <!-- Title in content section when image exists -->\n              <header class=\"iwsc-block__header\">\n                <h2 id=\"iwsc-block-heading-block_ec98f5347346bcfd2242219457a1c12e\" class=\"iwsc-block__title\">\n                  Semantika                <\/h2>\n              <\/header>\n            \n                          <div class=\"iwsc-block__description\">\n                <div class=\"iwsc-block__description-content\">\n                  <p>Analyse how your brand are presented across AI engines and intelligent search platforms. Built for companies that want to protect their reputation, understand their digital positioning and gain an advantage in the new era of AI discovery. <\/p>\n<ul>\n<li>Monitoring of brand mentions<\/li>\n<li>Comparison with competitors<\/li>\n<li>Identification of inaccurate or outdated information<\/li>\n<li>Opportunities to improve visibility<\/li>\n<li>Clear and actionable insights<\/li>\n<\/ul>\n<p><strong>Ideal for:<\/strong> Brands with a strong digital presence, e-commerce businesses, tourism, hospitality, education and B2B companies.<\/p>\n                <\/div>\n              <\/div>\n            \n                          <footer class=\"iwsc-block__footer\">\n                <div class=\"iwsc-block__cta\">\n                  <a href=\"https:\/\/semantika.pt\" class=\"iwsc-block__cta-link btn-primary\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n                    Discover Semantika                    <span class=\"btn-shine\"><\/span>\n                  <\/a>\n                <\/div>\n              <\/footer>\n                      <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Image with Side Content Block Entrance Animation\n    const iwscBlocks = document.querySelectorAll('.iwsc-block');\n    \n    if (iwscBlocks.length > 0) {\n        const isMobile = window.innerWidth <= 768;\n        \n        const observerOptions = {\n            threshold: isMobile ? 0.1 : 0.2,\n            rootMargin: isMobile ? '0px 0px -20px 0px' : '0px 0px -50px 0px'\n        };\n        \n        const observerCallback = function(entries, observer) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('iwsc-block-entrance');\n                    observer.unobserve(entry.target);\n                }\n            });\n        };\n        \n        const observer = new IntersectionObserver(observerCallback, observerOptions);\n        \n        iwscBlocks.forEach((iwscBlock) => {\n            observer.observe(iwscBlock);\n        });\n        \n        window.addEventListener('resize', function() {\n            const newIsMobile = window.innerWidth <= 768;\n            if (newIsMobile !== isMobile) {\n                observer.disconnect();\n                const newObserverOptions = {\n                    threshold: newIsMobile ? 0.1 : 0.2,\n                    rootMargin: newIsMobile ? '0px 0px -20px 0px' : '0px 0px -50px 0px'\n                };\n                const newObserver = new IntersectionObserver(observerCallback, newObserverOptions);\n                iwscBlocks.forEach((iwscBlock) => {\n                    newObserver.observe(iwscBlock);\n                });\n            }\n        });\n    }\n    \n    \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n    if (typeof wp !== 'undefined' && wp.data) {\n        wp.data.subscribe(function() {\n            \/\/ Small delay to ensure content is rendered\n            setTimeout(function() {\n                const iwscBlocks = document.querySelectorAll('.iwsc-block');\n                \n                if (iwscBlocks.length > 0) {\n                    const isMobile = window.innerWidth <= 768;\n                    \n                    const observerOptions = {\n                        threshold: isMobile ? 0.1 : 0.2,\n                        rootMargin: isMobile ? '0px 0px -20px 0px' : '0px 0px -50px 0px'\n                    };\n                    \n                    const observerCallback = function(entries, observer) {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                entry.target.classList.add('iwsc-block-entrance');\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    };\n                    \n                    const observer = new IntersectionObserver(observerCallback, observerOptions);\n                    \n                    iwscBlocks.forEach((iwscBlock) => {\n                        observer.observe(iwscBlock);\n                    });\n                }\n            }, 100);\n        });\n    }\n});\n<\/script>\n\n  <section class=\"iwsc-block iwsc-block--product\"\n    aria-labelledby=\"iwsc-block-heading-block_a685dee2e07c3327f938e85b8224348b\"     aria-label=\"Conte\u00fado com imagem lateral\">\n\n    <div class=\"iwsc-block__container\">\n      <div class=\"iwsc-block__grid\">\n\n        <!-- Left Section (Image or Title) -->\n        <div class=\"iwsc-block__left iwsc-block__image--right\">\n                      <!-- Image Section -->\n            <figure class=\"iwsc-block__figure\">\n                              <a href=\"https:\/\/bia.haipestudio.com\" class=\"iwsc-block__image-link\" aria-label=\"Discover Bia\" target=\"_blank\" rel=\"noopener noreferrer\">\n                            <img decoding=\"async\"\n                src=\"https:\/\/haipestudio.com\/wp-content\/uploads\/2026\/08\/bia.png\"\n                alt=\"bia, a Haipe Studio product.\"\n                class=\"iwsc-block__image-element\"\n                loading=\"lazy\" \/>\n                              <\/a>\n                                        <\/figure>\n                  <\/div>\n\n        <!-- Right Section (Content or Description) -->\n        <div class=\"iwsc-block__right iwsc-block__content--left\">\n          <div class=\"iwsc-block__content-inner\">\n                          <!-- Title in content section when image exists -->\n              <header class=\"iwsc-block__header\">\n                <h2 id=\"iwsc-block-heading-block_a685dee2e07c3327f938e85b8224348b\" class=\"iwsc-block__title\">\n                  Bia                <\/h2>\n              <\/header>\n            \n                          <div class=\"iwsc-block__description\">\n                <div class=\"iwsc-block__description-content\">\n                  <p>Bia answers calls, takes orders and responds to customers automatically, naturally and as part of the existing operation. Built for businesses where every missed call represents a missed sale. <\/p>\n<ul>\n<li>Automatic call handling<\/li>\n<li>Answers to frequently asked questions<\/li>\n<li>Order registration in the system<\/li>\n<li>Integration with invoicing and receipts<\/li>\n<li>24\/7 availability<\/li>\n<\/ul>\n<p><strong>Ideal for:<\/strong> Restaurants, takeaway businesses, delivery kitchens, restaurant chains and businesses with a high volume of calls.<\/p>\n                <\/div>\n              <\/div>\n            \n                          <footer class=\"iwsc-block__footer\">\n                <div class=\"iwsc-block__cta\">\n                  <a href=\"https:\/\/bia.haipestudio.com\" class=\"iwsc-block__cta-link btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Discover Bia                    <span class=\"btn-shine\"><\/span>\n                  <\/a>\n                <\/div>\n              <\/footer>\n                      <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n  <section class=\"iwsc-block iwsc-block--product\"\n    aria-labelledby=\"iwsc-block-heading-block_664fb8c297a4a22c2e3220105b6a6a4f\"     aria-label=\"Conte\u00fado com imagem lateral\">\n\n    <div class=\"iwsc-block__container\">\n      <div class=\"iwsc-block__grid\">\n\n        <!-- Left Section (Image or Title) -->\n        <div class=\"iwsc-block__left iwsc-block__image--left\">\n                      <!-- Image Section -->\n            <figure class=\"iwsc-block__figure\">\n                              <a href=\"https:\/\/tryspotter.io\" class=\"iwsc-block__image-link\" aria-label=\"Discover Spotter\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n                            <img decoding=\"async\"\n                src=\"https:\/\/haipestudio.com\/wp-content\/uploads\/2026\/08\/spotter.png\"\n                alt=\"Spotter, a Haipe Studio product.\"\n                class=\"iwsc-block__image-element\"\n                loading=\"lazy\" \/>\n                              <\/a>\n                                        <\/figure>\n                  <\/div>\n\n        <!-- Right Section (Content or Description) -->\n        <div class=\"iwsc-block__right iwsc-block__content--right\">\n          <div class=\"iwsc-block__content-inner\">\n                          <!-- Title in content section when image exists -->\n              <header class=\"iwsc-block__header\">\n                <h2 id=\"iwsc-block-heading-block_664fb8c297a4a22c2e3220105b6a6a4f\" class=\"iwsc-block__title\">\n                  Spotter                <\/h2>\n              <\/header>\n            \n                          <div class=\"iwsc-block__description\">\n                <div class=\"iwsc-block__description-content\">\n                  <p>Spotter allows teams to identify bugs, suggest changes and leave feedback directly on the website, without confusing email threads or scattered screenshots.<\/p>\n<ul>\n<li>Feedback directly on the page<\/li>\n<li>Comments on specific elements<\/li>\n<li>Bug reports with visual context<\/li>\n<li>Faster reviews and approvals<\/li>\n<li>Centralised collaboration between teams and clients<\/li>\n<\/ul>\n<p><strong>Ideal for:<\/strong> Digital agencies, marketing teams, IT departments, e-commerce businesses and companies with active websites.<\/p>\n                <\/div>\n              <\/div>\n            \n                          <footer class=\"iwsc-block__footer\">\n                <div class=\"iwsc-block__cta\">\n                  <a href=\"https:\/\/tryspotter.io\" class=\"iwsc-block__cta-link btn-primary\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n                    Discover Spotter                    <span class=\"btn-shine\"><\/span>\n                  <\/a>\n                <\/div>\n              <\/footer>\n                      <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n\n<section class=\"full-width-cta\" aria-labelledby=\"full-width-cta-heading\" >\n\n  <div class=\"full-width-cta__container\">\n    <!-- Background SVG for mobile and desktop -->\n    <div class=\"full-width-cta__background\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--left\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--right\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__content-wrapper\">\n              <header class=\"full-width-cta__header\">\n          <h2 id=\"full-width-cta-heading\" class=\"full-width-cta__title\">\n            Ready to see how automation can transform your operations?          <\/h2>\n        <\/header>\n      \n              <div class=\"full-width-cta__content\">\n          <div class=\"full-width-cta__description\">\n            <p>Book a free automation audit with Haipe \u2014 and discover the invisible systems that deliver visible results.<\/p>\n          <\/div>\n        <\/div>\n      \n              <footer class=\"full-width-cta__footer\">\n          <div class=\"full-width-cta__links\">\n                          <a href=\"\/en\/free-audit\/\"\n                class=\"full-width-cta__button btn-secondary\"\n                                >\n                Free Audit                <span class=\"btn-shine\"><\/span>\n              <\/a>\n            \n                      <\/div>\n        <\/footer>\n          <\/div>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[],"class_list":["post-2558","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages\/2558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/comments?post=2558"}],"version-history":[{"count":5,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages\/2558\/revisions"}],"predecessor-version":[{"id":2574,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/pages\/2558\/revisions\/2574"}],"wp:attachment":[{"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/media?parent=2558"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/haipestudio.com\/en\/wp-json\/wp\/v2\/folder?post=2558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}