@gardenfi/garden-book 0.3.2 → 0.3.4-beta.1

package/dist/Footer/index.js

@@ -1,173 +1,183 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as d, useRef as N, useEffect as S } from "react";
-import { GardenIcon as y } from "../Logo/GardenIcon.js";
-import { CopyrightsIcon as A } from "../Icons/CopyrightsIcon.js";
-import { DiscordIcon as U } from "../Icons/DiscordIcon.js";
-import { XIcon as D } from "../Icons/XIcon.js";
-import { YoutubeIcon as L } from "../Icons/YoutubeIcon.js";
-import { cn as I } from "../utils/index.js";
-import { FooterBackgroundAnimation as R } from "./FooterBackgroundAnimation.js";
-import { FooterLinks as n } from "./FooterLink.js";
-import j from "../assets/maskRect.svg.js";
-import { useClientOnly as _ } from "../hooks/useClientOnly.js";
-import { Typography as g } from "../Typography/index.js";
-const $ = {
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as w, useRef as R, useEffect as _ } from "react";
+import { GardenIcon as O } from "../Logo/GardenIcon.js";
+import { CopyrightsIcon as $ } from "../Icons/CopyrightsIcon.js";
+import { DiscordIcon as j } from "../Icons/DiscordIcon.js";
+import { XIcon as P } from "../Icons/XIcon.js";
+import { YoutubeIcon as z } from "../Icons/YoutubeIcon.js";
+import { cn as g } from "../utils/index.js";
+import { FooterBackgroundAnimation as M } from "./FooterBackgroundAnimation.js";
+import { FooterLinks as c } from "./FooterLink.js";
+import K from "../assets/maskRect.svg.js";
+import { useClientOnly as F } from "../hooks/useClientOnly.js";
+import { Typography as u } from "../Typography/index.js";
+const G = {
   discord: "https://discord.gg/7feudTFMXB",
   x: "https://x.com/gardenfi",
   youtube: "https://www.youtube.com/channel/UCwtzK4AitT4B0B6sly6QmyA?sub_confirmation=1"
-}, J = ({
-  className: m,
-  network: s = "mainnet",
-  maskUrl: p = j,
-  socialLinks: x,
-  bgVideoSrc: h,
-  ...b
+}, se = ({
+  className: T,
+  network: n = "mainnet",
+  maskUrl: C = K,
+  socialLinks: v,
+  bgVideoSrc: k,
+  labels: i,
+  locale: x,
+  ...B
 }) => {
-  const [l, c] = d(!1), [w, T] = d(
+  const [s, b] = w(!1), [S, N] = w(
     null
-  ), f = _(), r = N(null);
-  S(() => () => {
-    r.current && clearTimeout(r.current);
+  ), d = F(), o = R(null);
+  _(() => () => {
+    o.current && clearTimeout(o.current);
   }, []);
-  const a = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = "https://garden.finance", C = {
+  const a = {
+    products: "Products",
+    resources: "Resources",
+    developers: "Developers",
+    routes: "Routes",
+    security: "Security",
+    ...i == null ? void 0 : i.sections
+  }, p = {
+    swap: "Swap",
+    stake: "Stake",
+    explorer: "Explorer",
+    ...i == null ? void 0 : i.products
+  }, f = {
+    blog: "Blog",
+    routes: "Routes",
+    faq: "FAQs",
+    brandKit: "Brand kit",
+    analytics: "Analytics",
+    governance: "Governance",
+    ...i == null ? void 0 : i.resources
+  }, l = {
+    docs: "Docs",
+    api: "API",
+    sdk: "SDK",
+    security: "Security",
+    ...i == null ? void 0 : i.developers
+  }, E = {
+    privacyPolicy: "Privacy Policy",
+    termsOfService: "Terms of Service",
+    ...i == null ? void 0 : i.legal
+  }, m = n && n === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = `https://garden.finance${x ? `/${x}` : ""}`, y = {
     Products: {
       swap: {
-        title: "Swap",
-        link: s && s === "testnet" ? `${a}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${a}/?input-chain=bitcoin&input-asset=BTC`,
+        title: p.swap,
+        link: n && n === "testnet" ? `${m}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${m}/?input-chain=bitcoin&input-asset=BTC`,
         isExternal: !0
       },
       stake: {
-        title: "Stake",
-        link: s && s === "testnet" ? void 0 : `${a}/stake`,
+        title: p.stake,
+        link: n && n === "testnet" ? void 0 : `${m}/stake`,
         isExternal: !0
       },
       explorer: {
-        title: "Explorer",
-        link: s && s === "testnet" ? "https://testnet-explorer.garden.finance/" : "https://explorer.garden.finance/",
+        title: p.explorer,
+        link: n && n === "testnet" ? "https://testnet-explorer.garden.finance/" : "https://explorer.garden.finance/",
         isExternal: !0
       }
     },
     Resources: {
       blog: {
-        title: "Blog",
+        title: f.blog,
         link: `${e}/blog`,
         isExternal: !0
       },
       routes: {
-        title: "Routes",
+        title: f.routes,
         link: `${e}/routes`,
         isExternal: !0
       },
       faq: {
-        title: "FAQs",
+        title: f.faq,
         link: `${e}/faq`,
         isExternal: !0
       },
       brandKit: {
-        title: "Brand kit",
+        title: f.brandKit,
         link: `${e}/brand-kit`,
         isExternal: !0
       },
       analytics: {
-        title: "Analytics",
+        title: f.analytics,
         link: "https://dune.com/garden_finance/gardenfinance",
         isExternal: !0
       },
       Governance: {
-        title: "Governance",
+        title: f.governance,
         link: "https://docs.garden.finance/home/governance",
         isExternal: !0
       }
     },
     Developers: {
       docs: {
-        title: "Docs",
+        title: l.docs,
         link: "https://docs.garden.finance/",
         isExternal: !0
       },
       api: {
-        title: "API",
+        title: l.api,
         link: "https://docs.garden.finance/developers/api/overview",
         isExternal: !0
       },
       sdk: {
-        title: "SDK",
+        title: l.sdk,
         link: "https://docs.garden.finance/developers/sdk/overview",
         isExternal: !0
       },
       security: {
-        title: "Security",
+        title: l.security,
         link: `${e}/security`,
         isExternal: !0
       }
     }
-  }, k = {
-    btcToSol: {
-      title: "BTC to SOL",
-      link: e + "/routes/bridge-btc-to-sol",
-      chain: "Solana",
-      isExternal: !0
-    },
-    btcToEth: {
-      title: "BTC to ETH",
-      link: e + "/routes/bridge-btc-to-eth",
+  }, L = {
+    // Left column (highest volume)
+    btcToWbtc: {
+      title: "BTC to WBTC",
+      link: e + "/routes/bridge-btc-to-wbtc-ethereum",
       chain: "Ethereum",
       isExternal: !0
     },
-    btcToUsdc: {
-      title: "BTC to USDC",
-      link: e + "/routes/bridge-btc-to-usdc-arbitrum",
-      chain: "Arbitrum",
-      isExternal: !0
-    },
     btctoUsdcEth: {
       title: "BTC to USDC",
       link: e + "/routes/bridge-btc-to-usdc-ethereum",
       chain: "Ethereum",
       isExternal: !0
     },
-    btcToWbtc: {
-      title: "BTC to WBTC",
-      link: e + "/routes/bridge-btc-to-wbtc-ethereum",
-      chain: "Ethereum",
-      isExternal: !0
-    },
     btcTocbBtc: {
       title: "BTC to cbBTC",
       link: e + "/routes/bridge-btc-to-cbbtc-base",
       chain: "Base",
       isExternal: !0
     },
-    btcToSui: {
-      title: "BTC to SUI",
-      link: e + "/routes/bridge-btc-to-sui",
-      chain: "Sui",
+    solToBtc: {
+      title: " to BTC",
+      link: e + "/routes/bridge-sol-to-btc",
+      inputAsset: "SOL",
+      inputChain: "Solana",
       isExternal: !0
     },
-    // btcToWbtcUni: {
-    //   title: "BTC to WBTC",
-    //   link: homepage + "/routes/bridge-btc-to-wbtc-unichain",
-    //   chain: "Unichain",
-    //   isExternal: true,
-    // },
-    btcToBnb: {
-      title: "BTC to BNB",
-      link: e + "/routes/bridge-btc-to-bnb",
-      chain: "BNB Chain",
+    btcToSol: {
+      title: "BTC to SOL",
+      link: e + "/routes/bridge-btc-to-sol",
+      chain: "Solana",
       isExternal: !0
     },
-    btcToMon: {
-      title: "BTC to MON",
-      link: e + "/routes/bridge-btc-to-mon",
-      chain: "Monad",
+    usdcEthereumToUsdcBase: {
+      title: " to USDC",
+      link: e + "/routes/bridge-usdc-ethereum-to-usdc-base",
+      inputAsset: "USDC",
+      inputChain: "Ethereum",
+      chain: "Base",
       isExternal: !0
     },
-    cbBtcBaseTocbBtcSolana: {
-      title: " to cbBTC",
-      link: e + "/routes/bridge-cbbtc-base-to-cbbtc-solana",
-      inputAsset: "cbBTC",
-      inputChain: "Base",
-      chain: "Solana",
+    btcToUsdc: {
+      title: "BTC to USDC",
+      link: e + "/routes/bridge-btc-to-usdc-arbitrum",
+      chain: "Arbitrum",
       isExternal: !0
     },
     usdcBnbToBtc: {
@@ -177,6 +187,14 @@ const $ = {
       inputChain: "BNB Chain",
       isExternal: !0
     },
+    usdcEthereumToBtc: {
+      title: " to BTC",
+      link: e + "/routes/bridge-usdc-ethereum-to-btc",
+      inputAsset: "USDC",
+      inputChain: "Ethereum",
+      isExternal: !0
+    },
+    // Right column
     btcToUsdtEthereum: {
       title: " to USDT",
       link: e + "/routes/bridge-btc-to-usdt-ethereum",
@@ -184,6 +202,12 @@ const $ = {
       chain: "Ethereum",
       isExternal: !0
     },
+    btcToEth: {
+      title: "BTC to ETH",
+      link: e + "/routes/bridge-btc-to-eth",
+      chain: "Ethereum",
+      isExternal: !0
+    },
     usdtEthereumToBtc: {
       title: " to BTC",
       link: e + "/routes/bridge-usdt-to-btc",
@@ -197,26 +221,12 @@ const $ = {
       chain: "Solana",
       isExternal: !0
     },
-    usdcEthereumToBtc: {
-      title: " to BTC",
-      link: e + "/routes/bridge-usdc-ethereum-to-btc",
-      inputAsset: "USDC",
-      inputChain: "Ethereum",
-      isExternal: !0
-    },
-    solToBtc: {
-      title: " to BTC",
-      link: e + "/routes/bridge-sol-to-btc",
-      inputAsset: "SOL",
-      inputChain: "Solana",
-      isExternal: !0
-    },
-    usdcEthereumToUsdcBase: {
-      title: " to USDC",
-      link: e + "/routes/bridge-usdc-ethereum-to-usdc-base",
-      inputAsset: "USDC",
-      inputChain: "Ethereum",
-      chain: "Base",
+    cbBtcBaseTocbBtcSolana: {
+      title: " to cbBTC",
+      link: e + "/routes/bridge-cbbtc-base-to-cbbtc-solana",
+      inputAsset: "cbBTC",
+      inputChain: "Base",
+      chain: "Solana",
       isExternal: !0
     },
     btcToLtc: {
@@ -224,165 +234,215 @@ const $ = {
       link: e + "/routes/bridge-btc-to-ltc",
       isExternal: !0,
       chain: "Litecoin"
+    },
+    btcToSui: {
+      title: "BTC to SUI",
+      link: e + "/routes/bridge-btc-to-sui",
+      chain: "Sui",
+      isExternal: !0
+    },
+    btcToBnb: {
+      title: "BTC to BNB",
+      link: e + "/routes/bridge-btc-to-bnb",
+      chain: "BNB Chain",
+      isExternal: !0
+    },
+    btcToMon: {
+      title: "BTC to MON",
+      link: e + "/routes/bridge-btc-to-mon",
+      chain: "Monad",
+      isExternal: !0
     }
-  }, o = { ...$, ...x }, { Products: E, Resources: u, Developers: B } = C;
-  return /* @__PURE__ */ i(
+    // btcToWbtcUni: {
+    //   title: "BTC to WBTC",
+    //   link: homepage + "/routes/bridge-btc-to-wbtc-unichain",
+    //   chain: "Unichain",
+    //   isExternal: true,
+    // },
+  }, h = { ...G, ...v }, { Products: A, Resources: U, Developers: D } = y;
+  return /* @__PURE__ */ r(
     "footer",
     {
-      className: I(
-        "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",
-        m,
-        l ? "gf-text-white" : "gf-text-dark-grey"
+      className: g(
+        "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-pb-10 gf-pt-20",
+        T,
+        s ? "gf-text-white" : "gf-text-dark-grey"
       ),
-      ...b,
+      ...B,
       children: [
-        /* @__PURE__ */ i("div", { className: "gf-z-30 gf-w-full gf-max-w-screen-2xl", children: [
-          /* @__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: [
-            /* @__PURE__ */ i("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
+        /* @__PURE__ */ r("div", { className: "gf-z-30 gf-mx-auto gf-w-full gf-max-w-[1056px] gf-px-4 sm:gf-max-w-[1104px] sm:gf-px-6 md:gf-px-10", children: [
+          /* @__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: [
+            /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
               /* @__PURE__ */ t(
-                y,
+                O,
                 {
                   onMouseEnter: () => {
-                    r.current && clearTimeout(r.current), r.current = setTimeout(() => {
-                      c(!0);
+                    o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+                      b(!0);
                     }, 300);
                   },
                   onMouseLeave: () => {
-                    r.current && (clearTimeout(r.current), r.current = null), c(!1);
+                    o.current && (clearTimeout(o.current), o.current = null), b(!1);
                   },
                   className: "gf-h-8 gf-w-8 gf-cursor-pointer gf-duration-500 gf-ease-in-out",
-                  onClick: (v) => v.preventDefault()
+                  onClick: (I) => I.preventDefault()
                 }
               ),
-              /* @__PURE__ */ i("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
+              /* @__PURE__ */ r("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
                 /* @__PURE__ */ t(
-                  D,
+                  P,
                   {
                     onClick: () => {
-                      f && window.open(o.x, "_blank");
+                      d && window.open(h.x, "_blank");
                     },
                     className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
                   }
                 ),
                 /* @__PURE__ */ t(
-                  U,
+                  j,
                   {
                     onClick: () => {
-                      f && window.open(o.discord, "_blank");
+                      d && window.open(h.discord, "_blank");
                     },
                     className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
                   }
                 ),
                 /* @__PURE__ */ t(
-                  L,
+                  z,
                   {
                     onClick: () => {
-                      f && window.open(o.youtube, "_blank");
+                      d && window.open(h.youtube, "_blank");
                     },
                     className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
                   }
                 )
               ] })
             ] }),
-            /* @__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: [
-              /* @__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: [
-                /* @__PURE__ */ t("div", { className: "gf-w-full md:gf-hidden", children: /* @__PURE__ */ t(
-                  n,
-                  {
-                    title: "Resources",
-                    links: u,
-                    className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
-                    listClassName: "gf-flex gf-flex-col gf-gap-2"
-                  }
-                ) }),
-                /* @__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(
-                  n,
-                  {
-                    title: "Routes",
-                    links: k,
-                    hoveredIndex: w,
-                    onHover: T,
-                    className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit",
-                    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",
-                    isRoutes: !0
-                  }
-                ) })
-              ] }),
-              /* @__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: [
+            /* @__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-8 md:gf-flex-row md:gf-gap-6", children: [
+              /* @__PURE__ */ t("div", { className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit md:gf-max-w-[400px]", children: /* @__PURE__ */ t(
+                c,
+                {
+                  title: a.routes,
+                  links: L,
+                  hoveredIndex: S,
+                  onHover: N,
+                  className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
+                  listClassName: "gf-grid gf-w-full gf-grid-cols-1 gf-gap-1 gf-gap-x-8 sm:gf-grid-cols-2 sm:gf-grid-flow-col sm:gf-grid-rows-9",
+                  isRoutes: !0,
+                  isLogoHovered: s
+                }
+              ) }),
+              /* @__PURE__ */ r("div", { className: "gf-grid gf-w-full gf-grid-cols-2 gf-gap-x-6 gf-gap-y-8 md:gf-flex md:gf-w-fit md:gf-flex-row md:gf-items-start md:gf-gap-8", children: [
                 /* @__PURE__ */ t(
-                  n,
+                  c,
                   {
-                    title: "Products",
-                    links: E,
+                    title: a.products,
+                    links: A,
                     className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
-                    listClassName: "gf-flex gf-w-fit gf-flex-col gf-gap-1 gf-gap-x-6"
+                    listClassName: "gf-flex gf-w-fit gf-flex-col gf-gap-1 gf-gap-x-6",
+                    isLogoHovered: s
                   }
                 ),
                 /* @__PURE__ */ t(
-                  n,
+                  c,
                   {
-                    title: "Developers",
-                    links: B,
+                    title: a.developers,
+                    links: D,
                     className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
-                    listClassName: "gf-flex gf-flex-col gf-gap-1"
+                    listClassName: "gf-flex gf-flex-col gf-gap-1",
+                    isLogoHovered: s
                   }
                 ),
-                /* @__PURE__ */ t("div", { className: "gf-hidden md:gf-flex", children: /* @__PURE__ */ t(
-                  n,
+                /* @__PURE__ */ t(
+                  c,
                   {
-                    title: "Resources",
-                    links: u,
-                    className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
-                    listClassName: "gf-flex gf-flex-col gf-gap-1"
+                    title: a.resources,
+                    links: U,
+                    className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
+                    listClassName: "gf-flex gf-flex-col gf-gap-1",
+                    isLogoHovered: s
                   }
-                ) })
+                ),
+                /* @__PURE__ */ r("div", { className: "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit", children: [
+                  /* @__PURE__ */ t(
+                    u,
+                    {
+                      size: "h4",
+                      weight: "medium",
+                      className: "gf-flex gf-items-center gf-gap-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit",
+                      children: /* @__PURE__ */ t("span", { children: a.security })
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: "https://cdn.garden.finance/catalog/landing/soc2.png",
+                      alt: "SOC 2 certified",
+                      width: 53,
+                      height: 53,
+                      className: g(
+                        "gf-h-[53px] gf-w-[53px] gf-transition-all gf-duration-500 gf-ease-in-out",
+                        s && "gf-invert"
+                      )
+                    }
+                  )
+                ] })
               ] })
             ] })
           ] }),
-          /* @__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: [
+          /* @__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: [
             /* @__PURE__ */ t(
               "div",
               {
-                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"}`
+                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 ${s ? "gf-bg-white" : "gf-bg-[#E3E0EB]"}`
               }
             ),
-            /* @__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: [
-              /* @__PURE__ */ t("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ i(
-                g,
+            /* @__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: [
+              /* @__PURE__ */ t("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ r(
+                u,
                 {
                   size: "h5",
-                  className: "gf-flex gf-items-center gf-gap-1 gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit",
+                  className: g(
+                    "gf-flex gf-items-center gf-gap-1 gf-transition-all gf-duration-500 gf-ease-in-out",
+                    s ? "gf-text-inherit" : "gf-text-graphite"
+                  ),
                   weight: "regular",
                   children: [
-                    /* @__PURE__ */ t(A, {}),
+                    /* @__PURE__ */ t($, {}),
                     /* @__PURE__ */ t("span", { children: "Garden" }),
                     /* @__PURE__ */ t("span", { children: "2026" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ i("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
+              /* @__PURE__ */ r("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
                 /* @__PURE__ */ t(
-                  g,
+                  u,
                   {
                     size: "h5",
                     as: "a",
-                    className: "gf-cursor-pointer gf-underline-offset-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-hover:underline gf-text-inherit",
+                    className: g(
+                      "gf-cursor-pointer gf-underline-offset-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-hover:underline",
+                      s ? "gf-text-inherit" : "gf-text-graphite"
+                    ),
                     weight: "regular",
                     href: "https://garden.finance/privacy.pdf",
                     target: "_blank",
-                    children: "Privacy Policy"
+                    children: E.privacyPolicy
                   }
                 ),
                 /* @__PURE__ */ t(
-                  g,
+                  u,
                   {
                     as: "a",
                     size: "h5",
-                    className: "gf-cursor-pointer gf-underline-offset-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-hover:underline gf-text-inherit",
+                    className: g(
+                      "gf-cursor-pointer gf-underline-offset-2 gf-transition-all gf-duration-500 gf-ease-in-out gf-hover:underline",
+                      s ? "gf-text-inherit" : "gf-text-graphite"
+                    ),
                     weight: "regular",
                     href: "https://garden.finance/terms.pdf",
                     target: "_blank",
-                    children: "Terms of Service"
+                    children: E.termsOfService
                   }
                 )
               ] })
@@ -390,12 +450,12 @@ const $ = {
           ] })
         ] }),
         /* @__PURE__ */ t(
-          R,
+          M,
           {
             isMobile: !1,
-            isLogoHovered: l,
-            maskUrl: p,
-            videoSrc: h
+            isLogoHovered: s,
+            maskUrl: C,
+            videoSrc: k
           }
         )
       ]
@@ -403,5 +463,5 @@ const $ = {
   );
 };
 export {
-  J as Footer
+  se as Footer
 };

package/dist/Icons/BugReportIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const BugReportIcon: React.FC<SvgProps>;
+export {};