{"version":3,"sources":["webpack:///./app/javascript/app/pages/static/Landing.vue?459b","webpack:///./app/javascript/app/pages/static/Landing.vue?abd2","webpack:///app/javascript/app/pages/static/Landing.vue","webpack:///./app/javascript/app/pages/static/Landing.vue","webpack:///./app/javascript/app/assets/imgs/landing_2025/logo.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/icon-menu.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/icon-facebook.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/icon-rumble.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/banner.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/icon-note.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/collection.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/card-2.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/card-1.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/icon-search.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/search-section.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/icon-exchange.png","webpack:///./app/javascript/app/assets/imgs/landing_2025/exchange-section.png","webpack:///./app/javascript/app/pages/static/Landing.vue?1fb6"],"names":["staticRenderFns","_vm","this","_h","$createElement","_c","_self","_v","staticClass","attrs","staticStyle","component","class","sticky","isSticky","isMenuVisible","on","toggleMenu","scrollToTop","$event","preventDefault","scrollTo","showLogin","_e","showJoin","_m","goToDiscover","goToAboutUs","goToTerms","goToPolicy","_s","currentYear","goToFacebook","goToRumble","module","exports"],"mappings":"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","file":"js/11-b1734d29a8b7b165b711.chunk.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"landing_2025\"},[_c('body',[_c('header',{class:{ sticky: _vm.isSticky, 'show-menu': _vm.isMenuVisible },attrs:{\"id\":\"header\"}},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"site-logo\"},[_c('button',{staticClass:\"menu-toggle mobile-view\",attrs:{\"id\":\"menuToggle\"},on:{\"click\":_vm.toggleMenu}},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/icon-menu.png\")}})]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/logo.png\"),\"alt\":\"Sphir\"},on:{\"click\":_vm.scrollToTop}})]),_vm._v(\" \"),_c('nav',{staticClass:\"nav-items desktop-view\"},[_c('a',{staticClass:\"nav-item\",attrs:{\"href\":\"#cardsCollections\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo('#cardsCollections')}}},[_vm._v(\"Collections\")]),_vm._v(\" \"),_c('a',{staticClass:\"nav-item\",attrs:{\"href\":\"#search\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo('#search')}}},[_vm._v(\"Search\")]),_vm._v(\" \"),_c('a',{staticClass:\"nav-item\",attrs:{\"href\":\"#exchange\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo('#exchange')}}},[_vm._v(\"Exchange\")])]),_vm._v(\" \"),_c('div',{staticClass:\"nav-actions\"},[(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-secondary\",on:{\"click\":_vm.showLogin}},[_vm._v(\" Login \")]):_vm._e(),_vm._v(\" \"),(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showJoin}},[_vm._v(\" Join \")]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"mobile-menu\"},[_c('nav',{staticClass:\"nav-items\"},[_c('a',{staticClass:\"nav-item\",attrs:{\"href\":\"#cardsCollections\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo('#cardsCollections')}}},[_vm._v(\"Collections\")]),_vm._v(\" \"),_c('a',{staticClass:\"nav-item\",attrs:{\"href\":\"#search\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo('#search')}}},[_vm._v(\"Search\")]),_vm._v(\" \"),_c('a',{staticClass:\"nav-item\",attrs:{\"href\":\"#exchange\"},on:{\"click\":function($event){$event.preventDefault();return _vm.scrollTo('#exchange')}}},[_vm._v(\"Exchange\")])])])])]),_vm._v(\" \"),_c('main',[_c('section',{attrs:{\"id\":\"hero\"}},[_c('div',{staticClass:\"wrapper section-1-wrapper\"},[_c('div',{staticClass:\"content\"},[_c('h1',[_vm._v(\"Welcome to Sphir\")]),_vm._v(\" \"),_vm._m(0),_vm._v(\" \"),(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showJoin}},[_vm._v(\"Join\")]):_vm._e(),_vm._v(\" \"),_vm._m(1)])])]),_vm._v(\" \"),_c('section',{staticClass:\"cards-section right-card\",attrs:{\"id\":\"cardsCollections\"}},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"content\"},[_vm._m(2),_vm._v(\" \"),_vm._m(3),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                  Cards are more than just bookmarks - they’re dynamic snapshots of valuable content added to Sphir. \\n                  Whether it’s articles, blog posts, videos, products, business pages, or even your own original insights.\\n                  Cards help preserve and organize content that matters.\\n                 \")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                  Collections take it a step further. They’re thoughtfully curated groups of Cards, strategically assembled to guide others through a specific topic or life experience. \\n                  Whether it’s a deep dive or a quick starting point, Collections help turn scattered knowledge into a structured, meaningful resource.\\n                 \")]),_vm._v(\" \"),(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showJoin}},[_vm._v(\"Join\")]):_vm._e()])]),_vm._v(\" \"),_vm._m(4)])])]),_vm._v(\" \"),_c('section',{staticClass:\"cards-section left-card\",attrs:{\"id\":\"search\"}},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3 order-md-2\"},[_c('div',{staticClass:\"content\"},[_vm._m(5),_vm._v(\" \"),_c('h2',[_vm._v(\"Smarter Search\")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                            Our proprietary search mechanism is called the Social Graph Trust Rank™. With it, what you see first in the list of results, is content \\n                            your trusted connections think is important, not ads or other manipulated content. Your results are always unique and meaningful to you.\\n                           \")]),_vm._v(\" \"),(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showJoin}},[_vm._v(\"Join\")]):_vm._e()])]),_vm._v(\" \"),_vm._m(6)])])]),_vm._v(\" \"),_c('section',{staticClass:\"cards-section right-card\",attrs:{\"id\":\"exchange\"}},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"content\"},[_vm._m(7),_vm._v(\" \"),_c('h2',[_vm._v(\"The Exchange\")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                            In Sphir, your feed is called the Exchange – it’s a space designed for pure, personalized discovery and education. \\n                            Unlike noisy traditional feeds, you have full control over what you see by following and connecting with specific accounts and \\n                            fine-tuning your selections at any time. \\n                            Plus, you’ll never see push ads or clutter - just high-quality content that matters to you.\\n                          \")]),_vm._v(\" \"),(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showJoin}},[_vm._v(\"Join\")]):_vm._e()])]),_vm._v(\" \"),_vm._m(8)])])]),_vm._v(\" \"),_c('section',{attrs:{\"id\":\"cta\"}},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"content\"},[_c('h2',{staticClass:\"text-color-dark\"},[_vm._v(\"Ready to get started?\")]),_vm._v(\" \"),_vm._m(9),_vm._v(\" \"),(_vm.showAuthBtn)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showJoin}},[_vm._v(\"Join\")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"site-links\"},[_c('a',{staticClass:\"site-link\",on:{\"click\":_vm.goToDiscover}},[_vm._v(\" Discover \")]),_vm._v(\" \"),_c('a',{staticClass:\"site-link\",on:{\"click\":_vm.goToAboutUs}},[_vm._v(\" About Us \")]),_vm._v(\" \"),_c('a',{staticClass:\"site-link\",on:{\"click\":_vm.goToTerms}},[_vm._v(\" Terms of Use \")]),_vm._v(\" \"),_c('a',{staticClass:\"site-link\",on:{\"click\":_vm.goToPolicy}},[_vm._v(\" Privacy Policy \")])])])])])]),_vm._v(\" \"),_c('footer',[_c('div',{staticClass:\"footer-wrapper\"},[_vm._m(10),_vm._v(\" \"),_c('div',{staticClass:\"footer-credits\"},[_vm._v(\"\\n              © \"+_vm._s(_vm.currentYear)+\" SPHIR. All Rights Reserved.\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"footer-social-links\"},[_c('a',{staticClass:\"social-link\",on:{\"click\":_vm.goToFacebook}},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/icon-facebook.png\")}})]),_vm._v(\" \"),_c('a',{staticClass:\"social-link\",on:{\"click\":_vm.goToRumble}},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/icon-rumble.png\")}})])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"\\n              The internet is a whirlwind - great content appears and disappears in an instant, often lost in the noise.\"),_c('br'),_c('br'),_vm._v(\"\\n              That’s why we built Sphir - a platform designed to capture and preserve valuable insights like real-life experiences, game-changing life hacks, high-quality resources, and evolving research.\"),_c('br'),_c('br'),_vm._v(\"\\n              Sphir ensures that the best content doesn’t just vanish but instead, is here when you need it.\"),_c('br'),_c('br')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',{staticClass:\"banner-image\"},[_c('img',{staticClass:\"media-column-01\",attrs:{\"src\":require(\"@assets/imgs/landing_2025/banner.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/icon-note.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h2',[_vm._v(\"Cards & \"),_c('br'),_vm._v(\"Collections\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-9\"},[_c('div',{staticClass:\"row\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"purple-bg\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"media\"},[_c('figure',{staticClass:\"collection-image\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/collection.png\")}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"media\"},[_c('figure',{staticClass:\"card-image1\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/card-2.png\")}})]),_vm._v(\" \"),_c('figure',{staticClass:\"card-image2\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/card-1.png\")}})])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/icon-search.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-9 order-md-1\"},[_c('div',{staticClass:\"row\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"purple-bg purple-bg-reduced\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"media\"},[_c('figure',{staticClass:\"search-image\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/search-section.png\")}})])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/icon-exchange.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-9\"},[_c('div',{staticClass:\"row\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"purple-bg purple-bg-reduced\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"media\"},[_c('figure',{staticClass:\"exchange-image\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/exchange-section.png\")}})])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"text-color-dark\"},[_vm._v(\"\\n                    Get started right away or check out a few other things before you join. \"),_c('br'),_vm._v(\"You'll find more information about Sphir below.\\n                  \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer-logo\"},[_c('img',{attrs:{\"src\":require(\"@assets/imgs/landing_2025/logo.png\"),\"alt\":\"Sphir\"}})])}]\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landing.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"landing_2025\">\n    <body>\n      <header id=\"header\" :class=\"{ sticky: isSticky, 'show-menu': isMenuVisible }\">\n        <div class=\"wrapper\">\n          <div class=\"site-logo\">\n            <button class=\"menu-toggle mobile-view\" id=\"menuToggle\" @click=\"toggleMenu\">\n              <img src=\"@assets/imgs/landing_2025/icon-menu.png\" />\n            </button>\n            <img src=\"@assets/imgs/landing_2025/logo.png\" alt=\"Sphir\" @click=\"scrollToTop\"/>\n          </div>\n          <nav class=\"nav-items desktop-view\">\n            <a href=\"#cardsCollections\" class=\"nav-item\" @click.prevent=\"scrollTo('#cardsCollections')\">Collections</a>\n            <a href=\"#search\" class=\"nav-item\" @click.prevent=\"scrollTo('#search')\">Search</a>\n            <a href=\"#exchange\" class=\"nav-item\" @click.prevent=\"scrollTo('#exchange')\">Exchange</a>\n          </nav>\n          <div class=\"nav-actions\">\n            <button v-if=\"showAuthBtn\" class=\"btn btn-secondary\" @click=\"showLogin\"> Login </button>\n            <button v-if=\"showAuthBtn\" class=\"btn btn-primary\" @click=\"showJoin\"> Join </button>\n          </div>\n          <div class=\"mobile-menu\">\n            <nav class=\"nav-items\">\n              <a href=\"#cardsCollections\" class=\"nav-item\" @click.prevent=\"scrollTo('#cardsCollections')\">Collections</a>\n              <a href=\"#search\" class=\"nav-item\" @click.prevent=\"scrollTo('#search')\">Search</a>\n              <a href=\"#exchange\" class=\"nav-item\" @click.prevent=\"scrollTo('#exchange')\">Exchange</a>\n            </nav>\n          </div>\n        </div>\n      </header>\n      <main>\n        <section id=\"hero\">\n          <div class=\"wrapper section-1-wrapper\">\n            <div class=\"content\">\n              <h1>Welcome to Sphir</h1>\n              <p>\n                The internet is a whirlwind - great content appears and disappears in an instant, often lost in the noise.<br><br>\n                That’s why we built Sphir - a platform designed to capture and preserve valuable insights like real-life experiences, game-changing life hacks, high-quality resources, and evolving research.<br><br>\n                Sphir ensures that the best content doesn’t just vanish but instead, is here when you need it.<br><br>\n              </p>\n              <button v-if=\"showAuthBtn\" class=\"btn btn-primary\" @click=\"showJoin\">Join</button>\n              <figure class=\"banner-image\">\n                <img class=\"media-column-01\" src=\"@assets/imgs/landing_2025/banner.png\" alt=\"\"/>\n              </figure>\n            </div>\n          </div>\n        </section>\n        <section id=\"cardsCollections\" class=\"cards-section right-card\">\n          <div class=\"wrapper\">\n            <div class=\"row\">\n              <div class=\"col-md-3\">\n                <div class=\"content\">\n                  <figure class=\"icon\">\n                    <img src=\"@assets/imgs/landing_2025/icon-note.png\">\n                  </figure>\n                  <h2>Cards & <br>Collections</h2>\n                   <p>\n                    Cards are more than just bookmarks - they’re dynamic snapshots of valuable content added to Sphir. \n                    Whether it’s articles, blog posts, videos, products, business pages, or even your own original insights.\n                    Cards help preserve and organize content that matters.\n                   </p>\n                   <p>\n                    Collections take it a step further. They’re thoughtfully curated groups of Cards, strategically assembled to guide others through a specific topic or life experience. \n                    Whether it’s a deep dive or a quick starting point, Collections help turn scattered knowledge into a structured, meaningful resource.\n                   </p>\n                  <button v-if=\"showAuthBtn\" class=\"btn btn-primary\" @click=\"showJoin\">Join</button>\n                </div>\n                  \n              </div>\n              <div class=\"col-md-9\">\n                <div class=\"row\" style=\"position: relative;\">\n                  <div class=\"purple-bg\"></div>\n                  <div class=\"col-md-6\">\n                    <div class=\"media\">\n                      <figure class=\"collection-image\">\n                        <img src=\"@assets/imgs/landing_2025/collection.png\">\n                      </figure>\n                    </div>\n                  </div>\n                  <div class=\"col-md-6\">\n                    <div class=\"media\">\n                      <figure class=\"card-image1\">\n                        <img src=\"@assets/imgs/landing_2025/card-2.png\">\n                      </figure>\n                      <figure class=\"card-image2\">\n                        <img src=\"@assets/imgs/landing_2025/card-1.png\">\n                      </figure>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n        <section id=\"search\" class=\"cards-section left-card\">\n            <div class=\"wrapper\">\n                <div class=\"row\">\n                    <div class=\"col-md-3 order-md-2\">\n                        <div class=\"content\">\n                            <figure class=\"icon\">\n                                <img src=\"@assets/imgs/landing_2025/icon-search.png\">\n                            </figure>\n                            <h2>Smarter Search</h2>\n                             <p>\n                              Our proprietary search mechanism is called the Social Graph Trust Rank™. With it, what you see first in the list of results, is content \n                              your trusted connections think is important, not ads or other manipulated content. Your results are always unique and meaningful to you.\n                             </p>\n                            <button v-if=\"showAuthBtn\" class=\"btn btn-primary\" @click=\"showJoin\">Join</button>\n                        </div>\n                    </div>\n                    <div class=\"col-md-9 order-md-1\">\n                        <div class=\"row\" style=\"position: relative;\">\n                            <div class=\"purple-bg purple-bg-reduced\"></div>\n                            <div class=\"col-md-12\">\n                                <div class=\"media\">\n                                    <figure class=\"search-image\">\n                                        <img src=\"@assets/imgs/landing_2025/search-section.png\">\n                                    </figure>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <section id=\"exchange\" class=\"cards-section right-card\">\n            <div class=\"wrapper\">\n                <div class=\"row\">\n                    <div class=\"col-md-3\">\n                        <div class=\"content\">\n                            <figure class=\"icon\">\n                                <img src=\"@assets/imgs/landing_2025/icon-exchange.png\">\n                            </figure>\n                            <h2>The Exchange</h2>\n                            <p>\n                              In Sphir, your feed is called the Exchange – it’s a space designed for pure, personalized discovery and education. \n                              Unlike noisy traditional feeds, you have full control over what you see by following and connecting with specific accounts and \n                              fine-tuning your selections at any time. \n                              Plus, you’ll never see push ads or clutter - just high-quality content that matters to you.\n                            </p>\n                            <button v-if=\"showAuthBtn\" class=\"btn btn-primary\" @click=\"showJoin\">Join</button>\n                        </div>\n                        \n                    </div>\n                    <div class=\"col-md-9\">\n                        <div class=\"row\" style=\"position: relative;\">\n                            <div class=\"purple-bg purple-bg-reduced\"></div>\n                            <div class=\"col-md-12\">\n                                <div class=\"media\">\n                                    <figure class=\"exchange-image\">\n                                        <img src=\"@assets/imgs/landing_2025/exchange-section.png\">\n                                    </figure>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <section id=\"cta\">\n            <div class=\"wrapper\">\n                <div class=\"content\">\n                    <h2 class=\"text-color-dark\">Ready to get started?</h2>\n                    <p class=\"text-color-dark\">\n                      Get started right away or check out a few other things before you join. <br>You'll find more information about Sphir below.\n                    </p>\n                    <button v-if=\"showAuthBtn\" class=\"btn btn-primary\" @click=\"showJoin\">Join</button>\n                    <div class=\"site-links\">\n                      <a class=\"site-link\" @click=\"goToDiscover\"> Discover </a>\n                      <a class=\"site-link\" @click=\"goToAboutUs\"> About Us </a>\n                      <a class=\"site-link\" @click=\"goToTerms\"> Terms of Use </a>\n                      <a class=\"site-link\" @click=\"goToPolicy\"> Privacy Policy </a>\n                    </div>\n                </div>\n            </div>\n        </section>\n      </main>\n      <footer>\n          <div class=\"footer-wrapper\">\n              <div class=\"footer-logo\">\n                  <img src=\"@assets/imgs/landing_2025/logo.png\" alt=\"Sphir\"/>\n              </div>\n              <div class=\"footer-credits\">\n                &copy; {{ currentYear }} SPHIR. All Rights Reserved.\n              </div>\n              <div class=\"footer-social-links\">\n                <a class=\"social-link\" @click=\"goToFacebook\"><img src=\"@assets/imgs/landing_2025/icon-facebook.png\"/></a>\n                <a class=\"social-link\" @click=\"goToRumble\"><img src=\"@assets/imgs/landing_2025/icon-rumble.png\"/></a>\n              </div>\n          </div>\n      </footer>\n    </body>\n  </div>\n</template>\n  \n<script>\n  const HeaderBar = () => import('@components/HeaderBar')\n  \n  export default {\n    name: 'Landing',\n      components: {\n          HeaderBar\n      },\n      data() {\n        return {\n          isSticky: true,\n          isMenuVisible: false,\n          currentYear: new Date().getFullYear(),\n          options: {\n            licenseKey: 'C0AE99B5-BC4C4C99-93F3DFD8-3B10F537',\n            anchors: ['Page__0', 'Page__1', 'Page__2', 'Page__3', 'Page__4'],\n            menu:'#landingPageNav',\n            scrollOverflow: false,\n            scrollBar: false,\n            controlArrows: true\n          },\n        }\n      },\n      methods: {\n          scrollToTop() {\n              window.scrollTo({\n                  top: 0,\n                  behavior: 'smooth',\n              });\n          },\n          scrollTo(targetId) {\n              const targetElement = document.querySelector(targetId);\n              if (targetElement) {\n                  window.scrollTo({\n                      top: targetElement.offsetTop - 100,\n                      behavior: 'smooth',\n                  });\n              }\n          },\n          toggleMenu() {\n              const header = document.getElementById(\"header\");\n  \n              if (this.isMenuVisible) {\n                  const overlay = document.getElementById(\"menuOverlay\");\n                  if (overlay) {\n                  overlay.remove();\n                  }\n              } else {\n                  const overlay = document.createElement(\"div\");\n                  overlay.id = \"menuOverlay\";\n                  overlay.addEventListener(\"click\", () => {\n                  this.isMenuVisible = false;\n                  const existingOverlay = document.getElementById(\"menuOverlay\");\n                  if (existingOverlay) {\n                      existingOverlay.remove();\n                  }\n                  });\n                  document.body.appendChild(overlay);\n              }\n  \n              this.isMenuVisible = !this.isMenuVisible;\n          },\n          showLogin() {\n              this.$modal.show('auth-form');\n              // this.setAutoScrolling(false);\n          },\n          showJoin() {\n              this.$modal.show('signup-form')\n              // this.setAutoScrolling(false);\n          },\n          goToDiscover() {\n              window.location = '/discover'\n          },\n          goToAboutUs() {\n              window.location = '/about_us'\n          },\n          goToTerms() {\n              window.location = '/terms_of_use'\n          },\n          goToPolicy() {\n              window.location = '/privacy_policy'\n          },\n          goToFacebook() {\n              window.location = 'https://www.facebook.com/wisdomsphir/'\n          },\n          goToRumble() {\n              window.location = 'https://rumble.com/user/Sphir'\n          },\n          setAutoScrolling(value) {\n            this.$refs.fullpage.api.setAutoScrolling(value);\n          },\n      }\n  }\n</script>\n  \n<style lang=\"scss\">\n  @import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap\");\n\n  $white: #ffffff;\n  $accent: #5647A4;\n  $text-dark: #2D2D2E;\n  $text-light: #FFFFFF;\n  $bg-fade: #F7F9FB;\n  $secondary: #ECEAF6;\n  $purple: #7869BF;\n  $border-gray: #A3A3A3;\n  $hero-purple: #2A014A;\n  $text-gray: #717680;\n\n  .landing_2025 {\n    * {\n      box-sizing: border-box;\n    }\n\n    // Mixins\n    @mixin flex-center {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    @mixin button-reset {\n      border: 0;\n      outline: none;\n      box-shadow: none;\n      background: none;\n      cursor: pointer;\n    }\n\n    @mixin section-padding {\n      padding: {\n        top: 90px;\n        bottom: 96px;\n      }\n    }\n\n    body {\n      font-family: \"DM Sans\", sans-serif;\n      margin: 0;\n      background-color: $white;\n      transition: background-color 0.3s ease-in-out;\n      scroll-behavior: smooth;\n    }\n\n    button {\n      font-family: \"DM Sans\", sans-serif;\n    }\n\n    /* Utility Classes */\n    .wrapper {\n      max-width: 1300px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    .mobile-view {\n      display: none !important;\n    }\n\n    .cursor-pointer {\n      cursor: pointer;\n    }\n\n    /* Text Classes */\n    .text {\n      &-primary { \n        color: $accent !important; \n      }\n      \n      &-color {\n        &-dark {\n          color: $text-dark !important;\n          transition: color 0.3s ease-in-out;\n        }\n        \n        &-light {\n          color: $text-light !important;\n          transition: color 0.3s ease-in-out;\n        }\n      }\n    }\n\n    /* Button Styles */\n    .btn {\n      display: inline-block;\n      padding: 6px 15px;\n      text-align: center;\n      border-radius: 14px;\n      font-weight: 700;\n      font-size: 14px;\n      line-height: 3rem;\n      border: 0px;\n      @include button-reset;\n\n      &.btn-primary {\n        background-color: $accent;\n        color: $text-light;\n      }\n\n      &.btn-secondary {\n        background-color: $secondary;\n        color: $accent;\n      }\n    }\n\n    /* Main Content */\n    main {\n      max-width: 2560px;\n      width: 100%;\n      overflow: hidden;\n      margin: 0 auto;\n      padding-top: 85px;\n    }\n\n    /* Header Styles */\n    header {\n      padding: 22px 0;\n      background-color: $white;\n      position: relative;\n      z-index: 98;\n\n      &.sticky {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        z-index: 99;\n      } \n\n      .wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        max-width: 2120px;\n\n        .site-logo {\n          display: flex;\n          align-items: center;\n\n          img {\n            max-width: 140px;\n            width: 100%;\n          }\n\n          .menu-toggle {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 0;\n            outline: none;\n            box-shadow: none;\n            padding: 0;\n            margin: 0 20px 0 0;\n            background: none;\n            cursor: pointer;\n\n            img {\n              width: 20px;\n            }\n          }\n        }\n\n        .nav-items.desktop-view {\n          display: flex;\n          align-items: center;\n          gap: 40px;\n          padding-left: 90px;\n\n          .nav-item {\n            text-decoration: none;\n            color: $text-dark;\n            font-size: 16px;\n            font-weight: 600;\n            display: inline-block;\n\n            &.active {\n              color: $accent;\n            }\n          }\n        }\n\n        .nav-actions {\n          display: flex;\n          align-items: center;\n          gap: 20px;\n\n          .search-btn {\n            @include flex-center;\n            @include button-reset;\n            padding: 0;\n            margin: 0;\n\n            img {\n              width: 24px;\n            }\n          }\n        }\n\n        .mobile-menu {\n          display: none;\n          position: absolute;\n          top: 100%;\n          left: 0;\n          width: 100%;\n          border-top: 2px solid $border-gray;\n          background-color: $white;\n\n          .nav-items {\n            display: flex;\n            flex-direction: column;\n            gap: 0;\n            border-bottom: 2px solid #A3A3A3;\n\n            .nav-item {\n              width: 100%;\n              padding: 15px 25px;\n              text-align: center;\n              font-size: 16px;\n              font-weight: 600;\n              border-top: 2px solid #A3A3A3;\n              color: $accent; \n            }\n          }\n        }\n      }\n\n      &.show-menu .wrapper .mobile-menu {\n        display: block;\n        z-index: 98;\n      }\n    }\n\n    /* Hero Section */\n    #hero {\n      @include section-padding;\n      position: relative;\n      background: url('../../assets/imgs/landing_2025/bg.png') no-repeat center top;\n\n      .wrapper .content {\n        h1 {\n          font-size: 48px;\n          font-weight: 700;\n          margin: 0 0 35px;\n          color: $hero-purple;\n        }\n\n        p {\n          font-size: 18px;\n          font-weight: 400;\n          margin: 0 0 40px;\n          color: $text-gray;\n          line-height: 28px;\n        }\n      }\n    }\n\n    .banner-image {\n      margin-top: 45px;\n    }\n\n    .section-1-wrapper {\n      max-width: 950px;\n      text-align: center;\n    }\n\n    /* Icon Styles */\n    .icon {\n      background: rgba(151, 21, 252, 0.1);\n      clip-path: inset(0 0 0 0 round 15px);\n      border-radius: 5px;\n      padding: 10px;\n      display: inline-block;\n    }\n\n    /* Purple Background */\n    .purple-bg {\n      background-color: #7869BF;\n      border-radius: 28px;\n      width: 100%;\n      position: absolute;\n      height: 397px;\n      z-index: 0;\n      top: -170px;\n\n      &:after {\n        content: \"\";\n        background: rgb(86,71,164);\n        background: linear-gradient(328deg, rgba(86,71,164,.05) 0%, rgba(86,71,164,0.006127450980392135) 30%);\n        border-radius: 28px;\n        width: 100%;\n        position: absolute;\n        height: 397px;\n        z-index: -1;\n        bottom: -100%;\n        right: -25px;\n      }\n    }\n\n    /* Cards Section */\n    .cards-section {\n      padding: 100px 0;\n      margin: 100px 0 150px;\n\n      &#exchange {\n        margin-bottom: 0px;\n      }\n\n      .search-image, .exchange-image {\n        position: relative;\n        left: 24px;\n        top: -50px;\n      }\n\n      &.right-card {\n        .col-md-9 {\n          padding-left: 100px;\n        }\n        .collection-image {\n          padding-left: 20px;\n        }\n      }\n\n      &.left-card {\n        .col-md-9 {\n          padding-right: 100px;\n        }\n        .card-image1 {\n          float: right;\n        }\n        .card-image2 {\n          right: auto;\n          left: 30px;\n        }\n        .purple-bg:after {\n          content: '';\n          background: linear-gradient(45deg, rgba(86,71,164,.05) 0%, rgba(86,71,164,0.006127450980392135) 30%);\n          right: auto;\n          left: -25px;\n        }\n      }\n\n      .col-md-3 {\n        z-index: 1;\n      }\n\n      .col-md-6 {\n        position: relative;\n      }\n\n      h2 {\n        font-size: 32px;\n        line-height: 44px;\n        color: $hero-purple;\n        margin-bottom: 30px;\n        font-weight: 700;\n      }\n\n      p {\n        font-size: 16px;\n        line-height: 24px;\n        color: $text-gray;\n        margin-bottom: 30px;\n        font-weight: 400;\n      }\n    }\n\n    .card-image1 {\n      margin-top: -61px;\n    }\n\n    .card-image2 {\n      position: absolute;\n      right: 30px;\n      top: 155px;\n    }\n\n    /* CTA Section */\n    #cta {\n      @include section-padding;\n      position: relative;\n      background: url('../../assets/imgs/landing_2025/bg.png') no-repeat center top;\n      background-size: contain;\n\n      .wrapper {\n        max-width: 750px;\n\n        .content {\n          margin: 0 auto;\n          max-width: 740px;\n          width: 100%;\n          text-align: center;\n\n          h2 {\n            font-size: 36px;\n            font-weight: 600;\n            margin: 0 0 30px;\n          }\n\n          p {\n            font-size: 18px;\n            line-height: 28px;\n            color: $text-gray;\n            font-weight: 400;\n            margin: 0 0 40px;\n          }\n\n          .site-links {\n            @include flex-center;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin: 40px 0;\n\n            .site-link {\n              @include flex-center;\n              font-size: 16px;\n              text-decoration: none;\n              color: #535862;\n              padding: 5px 0px;\n              font-weight: 600;\n            }\n          }\n        }\n      }\n    }\n\n    /* Footer */\n    footer {\n      padding: 0 25px;\n\n      .footer-wrapper {\n        border-top: 1px solid #e7eef3;\n        padding: 40px 0;\n        max-width: 2120px;\n        width: 100%;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        .footer-logo img {\n          max-width: 140px;\n          width: 100%;\n        }\n\n        .footer-credits {\n          font-size: 14px;\n          color: $text-dark;\n          font-weight: 400;\n        }\n\n        .footer-social-links {\n          display: flex;\n          align-items: center;\n          gap: 20px;\n\n          .social-link {\n            @include flex-center;\n\n            img {\n              height: 20px;\n              width: auto;\n            }\n          }\n        }\n      }\n    }\n\n    /* Media Queries */\n    @media (max-width: 1024px) {\n      .desktop-view {\n        display: none !important;\n      }\n      .mobile-view {\n        display: block !important;\n      }\n      header .wrapper .site-logo .menu-toggle {\n        @include flex-center;\n        @include button-reset;\n        margin: 0 20px 0 0;\n        \n        img { width: 20px; }\n      }\n\n      #hero {\n        .background {\n          overflow: hidden;\n          \n          img {\n            width: 1100px;\n            object-fit: cover;\n            height: 520px;\n          }\n        }\n\n        .wrapper .content {\n          padding: 0;\n          \n          h1 { font-size: 34px; }\n          p { font-size: 16px; }\n        }\n      }\n    }\n\n    @media (max-width: 767px) {\n      .cards-section {\n        margin: 0;\n        padding: 30px 0px;\n\n        &.right-card, &.left-card {\n          .col-md-9 {\n            padding: 50px 12px;\n          }\n          .collection-image {\n            padding-left: 0px;\n          }\n        }\n\n        p { text-align: center; }\n\n        .btn {\n          margin: 0 auto;\n          display: block;\n        }\n      }\n\n      .card-image1, .card-image2 {\n        margin-top: 0px;\n        position: inherit;\n\n        img { width: 100%; }\n      } \n    }\n\n    @media (max-width: 600px) {\n      header .wrapper .nav-actions {\n        gap: 5px;\n      }\n\n      #cta .wrapper .content .site-links {\n        flex-direction: column;\n      }\n\n      footer .footer-wrapper {\n        padding: 30px 0;\n        flex-direction: column-reverse;\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 500px) {\n      header {\n        nav {\n          padding-right: 0;\n        }\n        .wrapper {\n          .site-logo {\n            img {\n              max-width: 95px;\n            }\n          .menu-toggle img {\n              width: 16px;\n            }\n          }\n          .btn {\n            font-size: 12px;\n          }\n          // .nav-actions .btn {\n          //   &.btn-primary,\n          //   &.btn-secondary {\n          //     font-size: 8px;\n          //   }\n          // }\n        }\n      }\n\n      #hero {\n        .banner-image {\n          img {\n            width: 390px;\n          }\n        }\n      }\n\n      .cards-section {\n        .purple-bg-reduced {\n          height: 500px !important;\n          \n          &::after {\n            height: 500px !important;\n          }\n        }\n\n        .search-image, .exchange-image {\n          left: 10px;\n          top: -10px;\n\n          img {\n            width: 360px;\n          }\n        }\n        .col-md-9 {\n          .row {\n            position: relative;\n          }\n        }\n        .content p {\n          color: $text-light;\n          font-weight: 600;\n        }\n        &.left-card {\n          .card-image1 {\n            float: none;\n          }\n        }\n        \n        &#cardsCollections {\n          .purple-bg {\n            top: -490px;\n            height: 1800px;\n\n            &::after {\n              top: -490px;\n              height: 1800px;\n            }\n          }\n        }\n        \n        &#search {\n          .purple-bg {\n            top: -280px;\n            height: 1500px;\n\n            &::after {\n              top: -280px;\n              height: 1500px;\n            }\n          }\n        }\n\n        &#exchange {\n          .purple-bg {\n            top: -325px;\n            height: 1500px;\n\n            &::after {\n              top: -325px;\n              height: 1500px;\n            }\n          }\n        }\n        // .collection-image, .card-image1, .card-image2 {\n        //   width: 350px;\n        //   margin: 0 auto;\n        //   padding: 20px 0;\n        // }\n      }\n    }\n  }\n\n</style>\n","import { render, staticRenderFns } from \"./Landing.vue?vue&type=template&id=7860c084&\"\nimport script from \"./Landing.vue?vue&type=script&lang=js&\"\nexport * from \"./Landing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Landing.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/logo-a6f1a3c08a16493eee7b5b3d993e84b6.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/icon-menu-e57ca5aac6f37b9202f0fecdef3367b8.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/icon-facebook-450e03e2317131ee9f715bd7186960df.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/icon-rumble-679ebbcdf25d91b75a3cb84b2bd0a2c3.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/banner-3970ed864f70ed830be01440e202f27c.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/icon-note-2529962e2961dc969a0d9d29475e800a.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/collection-5b0b4e21136146fb29ac9a328d09b817.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/card-2-2a9671cc9a25006e2a0ded67b7e31731.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/card-1-108ffd019909d473c3d731eb8f9287bf.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/icon-search-db149cf1a90e335920fa641f47cd89e7.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/search-section-dd396753b77dbdfb2419694bd00901a9.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/icon-exchange-4d95d2fe808321b1253a719265dc1c2c.png\";","module.exports = __webpack_public_path__ + \"media/app/assets/imgs/landing_2025/exchange-section-4ca8edada62c971428d85e8c9d3f1778.png\";","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landing.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landing.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}