@xenterprises/nuxt-x-marketing 0.0.22 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,47 +1,46 @@
1
1
  <template>
2
- <footer
3
- class="bg-gray-900 text-gray-400 text-xs relative overflow-visible pt-2"
4
- >
5
- <a href="https://x.enterprises" target="_blank">
6
- <img
7
- src="https://cdn.x.enterprises/logo-x.png"
8
- alt="X Enterprises"
9
- class="h-6 w-6 mx-auto -mt-5 relative z-10"
10
- />
11
- </a>
12
- <main
13
- class="flex flex-col md:flex-row justify-between items-center px-6 pt-3 pb-5 max-w-screen-2xl mx-auto"
14
- >
15
- <div class="pb-4 md:pb-0 text-center md:text-left">
16
- Copyright &copy;2016-{{ new Date().getFullYear() }} X Enterprises, LLC.
17
- All Rights Reserved.
18
- </div>
2
+ <footer
3
+ class="bg-gray-900 text-gray-400 text-xs relative overflow-visible pt-2"
4
+ >
5
+ <a href="https://x.enterprises" target="_blank">
6
+ <img
7
+ src="https://cdn.x.enterprises/logo-x.png"
8
+ alt="X Enterprises"
9
+ class="h-6 w-6 mx-auto -mt-4 relative z-10"
10
+ />
11
+ </a>
12
+ <main
13
+ class="flex flex-row justify-between items-center px-6 pt-3 pb-5 max-w-screen-2xl mx-auto"
14
+ >
15
+ <div class="pb-4 md:pb-0 text-center md:text-left">
16
+ Copyright &copy;2016-{{ new Date().getFullYear() }} X Enterprises, LLC.
17
+ All Rights Reserved.
18
+ </div>
19
19
 
20
- <div class="text-center md:text-right pb-14 md:pb-0">
21
- <a
22
- href="https://x.enterprises/legal/terms"
23
- class="hover:underline"
24
- target="_blank"
25
- >
26
- Terms of Service
27
- </a>
28
- <a
29
- href="https://x.enterprises/legal/privacy-policy"
30
- class="ml-4 hover:underline"
31
- target="_blank"
32
- >
33
- Privacy Policy
34
- </a>
35
- <a
36
- href="https://x.enterprises/legal/cookie-policy"
37
- class="ml-4 hover:underline"
38
- target="_blank"
39
- >
40
- Cookie Policy
41
- </a>
42
- </div>
43
- </main>
44
- </footer>
20
+ <div class="text-center md:text-right flex gap-4">
21
+ <a
22
+ href="https://x.enterprises/legal/terms"
23
+ class="hover:underline"
24
+ target="_blank"
25
+ >
26
+ Terms of Service
27
+ </a>
28
+ <a
29
+ href="https://x.enterprises/legal/privacy-policy"
30
+ class="ml-4 hover:underline"
31
+ target="_blank"
32
+ >
33
+ Privacy Policy
34
+ </a>
35
+ <a
36
+ href="https://x.enterprises/legal/cookie-policy"
37
+ class="ml-4 hover:underline"
38
+ target="_blank"
39
+ >
40
+ Cookie Policy
41
+ </a>
42
+ </div>
43
+ </main>
44
+ </footer>
45
45
  </template>
46
- <script setup>
47
- </script>
46
+ <script setup></script>
@@ -1,96 +1,95 @@
1
1
  <template>
