@luxfi/core 5.2.4 → 5.2.6
Sign up to get free protection for your applications and to get access to all the features.
- package/components/commerce/desktop-nav-menu.tsx +235 -0
- package/components/commerce/mobile-login-button.tsx +3 -2
- package/components/commerce/mobile-nav-menu-ai.tsx +30 -83
- package/components/commerce/mobile-nav-menu-item.tsx +13 -9
- package/components/commerce/mobile-nav-menu.tsx +34 -46
- package/components/header/desktop.tsx +5 -2
- package/components/header/index.tsx +29 -17
- package/components/header/mobile.tsx +1 -0
- package/components/icons/social-icon.tsx +1 -1
- package/components/icons/warpcast.tsx +58 -0
- package/package.json +1 -1
- package/site-def/main-nav.tsx +205 -159
package/site-def/main-nav.tsx
CHANGED
@@ -1,291 +1,337 @@
|
|
1
1
|
import type { LinkDef } from '@hanzo/ui/types'
|
2
2
|
import { bag as Bag } from '../components/icons'
|
3
|
-
import
|
3
|
+
import SocialIcon from '../components/icons/social-icon'
|
4
|
+
import Warpcast from '../components/icons/warpcast'
|
4
5
|
|
5
6
|
export interface LinkDefExtended extends LinkDef {
|
6
7
|
isAIMenu?: boolean
|
7
8
|
icon?: any,
|
9
|
+
details?: string,
|
8
10
|
childMenu?: LinkDef[]
|
9
|
-
|
11
|
+
|
10
12
|
}
|
11
13
|
|
12
14
|
export default [
|
13
15
|
{
|
14
16
|
title: "AI",
|
15
|
-
icon:
|
17
|
+
icon: "",
|
16
18
|
href: "https://lux.chat",
|
17
19
|
newTab: false,
|
18
20
|
isAIMenu: true,
|
19
21
|
},
|
20
|
-
{
|
21
|
-
title: "Shop",
|
22
|
-
icon: <Bag />,
|
23
|
-
href: "https://lux.shop",
|
24
|
-
newTab: false,
|
25
|
-
childMenu: [
|
26
|
-
{
|
27
|
-
title: "Silver",
|
28
|
-
icon: <LuxLogo />,
|
29
|
-
href: "https://lux.example",
|
30
|
-
newTab: false,
|
31
|
-
},
|
32
|
-
{
|
33
|
-
title: "Key",
|
34
|
-
icon: <LuxLogo />,
|
35
|
-
href: "https://lux.market/key",
|
36
|
-
newTab: false,
|
37
|
-
},
|
38
|
-
{
|
39
|
-
title: "Validators",
|
40
|
-
icon: <LuxLogo />,
|
41
|
-
href: "lux.market/validator",
|
42
|
-
newTab: false,
|
43
|
-
},
|
44
|
-
{
|
45
|
-
title: "Coins",
|
46
|
-
icon: <LuxLogo />,
|
47
|
-
href: "lux.market/coin",
|
48
|
-
newTab: false,
|
49
|
-
}
|
50
|
-
]
|
51
|
-
},
|
52
22
|
{
|
53
|
-
title: "
|
54
|
-
icon:
|
55
|
-
|
23
|
+
title: "Community",
|
24
|
+
icon: "",
|
25
|
+
details: "Be a part of the Lux Community and contribute to the growth and success of the Lux Ecosystem.",
|
26
|
+
href: "https://warpcast.com/~/channel/lux",
|
56
27
|
newTab: false,
|
57
28
|
childMenu: [
|
58
29
|
{
|
59
|
-
title: "
|
60
|
-
icon: <
|
61
|
-
href: "https://lux
|
62
|
-
newTab: false,
|
63
|
-
},
|
64
|
-
{
|
65
|
-
title: "Pass",
|
66
|
-
icon: <LuxLogo />,
|
67
|
-
href: "https://lux.credit",
|
30
|
+
title: "Lux Channel",
|
31
|
+
icon: <Warpcast />,
|
32
|
+
href: "https://warpcast.com/~/channel/lux?utm_medium=social&utm_source=linktree&utm_campaign=warpcast",
|
68
33
|
newTab: false,
|
69
|
-
|
70
|
-
{
|
71
|
-
title: "
|
72
|
-
icon: <
|
73
|
-
href: "https://
|
34
|
+
contents:"" //insert string to here
|
35
|
+
}, {
|
36
|
+
title: "Lux Discussions",
|
37
|
+
icon: <SocialIcon network='github' className=' w-[100%]' size={34}/>,
|
38
|
+
href: "https://github.com/luxfi/web/discussions",
|
39
|
+
newTab: false,
|
40
|
+
contents:"" //insert string to here
|
41
|
+
}, {
|
42
|
+
title: "@luxdefi",
|
43
|
+
icon: <SocialIcon network='facebook' className=' w-[100%]' size={34}/>,
|
44
|
+
href: "https://facebook.com/luxdefi",
|
45
|
+
newTab: false,
|
46
|
+
contents: "Be a part of the Lux Community and contribute to the growth and success of the Lux Ecosystem. Whether you are a developer, investor, or blockchain enthusiast, there is a place for you in our community. Join us today and start enjoying the numerous benefits and opportunities that come with being a member of the Lux Community.",
|
47
|
+
}, {
|
48
|
+
title: "@luxdefi",
|
49
|
+
icon: <SocialIcon network='instagram' className=' w-[100%]' size={34}/>,
|
50
|
+
href: "https://www.instagram.com/luxdefi",
|
51
|
+
newTab: false,
|
52
|
+
contents:"" //insert string to here
|
53
|
+
}, {
|
54
|
+
title: "@luxdefi",
|
55
|
+
icon: <SocialIcon network='linkedin' className=' w-[100%]' size={34}/>,
|
56
|
+
href: "https://linkedin.com/company/luxdefi",
|
57
|
+
newTab: false,
|
58
|
+
contents:"" //insert string to here
|
59
|
+
}, {
|
60
|
+
title: "@luxdefi",
|
61
|
+
icon: <SocialIcon network='x' className=' w-[100%]' size={34}/>,
|
62
|
+
href: "https://twitter.com/luxdefi",
|
74
63
|
newTab: false,
|
75
|
-
|
76
|
-
{
|
77
|
-
title: "
|
78
|
-
icon: <
|
79
|
-
href: "https://
|
64
|
+
contents:"" //insert string to here
|
65
|
+
},{
|
66
|
+
title: "@luxdefi",
|
67
|
+
icon: <SocialIcon network='youtube' className=' w-[100%]' size={34}/>,
|
68
|
+
href: "https://www.youtube.com/@luxdefi",
|
80
69
|
newTab: false,
|
70
|
+
contents:"" //insert string to here
|
81
71
|
},
|
82
|
-
{
|
83
|
-
title: "ComPare Cards",
|
84
|
-
icon: <LuxLogo />,
|
85
|
-
href: "https://lux.credit",
|
86
|
-
newTab: false,
|
87
|
-
}
|
88
72
|
]
|
89
73
|
},
|
90
74
|
{
|
91
75
|
title: "Company",
|
92
|
-
icon:
|
76
|
+
icon: "",
|
77
|
+
details: "At Lux Network, our mission is to revolutionize the blockchain industry by providing a scalable, quantum-safe blockchain ecosystem that integrates traditional finance (TradFi) with decentralized finance (DeFi). We aim to create a secure, efficient, and user-friendly platform that empowers individuals and businesses to leverage the full potential of blockchain technology.",
|
93
78
|
href: "https://lux.partners",
|
94
79
|
newTab: false,
|
95
|
-
childMenu:[
|
80
|
+
childMenu: [
|
96
81
|
{
|
97
82
|
title: "About",
|
98
|
-
icon:
|
83
|
+
icon: "",
|
99
84
|
href: "https://lux.partners",
|
100
85
|
newTab: false,
|
86
|
+
contents:"" //insert string to here
|
101
87
|
},
|
102
88
|
{
|
103
89
|
title: "Brand",
|
104
|
-
icon:
|
90
|
+
icon: "",
|
105
91
|
href: "https://lux.partners",
|
106
92
|
newTab: false,
|
93
|
+
contents:"" //insert string to here
|
107
94
|
},
|
108
95
|
{
|
109
|
-
title: "
|
110
|
-
icon:
|
111
|
-
href: "https://
|
96
|
+
title: "Careers",
|
97
|
+
icon: "",
|
98
|
+
href: "https://lux.partners",
|
112
99
|
newTab: false,
|
100
|
+
contents:"" //insert string to here
|
113
101
|
},
|
114
102
|
{
|
115
|
-
title: "
|
116
|
-
icon:
|
117
|
-
href: "https://
|
103
|
+
title: "Open Source",
|
104
|
+
icon: "",
|
105
|
+
href: "https://github.com/luxfi",
|
118
106
|
newTab: false,
|
107
|
+
contents:"" //insert string to here
|
119
108
|
},
|
109
|
+
|
120
110
|
{
|
121
111
|
title: "Partnership",
|
122
|
-
icon:
|
112
|
+
icon: "",
|
123
113
|
href: "https://lux.partners",
|
124
114
|
newTab: false,
|
115
|
+
contents:"" //insert string to here
|
125
116
|
},
|
126
117
|
{
|
127
118
|
title: "Press",
|
128
|
-
icon:
|
119
|
+
icon: "",
|
129
120
|
href: "https://lux.partners",
|
130
121
|
newTab: false,
|
122
|
+
contents:"" //insert string to here
|
131
123
|
},
|
132
124
|
{
|
133
125
|
title: "Help",
|
134
|
-
icon:
|
126
|
+
icon: "",
|
135
127
|
href: "https://lux.partners",
|
136
128
|
newTab: false,
|
129
|
+
contents:"" //insert string to here
|
137
130
|
}
|
138
131
|
]
|
139
132
|
},
|
140
133
|
{
|
141
|
-
title: "
|
142
|
-
icon:
|
143
|
-
|
134
|
+
title: "Credit",
|
135
|
+
icon: "",
|
136
|
+
details: "Lux Credit is a part of the Lux Network ecosystem that offers a crypto credit card solution. This service allows users to easily conduct transactions using their cryptocurrency holdings. The Lux Credit card aims to bridge the gap between traditional financial systems and the growing world of digital assets, providing a seamless way to spend cryptocurrencies in everyday transactions.",
|
137
|
+
href: "https://lux.credit",
|
144
138
|
newTab: false,
|
145
|
-
childMenu:[
|
139
|
+
childMenu: [
|
146
140
|
{
|
147
|
-
title: "
|
148
|
-
icon:
|
149
|
-
href: "https://lux.
|
141
|
+
title: "Coins",
|
142
|
+
icon: "",
|
143
|
+
href: "https://lux.credit",
|
150
144
|
newTab: false,
|
145
|
+
contents:"" //insert string to here
|
151
146
|
},
|
152
147
|
{
|
153
|
-
title: "
|
154
|
-
icon:
|
155
|
-
href: "https://lux.
|
148
|
+
title: "Compare Cards",
|
149
|
+
icon: "",
|
150
|
+
href: "https://lux.credit/compare",
|
156
151
|
newTab: false,
|
152
|
+
contents:"" //insert string to here
|
157
153
|
},
|
158
154
|
{
|
159
|
-
title: "
|
160
|
-
icon:
|
161
|
-
href: "https://lux.
|
155
|
+
title: "Pass",
|
156
|
+
icon: "",
|
157
|
+
href: "https://lux.credit",
|
162
158
|
newTab: false,
|
159
|
+
contents:"" //insert string to here
|
163
160
|
},
|
164
161
|
{
|
165
|
-
title: "
|
166
|
-
icon:
|
167
|
-
href: "https://lux.market",
|
162
|
+
title: "Validators",
|
163
|
+
icon: "",
|
164
|
+
href: "https://lux.market/validator",
|
168
165
|
newTab: false,
|
169
|
-
|
166
|
+
contents:"" //insert string to here
|
167
|
+
},
|
168
|
+
{
|
169
|
+
title: "View All Cards",
|
170
|
+
icon: "",
|
171
|
+
href: "https://lux.credit/cards",
|
172
|
+
newTab: false,
|
173
|
+
contents:"" //insert string to here
|
174
|
+
}
|
175
|
+
]
|
176
|
+
},
|
177
|
+
{
|
178
|
+
title: "Ecosystem",
|
179
|
+
icon: "",
|
180
|
+
details: "The Lux Ecosystem is a comprehensive suite of blockchain-based services and platforms designed to offer a wide range of functionalities, from decentralized finance (DeFi) to asset management and secure transactions.",
|
181
|
+
href: "https://lux.link",
|
182
|
+
newTab: false,
|
183
|
+
childMenu: [
|
170
184
|
{
|
171
185
|
title: "AI Chat",
|
172
|
-
icon:
|
186
|
+
icon: "",
|
173
187
|
href: "https://lux.chat",
|
174
188
|
newTab: false,
|
189
|
+
contents:"" //insert string to here
|
175
190
|
},
|
176
191
|
{
|
177
192
|
title: "Credit",
|
178
|
-
icon:
|
193
|
+
icon: "",
|
179
194
|
href: "https://lux.credit",
|
180
195
|
newTab: false,
|
196
|
+
contents:"" //insert string to here
|
197
|
+
},
|
198
|
+
{
|
199
|
+
title: "Exchange",
|
200
|
+
icon: "",
|
201
|
+
href: "https://lux.finance/?utm_medium=social&utm_source=linktree&utm_campaign=app",
|
202
|
+
newTab: false,
|
203
|
+
contents:"" //insert string to here
|
204
|
+
},
|
205
|
+
{
|
206
|
+
title: "Finance",
|
207
|
+
icon: "",
|
208
|
+
href: "https://lux.finance/?utm_medium=social&utm_source=linktree&utm_campaign=app",
|
209
|
+
newTab: false,
|
210
|
+
contents:"" //insert string to here
|
211
|
+
},
|
212
|
+
{
|
213
|
+
title: "Market",
|
214
|
+
icon: "",
|
215
|
+
href: "https://lux.market/?utm_medium=social&utm_source=linktree&utm_campaign=market",
|
216
|
+
newTab: false,
|
217
|
+
contents:"" //insert string to here
|
218
|
+
},
|
219
|
+
{
|
220
|
+
title: "Shop",
|
221
|
+
icon: "",
|
222
|
+
href: "https://lux.market",
|
223
|
+
newTab: false,
|
224
|
+
contents:"" //insert string to here
|
181
225
|
},
|
182
226
|
{
|
183
227
|
title: "Quest",
|
184
|
-
icon:
|
185
|
-
href: "https://lux.
|
228
|
+
icon: "",
|
229
|
+
href: "https://lux.quest/?utm_medium=social&utm_source=linktree&utm_campaign=quest",
|
186
230
|
newTab: false,
|
231
|
+
contents:"" //insert string to here
|
187
232
|
}
|
188
233
|
]
|
189
|
-
},
|
234
|
+
},
|
190
235
|
{
|
191
236
|
title: "Network",
|
192
|
-
icon:
|
193
|
-
|
237
|
+
icon: "",
|
238
|
+
details: "Lux Network is a scalable, quantum-safe blockchain designed to offer high throughput and low latency. It is part of a broader ecosystem that includes various platforms and services aimed at integrating traditional finance (TradFi) with decentralized finance (DeFi), providing secure and efficient solutions for asset management, trading, and more.",
|
239
|
+
href: "https://lux.network/?utm_medium=social&utm_source=linktree&utm_campaign=network",
|
194
240
|
newTab: false,
|
195
|
-
childMenu:[
|
241
|
+
childMenu: [
|
196
242
|
{
|
197
243
|
title: "Bridge",
|
198
|
-
icon:
|
199
|
-
href: "https://lux.network",
|
244
|
+
icon: "",
|
245
|
+
href: "https://bridge.lux.network/",
|
200
246
|
newTab: false,
|
247
|
+
contents:"" //insert string to here
|
201
248
|
},
|
202
249
|
{
|
203
|
-
title: "
|
204
|
-
icon:
|
205
|
-
href: "https://lux.network",
|
250
|
+
title: "Coin",
|
251
|
+
icon: "",
|
252
|
+
href: "https://lux.network/coin?utm_medium=social&utm_source=linktree&utm_campaign=coins",
|
206
253
|
newTab: false,
|
254
|
+
contents:"" //insert string to here
|
207
255
|
},
|
208
256
|
{
|
209
|
-
title: "
|
210
|
-
icon:
|
211
|
-
href: "https://lux.network",
|
257
|
+
title: "Explorer",
|
258
|
+
icon: "",
|
259
|
+
href: "https://explorer.lux.network/?utm_medium=social&utm_source=linktree&utm_campaign=explorer",
|
212
260
|
newTab: false,
|
261
|
+
contents:"" //insert string to here
|
213
262
|
},
|
214
263
|
{
|
215
|
-
title: "
|
216
|
-
icon:
|
217
|
-
href: "https://lux.
|
264
|
+
title: "Launch Subnet",
|
265
|
+
icon: "",
|
266
|
+
href: "https://lux.launchsubnet",
|
218
267
|
newTab: false,
|
268
|
+
contents:"" //insert string to here
|
219
269
|
},
|
220
270
|
{
|
221
|
-
title: "
|
222
|
-
icon:
|
223
|
-
href: "https://
|
271
|
+
title: "Open Source",
|
272
|
+
icon: "",
|
273
|
+
href: "https://github.com/luxfi?utm_medium=social&utm_source=linktree&utm_campaign=code",
|
224
274
|
newTab: false,
|
275
|
+
contents:"" //insert string to here
|
225
276
|
},
|
226
277
|
{
|
227
|
-
title: "
|
228
|
-
icon:
|
229
|
-
href: "https://lux.
|
278
|
+
title: "Safe",
|
279
|
+
icon: "",
|
280
|
+
href: "https://lux.network",
|
230
281
|
newTab: false,
|
282
|
+
contents:"" //insert string to here
|
231
283
|
},
|
232
284
|
{
|
233
|
-
title: "
|
234
|
-
icon:
|
235
|
-
href: "https://lux.
|
285
|
+
title: "Validator",
|
286
|
+
icon: "",
|
287
|
+
href: "https://lux.market/validator?utm_medium=social&utm_source=linktree&utm_campaign=validator",
|
236
288
|
newTab: false,
|
289
|
+
contents:"" //insert string to here
|
237
290
|
},
|
238
291
|
{
|
239
|
-
title: "
|
240
|
-
icon:
|
241
|
-
href: "https://lux.
|
292
|
+
title: "Wallet",
|
293
|
+
icon: "",
|
294
|
+
href: "https://wallet.lux.network/?utm_medium=social&utm_source=linktree&utm_campaign=wallet",
|
242
295
|
newTab: false,
|
243
|
-
|
296
|
+
contents:"" //insert string to here
|
297
|
+
},
|
244
298
|
]
|
245
299
|
},
|
246
300
|
{
|
247
|
-
title: "
|
248
|
-
icon: <
|
249
|
-
href: "https://lux.
|
301
|
+
title: "Shop",
|
302
|
+
icon: <Bag />,
|
303
|
+
href: "https://lux.shop",
|
250
304
|
newTab: false,
|
251
|
-
|
305
|
+
details: "Lux Shop is a part of the broader ecosystem, potentially related to Lux Market, which deals with NFT and metaverse asset management.",
|
306
|
+
childMenu: [
|
252
307
|
{
|
253
|
-
title: "
|
254
|
-
icon: <
|
255
|
-
href: "https://lux.
|
308
|
+
title: "Coins",
|
309
|
+
icon: <Bag />,
|
310
|
+
href: "https://lux.market/coin",
|
256
311
|
newTab: false,
|
312
|
+
contents:"" //insert string to here
|
257
313
|
},
|
258
314
|
{
|
259
|
-
title: "
|
260
|
-
icon: <
|
261
|
-
href: "https://lux.
|
262
|
-
newTab: false,
|
263
|
-
},{
|
264
|
-
title: "Twitter",
|
265
|
-
icon: <LuxLogo />,
|
266
|
-
href: "https://twitter.com/luxdefi",
|
267
|
-
newTab: false,
|
268
|
-
},{
|
269
|
-
title: "Faceboook",
|
270
|
-
icon: <LuxLogo />,
|
271
|
-
href: "https://lux.facebook",
|
272
|
-
newTab: false,
|
273
|
-
},{
|
274
|
-
title: "Instagram",
|
275
|
-
icon: <LuxLogo />,
|
276
|
-
href: "https://lux.instagram",
|
277
|
-
newTab: false,
|
278
|
-
},{
|
279
|
-
title: "Linkedin",
|
280
|
-
icon: <LuxLogo />,
|
281
|
-
href: "https://lux.linkedin",
|
315
|
+
title: "Silver",
|
316
|
+
icon: <Bag />,
|
317
|
+
href: "https://lux.shop/silver",
|
282
318
|
newTab: false,
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
|
319
|
+
contents:"" //insert string to here
|
320
|
+
},
|
321
|
+
{
|
322
|
+
title: "Key",
|
323
|
+
icon: <Bag />,
|
324
|
+
href: "https://lux.shop/key",
|
287
325
|
newTab: false,
|
326
|
+
contents:"" //insert string to here
|
288
327
|
},
|
328
|
+
{
|
329
|
+
title: "Validators",
|
330
|
+
icon: <Bag />,
|
331
|
+
href: "https://lux.shop/validator",
|
332
|
+
newTab: false,
|
333
|
+
contents:"" //insert string to here
|
334
|
+
}
|
289
335
|
]
|
290
336
|
},
|
291
337
|
] satisfies LinkDefExtended[]
|