@ozdao/martyrs 0.2.507 → 0.2.508

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.cjs

@@ -0,0 +1,321 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const FieldSubscribeNewsletter = require("../../../../orders/components/elements/FieldSubscribeNewsletter.vue.cjs");
+const LabelGooglePlay = require("../../../../icons/labels/LabelGooglePlay.vue.cjs");
+const LabelAppStore = require("../../../../icons/labels/LabelAppStore.vue.cjs");
+const IconPhone = require("../../../../icons/entities/IconPhone.vue.cjs");
+const IconEmail = require("../../../../icons/entities/IconEmail.vue.cjs");
+const IconTime = require("../../../../icons/entities/IconTime.vue.cjs");
+const instagram = require("../../../../icons/socials/instagram.vue.cjs");
+const youtube = require("../../../../icons/socials/youtube.vue.cjs");
+const whatsapp = require("../../../../icons/socials/whatsapp.vue.cjs");
+;/* empty css              */
+const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "container-wide" };
+const _hoisted_2 = { class: "grid cols-4-footer tablet:cols-2 mobile:cols-1 gap-extra mn-b-big" };
+const _hoisted_3 = { class: "col w-max-15r" };
+const _hoisted_4 = { class: "p-semi t-medium mn-b-semi" };
+const _hoisted_5 = { class: "mn-b-semi flex flex-column gap-small" };
+const _hoisted_6 = ["href"];
+const _hoisted_7 = { class: "t-small" };
+const _hoisted_8 = ["href"];
+const _hoisted_9 = { class: "t-small" };
+const _hoisted_10 = { class: "flex mn-b-micro gap-micro flex-v-center" };
+const _hoisted_11 = { class: "t-small" };
+const _hoisted_12 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_13 = { class: "w-100 flex-nowrap flex gap-thin" };
+const _hoisted_14 = ["href", "target"];
+const _hoisted_15 = {
+  key: 0,
+  class: "z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _hoisted_16 = ["href", "target"];
+const _hoisted_17 = {
+  key: 0,
+  class: "z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _hoisted_18 = { class: "flex flex-column gap-thin" };
+const _hoisted_19 = { class: "col" };
+const _hoisted_20 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_21 = { class: "t-small mn-b-small t-transp" };
+const _hoisted_22 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_23 = { class: "flex gap-small mn-b-medium" };
+const _hoisted_24 = ["href"];
+const _hoisted_25 = { class: "t-small t-medium uppercase mobile:t-center" };
+const _hoisted_26 = { class: "t-main copyleft" };
+const _sfc_main = {
+  __name: "Footer",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    logotype: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    vueRouter.useRoute();
+    const text = {
+      locale: "en",
+      messages: {
+        en: {
+          linkAppStore: "2",
+          linkGooglePlay: "1",
+          // Contact
+          description: "3SR – Premium Video Gear Rentals for Filmmakers and Content Creators",
+          contact: "Contact",
+          phone: "Phone / WhatsApp",
+          email: "Email",
+          hours: "Hours",
+          hours_text: "Mon–Sun, 10:00–19:00",
+          app: "Get Our App",
+          // Subscribe
+          subscribe: "Subscribe",
+          subscribe_text: "Get updates on new equipment and special offers",
+          email_placeholder: "Enter your email",
+          follow: "Follow Us",
+          // Footer
+          year: "2025 ",
+          heart: "❤",
+          copyright: "Three Steps Studio Ltd. ",
+          ozdao: "Builded with love in",
+          // Contact info
+          phoneNumber: "+44 77 7878 4893",
+          emailAddress: "info@3stepsprod.com",
+          // Navigation columns
+          navigationColumns: [
+            {
+              sections: [
+                {
+                  title: "Equipment",
+                  items: [
+                    { name: "Cameras", url: "cameras" },
+                    { name: "Lighting", url: "lighting" },
+                    { name: "Stabilizers", url: "stabilizers" },
+                    { name: "Accessories", url: "accessories" }
+                  ]
+                },
+                {
+                  title: "Services",
+                  items: [
+                    { name: "Kits & Packages", url: "kits-packages" },
+                    { name: "Studio Hire", url: "studio-hire" },
+                    { name: "Delivery", url: "delivery" },
+                    { name: "Production Help", url: "production-help" }
+                  ]
+                }
+              ]
+            },
+            {
+              sections: [
+                {
+                  title: "Company",
+                  items: [
+                    { name: "About Us", url: "about" },
+                    { name: "Contact", url: "contact" },
+                    { name: "FAQ", url: "faq" },
+                    { name: "Blog", url: "blog" }
+                  ]
+                },
+                {
+                  title: "Legal",
+                  items: [
+                    { name: "Privacy Policy", url: "privacy-policy" },
+                    { name: "Cookie Policy", url: "cookie-policy" },
+                    { name: "Terms of Use", url: "terms-of-use" },
+                    { name: "EULA", url: "eula" }
+                  ]
+                }
+              ]
+            }
+          ],
+          // Social links
+          socialLinks: [
+            {
+              name: "Instagram",
+              url: "https://www.instagram.com/3stepsprod",
+              icon: instagram.default
+            },
+            {
+              name: "Youtube",
+              url: "https://www.youtube.com/@threestepsproduction",
+              icon: youtube.default
+            },
+            {
+              name: "WhatsApp",
+              url: "https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0",
+              icon: whatsapp.default
+            }
+          ]
+        }
+      }
+    };
+    const { t, te, tm } = vueI18n.useI18n(text);
+    const navigationColumns = vue.computed(() => tm("navigationColumns"));
+    const socialLinks = vue.computed(() => tm("socialLinks"));
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("footer", {
+        class: vue.normalizeClass(["pd-medium pd-t-large w-100 br-t br-solid", {
+          "t-black bg-white br-light": __props.theme === "light",
+          "t-white bg-black br-dark": __props.theme === "dark"
+        }])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          __props.logotype ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.logotype), {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ path: "/" })),
+            theme: __props.theme,
+            class: "cursor-pointer h-3r mn-b-medium"
+          }, null, 8, ["theme"])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("description")), 1),
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.createElementVNode("a", {
+                  href: `tel:${vue.unref(t)("phoneNumber").replace(/\s/g, "")}`,
+                  class: vue.normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                }, [
+                  vue.createVNode(IconPhone.default, {
+                    class: "i-regular",
+                    fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                  }, null, 8, ["fill"]),
+                  vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(t)("phoneNumber")), 1)
+                ], 10, _hoisted_6),
+                vue.createElementVNode("a", {
+                  href: `mailto:${vue.unref(t)("emailAddress")}`,
+                  class: vue.normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                }, [
+                  vue.createVNode(IconEmail.default, {
+                    class: "i-regular",
+                    fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                  }, null, 8, ["fill"]),
+                  vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(vue.unref(t)("emailAddress")), 1)
+                ], 10, _hoisted_8),
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createVNode(IconTime.default, {
+                    class: "i-regular",
+                    fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                  }, null, 8, ["fill"]),
+                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(vue.unref(t)("hours_text")), 1)
+                ])
+              ]),
+              vue.createElementVNode("h4", _hoisted_12, vue.toDisplayString(vue.unref(t)("app")), 1),
+              vue.createElementVNode("div", _hoisted_13, [
+                vue.unref(te)("linkAppStore") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
+                  key: 0,
+                  href: vue.unref(te)("linkAppStore") ? vue.unref(t)("linkAppStore") : null,
+                  target: vue.unref(te)("linkAppStore") ? "_blank" : null,
+                  class: "pos-relative w-100 h-100"
+                }, [
+                  vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+                  vue.createVNode(LabelAppStore.default, {
+                    class: "w-100 h-max",
+                    alt: "Download on App Store"
+                  })
+                ], 8, _hoisted_14)) : vue.createCommentVNode("", true),
+                vue.unref(te)("linkGooglePlay") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
+                  key: 1,
+                  href: vue.unref(te)("linkGooglePlay") ? vue.unref(t)("linkGooglePlay") : null,
+                  target: vue.unref(te)("linkGooglePlay") ? "_blank" : null,
+                  class: "pos-relative w-100 h-100"
+                }, [
+                  vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_17, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+                  vue.createVNode(LabelGooglePlay.default, {
+                    class: "w-100 h-max",
+                    alt: "Download on Google Play"
+                  })
+                ], 8, _hoisted_16)) : vue.createCommentVNode("", true)
+              ])
+            ]),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(navigationColumns.value, (column, colIndex) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: colIndex,
+                class: "col"
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(column.sections, (section, sectionIndex) => {
+                  return vue.openBlock(), vue.createElementBlock("div", { key: sectionIndex }, [
+                    vue.createElementVNode("h4", {
+                      class: vue.normalizeClass(["h5 t-medium mn-b-regular", sectionIndex > 0 ? "mn-t-medium" : ""])
+                    }, vue.toDisplayString(section.title), 3),
+                    vue.createElementVNode("nav", null, [
+                      vue.createElementVNode("ul", _hoisted_18, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.items, (item) => {
+                          return vue.openBlock(), vue.createElementBlock("li", {
+                            key: item.url
+                          }, [
+                            vue.createVNode(_component_router_link, {
+                              to: `/${item.url}`,
+                              class: vue.normalizeClass(["t-small transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(vue.toDisplayString(item.name), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["to", "class"])
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ]);
+                }), 128))
+              ]);
+            }), 128)),
+            vue.createElementVNode("div", _hoisted_19, [
+              vue.createElementVNode("h4", _hoisted_20, vue.toDisplayString(vue.unref(t)("subscribe")), 1),
+              vue.createElementVNode("p", _hoisted_21, vue.toDisplayString(vue.unref(t)("subscribe_text")), 1),
+              vue.createVNode(FieldSubscribeNewsletter.default, {
+                action: false,
+                fieldName: "footer-newsletter",
+                fieldId: "footer-newsletter-email",
+                class: "d-inline-flex mn-b-medium bg-light t-black w-100"
+              }),
+              vue.createElementVNode("h4", _hoisted_22, vue.toDisplayString(vue.unref(t)("follow")), 1),
+              vue.createElementVNode("div", _hoisted_23, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(socialLinks.value, (social) => {
+                  return vue.openBlock(), vue.createElementBlock("a", {
+                    key: social.name,
+                    href: social.url,
+                    target: "_blank",
+                    class: "w-3r h-3r flex flex-center radius-small bg-light transition-opacity hover-opacity-70"
+                  }, [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(social.icon), {
+                      class: "i-semi",
+                      fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                    }, null, 8, ["fill"]))
+                  ], 8, _hoisted_24);
+                }), 128))
+              ])
+            ])
+          ]),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["pd-t-medium br-t br-solid flex flex-justify-between flex-v-center mobile:flex-column mobile:gap-small", {
+              "br-light": __props.theme === "light",
+              "br-dark": __props.theme === "dark"
+            }])
+          }, [
+            vue.createElementVNode("p", _hoisted_25, [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("year")) + " ", 1),
+              vue.createElementVNode("span", _hoisted_26, vue.toDisplayString(vue.unref(t)("heart")), 1),
+              vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("copyright")) + " " + vue.toDisplayString(vue.unref(t)("ozdao")) + " ", 1),
+              _cache[1] || (_cache[1] = vue.createElementVNode("a", {
+                href: "https://ozdao.dev",
+                class: "t-main",
+                target: "_blank",
+                rel: "noopener"
+              }, "OZ DAO.", -1))
+            ])
+          ], 2)
+        ])
+      ], 2);
+    };
+  }
+};
+const Footer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-37ca2fe7"]]);
+exports.default = Footer;
+//# sourceMappingURL=Footer.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport youtube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport whatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\n// Props\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  logotype: {\n    type: Object\n  }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\n// Localization\nconst text = {\n  locale: 'en',\n  messages: {\n    en: {\n      linkAppStore: '2',\n      linkGooglePlay: '1',\n      // Contact\n      description: \"3SR – Premium Video Gear Rentals for Filmmakers and Content Creators\",\n      contact: 'Contact',\n      phone: 'Phone / WhatsApp',\n      email: 'Email',\n      hours: 'Hours',\n      hours_text: 'Mon–Sun, 10:00–19:00',\n      app: 'Get Our App',\n      \n      // Subscribe\n      subscribe: 'Subscribe',\n      subscribe_text: 'Get updates on new equipment and special offers',\n      email_placeholder: 'Enter your email',\n      follow: 'Follow Us',\n      \n      // Footer\n      year: '2025 ',\n      heart: \"❤\",\n      copyright: 'Three Steps Studio Ltd. ',\n      ozdao: 'Builded with love in',\n      \n      // Contact info\n      phoneNumber: '+44 77 7878 4893',\n      emailAddress: 'info@3stepsprod.com',\n      \n      // Navigation columns\n      navigationColumns: [\n        {\n          sections: [\n            {\n              title: 'Equipment',\n              items: [\n                { name: 'Cameras', url: 'cameras' },\n                { name: 'Lighting', url: 'lighting' },\n                { name: 'Stabilizers', url: 'stabilizers' },\n                { name: 'Accessories', url: 'accessories' }\n              ]\n            },\n            {\n              title: 'Services',\n              items: [\n                { name: 'Kits & Packages', url: 'kits-packages' },\n                { name: 'Studio Hire', url: 'studio-hire' },\n                { name: 'Delivery', url: 'delivery' },\n                { name: 'Production Help', url: 'production-help' }\n              ]\n            }\n          ]\n        },\n        {\n          sections: [\n            {\n              title: 'Company',\n              items: [\n                { name: 'About Us', url: 'about' },\n                { name: 'Contact', url: 'contact' },\n                { name: 'FAQ', url: 'faq' },\n                { name: 'Blog', url: 'blog' }\n              ]\n            },\n            {\n              title: 'Legal',\n              items: [\n                { name: 'Privacy Policy', url: 'privacy-policy' },\n                { name: 'Cookie Policy', url: 'cookie-policy' },\n                { name: 'Terms of Use', url: 'terms-of-use' },\n                { name: 'EULA', url: 'eula' }\n              ]\n            }\n          ]\n        }\n      ],\n      \n      // Social links\n      socialLinks: [\n        { \n          name: 'Instagram',\n          url: 'https://www.instagram.com/3stepsprod',\n          icon: instagram\n        },\n        { \n          name: 'Youtube',\n          url: 'https://www.youtube.com/@threestepsproduction',\n          icon: youtube\n        },\n        { \n          name: 'WhatsApp',\n          url: 'https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0',\n          icon: whatsapp\n        }\n      ]\n    }\n  }\n}\n\nconst { t, te, tm } = useI18n(text)\n\n// Get columns and social links from translations\nconst navigationColumns = computed(() => tm('navigationColumns'))\nconst socialLinks = computed(() => tm('socialLinks'))\n</script>\n\n<template>\n  <footer \n    class=\"\n      pd-medium pd-t-large\n      w-100\n      br-t br-solid\n    \"\n    :class=\"{\n      't-black bg-white br-light': theme === 'light',\n      't-white bg-black br-dark': theme === 'dark'  \n    }\"\n  >\n    <!-- Top Section -->\n    <div class=\"container-wide\">\n      <component\n        v-if=\"logotype\"\n        :is=\"logotype\"\n        @click=\"router.push({ path: '/' })\" \n        :theme=\"theme\"\n        class=\"cursor-pointer h-3r mn-b-medium\"\n      />\n\n      <div class=\"grid cols-4-footer tablet:cols-2 mobile:cols-1 gap-extra mn-b-big\">\n        \n        <!-- Contact Block -->\n        <div class=\"col w-max-15r\">\n          <p class=\"p-semi t-medium mn-b-semi\">{{ t('description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('phoneNumber').replace(/\\s/g, '')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconPhone class=\"i-regular\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('emailAddress')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconEmail class=\"i-regular\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('emailAddress') }}</span>\n            </a>\n            \n            <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n              <IconTime class=\"i-regular\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('linkAppStore') || te('label')\"\n              :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n              :target=\"te('linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('linkGooglePlay') || te('label')\"\n              :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n              :target=\"te('linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div v-for=\"(column, colIndex) in navigationColumns\" :key=\"colIndex\" class=\"col\">\n          <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\">\n            <h4 class=\"h5 t-medium mn-b-regular\" :class=\"sectionIndex > 0 ? 'mn-t-medium' : ''\">{{ section.title }}</h4>\n            <nav>\n              <ul class=\"flex flex-column gap-thin\">\n                <li v-for=\"item in section.items\" :key=\"item.url\">\n                  <router-link \n                    :to=\"`/${item.url}`\" \n                    class=\"t-small transition-opacity hover-opacity-70\" \n                    :class=\"theme === 'light' ? 't-black' : 't-white'\"\n                  >\n                    {{ item.name }}\n                  </router-link>\n                </li>\n              </ul>\n            </nav>\n          </div>\n        </div>\n\n        <!-- Subscribe Block -->\n        <div class=\"col\">\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"false\"\n            fieldName=\"footer-newsletter\"\n            fieldId=\"footer-newsletter-email\"\n            class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n          />\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-small mn-b-medium\">\n            <a \n              v-for=\"social in socialLinks\"\n              :key=\"social.name\"\n              :href=\"social.url\" \n              target=\"_blank\"\n              class=\"\n                w-3r h-3r \n                flex flex-center \n                radius-small\n                bg-light \n                transition-opacity\n                hover-opacity-70\n              \"\n            >\n              <component\n                :is=\"social.icon\"\n                class=\"i-semi\"\n                :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <!-- Bottom Section -->\n      <div class=\"\n        pd-t-medium \n        br-t br-solid\n        flex flex-justify-between flex-v-center\n        mobile:flex-column mobile:gap-small\n      \"\n      :class=\"{\n        'br-light': theme === 'light',\n        'br-dark': theme === 'dark'\n      }\"\n      >\n        <!-- Copyright -->\n        <p class=\"t-small t-medium uppercase mobile:t-center\">\n          {{ t('year') }} \n          <span class=\"t-main copyleft\">{{ t('heart') }}</span> \n          {{ t('copyright') }} \n          {{ t('ozdao') }}\n          <a href=\"https://ozdao.dev\" class=\"t-main\" target=\"_blank\" rel=\"noopener\">OZ DAO.</a>\n        </p>\n      </div>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\" scoped>\n.cols-4-footer {\n  grid-template-columns: 5fr 3fr 3fr 4fr;\n}\nfooter {\n  transition: background-color 0.3s ease, color 0.3s ease;\n  \n  a {\n    text-decoration: none;\n  }\n  \n  ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n}\n</style>"],"names":["useRouter","useRoute","instagram","youtube","whatsapp","useI18n","computed"],"mappings":"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"}