2
- <div>
3
- <XMarketingSectionsEmailSubscription
4
- :organizationId="
5
- appConfig?.xMarketing?.config?.emailMarketingNewsletters?.organizationId
6
- "
7
- v-if="
8
- appConfig?.xMarketing?.config?.emailMarketingNewsletters?.organizationId
9
- "
10
- />
11
- <section
12
- class="relative pt-24 overflow-hidden"
13
- :class="footer?.bg?.color ? footer?.bg?.color : 'bg-gray-900'"
14
- >
15
- <img
16
- class="absolute left-1/2 bottom-0 h-full transform -translate-x-1/2"
17
- :src="footer?.bg?.img?.src"
18
- :alt="footer?.bg?.img?.alt"
19
- v-if="footer?.bg?.img?.src"
20
- />
21
- <div class="relative z-10 container mx-auto max-w-screen-2xl">
22
- <div class="pb-24 border-b border-gray-900">
23
- <div class="flex flex-wrap justify-between">
24
- <div class="w-full sm:w-1/2 lg:w-6/12 p-4 md:p-8">
25
- <div class="lg:max-w-xl">
26
- <a class="mb-8 inline-block" href="/">
27
- <img
28
- :src="footer?.logo?.src"
29
- :alt="footer?.logo?.alt"
30
- class="h-6"
31
- />
32
- </a>
33
- <p
34
- class="mb-20 text-gray-400 font-medium leading-relaxed md:max-w-7xl"
35
- >
36
- {{ footer?.body }}
37
- </p>
38
- <div
39
- class="flex flex-row flex-wrap gap-2 justify-center md:justify-start md:-m-1.5"
40
- >
41
- <div
42
- class="w-auto"
43
- v-for="(social, index) in footer?.socials"
44
- :key="index"
45
- >
46
- <UButton
47
- :to="social.url"
48
- :icon="social?.icon"
49
- :alt="social?.name"
50
- color="gray"
51
- square
52
- target="_blank"
53
- variant="ghost"
54
- >
55
- </UButton>
56
- </div>
57
- <UColorModeButton />
58
- </div>
59
- </div>
60
- </div>
61
- <div class="w-full sm:w-1/2 lg:w-2/12 p-8"></div>
62
- <div
63
- class="w-full sm:w-1/2 lg:w-2/12 p-8 text-center md:text-right"
64
- v-for="(column, index) in footer.columns"
65
- :key="index"
66
- >
67
- <h3
68
- class="mb-8 text-sm text-gray-600 uppercase font-semibold leading-normal tracking-px"
69
- >
70
- {{ column?.headerLabel }}
71
- </h3>
72
- <ul>
73
- <li
74
- class="mb-5"
75
- v-for="link in column?.links"
76
- :key="link?.label"
77
- >
78
- <nuxt-link
79
- :to="link?.to"
80
- :target="link?.target ? link?.target : '_self'"
81
- class="text-white hover:text-gray-200 font-medium leading-relaxed"
82
- >{{ link?.label }}</nuxt-link
83
- >
84
- </li>
85
- </ul>
86
- </div>
87
- </div>
88
- </div>
89
- </div>
90
- </section>
91
- </div>
2
+ <div>
3
+ <XMarketingSectionsEmailSubscription
4
+ :organizationId="
5
+ appConfig?.xMarketing?.config?.emailMarketingNewsletters?.organizationId
6
+ "
7
+ v-if="
8
+ appConfig?.xMarketing?.config?.emailMarketingNewsletters?.organizationId
9
+ "
10
+ />
11
+ <section
12
+ class="relative pt-24 overflow-hidden"
13
+ :class="footer?.bg?.color ? footer?.bg?.color : 'bg-gray-900'"
14
+ >
15
+ <img
16
+ class="absolute left-1/2 bottom-0 h-full transform -translate-x-1/2"
17
+ :src="footer?.bg?.img?.src"
18
+ :alt="footer?.bg?.img?.alt"
19
+ v-if="footer?.bg?.img?.src"
20
+ />
21
+ <div
22
+ class="relative z-10 container mx-auto max-w-screen-2xl px-4 md:px-8"
23
+ >
24
+ <div class="pb-24">
25
+ <div
26
+ class="flex flex-col lg:flex-row lg:justify-between gap-8 lg:gap-12"
27
+ >
28
+ <div class="shrink-0 lg:max-w-xl">
29
+ <a class="mb-8 inline-block" href="/">
30
+ <img
31
+ :src="footer?.logo?.src"
32
+ :alt="footer?.logo?.alt"
33
+ class="h-6"
34
+ />
35
+ </a>
36
+ <p
37
+ class="mb-8 text-gray-400 font-medium leading-relaxed max-w-lg mx-auto lg:mx-0"
38
+ >
39
+ {{ footer?.body }}
40
+ </p>
41
+ <div class="flex flex-row flex-wrap gap-2 justify-start">
42
+ <div
43
+ class="w-auto"
44
+ v-for="(social, index) in footer?.socials"
45
+ :key="index"
46
+ >
47
+ <UButton
48
+ :to="social.url"
49
+ :icon="social?.icon"
50
+ :alt="social?.name"
51
+ color="gray"
52
+ square
53
+ target="_blank"
54
+ variant="ghost"
55
+ >
56
+ </UButton>
57
+ </div>
58
+ <UColorModeButton />
59
+ </div>
60
+ </div>
61
+ <div
62
+ class="flex flex-col sm:flex-row gap-8 lg:gap-12 lg:justify-end"
63
+ >
64
+ <div
65
+ class="text-left sm:text-right"
66
+ v-for="(column, index) in footer.columns"
67
+ :key="index"
68
+ >
69
+ <h3
70
+ class="mb-6 text-sm text-gray-500 uppercase font-semibold leading-normal tracking-wide"
71
+ >
72
+ {{ column?.headerLabel }}
73
+ </h3>
74
+ <ul class="space-y-4">
75
+ <li v-for="link in column?.links" :key="link?.label">
76
+ <nuxt-link
77
+ :to="link?.to"
78
+ :target="link?.target ? link?.target : '_self'"
79
+ class="text-white hover:text-gray-300 font-medium leading-relaxed transition-colors"
80
+ >{{ link?.label }}</nuxt-link
81
+ >
82
+ </li>
83
+ </ul>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+ </section>
90
+ </div>
92
91
  </template>
93
92
  <script setup>
94
93
  const appConfig = useAppConfig();
95
94
  const footer = appConfig?.xMarketing?.footer;
96
- </script>
95
+ </script>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@xenterprises/nuxt-x-marketing",
3
3
  "type": "module",
4
- "version": "0.0.22",
4
+ "version": "0.0.23",
5
5
  "main": "./nuxt.config.ts",
6
6
  "scripts": {
7
7
  "dev": "nuxi dev .playground",