{"id":1230,"date":"2025-04-14T07:32:13","date_gmt":"2025-04-14T07:32:13","guid":{"rendered":"https:\/\/salomaa.fi\/homepage\/"},"modified":"2025-10-02T10:52:15","modified_gmt":"2025-10-02T10:52:15","slug":"homepage","status":"publish","type":"page","link":"https:\/\/salomaa.fi\/en\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<section id=\"homepage-hero-section\" class=\"w-full bg-black text-white h-[100dvh] flex items-center md:mb-[100px]\">\n    <div id=\"homepage-hero-container\" class=\"relative w-full h-full px-6 py-4 md:py-24 flex flex-col md:flex-row justify-start\">\n        <!-- Left Content -->\n        <div id=\"homepage-hero-text\" class=\"md:absolute top-8 md:top-[50px] xl:top-[5vh] max-w-[1600px] my-8 md:my-auto md:m-auto z-10 text-center md:text-left w-full p-0 2xl:p-16\">\n            <h1 id=\"homepage-hero-title\" class=\"relative w-full text-6xl md:text-hero-md lg:text-hero-lg 2xl:text-hero-xl  font-bold text-salomaaIce mt-2 md:mt-2 mb-6 md:mb-4 text-left leading-[1.2] md:min-h-[300px] lg:min-h-[400px] xl:min-h-[500px]\">\n                <div id=\"title-1\" class=\"block md:absolute md:top-0\">CREATIVE<\/div>\n                <div id=\"title-2\" class=\"block md:absolute text-light md:top-[110px] lg:top-[125px] xl:top-[170px]\">SINCE<\/div>\n                <div id=\"title-3\" class=\"block md:absolute text-light md:top-[225px] lg:top-[250px] xl:top-[340px]\">1935<\/div>\n            <\/h1>\n            \n                            <p id=\"homepage-hero-description\" class=\"mt-16 md:mt-8 xl:mt-16 text-lg xl:text-2xl text-light max-w-[500px] text-left pl-0 md:pl-4\">\n                    Salomaa Group is the biggest Finnish corporation in its field. We provide a wide variety of marketing and communications services.                <\/p>\n                    <\/div>\n        \n        <!-- Right Content (Video) -->\n        <div id=\"homepage-hero-video-container\" class=\"w-full md:w-[90%] lg:w-[62.5%] md:absolute md:bottom-0 right-0 md:top-[200px] xl:top-[300px] flex justify-center\">\n                            <div  class=\"block relative w-full h-auto md:h-full max-w-[1024px] xl:max-w-[1460px]\" >\n                                            <video class=\"w-full h-auto md:h-full object-cover rounded-lg\" muted loop autoplay playsinline aria-hidden=\"true\">\n                            <source src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/06\/Salomaa_Brandfilm_FI_2025_short.mp4\" type=\"video\/mp4\" poster=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/05\/Salomaa_Brandfilm_FI_2025_mp4-scaled.jpg\">\n                        <\/video>\n                                        <div class=\"absolute inset-0 flex items-center justify-center bg-black bg-opacity-30 \" aria-label=\"Watch Video\">\n                        <div id=\"openVideoModal\" class=\"absolute bottom-4 md:bottom-[10%] right-4 md:right-[10%] cursor-pointer z-10 text-white text-lg md:text-4xl font-bold max-w-[320px] p-4 md:p-8 inline-block bg-black\/50\">\n                            <span class=\"sr-only\">Play Video<\/span>\n                            Watch the full video here                            <span class=\"absolute top-0 right-0 w-6 md:w-12 h-6 md:h-12 border-t-4 md:border-t-[10px] border-r-4 md:border-r-[10px] border-salomaaIce\"><\/span>\n                            <span class=\"absolute bottom-0 left-0 w-6 md:w-12 h-6 md:h-12 border-b-4 md:border-b-[10px] border-l-4 md:border-l-[10px] border-salomaaIce\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- Script to handle modal -->\n<script>\n    document.getElementById(\"openVideoModal\").addEventListener(\"click\", () => {\n        const modalHTML = `\n            <div id=\"videoModal\" class=\"fixed inset-0 z-50 bg-black bg-opacity-90 flex items-center justify-center\">\n                <div class=\"relative w-full h-full flex items-center justify-center\">\n                    <button id=\"closeVideoModal\" class=\"absolute top-4 right-4 text-white text-4xl font-bold z-50\">\u00d7<\/button>\n                                            <iframe \n                            class=\"w-full h-full object-contain\"\n                            src=\"https:\/\/player.vimeo.com\/video\/1087050135?autoplay=1&#038;controls=1\"\n                            frameborder=\"0\"\n                            loading=\"lazy\"\n                            allow=\"autoplay; fullscreen; picture-in-picture\"\n                            allowfullscreen>\n                        <\/iframe>\n                                    <\/div>\n            <\/div>\n        `;\n        document.getElementById(\"global-modal-container\").innerHTML = modalHTML;\n\n        \/\/ Add close logic\n        document.getElementById(\"closeVideoModal\").addEventListener(\"click\", () => {\n            document.getElementById(\"global-modal-container\").innerHTML = \"\";\n        });\n    });\n<\/script>\n\n\n<section \n    id=\"\"\n    class=\"snaping-section   \" \n    role=\"region\" \n     aria-labelledby=\"headline-title\"     style=\"background: #e1efef \"\n>\n<div class=\"max-w-[1600px]  m-auto flex flex-col justify-start gap-0 md:gap-16 flex-col p-8 md:px-16 md:py-32\">\n            <div class=\"flex-1 flex-[50%]\">\n                \n<h4  data-view=\"partials\/heading\"\n  id=\"when-you-want-to-grow-and-develop\"\n\n      class=\"text-2.5xl md:text-4xl xl:text-6xl leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular my-8 md:my-0 text-dark\"\n  >\n\n      When you want to grow and develop  \n<\/h4>\n   \n        <\/div>\n                            <div class=\"flex-1 mb-8 md:mb-0 flex-[50%]\">\n                <h6 class=\"leading-[160%] md:leading-[150%] xl:leading-[140%] text-sm md:text-base xl:text-2xl\" aria-live=\"polite\">\n                    Our journey from a small design studio to an internationally-awarded marketing and communication group of more than 400 experts has taught us a lot. What growth demands from people, technologies, and ways of working. What type of environments inspire bold creativity where everyone shares a sense of responsibility for the client\u2019s success. How to renew over time. We welcome you to develop and grow with us.                <\/h6>\n            <\/div>\n             \n<\/div>\n<\/section>\n\n\n<section id=\"companies-showcase-block-section\" class=\" flex w-full bg-light text-dark h-[100dvh] flex items-center touch-pan-y overflow-hidden \">\n    <div id=\"companies-showcase-block-container\" class=\"flex flex-col h-[100vh] md:h-full md:flex-row w-[100vw] m-0 mx-auto justify-between \">\n        <!-- Left Content -->\n                                    <div id=\"slide-0\"  class=\"absolute top-auto md:top-0 h-full md:h-auto md:relative flex flex-col md:flex-row items-end md:justify-between w-full bg-light \">\n                    <div class=\"w-[100%] min-h-[25px]  md:w-[50px] md:min-w-[50px] h-[25px]  md:h-[100%] z-10 \" style=\"background-color: #9C9CEC;\"><\/div>\n                    <div class=\"w-full md:flex justify-end items-end h-full \" >\n                        <div class=\"flex flex-col-reverse md:flex-row items-start md:items-end md:justify-between w-full max-w-[1740px] bg-light md:mb-40  md:h-full\">\n                            <div id=\"companies-showcase-block-list\" class=\" text-lg md:text-2xl text-gray-300 text-left p-6 md:p-12 min-w-[300px]  md:min-w-[420px] xl:min-w-[700px] h-[75%]\">\n                                \n<h2  data-view=\"partials\/heading\"\n  id=\"dagmar\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular hidden md:block text-hero-sm md:text-hero-md xl:text-hero-lg font-bold text-dark mb-[10%] z-10\"\n  >\n\n      Dagmar  \n<\/h2>\n                                <h3 class=\" text-2xl lg:text-4xl max-w-[400px] text-dark mb-8 md:mb-16\">Results through strategic marketing<\/h3>\n                                <p class=\"text-dark text-sm md:text-xl max-w-[500px] mb-8 md:mb-16\">Marketing \/ Market Research \/ Strategy \/ Technologies \/ Brand \/ Media \/ Content \/ Customer Experience<\/p>\n                                <!-- \n<div data-view=\"partials\/ui\/call-to-action\">\n    <button  target=\"_blank\" rel=\"noopener noreferrer\"  type=\"button\" \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 mt-8 \"\n         \n        aria-label=\"View cases- VisitDagmar\" \n         \n                        >\n                \n                \n                    <span class=\"button-text\">View cases<\/span>\n                \n                    <span class=\"mt-[-5px]\" aria-hidden=\"true\">\u27f6<\/span>\n        \n\n        \n                \n    <\/button>\n<\/div> -->\n                            <\/div>\n                            <div class=\"p-6 md:p-0 overflow-hidden aspect-video relative flex items-center justify-center \">\n                                <img decoding=\"async\" class=\" w-full max-w-[935px]\" src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/05\/Dagmar_logokuva.png\" alt=\" Dagmarin logo kukkataustalla\" \/>\n                            <\/div>\n                            \n<h2  data-view=\"partials\/heading\"\n  id=\"dagmar\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular md:hidden text-4xl text-dark px-6 font-light  mt-8 mb-2   \"\n  >\n\n      Dagmar  \n<\/h2>\n        \n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div id=\"slide-1\"  class=\"absolute top-auto md:top-0 h-full md:h-auto md:relative flex flex-col md:flex-row items-end md:justify-between w-full bg-light \">\n                    <div class=\"w-[100%] min-h-[25px]  md:w-[50px] md:min-w-[50px] h-[25px]  md:h-[100%] z-10 \" style=\"background-color: #A3C57C;\"><\/div>\n                    <div class=\"w-full md:flex justify-end items-end h-full \" >\n                        <div class=\"flex flex-col-reverse md:flex-row items-start md:items-end md:justify-between w-full max-w-[1740px] bg-light md:mb-40  md:h-full\">\n                            <div id=\"companies-showcase-block-list\" class=\" text-lg md:text-2xl text-gray-300 text-left p-6 md:p-12 min-w-[300px]  md:min-w-[420px] xl:min-w-[700px] h-[75%]\">\n                                \n<h2  data-view=\"partials\/heading\"\n  id=\"sek\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular hidden md:block text-hero-sm md:text-hero-md xl:text-hero-lg font-bold text-dark mb-[10%] z-10\"\n  >\n\n      SEK  \n<\/h2>\n                                <h3 class=\" text-2xl lg:text-4xl max-w-[400px] text-dark mb-8 md:mb-16\">Creative brand design<\/h3>\n                                <p class=\"text-dark text-sm md:text-xl max-w-[500px] mb-8 md:mb-16\">Brand \/ Experience \/ Advertising \/ Communications \/ Design \/ Motion \/ B2B \/ Social Media<\/p>\n                                <!-- \n<div data-view=\"partials\/ui\/call-to-action\">\n    <button  target=\"_blank\" rel=\"noopener noreferrer\"  type=\"button\" \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 mt-8 \"\n         \n        aria-label=\"- VisitSEK\" \n         \n                        >\n                \n                \n                \n                    <span class=\"mt-[-5px]\" aria-hidden=\"true\">\u27f6<\/span>\n        \n\n        \n                \n    <\/button>\n<\/div> -->\n                            <\/div>\n                            <div class=\"p-6 md:p-0 overflow-hidden aspect-video relative flex items-center justify-center \">\n                                <img decoding=\"async\" class=\" w-full max-w-[935px]\" src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/05\/Salomaa_web_SEK.jpg\" alt=\" \" \/>\n                            <\/div>\n                            \n<h2  data-view=\"partials\/heading\"\n  id=\"sek\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular md:hidden text-4xl text-dark px-6 font-light  mt-8 mb-2   \"\n  >\n\n      SEK  \n<\/h2>\n        \n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div id=\"slide-2\"  class=\"absolute top-auto md:top-0 h-full md:h-auto md:relative flex flex-col md:flex-row items-end md:justify-between w-full bg-light \">\n                    <div class=\"w-[100%] min-h-[25px]  md:w-[50px] md:min-w-[50px] h-[25px]  md:h-[100%] z-10 \" style=\"background-color: #9C9CEC;\"><\/div>\n                    <div class=\"w-full md:flex justify-end items-end h-full \" >\n                        <div class=\"flex flex-col-reverse md:flex-row items-start md:items-end md:justify-between w-full max-w-[1740px] bg-light md:mb-40  md:h-full\">\n                            <div id=\"companies-showcase-block-list\" class=\" text-lg md:text-2xl text-gray-300 text-left p-6 md:p-12 min-w-[300px]  md:min-w-[420px] xl:min-w-[700px] h-[75%]\">\n                                \n<h2  data-view=\"partials\/heading\"\n  id=\"quru\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular hidden md:block text-hero-sm md:text-hero-md xl:text-hero-lg font-bold text-dark mb-[10%] z-10\"\n  >\n\n      Quru  \n<\/h2>\n                                <h3 class=\" text-2xl lg:text-4xl max-w-[400px] text-dark mb-8 md:mb-16\">Data-driven marketing<\/h3>\n                                <p class=\"text-dark text-sm md:text-xl max-w-[500px] mb-8 md:mb-16\">Analytics \/ Data Intelligence \/ Digital Marketing<\/p>\n                                <!-- \n<div data-view=\"partials\/ui\/call-to-action\">\n    <button  target=\"_blank\" rel=\"noopener noreferrer\"  type=\"button\" \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 mt-8 \"\n         \n        aria-label=\"- VisitQuru\" \n         \n                        >\n                \n                \n                \n                    <span class=\"mt-[-5px]\" aria-hidden=\"true\">\u27f6<\/span>\n        \n\n        \n                \n    <\/button>\n<\/div> -->\n                            <\/div>\n                            <div class=\"p-6 md:p-0 overflow-hidden aspect-video relative flex items-center justify-center \">\n                                <img decoding=\"async\" class=\" w-full max-w-[935px]\" src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/05\/Quru_bra\u0308ndikuva_png.png\" alt=\" Qurun br\u00e4ndikuva, jossa on eriv\u00e4risi\u00e4 graafisia elementtej\u00e4\" \/>\n                            <\/div>\n                            \n<h2  data-view=\"partials\/heading\"\n  id=\"quru\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular md:hidden text-4xl text-dark px-6 font-light  mt-8 mb-2   \"\n  >\n\n      Quru  \n<\/h2>\n        \n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div id=\"slide-3\"  class=\"absolute top-auto md:top-0 h-full md:h-auto md:relative flex flex-col md:flex-row items-end md:justify-between w-full bg-light \">\n                    <div class=\"w-[100%] min-h-[25px]  md:w-[50px] md:min-w-[50px] h-[25px]  md:h-[100%] z-10 \" style=\"background-color: #337775;\"><\/div>\n                    <div class=\"w-full md:flex justify-end items-end h-full \" >\n                        <div class=\"flex flex-col-reverse md:flex-row items-start md:items-end md:justify-between w-full max-w-[1740px] bg-light md:mb-40  md:h-full\">\n                            <div id=\"companies-showcase-block-list\" class=\" text-lg md:text-2xl text-gray-300 text-left p-6 md:p-12 min-w-[300px]  md:min-w-[420px] xl:min-w-[700px] h-[75%]\">\n                                \n<h2  data-view=\"partials\/heading\"\n  id=\"kaski\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular hidden md:block text-hero-sm md:text-hero-md xl:text-hero-lg font-bold text-dark mb-[10%] z-10\"\n  >\n\n      Kaski  \n<\/h2>\n                                <h3 class=\" text-2xl lg:text-4xl max-w-[400px] text-dark mb-8 md:mb-16\">From strategy to impact<\/h3>\n                                <p class=\"text-dark text-sm md:text-xl max-w-[500px] mb-8 md:mb-16\">Marketing &amp; Advertising \/ Brand Design &amp; Identity \/ Commercial Design \/ PR &amp; Communications \/ Web Design &amp; Development \/ Social Media<\/p>\n                                <!-- \n<div data-view=\"partials\/ui\/call-to-action\">\n    <button  target=\"_blank\" rel=\"noopener noreferrer\"  type=\"button\" \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 mt-8 \"\n         \n        aria-label=\"- VisitKaski\" \n         \n                        >\n                \n                \n                \n                    <span class=\"mt-[-5px]\" aria-hidden=\"true\">\u27f6<\/span>\n        \n\n        \n                \n    <\/button>\n<\/div> -->\n                            <\/div>\n                            <div class=\"p-6 md:p-0 overflow-hidden aspect-video relative flex items-center justify-center \">\n                                <img decoding=\"async\" class=\" w-full max-w-[935px]\" src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/06\/Kaski-Creative-Agency_grafiikka.png\" alt=\" Kaski Creative Agency ympyr\u00e4ss\u00e4, eriv\u00e4risi\u00e4 graafisia elementtej\u00e4\" \/>\n                            <\/div>\n                            \n<h2  data-view=\"partials\/heading\"\n  id=\"kaski\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular md:hidden text-4xl text-dark px-6 font-light  mt-8 mb-2   \"\n  >\n\n      Kaski  \n<\/h2>\n        \n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div id=\"slide-4\"  class=\"absolute top-auto md:top-0 h-full md:h-auto md:relative flex flex-col md:flex-row items-end md:justify-between w-full bg-light \">\n                    <div class=\"w-[100%] min-h-[25px]  md:w-[50px] md:min-w-[50px] h-[25px]  md:h-[100%] z-10 \" style=\"background-color: #A3C57C;\"><\/div>\n                    <div class=\"w-full md:flex justify-end items-end h-full \" >\n                        <div class=\"flex flex-col-reverse md:flex-row items-start md:items-end md:justify-between w-full max-w-[1740px] bg-light md:mb-40  md:h-full\">\n                            <div id=\"companies-showcase-block-list\" class=\" text-lg md:text-2xl text-gray-300 text-left p-6 md:p-12 min-w-[300px]  md:min-w-[420px] xl:min-w-[700px] h-[75%]\">\n                                \n<h2  data-view=\"partials\/heading\"\n  id=\"radly\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular hidden md:block text-hero-sm md:text-hero-md xl:text-hero-lg font-bold text-dark mb-[10%] z-10\"\n  >\n\n      RADLY  \n<\/h2>\n                                <h3 class=\" text-2xl lg:text-4xl max-w-[400px] text-dark mb-8 md:mb-16\">Impact from digital marketing<\/h3>\n                                <p class=\"text-dark text-sm md:text-xl max-w-[500px] mb-8 md:mb-16\">Digital Marketing \/ Media \/ Strategy \/ Technologies<\/p>\n                                <!-- \n<div data-view=\"partials\/ui\/call-to-action\">\n    <button  target=\"_blank\" rel=\"noopener noreferrer\"  type=\"button\" \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 mt-8 \"\n         \n        aria-label=\"- VisitRADLY\" \n         \n                        >\n                \n                \n                \n                    <span class=\"mt-[-5px]\" aria-hidden=\"true\">\u27f6<\/span>\n        \n\n        \n                \n    <\/button>\n<\/div> -->\n                            <\/div>\n                            <div class=\"p-6 md:p-0 overflow-hidden aspect-video relative flex items-center justify-center \">\n                                <img decoding=\"async\" class=\" w-full max-w-[935px]\" src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/05\/Radly_logokuva.png\" alt=\" RADLYn nimilogo logotapetilla\" \/>\n                            <\/div>\n                            \n<h2  data-view=\"partials\/heading\"\n  id=\"radly\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular md:hidden text-4xl text-dark px-6 font-light  mt-8 mb-2   \"\n  >\n\n      RADLY  \n<\/h2>\n        \n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div id=\"slide-5\"  class=\"absolute top-auto md:top-0 h-full md:h-auto md:relative flex flex-col md:flex-row items-end md:justify-between w-full bg-light \">\n                    <div class=\"w-[100%] min-h-[25px]  md:w-[50px] md:min-w-[50px] h-[25px]  md:h-[100%] z-10 \" style=\"background-color: #B5D9D9;\"><\/div>\n                    <div class=\"w-full md:flex justify-end items-end h-full \" >\n                        <div class=\"flex flex-col-reverse md:flex-row items-start md:items-end md:justify-between w-full max-w-[1740px] bg-light md:mb-40  md:h-full\">\n                            <div id=\"companies-showcase-block-list\" class=\" text-lg md:text-2xl text-gray-300 text-left p-6 md:p-12 min-w-[300px]  md:min-w-[420px] xl:min-w-[700px] h-[75%]\">\n                                \n<h2  data-view=\"partials\/heading\"\n  id=\"salomaa-yhtiot\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular hidden md:block text-hero-sm md:text-hero-md xl:text-hero-lg font-bold text-dark mb-[10%] z-10\"\n  >\n\n      Salomaa Yhti\u00f6t  \n<\/h2>\n                                <h3 class=\" text-2xl lg:text-4xl max-w-[400px] text-dark mb-8 md:mb-16\">Parent company of Salomaa Group<\/h3>\n                                <p class=\"text-dark text-sm md:text-xl max-w-[500px] mb-8 md:mb-16\">Group Administration \/ Internal HR Services \/ IT Services \/ Financial Services \/ Market Intelligence<\/p>\n                                <!-- \n<div data-view=\"partials\/ui\/call-to-action\">\n    <button  target=\"_blank\" rel=\"noopener noreferrer\"  type=\"button\" \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 mt-8 \"\n         \n        aria-label=\"- VisitSalomaa Yhti\u00f6t\" \n         \n                        >\n                \n                \n                \n                    <span class=\"mt-[-5px]\" aria-hidden=\"true\">\u27f6<\/span>\n        \n\n        \n                \n    <\/button>\n<\/div> -->\n                            <\/div>\n                            <div class=\"p-6 md:p-0 overflow-hidden aspect-video relative flex items-center justify-center \">\n                                <img decoding=\"async\" class=\" w-full max-w-[935px]\" src=\"https:\/\/salomaa.fi\/wp-content\/uploads\/2025\/06\/AdobeStock_384778576-scaled.jpeg\" alt=\" L\u00e4hikuva lehden suonista\" \/>\n                            <\/div>\n                            \n<h2  data-view=\"partials\/heading\"\n  id=\"salomaa-yhtiot\"\n\n      class=\"text-4xl md:text-6xl xl:text-intro leading-[140%] md:leading-[115%] xl-leading[110%] font-Century-Gothic-regular md:hidden text-4xl text-dark px-6 font-light  mt-8 mb-2   \"\n  >\n\n      Salomaa Yhti\u00f6t  \n<\/h2>\n        \n                        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n    <div class=\" justify-end hidden md:flex absolute bottom-12 transform -translate-x-1\/2 left-1\/2 w-full px-12 z-20\">\n        <div class=\"flex items  justify-between w-full max-w-[1740px] pl-24  \">\n                            <div class=\" flex-1 flex flex-col\">\n                    <div id=\"slide-link-0\" class=\"slide-link mb-4 cursor-pointer\" data-index=\"0\">Dagmar<\/div>\n                    <div id=\"slide-progress-bar-container-0\" class=\"slide-progress-bar-container w-[90%] h-[2px] \">\n                        <div id=\"slide-progreesbar-0\" class=\" slide-progress-bar h-full bg-dark \" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\" flex-1 flex flex-col\">\n                    <div id=\"slide-link-1\" class=\"slide-link mb-4 cursor-pointer\" data-index=\"1\">SEK<\/div>\n                    <div id=\"slide-progress-bar-container-1\" class=\"slide-progress-bar-container w-[90%] h-[2px] \">\n                        <div id=\"slide-progreesbar-1\" class=\" slide-progress-bar h-full bg-dark \" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\" flex-1 flex flex-col\">\n                    <div id=\"slide-link-2\" class=\"slide-link mb-4 cursor-pointer\" data-index=\"2\">Quru<\/div>\n                    <div id=\"slide-progress-bar-container-2\" class=\"slide-progress-bar-container w-[90%] h-[2px] \">\n                        <div id=\"slide-progreesbar-2\" class=\" slide-progress-bar h-full bg-dark \" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\" flex-1 flex flex-col\">\n                    <div id=\"slide-link-3\" class=\"slide-link mb-4 cursor-pointer\" data-index=\"3\">Kaski<\/div>\n                    <div id=\"slide-progress-bar-container-3\" class=\"slide-progress-bar-container w-[90%] h-[2px] \">\n                        <div id=\"slide-progreesbar-3\" class=\" slide-progress-bar h-full bg-dark \" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\" flex-1 flex flex-col\">\n                    <div id=\"slide-link-4\" class=\"slide-link mb-4 cursor-pointer\" data-index=\"4\">RADLY<\/div>\n                    <div id=\"slide-progress-bar-container-4\" class=\"slide-progress-bar-container w-[90%] h-[2px] \">\n                        <div id=\"slide-progreesbar-4\" class=\" slide-progress-bar h-full bg-dark \" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\" flex-1 flex flex-col\">\n                    <div id=\"slide-link-5\" class=\"slide-link mb-4 cursor-pointer\" data-index=\"5\">Salomaa Yhti\u00f6t<\/div>\n                    <div id=\"slide-progress-bar-container-5\" class=\"slide-progress-bar-container w-[90%] h-[2px] \">\n                        <div id=\"slide-progreesbar-5\" class=\" slide-progress-bar h-full bg-dark \" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n        \n\n         \n        \n\n\n\n\n<section     \n    class=\" snap-start py-8 \" \n    role=\"region\" \n    style=\"background-color: #B5D9D9;\"\n    >\n    <div  class=\"max-w-[1600px] p-8 md:p-16 m-auto md:my-16 flex flex-col items-center \" >\n\n                <div class=\" flex flex-wrap  justify-between  gap-x-8 gap-y-8 flex-wrap \">\n                                                \n<div data-view=\"partials\/ui\/call-to-action\">\n    <a href=\"https:\/\/salomaa.fi\/en\/companies\/\"    \n        class=\"flex w-fit justify-center rounded-full px-6 py-3 no-underline items-center gap-2 group whitespace-nowrap px-4 py-2 text-xs md:text-sm lg:text-base bg-transparent text-dark border border-dark hover:bg-salomaaPine hover:text-white hover:border-salomaaPine focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-salomaaIce focus-visible:ring-offset-white transition-colors duration-200 min-w-[120px] md:min-w-[140px] mt-0\"\n         \n        aria-label=\"Read more about our companies - Visit https:\/\/salomaa.fi\/en\/companies\/\" \n         \n                        >\n                \n                \n                    <span class=\"button-text\">Read more about our companies<\/span>\n                \n        \n\n        \n                \n    <\/a>\n<\/div> \n                                    <\/div>\n    <\/div>\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":""},"class_list":["post-1230","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Homepage - salomaa Salomaa Group \u2013 Marketing and communications services<\/title>\n<meta name=\"description\" content=\"Wide variety of marketing and communications services. Over 400 experts, Finnish ownership, and global networks.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/salomaa.fi\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage - salomaa Salomaa Group \u2013 Marketing and communications services\" \/>\n<meta property=\"og:description\" content=\"Wide variety of marketing and communications services. Over 400 experts, Finnish ownership, and global networks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/salomaa.fi\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"salomaa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-02T10:52:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/salomaa.fi\/en\/\",\"url\":\"https:\/\/salomaa.fi\/en\/\",\"name\":\"Homepage - salomaa Salomaa Group \u2013 Marketing and communications services\",\"isPartOf\":{\"@id\":\"https:\/\/salomaa.fi\/en\/#website\"},\"datePublished\":\"2025-04-14T07:32:13+00:00\",\"dateModified\":\"2025-10-02T10:52:15+00:00\",\"description\":\"Wide variety of marketing and communications services. Over 400 experts, Finnish ownership, and global networks.\",\"breadcrumb\":{\"@id\":\"https:\/\/salomaa.fi\/en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/salomaa.fi\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/salomaa.fi\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/salomaa.fi\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/salomaa.fi\/en\/#website\",\"url\":\"https:\/\/salomaa.fi\/en\/\",\"name\":\"salomaa\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/salomaa.fi\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/salomaa.fi\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/salomaa.fi\/en\/#organization\",\"name\":\"salomaa\",\"url\":\"https:\/\/salomaa.fi\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/salomaa.fi\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/production.salomaa.fi\/wp-content\/uploads\/2025\/05\/salomaa_logo_since_02-scaled.webp\",\"contentUrl\":\"https:\/\/production.salomaa.fi\/wp-content\/uploads\/2025\/05\/salomaa_logo_since_02-scaled.webp\",\"width\":2560,\"height\":432,\"caption\":\"salomaa\"},\"image\":{\"@id\":\"https:\/\/salomaa.fi\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Homepage - salomaa Salomaa Group \u2013 Marketing and communications services","description":"Wide variety of marketing and communications services. Over 400 experts, Finnish ownership, and global networks.","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:\/\/salomaa.fi\/en\/","og_locale":"en_US","og_type":"article","og_title":"Homepage - salomaa Salomaa Group \u2013 Marketing and communications services","og_description":"Wide variety of marketing and communications services. Over 400 experts, Finnish ownership, and global networks.","og_url":"https:\/\/salomaa.fi\/en\/","og_site_name":"salomaa","article_modified_time":"2025-10-02T10:52:15+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/salomaa.fi\/en\/","url":"https:\/\/salomaa.fi\/en\/","name":"Homepage - salomaa Salomaa Group \u2013 Marketing and communications services","isPartOf":{"@id":"https:\/\/salomaa.fi\/en\/#website"},"datePublished":"2025-04-14T07:32:13+00:00","dateModified":"2025-10-02T10:52:15+00:00","description":"Wide variety of marketing and communications services. Over 400 experts, Finnish ownership, and global networks.","breadcrumb":{"@id":"https:\/\/salomaa.fi\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/salomaa.fi\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/salomaa.fi\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/salomaa.fi\/en\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/salomaa.fi\/en\/#website","url":"https:\/\/salomaa.fi\/en\/","name":"salomaa","description":"","publisher":{"@id":"https:\/\/salomaa.fi\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/salomaa.fi\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/salomaa.fi\/en\/#organization","name":"salomaa","url":"https:\/\/salomaa.fi\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/salomaa.fi\/en\/#\/schema\/logo\/image\/","url":"https:\/\/production.salomaa.fi\/wp-content\/uploads\/2025\/05\/salomaa_logo_since_02-scaled.webp","contentUrl":"https:\/\/production.salomaa.fi\/wp-content\/uploads\/2025\/05\/salomaa_logo_since_02-scaled.webp","width":2560,"height":432,"caption":"salomaa"},"image":{"@id":"https:\/\/salomaa.fi\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/pages\/1230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/comments?post=1230"}],"version-history":[{"count":10,"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/pages\/1230\/revisions"}],"predecessor-version":[{"id":1419,"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/pages\/1230\/revisions\/1419"}],"wp:attachment":[{"href":"https:\/\/salomaa.fi\/en\/wp-json\/wp\/v2\/media?parent=1230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}