{{ text-placeholder }}
\",\n htmlFromDesign: \"Platform
\",\n textFromDesign: uNTB2WIXT,\n variants: {\n \"Y4XR2RMw5-hover\": {\n \"--extracted-1w3ko1f\": \"var(--token-b5e72ac4-5d13-4d8c-9e39-05582f25a9e4, rgb(17, 28, 24)) \",\n opacity: 0.9\n },\n euYeOpzvG: {\n \"--extracted-1w3ko1f\": \"var(--token-7d09293d-48e8-4143-b4a9-918cf6c02baa, rgb(255, 255, 255)) \"\n },\n \"euYeOpzvG-hover\": {\n opacity: 0.6\n }\n },\n ...addPropertyOverrides({\n \"Y4XR2RMw5-hover\": {\n fonts: [\"CUSTOM;Deity Sans Display 500\"],\n __htmlStructure: \"{{ text-placeholder }}
\"\n },\n euYeOpzvG: {\n fonts: [\"CUSTOM;Deity Sans Display 500\"],\n __htmlStructure: \"{{ text-placeholder }}
\"\n }\n }, baseVariant, gestureVariant)\n }), OQp3WI9V2 && /*#__PURE__*/_jsx(motion.div, {\n style: {},\n className: \"framer-qxgmqm-container\",\n layoutId: \"xqyNzV7nU-container\",\n transition: transition,\n layoutDependency: layoutDependency,\n children: /*#__PURE__*/_jsx(Iconoir, {\n width: \"100%\",\n height: \"100%\",\n layoutId: \"xqyNzV7nU\",\n id: \"xqyNzV7nU\",\n selectByList: true,\n iconSelection: \"NavArrowDown\",\n iconSearch: \"chevron\",\n mirrored: false,\n color: \"var(--token-b5e72ac4-5d13-4d8c-9e39-05582f25a9e4, rgb(17, 28, 24)) /* {\\\"name\\\":\\\"sageLight / sage-12\\\"} */\",\n style: {\n width: \"100%\",\n height: \"100%\"\n },\n ...addPropertyOverrides({\n euYeOpzvG: {\n color: \"var(--token-7d09293d-48e8-4143-b4a9-918cf6c02baa, rgb(255, 255, 255)) /* {\\\"name\\\":\\\"pure-white-100\\\"} */\"\n }\n }, baseVariant, gestureVariant)\n })\n })]\n })\n })\n })\n });\n});\nconst css = [\".framer-OYbRo [data-border=\\\"true\\\"]::after { content: \\\"\\\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none;}\", \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-OYbRo * { box-sizing: border-box; }\", \".framer-OYbRo .framer-1n9zgm { position: relative; cursor: pointer; overflow: visible; width: min-content; height: min-content; display: block; text-decoration: none; }\", \".framer-OYbRo .framer-120t2ag { position: relative; width: auto; height: auto; flex: none; white-space: pre; }\", \".framer-OYbRo .framer-qxgmqm-container { position: relative; width: 16px; height: 16px; flex: none; }\", \".framer-OYbRo.framer-v-1n9zgm .framer-1n9zgm, .framer-OYbRo.framer-v-umwmz1 .framer-1n9zgm { cursor: pointer; }\", \".framer-OYbRo.framer-v-1n9zgm.hover .framer-1n9zgm { width: min-content; height: min-content; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 19\n * @framerIntrinsicWidth 66\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"NsLt7aeOT\":{\"layout\":[\"auto\",\"auto\"]},\"euYeOpzvG\":{\"layout\":[\"auto\",\"auto\"]},\"MuOJl8BPM\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"uNTB2WIXT\":\"title\",\"Y9ZXWw1Er\":\"link\",\"OQp3WI9V2\":\"hasChilderen\",\"GxtxAbCsq\":\"tap\",\"oa0c1lcgW\":\"hover\"}\n */\nconst FramermvWfpSGeY = withCSS(Component, css);\nexport default FramermvWfpSGeY;\nFramermvWfpSGeY.displayName = \"Navigation / Menu Item\";\nFramermvWfpSGeY.defaultProps = {\n width: 66,\n height: 19\n};\naddPropertyControls(FramermvWfpSGeY, {\n variant: {\n type: ControlType.Enum,\n title: \"Variant\",\n options: [\"Y4XR2RMw5\", \"euYeOpzvG\"],\n optionTitles: [\"Link\", \"Inverted\"]\n },\n uNTB2WIXT: {\n type: ControlType.String,\n title: \"Title\",\n defaultValue: \"Platform\",\n displayTextArea: false\n },\n Y9ZXWw1Er: {\n type: ControlType.Link,\n title: \"Link\"\n },\n OQp3WI9V2: {\n type: ControlType.Boolean,\n title: \"Has Childeren\",\n defaultValue: false\n },\n GxtxAbCsq: {\n type: ControlType.EventHandler,\n title: \"Tap\"\n },\n oa0c1lcgW: {\n type: ControlType.EventHandler,\n title: \"Hover\"\n }\n});\naddFonts(FramermvWfpSGeY, [{\n url: new URL(\"https://framerusercontent.com/modules/assets/gm2gWwNQL7rxxr6m6FnvWc5UkyA~4qdCfx7iOjVGcCQlboRk3-QJrqJbZofK6UaTSFgNDEc.ttf\").href,\n family: \"Deity Sans Display 500\",\n moduleAsset: {\n url: \"assets/gm2gWwNQL7rxxr6m6FnvWc5UkyA.ttf\",\n localModuleIdentifier: \"local-module:canvasComponent/mvWfpSGeY:default\"\n }\n}, ...IconoirFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramermvWfpSGeY\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"66\",\n \"framerIntrinsicHeight\": \"19\",\n \"framerVariables\": \"{\\\"uNTB2WIXT\\\":\\\"title\\\",\\\"Y9ZXWw1Er\\\":\\\"link\\\",\\\"OQp3WI9V2\\\":\\\"hasChilderen\\\",\\\"GxtxAbCsq\\\":\\\"tap\\\",\\\"oa0c1lcgW\\\":\\\"hover\\\"}\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"NsLt7aeOT\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"euYeOpzvG\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"MuOJl8BPM\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n \"framerContractVersion\": \"1\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./mvWfpSGeY.map", "import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map", "const browserCheck = typeof window !== \"undefined\" && typeof document !== \"undefined\";\nfunction withClientSideOnly(Component) {\n return isBrowser() ? Component : null;\n}\nexport function isBrowser() {\n return browserCheck ? true : false;\n}\nexport default function NoSSR(props) {\n // Wrap the component so it only renders client side\n return withClientSideOnly(props.children);\n}\n;\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"isBrowser\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./NoSSR.map", "import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { createStore } from \"https://framer.com/m/framer/store.js\";\nimport NoSSR, { isBrowser } from \"https://framerusercontent.com/modules/7V0hq81vbEnE1LVsSJAs/PoZHDXYHb2UUKRsalXVQ/NoSSR.js\";\nconst useIsOpen = createStore({\n isOpen: false\n});\nconst ScrollingElement = () => {\n const [scrollY, setScrollY] = useState(-document.body.getBoundingClientRect().y);\n function scroller() {\n setScrollY(-document.body.getBoundingClientRect().y);\n }\n useEffect(() => {\n function watchScroll() {\n window.addEventListener(\"scroll\", scroller);\n }\n watchScroll();\n return () => {\n window.removeEventListener(\"scroll\", scroller);\n };\n });\n return scrollY;\n};\nexport function mobileMenu(Component) {\n return props => {\n const scrollY = isBrowser() ? ScrollingElement() : 0;\n const initialScrollPosition = scrollY;\n const bodyElement = isBrowser() ? document.body.style : null;\n const [calculatedHeight, setHeight] = useState(window.innerHeight);\n const [isOpen, setIsOpen] = useIsOpen();\n const toggleOpen = value => {\n setIsOpen(() => ({\n isOpen: value\n }));\n };\n useEffect(() => {\n // disable scroll on menu open\n bodyElement.overflow = \"hidden\";\n bodyElement.position = \"fixed\";\n bodyElement.top = -initialScrollPosition + \"px\";\n bodyElement.height = \"100vh\";\n bodyElement.width = \"100vw\"; // resize for mobile browser changing heights on scroll\n window.addEventListener(\"resize\", () => {\n setHeight(window.innerHeight);\n });\n toggleOpen(true); // enable scroll on menu close\n return () => {\n bodyElement.overflow = \"unset\";\n bodyElement.position = \"unset\";\n bodyElement.top = 0 + \"px\";\n window.scrollTo(0, initialScrollPosition);\n window.removeEventListener(\"resize\", () => {});\n toggleOpen(false);\n };\n }, []);\n return /*#__PURE__*/_jsx(Component, {\n ...props,\n style: {\n ...props.style,\n position: \"fixed\",\n bottom: 0,\n left: 0,\n top: 0,\n right: 0,\n height: calculatedHeight\n }\n });\n };\n}\nexport function fadeAndSlide(Component) {\n return props => {\n const scrollY = isBrowser() ? ScrollingElement() : 0;\n const [isOpen, setIsOpen] = useIsOpen();\n const treshold = 320;\n useEffect(() => {\n window.scrollTo(0, 0); // return\n }, []);\n const transform = (currentScrollPos, scrollCutoff, isOpen) => {\n if (currentScrollPos >= 0 && currentScrollPos < scrollCutoff || currentScrollPos < 0) {\n return {\n top: -80,\n opacity: 0\n };\n } else return {\n top: 0,\n opacity: 1\n };\n };\n const stickyHandler = transform(scrollY, treshold, isOpen.isOpen);\n return /*#__PURE__*/_jsx(NoSSR, {\n children: /*#__PURE__*/_jsx(Component, {\n ...props,\n style: {\n ...props.style,\n opacity: stickyHandler.opacity,\n visibility: \"visible\",\n transitionDuration: \"0.2s\",\n transform: \"none\",\n position: \"fixed\",\n top: stickyHandler.top,\n backgroundColor: \"rgba(251, 253, 252, .85)\",\n backdropFilter: \"blur(6px)\",\n webkitBackdropFilter: \"blur(6px)\",\n width: \"100%\",\n zIndex: 5\n }\n })\n });\n };\n}\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"fadeAndSlide\": {\n \"type\": \"reactHoc\",\n \"name\": \"fadeAndSlide\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"mobileMenu\": {\n \"type\": \"reactHoc\",\n \"name\": \"mobileMenu\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./Mobile_Menu.map", "// Generated by Framer (102b37e)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Link, resolveLink, RichText, SVG, Text, useActiveVariantCallback, useRouter, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Iconoir } from \"https://framerusercontent.com/modules/zL9598C4KbEbqUGvSR14/2NIJFO92hF4roZEEK8Tx/Iconoir.js\";\nimport { mobileMenu } from \"https://framerusercontent.com/modules/ru2i1yIERoLVeuxctyCB/whfRCHa2qUncBBg5q1Nc/Mobile_Menu.js\";\nimport ButtonPill from \"https://framerusercontent.com/modules/XLT8lWAKVtPza0l5snAc/1XeSij6HFUqZoPlyEnPo/SlwZp36OW.js\";\nimport LogoDeity from \"https://framerusercontent.com/modules/4TyN04Re8LDVhnhfEJIy/CdvPK86YHMQAVV7F8djs/WFjHvS0oO.js\";\nconst IconoirFonts = getFonts(Iconoir);\nconst LogoDeityFonts = getFonts(LogoDeity);\nconst ButtonPillFonts = getFonts(ButtonPill);\nconst MotionDivMobileMenu = mobileMenu(motion.div);\nconst cycleOrder = [\"G1j7k1bXu\", \"W7QOpti5r\", \"fdoKibwNo\", \"KOxftNvVQ\", \"oOvJti4GK\"];\nconst variantClassNames = {\n fdoKibwNo: \"framer-v-1103sso\",\n G1j7k1bXu: \"framer-v-13ea420\",\n KOxftNvVQ: \"framer-v-697qft\",\n oOvJti4GK: \"framer-v-1t6uwhr\",\n W7QOpti5r: \"framer-v-v2y5za\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n const nextOverrides = {};\n variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n return nextOverrides;\n}\nconst humanReadableVariantMap = {\n \"Variant 1\": \"G1j7k1bXu\",\n Company: \"KOxftNvVQ\",\n Platform: \"W7QOpti5r\",\n Resources: \"fdoKibwNo\",\n Solutions: \"oOvJti4GK\"\n};\nconst transitions = {\n default: {\n damping: 77,\n delay: 0,\n duration: 0,\n ease: [.44, 0, .56, 1],\n mass: 1.5,\n stiffness: 810,\n type: \"tween\"\n }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"G1j7k1bXu\",\n closeMenu: d8FD6SQYv,\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"G1j7k1bXu\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onTap1cq4gmb = activeVariantCallback(async (...args) => {\n setVariant(\"W7QOpti5r\");\n });\n const onTappn5hjb = activeVariantCallback(async (...args) => {\n setVariant(\"G1j7k1bXu\");\n });\n const onTap6qo57r = activeVariantCallback(async (...args) => {\n setVariant(\"oOvJti4GK\");\n });\n const onTapqnpzg6 = activeVariantCallback(async (...args) => {\n if (d8FD6SQYv) {\n const res = await d8FD6SQYv(...args);\n if (res === false) return false;\n }\n });\n const onTap1omvjh5 = activeVariantCallback(async (...args) => {\n setVariant(\"fdoKibwNo\");\n });\n const onTap3iz6q7 = activeVariantCallback(async (...args) => {\n setVariant(\"KOxftNvVQ\");\n });\n const tapqnpzg6 = activeVariantCallback(async (...args) => {\n if (d8FD6SQYv) {\n const res = await d8FD6SQYv(...args);\n if (res === false) return false;\n }\n });\n const isDisplayed = () => {\n if (baseVariant === \"W7QOpti5r\") return true;\n return false;\n };\n const isDisplayed1 = () => {\n if (baseVariant === \"oOvJti4GK\") return true;\n return false;\n };\n const isDisplayed2 = () => {\n if (baseVariant === \"fdoKibwNo\") return true;\n return false;\n };\n const isDisplayed3 = () => {\n if (baseVariant === \"KOxftNvVQ\") return true;\n return false;\n };\n const router = useRouter();\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n initial: variant,\n animate: variants,\n onHoverStart: () => setGestureState({\n isHovered: true\n }),\n onHoverEnd: () => setGestureState({\n isHovered: false\n }),\n onTapStart: () => setGestureState({\n isPressed: true\n }),\n onTap: () => setGestureState({\n isPressed: false\n }),\n onTapCancel: () => setGestureState({\n isPressed: false\n }),\n className: cx(\"framer-D4xC3\", classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(MotionDivMobileMenu, {\n ...restProps,\n className: cx(\"framer-13ea420\", className),\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"G1j7k1bXu\",\n ref: ref,\n style: {\n backgroundColor: \"var(--token-ca3afa7b-c0f1-480f-876d-abe4d73dd428, rgb(21, 23, 22))\",\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n fdoKibwNo: {\n \"data-framer-name\": \"Resources\"\n },\n KOxftNvVQ: {\n \"data-framer-name\": \"Company\"\n },\n oOvJti4GK: {\n \"data-framer-name\": \"Solutions\"\n },\n W7QOpti5r: {\n \"data-framer-name\": \"Platform\"\n }\n }, baseVariant, gestureVariant),\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-v2xcmh\",\n layoutDependency: layoutDependency,\n layoutId: \"HnH5ygjr2\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-yed7da\",\n layoutDependency: layoutDependency,\n layoutId: \"W6Mww2Wc4\",\n transition: transition,\n children: /*#__PURE__*/_jsx(SVG, {\n className: \"framer-17cp5a6\",\n \"data-framer-name\": \"graphic\",\n fill: \"black\",\n intrinsicHeight: 342,\n intrinsicWidth: 200,\n layoutDependency: layoutDependency,\n layoutId: \"zXZ7WYV6t\",\n svg: '',\n transition: transition,\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-19w6im8\",\n \"data-framer-name\": \"Header\",\n layoutDependency: layoutDependency,\n layoutId: \"UGZX7OcDS\",\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-3l5ne9\",\n layoutDependency: layoutDependency,\n layoutId: \"wPxSrFNns\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-lqmkvn\",\n layoutDependency: layoutDependency,\n layoutId: \"WVwsm344h\",\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1sqocr8\",\n \"data-framer-name\": \"Frame 1624\",\n layoutDependency: layoutDependency,\n layoutId: \"dpldGZOYt\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1jamt0j\",\n \"data-border\": true,\n \"data-framer-name\": \"Link list item\",\n layoutDependency: layoutDependency,\n layoutId: \"XvhJwlJkX\",\n style: {\n \"--border-bottom-width\": \"0px\",\n \"--border-color\": 'var(--token-50e8c335-2593-4e02-b25a-0f8dcb441942, rgb(236, 238, 237)) /* {\"name\":\"sageDark / sageDark-12\"} */',\n \"--border-left-width\": \"0px\",\n \"--border-right-width\": \"0px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\"\n },\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-13jbyw7\",\n \"data-framer-name\": \"Frame 1637\",\n layoutDependency: layoutDependency,\n layoutId: \"eJiX2IC6I\",\n transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-woljuh\",\n \"data-framer-name\": \"Menu item\",\n \"data-highlight\": true,\n layoutDependency: layoutDependency,\n layoutId: \"AIJ5lYbP9\",\n onTap: onTap1cq4gmb,\n transition: transition,\n ...addPropertyOverrides({\n W7QOpti5r: {\n onTap: onTappn5hjb\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1nk5ajq\",\n \"data-framer-name\": \"text\",\n layoutDependency: layoutDependency,\n layoutId: \"P2_BcOLd6\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n alignment: \"left\",\n className: \"framer-pp3g0i\",\n \"data-framer-name\": \"title\",\n fonts: [\"CUSTOM;Deity Sans Display 400\"],\n layoutDependency: layoutDependency,\n layoutId: \"CC6YjnA_H\",\n rawHTML: \"Platform{{ text-placeholder }}
',\n htmlFromDesign: 'Link
',\n textFromDesign: Kq9EsYBfW,\n variants: {\n \"Gqkwo_50r-hover\": {\n \"--extracted-1w3ko1f\": \"var(--token-7d09293d-48e8-4143-b4a9-918cf6c02baa, rgb(255, 255, 255)) \",\n opacity: 1\n }\n },\n ...addPropertyOverrides({\n \"Gqkwo_50r-hover\": {\n fonts: [\"CUSTOM;Deity Sans Display 400\"],\n __htmlStructure: '{{ text-placeholder }}
'\n }\n }, baseVariant, gestureVariant)\n })\n })\n })\n })\n });\n});\nconst css = ['.framer-FBF6l [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none;}', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-FBF6l * { box-sizing: border-box; }\", \".framer-FBF6l .framer-bzc3vt { position: relative; overflow: visible; width: 200px; height: min-content; display: block; text-decoration: none; }\", \".framer-FBF6l .framer-1fmixzv { position: relative; width: 1px; height: auto; flex: 1 0 0px; white-space: pre-wrap; word-wrap: break-word; word-break: break-word; }\", \".framer-FBF6l.framer-v-bzc3vt .framer-bzc3vt { cursor: pointer; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 33\n * @framerIntrinsicWidth 200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Yp9op4Kph\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"Kq9EsYBfW\":\"text\",\"W4FLsTcOW\":\"link\"}\n */\nconst FramerhvrMA3hZy = withCSS(Component, css);\nexport default FramerhvrMA3hZy;\nFramerhvrMA3hZy.displayName = \"Footer link\";\nFramerhvrMA3hZy.defaultProps = {\n width: 200,\n height: 33\n};\naddPropertyControls(FramerhvrMA3hZy, {\n Kq9EsYBfW: {\n type: ControlType.String,\n title: \"Text\",\n defaultValue: \"Link\",\n displayTextArea: false\n },\n W4FLsTcOW: {\n type: ControlType.Link,\n title: \"Link\"\n }\n});\naddFonts(FramerhvrMA3hZy, [{\n url: new URL(\"https://framerusercontent.com/modules/assets/VciCgZ5qzejrhiv9Dz5Ewftl9AQ~yMm1mNOY8F-rdLqWjOZOzoZFx63gxMmZN2ymJh3f4pc.ttf\").href,\n family: \"Deity Sans Display 400\",\n moduleAsset: {\n url: \"assets/VciCgZ5qzejrhiv9Dz5Ewftl9AQ.ttf\",\n localModuleIdentifier: \"local-module:canvasComponent/hvrMA3hZy:default\"\n }\n}]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerhvrMA3hZy\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicHeight\": \"33\",\n \"framerVariables\": \"{\\\"Kq9EsYBfW\\\":\\\"text\\\",\\\"W4FLsTcOW\\\":\\\"link\\\"}\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Yp9op4Kph\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicWidth\": \"200\",\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./hvrMA3hZy.map", "// Generated by Framer (0e4faa7)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Link, resolveLink, RichText, SVG, Text, useActiveVariantCallback, useRouter, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Material } from \"https://framerusercontent.com/modules/6Ldpz1V0DkD45gXvi67I/7x3e9wpcXzo54wT5JrXM/Material.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/JbgzACZ7I6qcoLjmaYci/Fr2whUVD7rOiMx5hP8xg/WAtP82JLc.js\";\nimport FooterLink from \"https://framerusercontent.com/modules/yobfnMFrjcWRh86gW0OO/nzH5I9TNWxWu14rdwXph/hvrMA3hZy.js\";\nconst FooterLinkFonts = getFonts(FooterLink);\nconst MaterialFonts = getFonts(Material);\nconst cycleOrder = [\"e6cfFNe8c\", \"oIaW3GmQh\", \"Cf72yaALP\"];\nconst variantClassNames = {\n Cf72yaALP: \"framer-v-1cxpko5\",\n e6cfFNe8c: \"framer-v-1k2i7ny\",\n oIaW3GmQh: \"framer-v-k6xamd\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n const nextOverrides = {};\n variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n return nextOverrides;\n}\nconst humanReadableVariantMap = {\n Desktop: \"e6cfFNe8c\",\n Mobile: \"oIaW3GmQh\",\n Tablet: \"Cf72yaALP\"\n};\nconst transitions = {\n default: {\n damping: 60,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"e6cfFNe8c\",\n tap: P1a63q2c6,\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"e6cfFNe8c\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onClick1okpm87 = activeVariantCallback(async (...args) => {\n if (P1a63q2c6) {\n const res = await P1a63q2c6(...args);\n if (res === false) return false;\n }\n });\n const router = useRouter();\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n initial: variant,\n animate: variants,\n onHoverStart: () => setGestureState({\n isHovered: true\n }),\n onHoverEnd: () => setGestureState({\n isHovered: false\n }),\n onTapStart: () => setGestureState({\n isPressed: true\n }),\n onTap: () => setGestureState({\n isPressed: false\n }),\n onTapCancel: () => setGestureState({\n isPressed: false\n }),\n className: cx(\"framer-Fwi7O\", sharedStyle.className, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(motion.div, {\n ...restProps,\n className: cx(\"framer-1k2i7ny\", className),\n \"data-framer-name\": \"Desktop\",\n layoutDependency: layoutDependency,\n layoutId: \"e6cfFNe8c\",\n ref: ref,\n style: {\n backgroundColor: \"var(--token-ca3afa7b-c0f1-480f-876d-abe4d73dd428, rgb(21, 23, 22))\",\n ...style\n },\n transition: transition,\n variants: {\n Cf72yaALP: {\n backgroundColor: \"var(--token-ca3afa7b-c0f1-480f-876d-abe4d73dd428, rgb(20, 23, 22))\"\n },\n oIaW3GmQh: {\n backgroundColor: \"var(--token-ca3afa7b-c0f1-480f-876d-abe4d73dd428, rgb(20, 23, 22))\"\n }\n },\n ...addPropertyOverrides({\n Cf72yaALP: {\n \"data-framer-name\": \"Tablet\"\n },\n oIaW3GmQh: {\n \"data-framer-name\": \"Mobile\"\n }\n }, baseVariant, gestureVariant),\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-s3mc8\",\n \"data-framer-name\": \"Footer\",\n layoutDependency: layoutDependency,\n layoutId: \"ttzeo8k6z\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-2jv6hv\",\n \"data-framer-name\": \"Container\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;1465:43349\",\n transition: transition,\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-15ayh17\",\n \"data-framer-name\": \"Frame 1347\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;1465:43372\",\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1apd8en\",\n \"data-framer-name\": \"Frame 1266\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;1465:43373\",\n transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1hue28w\",\n \"data-framer-name\": \"Frame 1404\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:49840\",\n transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-exfcaa\",\n \"data-framer-name\": \"Frame 1595\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2612:61482\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1q80c4t\",\n \"data-framer-name\": \"Landscape\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:49955\",\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-cf5tqt\",\n \"data-framer-name\": \"Landscape\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:49955;313:9034\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(SVG, {\n className: \"framer-1c5xrzu\",\n \"data-framer-name\": \"Type\",\n fill: \"rgba(0,0,0,1)\",\n intrinsicHeight: 26,\n intrinsicWidth: 65,\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:49955;313:9034;409:82533\",\n svg: '\\n',\n transition: transition,\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(SVG, {\n className: \"framer-qtfu1d\",\n \"data-framer-name\": \"Mark\",\n fill: \"rgba(0,0,0,1)\",\n intrinsicHeight: 28,\n intrinsicWidth: 29,\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:49955;313:9034;409:82534\",\n svg: '\\n',\n transition: transition,\n withExternalLayout: true\n })]\n })\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-sfsjpq\",\n \"data-framer-name\": \"Rectangle 547\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2612:62135\",\n style: {\n backgroundColor: \"rgb(217, 217, 217)\",\n opacity: .3\n },\n transition: transition\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--framer-font-size\": \"11px\",\n \"--framer-line-height\": \"160%\",\n \"--framer-text-alignment\": \"left\"\n },\n children: /*#__PURE__*/_jsx(motion.span, {\n style: {\n \"--font-selector\": \"R0Y7SmV0QnJhaW5zIE1vbm8tNzAw\",\n \"--framer-font-family\": '\"JetBrains Mono\", monospace',\n \"--framer-font-size\": \"11px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": \"700\",\n \"--framer-letter-spacing\": \"0.44px\",\n \"--framer-text-color\": \"var(--extracted-1w3ko1f)\",\n \"--framer-text-transform\": \"uppercase\"\n },\n children: \"Composing commerce\"\n })\n })\n }),\n className: \"framer-ixj1vq\",\n \"data-framer-name\": \"Composing commerce\",\n fonts: [\"GF;JetBrains Mono-700\"],\n layoutDependency: layoutDependency,\n layoutId: \"GDvp1eEhA\",\n style: {\n \"--extracted-1w3ko1f\": \"rgb(251, 253, 252)\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-187lg70\",\n layoutDependency: layoutDependency,\n layoutId: \"BBe5jXXWS\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-kui7gc-container\",\n layoutDependency: layoutDependency,\n layoutId: \"NG5Pzl8TR-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(FooterLink, {\n height: \"100%\",\n id: \"NG5Pzl8TR\",\n layoutId: \"NG5Pzl8TR\",\n link: \"mailto:info@deity.com\",\n style: {\n width: \"100%\"\n },\n text: \"info@deity.com\",\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-e6osu3-container\",\n layoutDependency: layoutDependency,\n layoutId: \"xfLunAsNE-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(FooterLink, {\n height: \"100%\",\n id: \"xfLunAsNE\",\n layoutId: \"xfLunAsNE\",\n link: \"tel:0031407470162\",\n style: {\n width: \"100%\"\n },\n text: \"+31 (0) 40 747 0162\",\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsxs(motion.p, {\n style: {\n \"--framer-font-size\": \"14px\"\n },\n children: [/*#__PURE__*/_jsx(Link, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-n8o9lo\",\n \"data-styles-preset\": \"WAtP82JLc\",\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n rel: \"noreferrer noopener\",\n target: \"_blank\",\n children: /*#__PURE__*/_jsx(motion.span, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"14px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": \"400\",\n \"--framer-letter-spacing\": \"0.12px\",\n \"--framer-text-color\": \"var(--extracted-hl0iuy)\"\n },\n children: \"Achtseweg Zuid 153F\"\n })\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n rel: \"noreferrer noopener\",\n target: \"_blank\",\n children: /*#__PURE__*/_jsx(motion.br, {})\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-n8o9lo\",\n \"data-styles-preset\": \"WAtP82JLc\",\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n rel: \"noreferrer noopener\",\n target: \"_blank\",\n children: /*#__PURE__*/_jsx(motion.span, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"14px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": \"400\",\n \"--framer-letter-spacing\": \"0.12px\",\n \"--framer-text-color\": \"var(--extracted-12rh71u)\"\n },\n children: \"5651 GW Eindhoven\"\n })\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n rel: \"noreferrer noopener\",\n target: \"_blank\",\n children: /*#__PURE__*/_jsx(motion.br, {})\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-n8o9lo\",\n \"data-styles-preset\": \"WAtP82JLc\",\n href: \"https://goo.gl/maps/V7PgkmbXTkx\",\n rel: \"noreferrer noopener\",\n target: \"_blank\",\n children: /*#__PURE__*/_jsx(motion.span, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"14px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": \"400\",\n \"--framer-letter-spacing\": \"0.12px\",\n \"--framer-text-color\": \"var(--extracted-opzb7y)\"\n },\n children: \"The Netherlands\"\n })\n })\n })]\n })\n }),\n className: \"framer-bam4by\",\n \"data-framer-name\": \"info@deity.com +3109123021232 233 Hollywood Road, Sheung Wan, Hong Kong The Netherlands\",\n fonts: [\"CUSTOM;Deity Sans Display 400\"],\n layoutDependency: layoutDependency,\n layoutId: \"luk9CdqHp\",\n style: {\n \"--extracted-12rh71u\": \"var(--token-7ff9586d-548c-4b9e-a71f-8150d07ba0e3, rgba(255, 255, 255, 0.4)) \",\n \"--extracted-hl0iuy\": \"var(--token-7ff9586d-548c-4b9e-a71f-8150d07ba0e3, rgba(255, 255, 255, 0.4)) \",\n \"--extracted-opzb7y\": \"var(--token-7ff9586d-548c-4b9e-a71f-8150d07ba0e3, rgba(255, 255, 255, 0.4)) \",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-178ukqs\",\n \"data-framer-name\": \"socials\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2612:60691\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(Link, {\n href: \"twitter.com/deity_commerce\",\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-7i30kr framer-1kcknnr\",\n layoutDependency: layoutDependency,\n layoutId: \"tG337bYpf\",\n transition: transition,\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-h07g6i-container\",\n layoutDependency: layoutDependency,\n layoutId: \"bnwdgGTeY-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Material, {\n color: 'var(--token-6da53f93-be19-43ac-93d9-69aacbf6a948, rgb(153, 162, 158)) /* {\"name\":\"sageDark / sageDark-11\"} */',\n height: \"100%\",\n iconSearch: \"Home\",\n iconSelection: \"Twitter\",\n iconStyle15: \"Filled\",\n iconStyle2: \"Filled\",\n iconStyle7: \"Filled\",\n id: \"bnwdgGTeY\",\n layoutId: \"bnwdgGTeY\",\n mirrored: false,\n onClick: onClick1okpm87,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n width: \"100%\"\n })\n })\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://www.linkedin.com/company/deity-bv/\",\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-2rm96f framer-1kcknnr\",\n layoutDependency: layoutDependency,\n layoutId: \"vOahhcch5\",\n transition: transition,\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1qdiuql-container\",\n layoutDependency: layoutDependency,\n layoutId: \"iguOiZOz2-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Material, {\n color: 'var(--token-6da53f93-be19-43ac-93d9-69aacbf6a948, rgb(153, 162, 158)) /* {\"name\":\"sageDark / sageDark-11\"} */',\n height: \"100%\",\n iconSearch: \"Home\",\n iconSelection: \"LinkedIn\",\n iconStyle15: \"Filled\",\n iconStyle2: \"Filled\",\n iconStyle7: \"Filled\",\n id: \"iguOiZOz2\",\n layoutId: \"iguOiZOz2\",\n mirrored: false,\n onClick: onClick1okpm87,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n width: \"100%\"\n })\n })\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://www.instagram.com/deity_commerce/\",\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-1dhr2wi framer-1kcknnr\",\n layoutDependency: layoutDependency,\n layoutId: \"GDrZu3y4B\",\n transition: transition,\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-156v58d-container\",\n layoutDependency: layoutDependency,\n layoutId: \"bwBLRgk19-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Material, {\n color: 'var(--token-6da53f93-be19-43ac-93d9-69aacbf6a948, rgb(153, 162, 158)) /* {\"name\":\"sageDark / sageDark-11\"} */',\n height: \"100%\",\n iconSearch: \"Home\",\n iconSelection: \"Instagram\",\n iconStyle15: \"Filled\",\n iconStyle2: \"Filled\",\n iconStyle7: \"Filled\",\n id: \"bwBLRgk19\",\n layoutId: \"bwBLRgk19\",\n mirrored: false,\n onClick: onClick1okpm87,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n width: \"100%\"\n })\n })\n })\n }), /*#__PURE__*/_jsx(Link, {\n href: \"https://www.youtube.com/channel/UCCyszDV63yrqFHUY1uWf4mQ\",\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-1smu5gj framer-1kcknnr\",\n layoutDependency: layoutDependency,\n layoutId: \"piQpPdjY7\",\n transition: transition,\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-16s3zhd-container\",\n layoutDependency: layoutDependency,\n layoutId: \"P6KvSLCLz-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Material, {\n color: 'var(--token-6da53f93-be19-43ac-93d9-69aacbf6a948, rgb(153, 162, 158)) /* {\"name\":\"sageDark / sageDark-11\"} */',\n height: \"100%\",\n iconSearch: \"Home\",\n iconSelection: \"YouTube\",\n iconStyle15: \"Filled\",\n iconStyle2: \"Filled\",\n iconStyle7: \"Filled\",\n id: \"P6KvSLCLz\",\n layoutId: \"P6KvSLCLz\",\n mirrored: false,\n onClick: onClick1okpm87,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n width: \"100%\"\n })\n })\n })\n })]\n })]\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-17h4cjw\",\n \"data-framer-name\": \"Frame 1265\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;1465:43375\",\n transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-6r8n3p\",\n \"data-framer-name\": \"Row\",\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:50320\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n alignment: \"center\",\n className: \"framer-1tdvgu8\",\n \"data-framer-name\": \"platform\",\n fonts: [\"CUSTOM;Deity Sans Display 500\"],\n layoutDependency: layoutDependency,\n layoutId: \"I2592:64688;2509:50321\",\n rawHTML: \"platform