@gardenfi/garden-book 0.3.2 → 0.3.4

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,117 +1,125 @@
1
- import { jsxs as a, Fragment as C, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as a, Fragment as O, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as m } from "react";
3
- import { HamburgerIcon as S } from "../HamburgerIcon/index.js";
3
+ import { HamburgerIcon as C } from "../HamburgerIcon/index.js";
4
4
  import { ResponsiveModal as w } from "../ResponsiveModal/index.js";
5
5
  import { Typography as t } from "../Typography/index.js";
6
- import { Button as M } from "../Button/index.js";
6
+ import { Button as S } from "../Button/index.js";
7
7
  import { cn as j } from "../utils/index.js";
8
8
  import I from "../node_modules/lucide-react/dist/esm/icons/log-out.js";
9
- const R = ({ title: i, isOpen: n, onToggle: o, children: s }) => /* @__PURE__ */ a("div", { children: [
10
- /* @__PURE__ */ e("span", { onClick: o, className: "gf-block gf-cursor-pointer", children: /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: i }) }),
9
+ const R = ({ title: i, isOpen: s, onToggle: f, children: n }) => /* @__PURE__ */ a("div", { children: [
10
+ /* @__PURE__ */ e("span", { onClick: f, className: "gf-block gf-cursor-pointer", children: /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: i }) }),
11
11
  /* @__PURE__ */ e(
12
12
  "div",
13
13
  {
14
14
  className: j(
15
15
  "gf-grid gf-transition-[grid-template-rows,opacity] gf-duration-500 gf-ease-[cubic-bezier(0.22,1,0.36,1)]",
16
- n ? "gf-grid-rows-[1fr] gf-opacity-100" : "gf-grid-rows-[0fr] gf-opacity-0"
16
+ s ? "gf-grid-rows-[1fr] gf-opacity-100" : "gf-grid-rows-[0fr] gf-opacity-0"
17
17
  ),
18
- children: /* @__PURE__ */ e("div", { className: "gf-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "gf-ml-6 gf-flex gf-flex-col", children: s }) })
18
+ children: /* @__PURE__ */ e("div", { className: "gf-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "gf-ml-6 gf-flex gf-flex-col", children: n }) })
19
19
  }
20
20
  )
21
21
  ] }), A = ({
22
22
  navGroups: i,
23
- activePath: n,
24
- onNavigate: o,
25
- onLogout: s,
23
+ activePath: s,
24
+ onNavigate: f,
25
+ onLogout: n,
26
26
  showLogoutConfirm: N = !1,
27
27
  onLogoutConfirmClose: c
28
28
  }) => {
29
29
  var b;
30
- const [h, p] = m(!1), [y, g] = m(!1), [k, u] = m(
30
+ const [p, h] = m(!1), [y, g] = m(!1), [k, u] = m(
31
31
  ((b = i[0]) == null ? void 0 : b.label) ?? "group-0"
32
32
  ), d = () => {
33
33
  var l;
34
- p(!1), u(((l = i[0]) == null ? void 0 : l.label) ?? "group-0");
34
+ h(!1), u(((l = i[0]) == null ? void 0 : l.label) ?? "group-0");
35
35
  }, v = () => {
36
- d(), N ? g(!0) : s();
36
+ d(), N ? g(!0) : n();
37
37
  }, z = () => {
38
38
  g(!1), c == null || c();
39
39
  };
40
- return /* @__PURE__ */ a(C, { children: [
40
+ return /* @__PURE__ */ a(O, { children: [
41
41
  /* @__PURE__ */ e(
42
42
  "button",
43
43
  {
44
44
  type: "button",
45
- onClick: () => p((l) => !l),
45
+ onClick: () => h((l) => !l),
46
46
  "aria-label": "Open menu",
47
47
  className: "gf-shrink-0",
48
- children: /* @__PURE__ */ e(S, { isOpen: h })
48
+ children: /* @__PURE__ */ e(C, { isOpen: p })
49
49
  }
50
50
  ),
51
- /* @__PURE__ */ a(w, { open: h, onClose: d, className: "gf-w-full", children: [
52
- /* @__PURE__ */ e("nav", { className: "gf-flex gf-flex-col gf-gap-4 gf-p-6 gf-bg-white/30 gf-rounded-xl", children: i.map((l, O) => {
53
- const f = l.label ?? `group-${O}`;
54
- return /* @__PURE__ */ e(
55
- R,
56
- {
57
- title: l.label ?? "Navigation",
58
- isOpen: k === f,
59
- onToggle: () => u((r) => r === f ? "" : f),
60
- children: l.items.map((r) => {
61
- const x = n === r.href || n === `${r.href}/`;
62
- return /* @__PURE__ */ e(
63
- "div",
64
- {
65
- className: "gf-cursor-pointer gf-pt-4",
66
- onClick: () => {
67
- o(r.href), d();
68
- },
69
- children: /* @__PURE__ */ e(
70
- t,
51
+ /* @__PURE__ */ a(
52
+ w,
53
+ {
54
+ open: p,
55
+ onClose: d,
56
+ desktopModal: { className: "gf-w-full" },
57
+ children: [
58
+ /* @__PURE__ */ e("nav", { className: "gf-flex gf-flex-col gf-gap-4 gf-p-6 gf-bg-white/30 gf-rounded-xl", children: i.map((l, M) => {
59
+ const o = l.label ?? `group-${M}`;
60
+ return /* @__PURE__ */ e(
61
+ R,
62
+ {
63
+ title: l.label ?? "Navigation",
64
+ isOpen: k === o,
65
+ onToggle: () => u((r) => r === o ? "" : o),
66
+ children: l.items.map((r) => {
67
+ const x = s === r.href || s === `${r.href}/`;
68
+ return /* @__PURE__ */ e(
69
+ "div",
71
70
  {
72
- size: "h3",
73
- weight: x ? "medium" : "regular",
74
- className: x ? "gf-text-primaryIris" : "gf-text-dark-grey",
75
- children: r.title
76
- }
77
- )
78
- },
79
- r.href
80
- );
81
- })
82
- },
83
- f
84
- );
85
- }) }),
86
- /* @__PURE__ */ e("nav", { className: "gf-py-5 gf-px-6 gf-bg-white/30 gf-rounded-xl", children: /* @__PURE__ */ a(
87
- "button",
88
- {
89
- type: "button",
90
- onClick: v,
91
- className: "gf-flex gf-w-full gf-cursor-pointer gf-items-center gf-gap-2 focus:gf-outline-none",
92
- children: [
93
- /* @__PURE__ */ e(I, { className: "gf-h-5 gf-w-5" }),
94
- /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: "Log out" })
95
- ]
96
- }
97
- ) })
98
- ] }),
71
+ className: "gf-cursor-pointer gf-pt-4",
72
+ onClick: () => {
73
+ f(r.href), d();
74
+ },
75
+ children: /* @__PURE__ */ e(
76
+ t,
77
+ {
78
+ size: "h3",
79
+ weight: x ? "medium" : "regular",
80
+ className: x ? "gf-text-primaryIris" : "gf-text-dark-grey",
81
+ children: r.title
82
+ }
83
+ )
84
+ },
85
+ r.href
86
+ );
87
+ })
88
+ },
89
+ o
90
+ );
91
+ }) }),
92
+ /* @__PURE__ */ e("nav", { className: "gf-py-5 gf-px-6 gf-bg-white/30 gf-rounded-xl", children: /* @__PURE__ */ a(
93
+ "button",
94
+ {
95
+ type: "button",
96
+ onClick: v,
97
+ className: "gf-flex gf-w-full gf-cursor-pointer gf-items-center gf-gap-2 focus:gf-outline-none",
98
+ children: [
99
+ /* @__PURE__ */ e(I, { className: "gf-h-5 gf-w-5" }),
100
+ /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: "Log out" })
101
+ ]
102
+ }
103
+ ) })
104
+ ]
105
+ }
106
+ ),
99
107
  /* @__PURE__ */ a(
100
108
  w,
101
109
  {
102
110
  open: y,
103
111
  onClose: z,
104
112
  label: "Ready to sign out?",
105
- className: "gf-max-w-sm",
113
+ desktopModal: { className: "gf-max-w-sm" },
106
114
  children: [
107
115
  /* @__PURE__ */ e("div", { className: "gf-flex gf-flex-col gf-gap-2", children: /* @__PURE__ */ e(t, { size: "h5", weight: "regular", children: "You'll be signed out and redirected to the login page." }) }),
108
116
  /* @__PURE__ */ e(
109
- M,
117
+ S,
110
118
  {
111
119
  variant: "primary",
112
120
  className: "gf-w-full",
113
121
  onClick: () => {
114
- g(!1), s();
122
+ g(!1), n();
115
123
  },
116
124
  children: "Sign out"
117
125
  }
@@ -5,12 +5,45 @@ export type SocialLinks = {
5
5
  x?: string;
6
6
  youtube?: string;
7
7
  };
8
+ export type FooterLabels = {
9
+ sections?: {
10
+ products?: string;
11
+ resources?: string;
12
+ developers?: string;
13
+ routes?: string;
14
+ };
15
+ products?: {
16
+ swap?: string;
17
+ stake?: string;
18
+ explorer?: string;
19
+ };
20
+ resources?: {
21
+ blog?: string;
22
+ routes?: string;
23
+ faq?: string;
24
+ brandKit?: string;
25
+ analytics?: string;
26
+ governance?: string;
27
+ };
28
+ developers?: {
29
+ docs?: string;
30
+ api?: string;
31
+ sdk?: string;
32
+ security?: string;
33
+ };
34
+ legal?: {
35
+ privacyPolicy?: string;
36
+ termsOfService?: string;
37
+ };
38
+ };
8
39
  type FooterProps = React.HTMLAttributes<HTMLDivElement> & {
9
40
  network?: string;
10
41
  navigate?: (path: string) => void;
11
42
  maskUrl?: string;
12
43
  socialLinks?: SocialLinks;
13
44
  bgVideoSrc?: string;
45
+ labels?: FooterLabels;
46
+ locale?: string;
14
47
  };
15
48
  export declare const Footer: React.FC<FooterProps>;
16
49
  export {};
@@ -1,107 +1,138 @@
1
- import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
- import { useState as d, useRef as N, useEffect as S } from "react";
3
- import { GardenIcon as y } from "../Logo/GardenIcon.js";
4
- import { CopyrightsIcon as A } from "../Icons/CopyrightsIcon.js";
5
- import { DiscordIcon as U } from "../Icons/DiscordIcon.js";
6
- import { XIcon as D } from "../Icons/XIcon.js";
7
- import { YoutubeIcon as L } from "../Icons/YoutubeIcon.js";
8
- import { cn as I } from "../utils/index.js";
9
- import { FooterBackgroundAnimation as R } from "./FooterBackgroundAnimation.js";
10
- import { FooterLinks as n } from "./FooterLink.js";
11
- import j from "../assets/maskRect.svg.js";
12
- import { useClientOnly as _ } from "../hooks/useClientOnly.js";
13
- import { Typography as g } from "../Typography/index.js";
14
- const $ = {
1
+ import { jsxs as r, jsx as t } from "react/jsx-runtime";
2
+ import { useState as T, useRef as I, useEffect as R } from "react";
3
+ import { GardenIcon as _ } from "../Logo/GardenIcon.js";
4
+ import { CopyrightsIcon as O } from "../Icons/CopyrightsIcon.js";
5
+ import { DiscordIcon as j } from "../Icons/DiscordIcon.js";
6
+ import { XIcon as $ } from "../Icons/XIcon.js";
7
+ import { YoutubeIcon as P } from "../Icons/YoutubeIcon.js";
8
+ import { cn as M } from "../utils/index.js";
9
+ import { FooterBackgroundAnimation as z } from "./FooterBackgroundAnimation.js";
10
+ import { FooterLinks as l } from "./FooterLink.js";
11
+ import K from "../assets/maskRect.svg.js";
12
+ import { useClientOnly as F } from "../hooks/useClientOnly.js";
13
+ import { Typography as p } from "../Typography/index.js";
14
+ const G = {
15
15
  discord: "https://discord.gg/7feudTFMXB",
16
16
  x: "https://x.com/gardenfi",
17
17
  youtube: "https://www.youtube.com/channel/UCwtzK4AitT4B0B6sly6QmyA?sub_confirmation=1"
18
- }, J = ({
19
- className: m,
18
+ }, se = ({
19
+ className: w,
20
20
  network: s = "mainnet",
21
- maskUrl: p = j,
22
- socialLinks: x,
23
- bgVideoSrc: h,
24
- ...b
21
+ maskUrl: k = K,
22
+ socialLinks: v,
23
+ bgVideoSrc: C,
24
+ labels: i,
25
+ locale: x,
26
+ ...B
25
27
  }) => {
26
- const [l, c] = d(!1), [w, T] = d(
28
+ const [c, h] = T(!1), [N, S] = T(
27
29
  null
28
- ), f = _(), r = N(null);
29
- S(() => () => {
30
- r.current && clearTimeout(r.current);
30
+ ), g = F(), n = I(null);
31
+ R(() => () => {
32
+ n.current && clearTimeout(n.current);
31
33
  }, []);
32
- const a = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = "https://garden.finance", C = {
34
+ const o = {
35
+ products: "Products",
36
+ resources: "Resources",
37
+ developers: "Developers",
38
+ routes: "Routes",
39
+ ...i == null ? void 0 : i.sections
40
+ }, u = {
41
+ swap: "Swap",
42
+ stake: "Stake",
43
+ explorer: "Explorer",
44
+ ...i == null ? void 0 : i.products
45
+ }, f = {
46
+ blog: "Blog",
47
+ routes: "Routes",
48
+ faq: "FAQs",
49
+ brandKit: "Brand kit",
50
+ analytics: "Analytics",
51
+ governance: "Governance",
52
+ ...i == null ? void 0 : i.resources
53
+ }, a = {
54
+ docs: "Docs",
55
+ api: "API",
56
+ sdk: "SDK",
57
+ security: "Security",
58
+ ...i == null ? void 0 : i.developers
59
+ }, b = {
60
+ privacyPolicy: "Privacy Policy",
61
+ termsOfService: "Terms of Service",
62
+ ...i == null ? void 0 : i.legal
63
+ }, d = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = `https://garden.finance${x ? `/${x}` : ""}`, y = {
33
64
  Products: {
34
65
  swap: {
35
- title: "Swap",
36
- link: s && s === "testnet" ? `${a}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${a}/?input-chain=bitcoin&input-asset=BTC`,
66
+ title: u.swap,
67
+ link: s && s === "testnet" ? `${d}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${d}/?input-chain=bitcoin&input-asset=BTC`,
37
68
  isExternal: !0
38
69
  },
39
70
  stake: {
40
- title: "Stake",
41
- link: s && s === "testnet" ? void 0 : `${a}/stake`,
71
+ title: u.stake,
72
+ link: s && s === "testnet" ? void 0 : `${d}/stake`,
42
73
  isExternal: !0
43
74
  },
44
75
  explorer: {
45
- title: "Explorer",
76
+ title: u.explorer,
46
77
  link: s && s === "testnet" ? "https://testnet-explorer.garden.finance/" : "https://explorer.garden.finance/",
47
78
  isExternal: !0
48
79
  }
49
80
  },
50
81
  Resources: {
51
82
  blog: {
52
- title: "Blog",
83
+ title: f.blog,
53
84
  link: `${e}/blog`,
54
85
  isExternal: !0
55
86
  },
56
87
  routes: {
57
- title: "Routes",
88
+ title: f.routes,
58
89
  link: `${e}/routes`,
59
90
  isExternal: !0
60
91
  },
61
92
  faq: {
62
- title: "FAQs",
93
+ title: f.faq,
63
94
  link: `${e}/faq`,
64
95
  isExternal: !0
65
96
  },
66
97
  brandKit: {
67
- title: "Brand kit",
98
+ title: f.brandKit,
68
99
  link: `${e}/brand-kit`,
69
100
  isExternal: !0
70
101
  },
71
102
  analytics: {
72
- title: "Analytics",
103
+ title: f.analytics,
73
104
  link: "https://dune.com/garden_finance/gardenfinance",
74
105
  isExternal: !0
75
106
  },
76
107
  Governance: {
77
- title: "Governance",
108
+ title: f.governance,
78
109
  link: "https://docs.garden.finance/home/governance",
79
110
  isExternal: !0
80
111
  }
81
112
  },
82
113
  Developers: {
83
114
  docs: {
84
- title: "Docs",
115
+ title: a.docs,
85
116
  link: "https://docs.garden.finance/",
86
117
  isExternal: !0
87
118
  },
88
119
  api: {
89
- title: "API",
120
+ title: a.api,
90
121
  link: "https://docs.garden.finance/developers/api/overview",
91
122
  isExternal: !0
92
123
  },
93
124
  sdk: {
94
- title: "SDK",
125
+ title: a.sdk,
95
126
  link: "https://docs.garden.finance/developers/sdk/overview",
96
127
  isExternal: !0
97
128
  },
98
129
  security: {
99
- title: "Security",
130
+ title: a.security,
100
131
  link: `${e}/security`,
101
132
  isExternal: !0
102
133
  }
103
134
  }
104
- }, k = {
135
+ }, L = {
105
136
  btcToSol: {
106
137
  title: "BTC to SOL",
107
138
  link: e + "/routes/bridge-btc-to-sol",
@@ -225,113 +256,113 @@ const $ = {
225
256
  isExternal: !0,
226
257
  chain: "Litecoin"
227
258
  }
228
- }, o = { ...$, ...x }, { Products: E, Resources: u, Developers: B } = C;
229
- return /* @__PURE__ */ i(
259
+ }, m = { ...G, ...v }, { Products: A, Resources: E, Developers: U } = y;
260
+ return /* @__PURE__ */ r(
230
261
  "footer",
231
262
  {
232
- className: I(
263
+ className: M(
233
264
  "gf-z-10 gf-relative gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-center gf-justify-center gf-bg-white gf-px-6 gf-pb-10 gf-pt-20 md:gf-px-10",
234
- m,
235
- l ? "gf-text-white" : "gf-text-dark-grey"
265
+ w,
266
+ c ? "gf-text-white" : "gf-text-dark-grey"
236
267
  ),
237
- ...b,
268
+ ...B,
238
269
  children: [
239
- /* @__PURE__ */ i("div", { className: "gf-z-30 gf-w-full gf-max-w-screen-2xl", children: [
240
- /* @__PURE__ */ i("div", { className: "gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-start gf-justify-between gf-gap-8", children: [
241
- /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
270
+ /* @__PURE__ */ r("div", { className: "gf-z-30 gf-w-full gf-max-w-screen-2xl", children: [
271
+ /* @__PURE__ */ r("div", { className: "gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-start gf-justify-between gf-gap-8", children: [
272
+ /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
242
273
  /* @__PURE__ */ t(
243
- y,
274
+ _,
244
275
  {
245
276
  onMouseEnter: () => {
246
- r.current && clearTimeout(r.current), r.current = setTimeout(() => {
247
- c(!0);
277
+ n.current && clearTimeout(n.current), n.current = setTimeout(() => {
278
+ h(!0);
248
279
  }, 300);
249
280
  },
250
281
  onMouseLeave: () => {
251
- r.current && (clearTimeout(r.current), r.current = null), c(!1);
282
+ n.current && (clearTimeout(n.current), n.current = null), h(!1);
252
283
  },
253
284
  className: "gf-h-8 gf-w-8 gf-cursor-pointer gf-duration-500 gf-ease-in-out",
254
- onClick: (v) => v.preventDefault()
285
+ onClick: (D) => D.preventDefault()
255
286
  }
256
287
  ),
257
- /* @__PURE__ */ i("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
288
+ /* @__PURE__ */ r("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
258
289
  /* @__PURE__ */ t(
259
- D,
290
+ $,
260
291
  {
261
292
  onClick: () => {
262
- f && window.open(o.x, "_blank");
293
+ g && window.open(m.x, "_blank");
263
294
  },
264
295
  className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
265
296
  }
266
297
  ),
267
298
  /* @__PURE__ */ t(
268
- U,
299
+ j,
269
300
  {
270
301
  onClick: () => {
271
- f && window.open(o.discord, "_blank");
302
+ g && window.open(m.discord, "_blank");
272
303
  },
273
304
  className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
274
305
  }
275
306
  ),
276
307
  /* @__PURE__ */ t(
277
- L,
308
+ P,
278
309
  {
279
310
  onClick: () => {
280
- f && window.open(o.youtube, "_blank");
311
+ g && window.open(m.youtube, "_blank");
281
312
  },
282
313
  className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
283
314
  }
284
315
  )
285
316
  ] })
286
317
  ] }),
287
- /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-max-w-screen-2xl gf-flex-col-reverse gf-items-start gf-justify-between gf-gap-6 md:gf-flex-row", children: [
288
- /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-flex-col sm:gf-flex-row gf-gap-6 gf-items-start gf-justify-between sm:gf-gap-3 md:gf-w-fit", children: [
318
+ /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-max-w-screen-2xl gf-flex-col-reverse gf-items-start gf-justify-between gf-gap-6 md:gf-flex-row", children: [
319
+ /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-flex-col sm:gf-flex-row gf-gap-6 gf-items-start gf-justify-between sm:gf-gap-3 md:gf-w-fit", children: [
289
320
  /* @__PURE__ */ t("div", { className: "gf-w-full md:gf-hidden", children: /* @__PURE__ */ t(
290
- n,
321
+ l,
291
322
  {
292
- title: "Resources",
293
- links: u,
323
+ title: o.resources,
324
+ links: E,
294
325
  className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
295
326
  listClassName: "gf-flex gf-flex-col gf-gap-2"
296
327
  }
297
328
  ) }),
298
329
  /* @__PURE__ */ t("div", { className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit", children: /* @__PURE__ */ t(
299
- n,
330
+ l,
300
331
  {
301
- title: "Routes",
302
- links: k,
303
- hoveredIndex: w,
304
- onHover: T,
332
+ title: o.routes,
333
+ links: L,
334
+ hoveredIndex: N,
335
+ onHover: S,
305
336
  className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit",
306
337
  listClassName: "gf-grid gf-w-full gf-grid-cols-1 gf-gap-1 gf-gap-x-8 md:gf-grid-cols-2 md:gf-grid-rows-2",
307
338
  isRoutes: !0
308
339
  }
309
340
  ) })
310
341
  ] }),
311
- /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-items-start gf-justify-between gf-gap-3 md:gf-w-fit md:gf-gap-16", children: [
342
+ /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-items-start gf-justify-between gf-gap-3 md:gf-w-fit md:gf-gap-16", children: [
312
343
  /* @__PURE__ */ t(
313
- n,
344
+ l,
314
345
  {
315
- title: "Products",
316
- links: E,
346
+ title: o.products,
347
+ links: A,
317
348
  className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
318
349
  listClassName: "gf-flex gf-w-fit gf-flex-col gf-gap-1 gf-gap-x-6"
319
350
  }
320
351
  ),
321
352
  /* @__PURE__ */ t(
322
- n,
353
+ l,
323
354
  {
324
- title: "Developers",
325
- links: B,
355
+ title: o.developers,
356
+ links: U,
326
357
  className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
327
358
  listClassName: "gf-flex gf-flex-col gf-gap-1"
328
359
  }
329
360
  ),
330
361
  /* @__PURE__ */ t("div", { className: "gf-hidden md:gf-flex", children: /* @__PURE__ */ t(
331
- n,
362
+ l,
332
363
  {
333
- title: "Resources",
334
- links: u,
364
+ title: o.resources,
365
+ links: E,
335
366
  className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
336
367
  listClassName: "gf-flex gf-flex-col gf-gap-1"
337
368
  }
@@ -339,30 +370,30 @@ const $ = {
339
370
  ] })
340
371
  ] })
341
372
  ] }),
342
- /* @__PURE__ */ i("div", { className: "gf-relative gf-mt-6 gf-flex gf-w-full gf-max-w-screen-2xl gf-items-center gf-justify-center", children: [
373
+ /* @__PURE__ */ r("div", { className: "gf-relative gf-mt-6 gf-flex gf-w-full gf-max-w-screen-2xl gf-items-center gf-justify-center", children: [
343
374
  /* @__PURE__ */ t(
344
375
  "div",
345
376
  {
346
- className: `gf-absolute gf-left-0 gf-top-0 gf-h-[1px] gf-w-full gf-transition-all gf-duration-500 gf-ease-in-out ${l ? "gf-bg-white" : "gf-bg-dark-grey"}`
377
+ className: `gf-absolute gf-left-0 gf-top-0 gf-h-[1px] gf-w-full gf-transition-all gf-duration-500 gf-ease-in-out ${c ? "gf-bg-white" : "gf-bg-dark-grey"}`
347
378
  }
348
379
  ),
349
- /* @__PURE__ */ i("div", { className: "gf-z-10 gf-my-6 gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-4", children: [
350
- /* @__PURE__ */ t("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ i(
351
- g,
380
+ /* @__PURE__ */ r("div", { className: "gf-z-10 gf-my-6 gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-4", children: [
381
+ /* @__PURE__ */ t("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ r(
382
+ p,
352
383
  {
353
384
  size: "h5",
354
385
  className: "gf-flex gf-items-center gf-gap-1 gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit",
355
386
  weight: "regular",
356
387
  children: [
357
- /* @__PURE__ */ t(A, {}),
388
+ /* @__PURE__ */ t(O, {}),
358
389
  /* @__PURE__ */ t("span", { children: "Garden" }),
359
390
  /* @__PURE__ */ t("span", { children: "2026" })
360
391
  ]
361
392
  }
362
393
  ) }),
363
- /* @__PURE__ */ i("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
394
+ /* @__PURE__ */ r("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
364
395
  /* @__PURE__ */ t(
365
- g,
396
+ p,
366
397
  {
367
398
  size: "h5",
368
399
  as: "a",
@@ -370,11 +401,11 @@ const $ = {
370
401
  weight: "regular",
371
402
  href: "https://garden.finance/privacy.pdf",
372
403
  target: "_blank",
373
- children: "Privacy Policy"
404
+ children: b.privacyPolicy
374
405
  }
375
406
  ),
376
407
  /* @__PURE__ */ t(
377
- g,
408
+ p,
378
409
  {
379
410
  as: "a",
380
411
  size: "h5",
@@ -382,7 +413,7 @@ const $ = {
382
413
  weight: "regular",
383
414
  href: "https://garden.finance/terms.pdf",
384
415
  target: "_blank",
385
- children: "Terms of Service"
416
+ children: b.termsOfService
386
417
  }
387
418
  )
388
419
  ] })
@@ -390,12 +421,12 @@ const $ = {
390
421
  ] })
391
422
  ] }),
392
423
  /* @__PURE__ */ t(
393
- R,
424
+ z,
394
425
  {
395
426
  isMobile: !1,
396
- isLogoHovered: l,
397
- maskUrl: p,
398
- videoSrc: h
427
+ isLogoHovered: c,
428
+ maskUrl: k,
429
+ videoSrc: C
399
430
  }
400
431
  )
401
432
  ]
@@ -403,5 +434,5 @@ const $ = {
403
434
  );
404
435
  };
405
436
  export {
406
- J as Footer
437
+ se as Footer
407
438
  };