@gardenfi/garden-book 0.2.3-beta.10 → 0.2.3-beta.12

package/dist/Footer.js

@@ -0,0 +1,661 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, forwardRef, useImperativeHandle } from "react";
+import { T as Typography } from "./Typography-DX9XpQWB.js";
+import { c as cn } from "./utils-BnsJHiW8.js";
+import { useMotionValue, useTransform, AnimatePresence, motion, useAnimate, stagger } from "framer-motion";
+import { u as useClientOnly } from "./useClientOnly-Bzx92NOa.js";
+import { G as GardenIcon } from "./GardenIcon-E0OJI-b-.js";
+import { X as XIcon, D as DiscordIcon, C as CopyrightsIcon } from "./XIcon-DC822TMq.js";
+const FooterBackgroundAnimation = ({
+  isMobile,
+  isLogoHovered,
+  maskUrl
+}) => {
+  const [videoSrc] = useState(
+    "https://garden-bucket-cdn.s3.eu-central-1.amazonaws.com/flowers_bg.mp4"
+  );
+  const [animationState, setAnimationState] = useState("initial");
+  const videoRef = useRef(null);
+  const animatedVideoRef = useRef(null);
+  const maskX = useMotionValue(45);
+  const maskPos = useTransform(maskX, (x) => `${x}% center`);
+  useEffect(() => {
+    if (isLogoHovered) {
+      setAnimationState("visible");
+    } else {
+      setAnimationState("exit");
+      const timer = setTimeout(() => {
+        setAnimationState("initial");
+      }, 800);
+      return () => clearTimeout(timer);
+    }
+  }, [isLogoHovered]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "video",
+      {
+        ref: videoRef,
+        src: videoSrc,
+        autoPlay: true,
+        loop: true,
+        muted: true,
+        controls: false,
+        preload: "metadata",
+        playsInline: true,
+        className: "gf-pointer-events-none gf-absolute gf-left-0 gf-top-0 gf-z-0 gf-h-full gf-w-screen gf-object-cover gf-opacity-0"
+      },
+      "video-flowers"
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        animate: animationState,
+        variants: {
+          initial: { maskPosition: "45%", opacity: 0 },
+          visible: { maskPosition: "10%", opacity: 1 },
+          exit: {
+            maskPosition: "-60%",
+            opacity: 0,
+            transition: {
+              duration: 1.2,
+              ease: [0, 0.77, 0.3, 1],
+              opacity: {
+                delay: 0.4
+              }
+            }
+          }
+        },
+        transition: {
+          duration: 1,
+          ease: [0.22, 0.68, 0.88, 0.96],
+          delay: 0.15,
+          opacity: {
+            times: [0, 1, 1, 1]
+          }
+        },
+        style: {
+          maskImage: `linear-gradient(black, black), url('${maskUrl}')`,
+          maskComposite: "exclude",
+          maskSize: isMobile ? "1200% 200%" : "820% 600%",
+          maskPosition: maskPos
+        },
+        className: "gf-pointer-events-none gf-absolute gf-left-0 gf-top-0 gf-z-0 gf-h-full gf-w-full gf-overflow-hidden gf-opacity-0",
+        children: /* @__PURE__ */ jsx(
+          "video",
+          {
+            ref: animatedVideoRef,
+            src: videoSrc,
+            autoPlay: true,
+            loop: true,
+            muted: true,
+            controls: false,
+            preload: "metadata",
+            playsInline: true,
+            className: "gf-pointer-events-none gf-h-full gf-w-screen gf-object-cover",
+            onCanPlayThrough: () => {
+              if (animatedVideoRef.current) {
+                animatedVideoRef.current.play().catch(console.error);
+              }
+            },
+            onLoadStart: () => {
+              if (animatedVideoRef.current) {
+                animatedVideoRef.current.play().catch(console.error);
+              }
+            }
+          },
+          "video-flowers-animated"
+        )
+      },
+      "hovered"
+    ) })
+  ] });
+};
+const RollingText = forwardRef(
+  ({ value, isHovered, className, delay }, ref) => {
+    const alphabets = value.split("");
+    const [scope, animate] = useAnimate();
+    const startAnimation = () => {
+      animate([
+        [
+          ".gf-letter",
+          { y: "-100%" },
+          {
+            duration: 0.5,
+            delay: delay ? stagger(0.014, { startDelay: delay }) : stagger(0.014),
+            ease: [0.76, 0, 0.24, 1]
+          }
+        ]
+      ]);
+    };
+    const stopAnimation = () => {
+      animate([
+        [
+          ".gf-letter",
+          { y: "0%" },
+          {
+            duration: 0.5,
+            delay: delay ? stagger(0.014, { startDelay: delay }) : stagger(0.014),
+            ease: [0.76, 0, 0.24, 1]
+          }
+        ]
+      ]);
+    };
+    useImperativeHandle(ref, () => ({
+      startAnimation,
+      stopAnimation
+    }));
+    useEffect(() => {
+      if (isHovered) {
+        startAnimation();
+      } else {
+        stopAnimation();
+      }
+    }, [isHovered]);
+    useEffect(() => {
+      const handleMouseEnter = () => {
+        if (!isHovered) {
+          startAnimation();
+        }
+      };
+      const handleMouseLeave = () => {
+        if (!isHovered) {
+          stopAnimation();
+        }
+      };
+      const buttonElement = scope.current;
+      if (buttonElement) {
+        buttonElement.addEventListener("mouseenter", handleMouseEnter);
+        buttonElement.addEventListener("mouseleave", handleMouseLeave);
+        return () => {
+          buttonElement.removeEventListener("mouseenter", handleMouseEnter);
+          buttonElement.removeEventListener("mouseleave", handleMouseLeave);
+        };
+      }
+    }, [scope, isHovered]);
+    return /* @__PURE__ */ jsx("div", { ref: scope, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          `gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5`,
+          className
+        ),
+        children: alphabets.map((char, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-letter": char,
+            className: "gf-letter gf-relative gf-h-5 gf-whitespace-pre gf-leading-5 after:gf-absolute after:gf-left-0 after:gf-top-full after:gf-h-5 after:gf-leading-5 after:gf-content-[attr(data-letter)]",
+            children: char
+          },
+          `${char}-${i}`
+        ))
+      }
+    ) });
+  }
+);
+RollingText.displayName = "RollingText";
+const FooterLinks = ({
+  title,
+  links,
+  hoveredIndex,
+  onHover,
+  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",
+  isRoutes = false
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        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__ */ jsx("span", { children: title })
+      }
+    ),
+    /* @__PURE__ */ jsx("ul", { className: listClassName, children: Object.values(links).map(
+      (link, index) => link.link && /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: isRoutes ? "gf-w-fit" : "",
+          onMouseEnter: () => {
+            onHover == null ? void 0 : onHover(index);
+          },
+          onMouseLeave: () => {
+            onHover == null ? void 0 : onHover(null);
+          },
+          children: /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              as: "a",
+              href: link.link,
+              target: "_blank",
+              size: "h4",
+              weight: "regular",
+              className: `gf-cursor-pointer gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit ${isRoutes ? "gf-flex gf-w-fit gf-gap-0.5 gf-items-end gf-transition-colors gf-duration-500 gf-ease-in-out" : ""}`,
+              children: [
+                link.inputAsset && /* @__PURE__ */ jsx(
+                  RollingText,
+                  {
+                    value: link.inputAsset || "",
+                    isHovered: hoveredIndex === index
+                  }
+                ),
+                isRoutes && link.inputChain && /* @__PURE__ */ jsx(
+                  RollingText,
+                  {
+                    delay: 0.1,
+                    className: "gf-text-xs gf-italic gf-translate-y-[0.6px]",
+                    value: link.inputChain,
+                    isHovered: hoveredIndex === index
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  RollingText,
+                  {
+                    delay: 0.15,
+                    value: link.title,
+                    isHovered: hoveredIndex === index
+                  }
+                ),
+                isRoutes && link.chain && /* @__PURE__ */ jsx(
+                  RollingText,
+                  {
+                    delay: 0.3,
+                    className: "gf-text-xs gf-italic gf-translate-y-[0.6px] -gf-translate-x-[2px]",
+                    value: link.chain,
+                    isHovered: hoveredIndex === index
+                  }
+                )
+              ]
+            }
+          )
+        },
+        index
+      )
+    ) })
+  ] });
+};
+const MaskURL = "data:image/svg+xml,%3csvg%20width='3956'%20height='906'%20viewBox='0%200%203956%20906'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='3956'%20height='906'%20fill='url(%23paint0_linear_579_2)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_579_2'%20x1='1465.5'%20y1='731.406'%20x2='2604.91'%20y2='227.235'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-opacity='0'/%3e%3cstop%20offset='0.115385'/%3e%3cstop%20offset='0.88'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+const Footer = ({
+  className,
+  network = "mainnet",
+  maskUrl = MaskURL,
+  ...props
+}) => {
+  const [isLogoHovered, setIsLogoHovered] = useState(false);
+  const [hoveredRouteIndex, setHoveredRouteIndex] = useState(
+    null
+  );
+  const isClient = useClientOnly();
+  const hoverTimeoutRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+      }
+    };
+  }, []);
+  const appLink = network && network === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance";
+  const homepage = "https://garden.finance";
+  const INTERNAL_ROUTES = {
+    Products: {
+      swap: {
+        title: "Swap",
+        link: network && network === "testnet" ? `${appLink}/?input-chain=bitcoin_testnet&input-asset=BTC` : `${appLink}/?input-chain=bitcoin&input-asset=BTC`,
+        isExternal: true
+      },
+      stake: {
+        title: "Stake",
+        link: network && network === "testnet" ? void 0 : `${appLink}/stake`,
+        isExternal: true
+      },
+      explorer: {
+        title: "Explorer",
+        link: network && network === "testnet" ? "https://testnet-explorer.garden.finance/" : "https://explorer.garden.finance/",
+        isExternal: true
+      }
+    },
+    Resources: {
+      blog: {
+        title: "Blog",
+        link: `${homepage}/blog`,
+        isExternal: true
+      },
+      faq: {
+        title: "FAQs",
+        link: `${homepage}/faq`,
+        isExternal: true
+      },
+      brandKit: {
+        title: "Brand kit",
+        link: `${homepage}/brand-kit`,
+        isExternal: true
+      },
+      analytics: {
+        title: "Analytics",
+        link: "https://dune.com/garden_finance/gardenfinance",
+        isExternal: true
+      },
+      Audits: {
+        title: "Audits",
+        link: "https://github.com/gardenfi/audits",
+        isExternal: true
+      }
+    },
+    Developers: {
+      docs: {
+        title: "Docs",
+        link: "https://docs.garden.finance/",
+        isExternal: true
+      },
+      api: {
+        title: "API",
+        link: "https://docs.garden.finance/developers/api/overview",
+        isExternal: true
+      },
+      sdk: {
+        title: "SDK",
+        link: "https://docs.garden.finance/developers/sdk/overview",
+        isExternal: true
+      }
+    }
+  };
+  const Routes = {
+    btcToSol: {
+      title: "BTC to SOL",
+      link: homepage + "/routes/bridge-btc-to-sol",
+      chain: "Solana",
+      isExternal: true
+    },
+    btcToEth: {
+      title: "BTC to ETH",
+      link: homepage + "/routes/bridge-btc-to-eth",
+      chain: "Ethereum",
+      isExternal: true
+    },
+    btcToUsdc: {
+      title: "BTC to USDC",
+      link: homepage + "/routes/bridge-btc-to-usdc-arbitrum",
+      chain: "Arbitrum",
+      isExternal: true
+    },
+    btctoUsdcEth: {
+      title: "BTC to USDC",
+      link: homepage + "/routes/bridge-btc-to-usdc-ethereum",
+      chain: "Ethereum",
+      isExternal: true
+    },
+    btcToWbtc: {
+      title: "BTC to WBTC",
+      link: homepage + "/routes/bridge-btc-to-wbtc-ethereum",
+      chain: "Ethereum",
+      isExternal: true
+    },
+    btcTocbBtc: {
+      title: "BTC to cbBtc",
+      link: homepage + "/routes/bridge-btc-to-cbbtc-base",
+      chain: "Base",
+      isExternal: true
+    },
+    btcToSui: {
+      title: "BTC to SUI",
+      link: homepage + "/routes/bridge-btc-to-sui",
+      chain: "Sui",
+      isExternal: true
+    },
+    btcToWbtcUni: {
+      title: "BTC to WBTC",
+      link: homepage + "/routes/bridge-btc-to-wbtc-unichain",
+      chain: "Unichain",
+      isExternal: true
+    },
+    btcToBnb: {
+      title: "BTC to BNB",
+      link: homepage + "/routes/bridge-btc-to-bnb",
+      chain: "BNB Chain",
+      isExternal: true
+    },
+    btcToMon: {
+      title: "BTC to MON",
+      link: homepage + "/routes/bridge-btc-to-mon",
+      chain: "Monad",
+      isExternal: true
+    },
+    cbBtcBaseTocbBtcSolana: {
+      title: " to cbBtc",
+      link: homepage + "/routes/bridge-cbbtc-base-to-cbbtc-solana",
+      inputAsset: "cbBtc",
+      inputChain: "Base",
+      chain: "Solana",
+      isExternal: true
+    },
+    usdcBnbToBtc: {
+      title: " to BTC",
+      link: homepage + "/routes/bridge-usdc-bnb-to-btc",
+      inputAsset: "USDC",
+      inputChain: "BNB Chain",
+      isExternal: true
+    },
+    btcToUsdtEthereum: {
+      title: " to USDT",
+      link: homepage + "/routes/bridge-btc-to-usdt-ethereum",
+      inputAsset: "BTC",
+      chain: "Ethereum",
+      isExternal: true
+    },
+    btcToUsdcSolana: {
+      title: " to USDC",
+      link: homepage + "/routes/bridge-btc-to-usdc-solana",
+      inputAsset: "BTC",
+      chain: "Solana",
+      isExternal: true
+    },
+    usdcEthereumToBtc: {
+      title: " to BTC",
+      link: homepage + "/routes/bridge-usdc-ethereum-to-btc",
+      inputAsset: "USDC",
+      inputChain: "Ethereum",
+      isExternal: true
+    },
+    solToBtc: {
+      title: " to BTC",
+      link: homepage + "/routes/bridge-sol-to-btc",
+      inputAsset: "SOL",
+      inputChain: "Solana",
+      isExternal: true
+    },
+    usdcEthereumToUsdcBase: {
+      title: " to USDC",
+      link: homepage + "/routes/bridge-usdc-ethereum-to-usdc-base",
+      inputAsset: "USDC",
+      inputChain: "Ethereum",
+      chain: "Base",
+      isExternal: true
+    }
+  };
+  const SOCIAL_LINKS = {
+    discord: "https://discord.gg/7feudTFMXB",
+    x: "https://x.com/gardenfi"
+  };
+  const { Products, Resources, Developers } = INTERNAL_ROUTES;
+  return /* @__PURE__ */ jsxs(
+    "footer",
+    {
+      className: cn(
+        "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",
+        className,
+        isLogoHovered ? "gf-text-white" : "gf-text-dark-grey"
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "gf-z-30 gf-w-full gf-max-w-screen-2xl", children: [
+          /* @__PURE__ */ jsxs("div", { className: "gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-start gf-justify-between gf-gap-8", children: [
+            /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-6", children: [
+              /* @__PURE__ */ jsx(
+                GardenIcon,
+                {
+                  onMouseEnter: () => {
+                    if (hoverTimeoutRef.current) {
+                      clearTimeout(hoverTimeoutRef.current);
+                    }
+                    hoverTimeoutRef.current = setTimeout(() => {
+                      setIsLogoHovered(true);
+                    }, 300);
+                  },
+                  onMouseLeave: () => {
+                    if (hoverTimeoutRef.current) {
+                      clearTimeout(hoverTimeoutRef.current);
+                      hoverTimeoutRef.current = null;
+                    }
+                    setIsLogoHovered(false);
+                  },
+                  className: "gf-h-8 gf-w-8 gf-cursor-pointer gf-duration-500 gf-ease-in-out",
+                  onClick: (e) => e.preventDefault()
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-items-center gf-gap-4", children: [
+                /* @__PURE__ */ jsx(
+                  XIcon,
+                  {
+                    onClick: () => {
+                      if (isClient) {
+                        window.open(SOCIAL_LINKS.x, "_blank");
+                      }
+                    },
+                    className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  DiscordIcon,
+                  {
+                    onClick: () => {
+                      if (isClient) {
+                        window.open(SOCIAL_LINKS.discord, "_blank");
+                      }
+                    },
+                    className: "gf-cursor-pointer gf-duration-500 gf-ease-in-out"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("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__ */ jsxs("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__ */ jsx("div", { className: "gf-w-full md:gf-hidden", children: /* @__PURE__ */ jsx(
+                  FooterLinks,
+                  {
+                    title: "Resources",
+                    links: Resources,
+                    className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
+                    listClassName: "gf-flex gf-flex-col gf-gap-2"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit", children: /* @__PURE__ */ jsx(
+                  FooterLinks,
+                  {
+                    title: "Routes",
+                    links: Routes,
+                    hoveredIndex: hoveredRouteIndex,
+                    onHover: setHoveredRouteIndex,
+                    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: true
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("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__ */ jsx(
+                  FooterLinks,
+                  {
+                    title: "Products",
+                    links: Products,
+                    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"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  FooterLinks,
+                  {
+                    title: "Developers",
+                    links: Developers,
+                    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"
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "gf-hidden md:gf-flex", children: /* @__PURE__ */ jsx(
+                  FooterLinks,
+                  {
+                    title: "Resources",
+                    links: Resources,
+                    className: "gf-flex gf-w-full gf-flex-col gf-gap-3",
+                    listClassName: "gf-flex gf-flex-col gf-gap-1"
+                  }
+                ) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("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__ */ jsx(
+              "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 ${isLogoHovered ? "gf-bg-white" : "gf-bg-dark-grey"}`
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "gf-z-10 gf-my-6 gf-flex gf-w-full gf-items-center gf-justify-between gf-gap-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-start gf-gap-6", children: /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  size: "h5",
+                  className: "gf-flex gf-items-center gf-gap-1 gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit",
+                  weight: "regular",
+                  children: [
+                    /* @__PURE__ */ jsx(CopyrightsIcon, {}),
+                    /* @__PURE__ */ jsx("span", { children: "Garden" }),
+                    /* @__PURE__ */ jsx("span", { children: "2025" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-w-fit gf-items-center gf-justify-end gf-gap-6", children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    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",
+                    weight: "regular",
+                    href: "/privacy.pdf",
+                    target: "_blank",
+                    children: "Privacy Policy"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    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",
+                    weight: "regular",
+                    href: "/terms.pdf",
+                    target: "_blank",
+                    children: "Terms of Service"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          FooterBackgroundAnimation,
+          {
+            isMobile: false,
+            isLogoHovered,
+            maskUrl
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Footer
+};
+//# sourceMappingURL=Footer.js.map