{"id":402,"date":"2026-01-16T17:12:54","date_gmt":"2026-01-16T17:12:54","guid":{"rendered":"http:\/\/localhost:10010\/?page_id=402"},"modified":"2026-02-09T11:39:22","modified_gmt":"2026-02-09T11:39:22","slug":"quiz","status":"publish","type":"page","link":"http:\/\/kampaoutdoors.com\/nl\/quiz\/","title":{"rendered":"Welke Kampa ben jij?"},"content":{"rendered":"\n<div class=\"wp-block-group relative z-10 is-layout-constrained wp-container-core-group-is-layout-d9d325dd wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--medium)\">\n<h1 class=\"wp-block-heading has-text-align-center is-style-quiz has-quiz-primary-color has-text-color has-link-color has-x-large-font-size wp-elements-6345a8beb4214ac7c61c903c6f36f166\">Which Kampa are you?<\/h1>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\" style=\"margin-top:-10%\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1024x610.png\" alt=\"\" class=\"wp-image-1331\" style=\"width:800px\" srcset=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1024x610.png 1024w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-300x179.png 300w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-768x457.png 768w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1536x914.png 1536w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-2048x1219.png 2048w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-18x12.png 18w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1880x1119.png 1880w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-2000x1191.png 2000w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1000x595.png 1000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-cc84facf wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--medium)\">\n<p class=\"has-text-align-center has-large-font-size\">We believe in helping people connect with nature \u2013 simply and meaningfully. Let&#8217;s find out which camp you&#8217;re in, to help you find your perfect shelter. Take the quiz:<\/p>\n<\/div>\n\n\n\r\n    <div style=\"margin-bottom:var(--wp--preset--spacing--small);\" class=\"alignwide wp-block-acf-product-quiz\" id=\"product-quiz-block_064c9c346e3a126d9a5df650be2fa436\">\r\n        <div class=\"not-prose\">\r\n                            <div x-data=\"questions\" class=\"relative mt-8 sm:mt-0\">\r\n                                                                <div\r\n                            class=\"bg-white px-4 pt-8 pb-4 sm:p-10 lg:p-20 rounded-xl sm:rounded-4xl h-full w-full flex flex-col\"\r\n                            x-show=\"questionIndex == 1\"\r\n                            x-transition.in.duration.500ms>\r\n                                                            <h3 class=\"text-2xl sm:text-3xl mb-4 sm:mb-8 xl:mb-10 font-semibold text-primary text-center\">They said adventure is about the unknown. Some prefer the known. Which are you?<\/h3>\r\n                            \r\n                                                            <div x-data=\"{ selectedIndex: 0 }\" class=\"px-1 mb-6 sm:mb-8\">\r\n\r\n                                    <div class=\"flex gap-16 xl:pb-26 2xl:pb-30\">\r\n                                        <div class=\"size-72 2xl:w-80 flex-shrink-0 hidden xl:block\">\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Sites-Dawlish-e1770377117569-500x500.png\" class=\"max-w-full rounded-full mb-4\" alt=\"\" srcset=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Sites-Dawlish-e1770377117569-500x500.png 500w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Sites-Dawlish-e1770377117569-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>                                            <p class=\"text-center mx-auto max-w-52\">\r\n                                                <span class=\"block uppercase\">Are you?<\/span>\r\n                                                <span class=\"font-extrachunkplease text-2xl text-quiz-primary\">\r\n                                                    The Steady Pitch Club                                                <\/span>\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                        <div class=\"w-full flex flex-col justify-center\">\r\n                                                                                                                                        <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 1; handleAnswerQuestion(1, 1, 1);\"\r\n                                                    :class=\"selectedIndex == 1 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 1\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    You know exactly where you\u2019ll be camped \u2013 a place that feels familiar\u2026 like home.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 2; handleAnswerQuestion(1, 1, 2);\"\r\n                                                    :class=\"selectedIndex == 2 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 2\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    You chase the view. Take less stuff. Just enough comfort\u2026 to stay a moment longer.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 3; handleAnswerQuestion(1, 1, 3);\"\r\n                                                    :class=\"selectedIndex == 3 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 3\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    Seek a place to disappear\u2026 and return charged?                                                <\/button>\r\n\r\n                                                                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"flex justify-between items-end mt-auto\">\r\n                                    \r\n                                    <p class=\"ml-auto pr-2 sm:pr-0\">\r\n                                        <span x-text=\"questionIndex\"><\/span> of <span x-text=\"totalQuestions\"><\/span>\r\n                                    <\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                                                    <div\r\n                            class=\"bg-white px-4 pt-8 pb-4 sm:p-10 lg:p-20 rounded-xl sm:rounded-4xl h-full w-full flex flex-col\"\r\n                            x-show=\"questionIndex == 2\"\r\n                            x-transition.in.duration.500ms>\r\n                                                            <h3 class=\"text-2xl sm:text-3xl mb-4 sm:mb-8 xl:mb-10 font-semibold text-primary text-center\">However you choose to spend your time outdoors, make it count. Where is your playground?<\/h3>\r\n                            \r\n                                                            <div x-data=\"{ selectedIndex: 0 }\" class=\"px-1 mb-6 sm:mb-8\">\r\n\r\n                                    <div class=\"flex gap-16 xl:pb-26 2xl:pb-30\">\r\n                                        <div class=\"size-72 2xl:w-80 flex-shrink-0 hidden xl:block\">\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Scenics-Roam-e1770377150755-500x500.png\" class=\"max-w-full rounded-full mb-4\" alt=\"\" srcset=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Scenics-Roam-e1770377150755-500x500.png 500w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Scenics-Roam-e1770377150755-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>                                            <p class=\"text-center mx-auto max-w-52\">\r\n                                                <span class=\"block uppercase\">Are you?<\/span>\r\n                                                <span class=\"font-extrachunkplease text-2xl text-quiz-primary\">\r\n                                                    The Movers                                                <\/span>\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                        <div class=\"w-full flex flex-col justify-center\">\r\n                                                                                                                                        <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 1; handleAnswerQuestion(2, 2, 1);\"\r\n                                                    :class=\"selectedIndex == 1 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 1\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    It&#039;s nice when our adventures have a pool!                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 2; handleAnswerQuestion(2, 2, 3);\"\r\n                                                    :class=\"selectedIndex == 2 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 2\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    Some quiet space. Somewhere you can forget the day-to-day.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 3; handleAnswerQuestion(2, 2, 2);\"\r\n                                                    :class=\"selectedIndex == 3 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 3\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    We set-up basecamp to bike or hike from there.                                                <\/button>\r\n\r\n                                                                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"flex justify-between items-end mt-auto\">\r\n                                                                            <button\r\n                                            type=\"button\"\r\n                                            class=\"cursor-pointer flex justify-center rounded-lg items-center size-10 bg-secondary-background text-secondary\"\r\n                                            @click=\"handleBack()\">\r\n                                            <svg\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                width=\"24\"\r\n                                                height=\"24\"\r\n                                                viewBox=\"0 0 24 24\"\r\n                                                fill=\"none\"\r\n                                                stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\">\r\n                                                <path d=\"m15 18-6-6 6-6\"\/>\r\n                                            <\/svg>\r\n                                            <span class=\"sr-only\">Back<\/span>\r\n                                        <\/button>\r\n                                    \r\n                                    <p class=\"ml-auto pr-2 sm:pr-0\">\r\n                                        <span x-text=\"questionIndex\"><\/span> of <span x-text=\"totalQuestions\"><\/span>\r\n                                    <\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                                                    <div\r\n                            class=\"bg-white px-4 pt-8 pb-4 sm:p-10 lg:p-20 rounded-xl sm:rounded-4xl h-full w-full flex flex-col\"\r\n                            x-show=\"questionIndex == 3\"\r\n                            x-transition.in.duration.500ms>\r\n                                                            <h3 class=\"text-2xl sm:text-3xl mb-4 sm:mb-8 xl:mb-10 font-semibold text-primary text-center\">We champion a straightforward approach \u2013 no need for excessive gear to enjoy nature. What do you think?<\/h3>\r\n                            \r\n                                                            <div x-data=\"{ selectedIndex: 0 }\" class=\"px-1 mb-6 sm:mb-8\">\r\n\r\n                                    <div class=\"flex gap-16 xl:pb-26 2xl:pb-30\">\r\n                                        <div class=\"size-72 2xl:w-80 flex-shrink-0 hidden xl:block\">\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Seekers-Stargazer-e1770377184939-500x500.png\" class=\"max-w-full rounded-full mb-4\" alt=\"\" srcset=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Seekers-Stargazer-e1770377184939-500x500.png 500w, http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Seekers-Stargazer-e1770377184939-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>                                            <p class=\"text-center mx-auto max-w-52\">\r\n                                                <span class=\"block uppercase\">Are you?<\/span>\r\n                                                <span class=\"font-extrachunkplease text-2xl text-quiz-primary\">\r\n                                                    The Stargazers                                                <\/span>\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                        <div class=\"w-full flex flex-col justify-center\">\r\n                                                                                                                                        <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 1; handleAnswerQuestion(3, 3, 3);\"\r\n                                                    :class=\"selectedIndex == 1 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 1\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    I pack light, but live large.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 2; handleAnswerQuestion(3, 3, 2);\"\r\n                                                    :class=\"selectedIndex == 2 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 2\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    We squeeze in a cooler \u2013 for the beverages!                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 3; handleAnswerQuestion(3, 3, 1);\"\r\n                                                    :class=\"selectedIndex == 3 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 3\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    Spending many days, requires many comforts \u2013 including the dog bed and paddling pool.                                                <\/button>\r\n\r\n                                                                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"flex justify-between items-end mt-auto\">\r\n                                                                            <button\r\n                                            type=\"button\"\r\n                                            class=\"cursor-pointer flex justify-center rounded-lg items-center size-10 bg-secondary-background text-secondary\"\r\n                                            @click=\"handleBack()\">\r\n                                            <svg\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                width=\"24\"\r\n                                                height=\"24\"\r\n                                                viewBox=\"0 0 24 24\"\r\n                                                fill=\"none\"\r\n                                                stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\">\r\n                                                <path d=\"m15 18-6-6 6-6\"\/>\r\n                                            <\/svg>\r\n                                            <span class=\"sr-only\">Back<\/span>\r\n                                        <\/button>\r\n                                    \r\n                                    <p class=\"ml-auto pr-2 sm:pr-0\">\r\n                                        <span x-text=\"questionIndex\"><\/span> of <span x-text=\"totalQuestions\"><\/span>\r\n                                    <\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                                            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('alpine:init', () => {\r\n            Alpine.data('questions', () => ({\r\n                totalQuestions: 3,\r\n                questionIndex: 1,\r\n                answeredQuestions: [],\r\n\r\n                handleAnswerQuestion(questionIndex, targetOutcome, points) {\r\n                    \/\/ Record answered question\r\n                    this.answeredQuestions.push({\r\n                        questionIndex: questionIndex,\r\n                        targetOutcome: targetOutcome,\r\n                        points: points\r\n                    });\r\n\r\n                    \/\/ Check if quiz is complete\r\n                    if (this.questionIndex >= this.totalQuestions) {\r\n                        \/\/ Calculate total points for each outcome\r\n                        const outcome1Points = this.answeredQuestions\r\n                            .filter(q => q.targetOutcome === 1)\r\n                            .reduce((sum, q) => sum + q.points, 0);\r\n\r\n                        const outcome2Points = this.answeredQuestions\r\n                            .filter(q => q.targetOutcome === 2)\r\n                            .reduce((sum, q) => sum + q.points, 0);\r\n\r\n                        const outcome3Points = this.answeredQuestions\r\n                            .filter(q => q.targetOutcome === 3)\r\n                            .reduce((sum, q) => sum + q.points, 0);\r\n\r\n                        \/\/ Determine which outcome has the highest score\r\n                        const maxPoints = Math.max(outcome1Points, outcome2Points, outcome3Points);\r\n                        let winningOutcomes = [];\r\n\r\n                        if (outcome1Points === maxPoints) {\r\n                            winningOutcomes.push(1);\r\n                        }\r\n                        if (outcome2Points === maxPoints) {\r\n                            winningOutcomes.push(2);\r\n                        }\r\n                        if (outcome3Points === maxPoints) {\r\n                            winningOutcomes.push(3);\r\n                        }\r\n\r\n                        \/\/ Handle draw or single winner\r\n                        if (winningOutcomes.length > 1) {\r\n                            \/\/ Pick the last outcome in case of draw\r\n                            const winningOutcome = winningOutcomes[winningOutcomes.length - 1];\r\n                            this.goToWinningOutcomeUrl(winningOutcome);\r\n                        } else {\r\n                            \/\/ Single winner\r\n                            const winningOutcome = winningOutcomes[0];\r\n                            this.goToWinningOutcomeUrl(winningOutcome);\r\n                        }\r\n\r\n                        return;\r\n                    }\r\n\r\n                    this.questionIndex++;\r\n                },\r\n\r\n                handleBack() {\r\n                    if (this.questionIndex <= 1) {\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Remove last answered question from the array\r\n                    this.answeredQuestions.pop();\r\n                    this.questionIndex--;\r\n                },\r\n\r\n                goToWinningOutcomeUrl(outcome) {\r\n                    switch (outcome) {\r\n                        case 1:\r\n                            window.location.href = \"http:\/\/kampaoutdoors.com\/nl\/quiz\/the-steady-pitch-club\/\";\r\n                            break;\r\n                        case 2:\r\n                            window.location.href = \"http:\/\/kampaoutdoors.com\/nl\/quiz\/the-movers\/\";\r\n                            break;\r\n                        case 3:\r\n                            window.location.href = \"http:\/\/kampaoutdoors.com\/nl\/quiz\/the-stargazers\/\";\r\n                            break;\r\n                    }\r\n                }\r\n            }))\r\n        })\r\n    <\/script>\r\n\n\n\n<p class=\"has-text-align-center not-prose has-foreground-color has-text-color has-link-color has-small-font-size wp-elements-2b2d559e58b7a1044359ef081c096e0e\">Or if you're short on time, go to straight to our <span style=\"text-decoration: underline;\"><a href=\"http:\/\/kampaoutdoors.com\/product-category\/tents\/\" data-type=\"link\" data-id=\"http:\/\/kampaoutdoors.com\/product-category\/tents\/\">ALL NEW for <\/a>2026<\/span> product selection<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Which Kampa are you? We believe in helping people connect with nature \u2013 simply and meaningfully. Let&#8217;s find out which camp you&#8217;re in, to help you find your perfect shelter. Take the quiz: Or if you&#8217;re short on time, go to straight to our ALL NEW for 2026 product selection<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-product-quiz.php","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Which KAMPA are you?","_seopress_titles_desc":"We believe in helping people connect with nature \u2013 simply and meaningfully. Let's find out which camp you're in, to help you find your perfect shelter.","_seopress_robots_index":"","footnotes":""},"class_list":["post-402","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/pages\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":0,"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/pages\/402\/revisions"}],"wp:attachment":[{"href":"http:\/\/kampaoutdoors.com\/nl\/wp-json\/wp\/v2\/media?parent=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}