{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/bT1gaftLssPI5MJSfXeL/jJcbS2GydgEymTDyYcgb/sWVmf0LO8.js", "ssg:https://framerusercontent.com/modules/vt5RSgRPD69T61K5QUEe/vnqI73Rxy03W8OKITQ5z/nS2HleY2B.js", "ssg:https://framerusercontent.com/modules/EM93jGUwZousfpcAHmAo/g9cViYPGVIpa1mlptDM5/fag0lFQeO.js"], "sourcesContent": ["// Generated by Framer (1119174)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Link, RichText, useLocaleInfo, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"e7RJpvnJR\"];\nconst serializationHash = \"framer-db9fv\";\nconst variantClassNames = {\n e7RJpvnJR: \"framer-v-3xvn7d\"\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 transitions = {\n default: {\n damping: 60,\n delay: 0,\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst Transition = ({\n value,\n children\n}) => {\n const config = React.useContext(MotionConfigContext);\n const transition = value !== null && value !== void 0 ? value : config.transition;\n const contextValue = React.useMemo(() => ({\n ...config,\n transition\n }), [JSON.stringify(transition)]);\n return /*#__PURE__*/_jsx(MotionConfigContext.Provider, {\n value: contextValue,\n children: children\n });\n};\nconst getProps = ({\n height,\n id,\n link,\n title,\n width,\n ...props\n}) => {\n var _ref;\n return {\n ...props,\n bGVte3jrB: (_ref = title !== null && title !== void 0 ? title : props.bGVte3jrB) !== null && _ref !== void 0 ? _ref : \"Link\",\n MEX3Ndv4l: link !== null && link !== void 0 ? link : props.MEX3Ndv4l\n };\n};\nconst createLayoutDependency = (props, variants) => variants.join(\"-\") + props.layoutDependency;\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale,\n setLocale\n } = useLocaleInfo();\n const {\n style,\n className,\n layoutId,\n variant,\n bGVte3jrB,\n MEX3Ndv4l,\n ...restProps\n } = getProps(props);\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"e7RJpvnJR\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = createLayoutDependency(props, variants);\n const ref1 = React.useRef(null);\n const defaultLayoutId = React.useId();\n const sharedStyleClassNames = [];\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-db9fv\", ...sharedStyleClassNames, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(Transition, {\n value: transition,\n children: /*#__PURE__*/_jsx(Link, {\n href: MEX3Ndv4l,\n children: /*#__PURE__*/_jsx(motion.a, {\n ...restProps,\n className: `${cx(\"framer-3xvn7d\", className)} framer-tglecj`,\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"e7RJpvnJR\",\n ref: ref !== null && ref !== void 0 ? ref : ref1,\n style: {\n ...style\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7U291cmNlIFNhbnMgUHJvLXJlZ3VsYXI=\",\n \"--framer-font-family\": '\"Source Sans Pro\", \"Source Sans Pro Placeholder\", sans-serif'\n },\n children: \"Home\"\n })\n }),\n className: \"framer-3ekni3\",\n \"data-framer-name\": \"Home\",\n fonts: [\"GF;Source Sans Pro-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"j3PLQYj_B\",\n style: {\n \"--framer-paragraph-spacing\": \"0px\",\n opacity: .9\n },\n text: bGVte3jrB,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n })\n })\n })\n })\n });\n});\nconst css = ['.framer-db9fv [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-db9fv .framer-tglecj { display: block; }\", \".framer-db9fv .framer-3xvn7d { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 12px 16px 12px 16px; position: relative; text-decoration: none; width: min-content; }\", \".framer-db9fv .framer-3ekni3 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-db9fv .framer-3xvn7d { gap: 0px; } .framer-db9fv .framer-3xvn7d > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-db9fv .framer-3xvn7d > :first-child { margin-top: 0px; } .framer-db9fv .framer-3xvn7d > :last-child { margin-bottom: 0px; } }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 43\n * @framerIntrinsicWidth 61\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"bGVte3jrB\":\"title\",\"MEX3Ndv4l\":\"link\"}\n * @framerImmutableVariables true\n */\nconst FramersWVmf0LO8 = withCSS(Component, css, \"framer-db9fv\");\nexport default FramersWVmf0LO8;\nFramersWVmf0LO8.displayName = \"Button - Link\";\nFramersWVmf0LO8.defaultProps = {\n height: 43,\n width: 61\n};\naddPropertyControls(FramersWVmf0LO8, {\n bGVte3jrB: {\n defaultValue: \"Link\",\n displayTextArea: false,\n title: \"Title\",\n type: ControlType.String\n },\n MEX3Ndv4l: {\n title: \"Link\",\n type: ControlType.Link\n }\n});\naddFonts(FramersWVmf0LO8, []);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramersWVmf0LO8\",\n \"slots\": [],\n \"annotations\": {\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicWidth\": \"61\",\n \"framerVariables\": \"{\\\"bGVte3jrB\\\":\\\"title\\\",\\\"MEX3Ndv4l\\\":\\\"link\\\"}\",\n \"framerContractVersion\": \"1\",\n \"framerImmutableVariables\": \"true\",\n \"framerIntrinsicHeight\": \"43\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./sWVmf0LO8.map", "// Generated by Framer (1119174)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Image, Link, resolveLink, RichText, useActiveVariantCallback, useLocaleInfo, useRouter, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nimport ButtonLink1 from \"https://framerusercontent.com/modules/hbHO4coYT71x7cYfwkQK/rJcoNrFjcAPAS8DWyhrw/Eq4_uHeLm.js\";\nimport { Icon as Phosphor } from \"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/xAqQJJMKulaAU8gK10ZA/Phosphor.js\";\nimport ButtonLink from \"https://framerusercontent.com/modules/bT1gaftLssPI5MJSfXeL/jJcbS2GydgEymTDyYcgb/sWVmf0LO8.js\";\nconst ButtonLinkFonts = getFonts(ButtonLink);\nconst ButtonLink1Fonts = getFonts(ButtonLink1);\nconst PhosphorFonts = getFonts(Phosphor);\nconst cycleOrder = [\"RF4g9q2_M\", \"PZ1nNyF1d\", \"K2IRQ629i\"];\nconst serializationHash = \"framer-vXK6j\";\nconst variantClassNames = {\n K2IRQ629i: \"framer-v-k7sda5\",\n PZ1nNyF1d: \"framer-v-1jocbou\",\n RF4g9q2_M: \"framer-v-o1lpb5\"\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 transitions = {\n default: {\n damping: 60,\n delay: 0,\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst Transition = ({\n value,\n children\n}) => {\n const config = React.useContext(MotionConfigContext);\n const transition = value !== null && value !== void 0 ? value : config.transition;\n const contextValue = React.useMemo(() => ({\n ...config,\n transition\n }), [JSON.stringify(transition)]);\n return /*#__PURE__*/_jsx(MotionConfigContext.Provider, {\n value: contextValue,\n children: children\n });\n};\nconst humanReadableVariantMap = {\n \"Navbar - Mobile Open\": \"K2IRQ629i\",\n \"Navbar - Mobile\": \"PZ1nNyF1d\",\n \"Variant 1\": \"RF4g9q2_M\"\n};\nconst getProps = ({\n height,\n id,\n width,\n ...props\n}) => {\n var _humanReadableVariantMap_props_variant, _ref;\n return {\n ...props,\n variant: (_ref = (_humanReadableVariantMap_props_variant = humanReadableVariantMap[props.variant]) !== null && _humanReadableVariantMap_props_variant !== void 0 ? _humanReadableVariantMap_props_variant : props.variant) !== null && _ref !== void 0 ? _ref : \"RF4g9q2_M\"\n };\n};\nconst createLayoutDependency = (props, variants) => variants.join(\"-\") + props.layoutDependency;\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale,\n setLocale\n } = useLocaleInfo();\n const {\n style,\n className,\n layoutId,\n variant,\n ...restProps\n } = getProps(props);\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"RF4g9q2_M\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = createLayoutDependency(props, variants);\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onClick1m08n2j = activeVariantCallback(async (...args) => {\n setVariant(\"K2IRQ629i\");\n });\n const onClickjapy0x = activeVariantCallback(async (...args) => {\n setVariant(\"PZ1nNyF1d\");\n });\n const ref1 = React.useRef(null);\n const isDisplayed = () => {\n if (baseVariant === \"PZ1nNyF1d\") return false;\n return true;\n };\n const router = useRouter();\n const isDisplayed1 = () => {\n if ([\"PZ1nNyF1d\", \"K2IRQ629i\"].includes(baseVariant)) return true;\n return false;\n };\n const defaultLayoutId = React.useId();\n const sharedStyleClassNames = [];\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-vXK6j\", ...sharedStyleClassNames, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(Transition, {\n value: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-o1lpb5\", className),\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"RF4g9q2_M\",\n ref: ref !== null && ref !== void 0 ? ref : ref1,\n style: {\n backgroundColor: \"rgb(255, 255, 255)\",\n ...style\n },\n ...addPropertyOverrides({\n K2IRQ629i: {\n \"data-framer-name\": \"Navbar - Mobile Open\"\n },\n PZ1nNyF1d: {\n \"data-framer-name\": \"Navbar - Mobile\"\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsx(Link, {\n href: {\n webPageId: \"PltGac6HQ\"\n },\n children: /*#__PURE__*/_jsx(Image, {\n as: \"a\",\n background: {\n alt: \"\",\n fit: \"fill\",\n intrinsicHeight: 525,\n intrinsicWidth: 1e3,\n pixelHeight: 525,\n pixelWidth: 1e3,\n sizes: \"192px\",\n src: \"https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png\",\n srcSet: \"https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png?scale-down-to=512 512w, https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png 1000w\"\n },\n className: \"framer-1pja14e framer-1x273la\",\n \"data-framer-name\": \"Aging_Graysfully_TEXT_PNG\",\n layoutDependency: layoutDependency,\n layoutId: \"Bfi3kZHFS\",\n ...addPropertyOverrides({\n K2IRQ629i: {\n background: {\n alt: \"\",\n fit: \"fill\",\n intrinsicHeight: 525,\n intrinsicWidth: 1e3,\n pixelHeight: 525,\n pixelWidth: 1e3,\n sizes: \"114.2857px\",\n src: \"https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png\",\n srcSet: \"https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png?scale-down-to=512 512w, https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png 1000w\"\n }\n },\n PZ1nNyF1d: {\n background: {\n alt: \"\",\n fit: \"fill\",\n intrinsicHeight: 525,\n intrinsicWidth: 1e3,\n pixelHeight: 525,\n pixelWidth: 1e3,\n sizes: \"114.2857px\",\n src: \"https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png\",\n srcSet: \"https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png?scale-down-to=512 512w, https://framerusercontent.com/images/h4bKQjGWKwYlKsNjd4KM4txCFY.png 1000w\"\n }\n }\n }, baseVariant, gestureVariant)\n })\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7RE0gU2VyaWYgRGlzcGxheS1yZWd1bGFy\",\n \"--framer-font-family\": '\"DM Serif Display\", \"DM Serif Display Placeholder\", serif',\n \"--framer-font-size\": \"14px\",\n \"--framer-text-alignment\": \"center\"\n },\n children: \"love your age at any stage\"\n })\n }),\n className: \"framer-1rtswt5\",\n \"data-framer-name\": \"Tagline\",\n fonts: [\"GF;DM Serif Display-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"IMgzijNqn\",\n style: {\n \"--framer-paragraph-spacing\": \"0px\"\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-ic4yqz\",\n \"data-framer-name\": \"Navbar Wrapper\",\n layoutDependency: layoutDependency,\n layoutId: \"TiY5lV7XH\",\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-f28b5g\",\n \"data-border\": true,\n \"data-framer-name\": \"Navbar\",\n layoutDependency: layoutDependency,\n layoutId: \"uPL3TXeJC\",\n style: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": \"rgba(0, 0, 0, 0.15)\",\n \"--border-left-width\": \"0px\",\n \"--border-right-width\": \"0px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\"\n },\n children: [isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-fumhl-container\",\n layoutDependency: layoutDependency,\n layoutId: \"BDxjjPPnL-container\",\n children: /*#__PURE__*/_jsx(ButtonLink, {\n bGVte3jrB: \"Home\",\n height: \"100%\",\n id: \"BDxjjPPnL\",\n layoutId: \"BDxjjPPnL\",\n MEX3Ndv4l: resolveLink({\n webPageId: \"PltGac6HQ\"\n }, router),\n width: \"100%\",\n ...addPropertyOverrides({\n K2IRQ629i: {\n style: {\n width: \"100%\"\n }\n }\n }, baseVariant, gestureVariant)\n })\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1egt01r-container\",\n layoutDependency: layoutDependency,\n layoutId: \"Ex336DDAD-container\",\n children: /*#__PURE__*/_jsx(ButtonLink1, {\n height: \"100%\",\n id: \"Ex336DDAD\",\n layoutId: \"Ex336DDAD\",\n link: resolveLink({\n webPageId: \"GJw5yzsJv\"\n }, router),\n title: \"Merch\",\n width: \"100%\",\n ...addPropertyOverrides({\n K2IRQ629i: {\n style: {\n width: \"100%\"\n }\n }\n }, baseVariant, gestureVariant)\n })\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1xv9mt1-container\",\n layoutDependency: layoutDependency,\n layoutId: \"EHf5Y0BSx-container\",\n children: /*#__PURE__*/_jsx(ButtonLink1, {\n height: \"100%\",\n id: \"EHf5Y0BSx\",\n layoutId: \"EHf5Y0BSx\",\n link: resolveLink({\n webPageId: \"c0WRaH6Wf\"\n }, router),\n title: \"Blog\",\n width: \"100%\",\n ...addPropertyOverrides({\n K2IRQ629i: {\n style: {\n width: \"100%\"\n }\n }\n }, baseVariant, gestureVariant)\n })\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-crrhon-container\",\n layoutDependency: layoutDependency,\n layoutId: \"VL6FZidi6-container\",\n children: /*#__PURE__*/_jsx(ButtonLink1, {\n height: \"100%\",\n id: \"VL6FZidi6\",\n layoutId: \"VL6FZidi6\",\n link: resolveLink({\n webPageId: \"xqMiQ32Yv\"\n }, router),\n title: \"Contact\",\n width: \"100%\",\n ...addPropertyOverrides({\n K2IRQ629i: {\n style: {\n width: \"100%\"\n }\n }\n }, baseVariant, gestureVariant)\n })\n }), isDisplayed1() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-2vgfgv-container\",\n layoutDependency: layoutDependency,\n layoutId: \"ePIcE_pRA-container\",\n children: /*#__PURE__*/_jsx(Phosphor, {\n color: \"rgb(0, 0, 0)\",\n height: \"100%\",\n iconSearch: \"House\",\n iconSelection: \"List\",\n id: \"ePIcE_pRA\",\n layoutId: \"ePIcE_pRA\",\n mirrored: false,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n weight: \"regular\",\n width: \"100%\",\n ...addPropertyOverrides({\n K2IRQ629i: {\n onClick: onClickjapy0x\n },\n PZ1nNyF1d: {\n color: \"rgb(125, 125, 125)\",\n onClick: onClick1m08n2j\n }\n }, baseVariant, gestureVariant)\n })\n })]\n })\n })]\n })\n })\n })\n });\n});\nconst css = ['.framer-vXK6j [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-vXK6j .framer-1x273la { display: block; }\", \".framer-vXK6j .framer-o1lpb5 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 40px 40px 40px 40px; position: relative; width: 1200px; }\", \".framer-vXK6j .framer-1pja14e { aspect-ratio: 1.9047619047619047 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 101px); overflow: visible; position: relative; text-decoration: none; width: 192px; }\", \".framer-vXK6j .framer-1rtswt5 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \".framer-vXK6j .framer-ic4yqz { align-content: start; align-items: start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: visible; padding: 40px 0px 0px 0px; position: relative; width: 1199px; }\", \".framer-vXK6j .framer-f28b5g { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; max-width: 1200px; overflow: hidden; padding: 20px 0px 20px 0px; position: relative; width: 100%; }\", \".framer-vXK6j .framer-fumhl-container, .framer-vXK6j .framer-1egt01r-container, .framer-vXK6j .framer-1xv9mt1-container, .framer-vXK6j .framer-crrhon-container { flex: none; height: auto; position: relative; width: auto; }\", \".framer-vXK6j .framer-2vgfgv-container { flex: none; height: 32px; position: relative; width: 24px; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-vXK6j .framer-o1lpb5, .framer-vXK6j .framer-ic4yqz, .framer-vXK6j .framer-f28b5g { gap: 0px; } .framer-vXK6j .framer-o1lpb5 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-vXK6j .framer-o1lpb5 > :first-child, .framer-vXK6j .framer-ic4yqz > :first-child { margin-top: 0px; } .framer-vXK6j .framer-o1lpb5 > :last-child, .framer-vXK6j .framer-ic4yqz > :last-child { margin-bottom: 0px; } .framer-vXK6j .framer-ic4yqz > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-vXK6j .framer-f28b5g > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-vXK6j .framer-f28b5g > :first-child { margin-left: 0px; } .framer-vXK6j .framer-f28b5g > :last-child { margin-right: 0px; } }\", \".framer-vXK6j.framer-v-1jocbou .framer-o1lpb5, .framer-vXK6j.framer-v-k7sda5 .framer-o1lpb5 { gap: 5px; width: 390px; }\", \".framer-vXK6j.framer-v-1jocbou .framer-1pja14e, .framer-vXK6j.framer-v-k7sda5 .framer-1pja14e { height: var(--framer-aspect-ratio-supported, 60px); order: 0; width: 114px; }\", \".framer-vXK6j.framer-v-1jocbou .framer-1rtswt5, .framer-vXK6j.framer-v-k7sda5 .framer-1rtswt5 { order: 1; }\", \".framer-vXK6j.framer-v-1jocbou .framer-ic4yqz, .framer-vXK6j.framer-v-k7sda5 .framer-ic4yqz { order: 2; padding: 20px 20px 0px 20px; width: 100%; }\", \".framer-vXK6j.framer-v-1jocbou .framer-f28b5g, .framer-vXK6j.framer-v-k7sda5 .framer-f28b5g { flex-direction: column; }\", \".framer-vXK6j.framer-v-1jocbou .framer-2vgfgv-container, .framer-vXK6j.framer-v-k7sda5 .framer-2vgfgv-container { order: 0; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-vXK6j.framer-v-1jocbou .framer-o1lpb5, .framer-vXK6j.framer-v-1jocbou .framer-f28b5g { gap: 0px; } .framer-vXK6j.framer-v-1jocbou .framer-o1lpb5 > * { margin: 0px; margin-bottom: calc(5px / 2); margin-top: calc(5px / 2); } .framer-vXK6j.framer-v-1jocbou .framer-o1lpb5 > :first-child, .framer-vXK6j.framer-v-1jocbou .framer-f28b5g > :first-child { margin-top: 0px; } .framer-vXK6j.framer-v-1jocbou .framer-o1lpb5 > :last-child, .framer-vXK6j.framer-v-1jocbou .framer-f28b5g > :last-child { margin-bottom: 0px; } .framer-vXK6j.framer-v-1jocbou .framer-f28b5g > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\", \".framer-vXK6j.framer-v-k7sda5 .framer-fumhl-container { order: 1; width: 100%; }\", \".framer-vXK6j.framer-v-k7sda5 .framer-1egt01r-container { order: 2; width: 100%; }\", \".framer-vXK6j.framer-v-k7sda5 .framer-1xv9mt1-container { order: 3; width: 100%; }\", \".framer-vXK6j.framer-v-k7sda5 .framer-crrhon-container { order: 4; width: 100%; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-vXK6j.framer-v-k7sda5 .framer-o1lpb5, .framer-vXK6j.framer-v-k7sda5 .framer-f28b5g { gap: 0px; } .framer-vXK6j.framer-v-k7sda5 .framer-o1lpb5 > * { margin: 0px; margin-bottom: calc(5px / 2); margin-top: calc(5px / 2); } .framer-vXK6j.framer-v-k7sda5 .framer-o1lpb5 > :first-child, .framer-vXK6j.framer-v-k7sda5 .framer-f28b5g > :first-child { margin-top: 0px; } .framer-vXK6j.framer-v-k7sda5 .framer-o1lpb5 > :last-child, .framer-vXK6j.framer-v-k7sda5 .framer-f28b5g > :last-child { margin-bottom: 0px; } .framer-vXK6j.framer-v-k7sda5 .framer-f28b5g > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 321\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"PZ1nNyF1d\":{\"layout\":[\"fixed\",\"auto\"]},\"K2IRQ629i\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n */\nconst FramernS2HleY2B = withCSS(Component, css, \"framer-vXK6j\");\nexport default FramernS2HleY2B;\nFramernS2HleY2B.displayName = \"Navbar Copy\";\nFramernS2HleY2B.defaultProps = {\n height: 321,\n width: 1200\n};\naddPropertyControls(FramernS2HleY2B, {\n variant: {\n options: [\"RF4g9q2_M\", \"PZ1nNyF1d\", \"K2IRQ629i\"],\n optionTitles: [\"Variant 1\", \"Navbar - Mobile\", \"Navbar - Mobile Open\"],\n title: \"Variant\",\n type: ControlType.Enum\n }\n});\naddFonts(FramernS2HleY2B, [{\n family: \"DM Serif Display\",\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFnOHM81r4j6k0gjAW3mujVU2B2K_J709jy92k.woff2\",\n weight: \"400\"\n}, ...ButtonLinkFonts, ...ButtonLink1Fonts, ...PhosphorFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramernS2HleY2B\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"1200\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PZ1nNyF1d\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"K2IRQ629i\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerContractVersion\": \"1\",\n \"framerImmutableVariables\": \"true\",\n \"framerIntrinsicHeight\": \"321\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};", "import { jsx as e, jsxs as t } from \"react/jsx-runtime\";\nimport { addPropertyControls as n, ControlType as a } from \"framer\";\nimport * as i from \"react\";\nlet o = \"z73Iw8W3B\",\n r = \"LXPPb0mj_\",\n s = \"MJoGirltk\",\n l = \"aRsDZYt0I\",\n d = \"xt1rryj9L\",\n c = (e, t) => {\n if (e && \"object\" == typeof e) return {\n ...e,\n alt: t\n };\n },\n h = [{\n id: \"EFE1v5_sj\",\n [o]: \"Aging Graysfully... The Origin Story\",\n [r]: \"the-origin-story\",\n [s]: \"2024-01-07T00:00:00.000Z\",\n [l]: c({\n src: \"https://framerusercontent.com/images/Vf56rLKN5CU4xmaB06djncgLs.jpg?scale-down-to=4096\",\n srcSet: \"https://framerusercontent.com/images/Vf56rLKN5CU4xmaB06djncgLs.jpg?scale-down-to=512 512w, https://framerusercontent.com/images/Vf56rLKN5CU4xmaB06djncgLs.jpg?scale-down-to=1024 1024w, https://framerusercontent.com/images/Vf56rLKN5CU4xmaB06djncgLs.jpg?scale-down-to=2048 2048w, https://framerusercontent.com/images/Vf56rLKN5CU4xmaB06djncgLs.jpg?scale-down-to=4096 4096w, https://framerusercontent.com/images/Vf56rLKN5CU4xmaB06djncgLs.jpg 5472w\"\n }, \"\"),\n [d]: /*#__PURE__*/t(i.Fragment, {\n children: [/*#__PURE__*/e(\"p\", {\n children: \"In May 2018, in a fit of menopausal insanity, I took a pair of dog clippers to my head during a particularly brutal hot flash.\\xa0 I wish I could say that I pulled that look off, but in reality I was at a wig shop within 24 hours.\\xa0 There are two things to know about wigs: 1) good ones are very expensive and 2) they are insanely hot to wear, even with a shaved head.\\xa0 I think I made it about three months with the wig before my vanity gave way to my heat rage.\\xa0 I did donate the (very nice) wig to a cancer charity though.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Since I was essentially starting from scratch with my hair, I was able to clearly see that I had some gray coming in.\\xa0 All of a sudden, it seemed like a good time to check out the highlights that Mother Nature (and Father Time) were trying to bestow upon me.\\xa0 It\u2019s 2024 now, and I haven\u2019t dyed my hair since the day I shaved it.\\xa0 But because the universe seems to have a perverse sense of humor, once I started looking forward to my salt and pepper hair, it started taking its sweet time to show up.\\xa0 I peer into the mirror a few times a month, trying to gauge whether I\u2019m any closer to being a silver vixen (men shouldn\u2019t be the only ones who get cute nicknames when they age), but I\u2019m sad to say that I still have far more pepper in my hair than salt.\\xa0 The irony!\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"But deciding to skip the dye actually made me start thinking more about aging in general.\\xa0 As a woman in the second half of my life, it made me really contemplate the ideas I held about aging and beauty.\\xa0 And it became clear to me that my views on aging and society\u2019s views on aging (particularly for women) were wildly divergent.\\xa0 It wasn\u2019t simply about the act of going gray either; it was about not seeing aging as something to be fought against or dreaded (after all, the alternative is certainly worse).\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Aging Graysfully is about embracing yourself on your journey through life.\\xa0 It\u2019s about giving yourself permission to be who you are, unapologetically.\\xa0 My path to Aging Graysfully won\u2019t be the same as yours.\\xa0 Nor is it set in stone\u2026 I fully reserve the right to start dying my hair again at the exact moment that I feel like it.\\xa0 Because there isn\u2019t one right way to Age Graysfully, just the way that\u2019s right for you.\\xa0 It\u2019s so important to challenge the negative stereotypes that surround aging and to see it instead as the natural and beautiful process that it is. Together I hope we\u2019re all able to love our age at any stage.\"\n }), /*#__PURE__*/t(\"p\", {\n children: [/*#__PURE__*/e(\"br\", {}), /*#__PURE__*/e(\"br\", {}), /*#__PURE__*/e(\"br\", {\n className: \"trailing-break\"\n })]\n })]\n })\n }, {\n id: \"gFVvTKQxE\",\n [o]: \"Why Web Design is Crucial \",\n [r]: \"why-good-web-design-is-crucial-for-business-success\",\n [s]: \"2022-12-15T00:00:00.000Z\",\n [l]: c(void 0, \"\"),\n [d]: /*#__PURE__*/t(i.Fragment, {\n children: [/*#__PURE__*/e(\"p\", {\n children: \"In today's digital age, having a strong online presence is crucial for businesses and organizations of all sizes. A well-designed website can help establish credibility, increase brand awareness, and attract and retain customers. On the other hand, a poorly designed website can drive potential customers away and negatively impact the success of your business. In this article, we will discuss why web design is crucial for the success of your online presence.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Establishes credibility\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"A well-designed website helps establish credibility for your business. A professional and user-friendly website shows that you take your business seriously and are committed to providing a positive experience for your customers. On the other hand, a poorly designed website can give the impression that you are not invested in your business and may not be trustworthy.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Increases brand awareness\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Your website is often the first point of contact for potential customers, and it is important that it accurately reflects your brand. A well-designed website can help increase brand awareness by consistently incorporating your brand's colors, fonts, and style throughout the site. This helps create a cohesive and memorable brand experience for your visitors.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Attracts and retains customers\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"A well-designed website can help attract and retain customers by providing an easy and enjoyable user experience. A website that is easy to navigate, loads quickly, and provides valuable information can help keep visitors on your site and encourage them to return in the future. On the other hand, a poorly designed website can drive potential customers away due to a frustrating user experience.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"In conclusion, web design is crucial for the success of your online presence. A well-designed website can establish credibility, increase brand awareness, and attract and retain customers. It is important to invest in professional web design to ensure that your website accurately represents your business and provides a positive experience for your customers.\"\n })]\n })\n }, {\n id: \"MR5nt6GU1\",\n [o]: \"Guide to Creating a Website\",\n [r]: \"guide-to-creating-a-website\",\n [s]: \"2022-01-12T00:00:00.000Z\",\n [l]: c(void 0, \"\"),\n [d]: /*#__PURE__*/t(i.Fragment, {\n children: [/*#__PURE__*/e(\"p\", {\n children: \"Creating a website can seem intimidating, but with the right tools and resources, it can be a straightforward and rewarding process. Whether you are creating a website for your personal brand or for your business, there are a few key steps to follow to ensure that your website is professional, functional, and effective.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Determine your purpose and target audience\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Before you start creating your website, it is important to consider the purpose of your website and who your target audience is. This will help guide the design and content of your website, and ensure that it is tailored to your specific needs and goals.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Choose a domain name\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Your domain name is your website's address, and it is important to choose a domain name that is memorable, easy to spell, and relevant to your brand or business.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Design and structure your website\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"The design and structure of your website should be visually appealing and easy to navigate. This includes choosing a layout, color scheme, and fonts that reflect your brand and aesthetic. It is also important to consider the hierarchy and organization of your content, as this will help guide visitors through your website and highlight the most important information.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Populate your website with content\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Your website's content should be engaging, informative, and relevant to your target audience. This can include text, images, videos, and other multimedia elements. It is important to regularly update your website with fresh and relevant content to keep visitors engaged and coming back for more.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Test and optimize your website\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Before launching your website, it is important to thoroughly test it to ensure that it is functioning properly. This includes testing the layout, links, and other elements to ensure that they are working as intended. You should also optimize your website for search engines to improve its visibility and ranking in search results.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Creating a website can seem daunting, but by following these steps and using the right resources, you can create a professional and effective website that helps you achieve your goals and connect with your target audience\"\n })]\n })\n }, {\n id: \"OcOGKW9eU\",\n [o]: \"Starting Career in Design\",\n [r]: \"starting-a-career-in-design\",\n [s]: \"2022-04-08T00:00:00.000Z\",\n [l]: c(void 0, \"\"),\n [d]: /*#__PURE__*/t(i.Fragment, {\n children: [/*#__PURE__*/e(\"p\", {\n children: \"As the internet continues to develop and grow exponentially, jobs related to the industry do too, particularly those that relate to web design and development. The prediction is that by 2029, the job outlook for these two fields will grow by 8%\u2014significantly faster than average. Whether you\u2019re seeking salaried employment or aiming to work in a freelance capacity, a career in web design can offer a variety of employment arrangements, competitive salaries, and opportunities to utilize both technical and creative skill sets.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"What does a career in web design involve?\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"A career in website design can involve the design, creation, and coding of a range of website types. Other tasks will typically include liaising with clients and discussing website specifications, incorporating feedback, working on graphic design and image editing, and enabling multimedia features such as audio and video. Requiring a range of creative and technical skills, web designers may be involved in work across a range of industries, including software companies, IT consultancies, web design companies, corporate organizations, and more. In contrast with web developers, web designers tend to play a more creative role, crafting the overall vision and design of a site, and determining how to best incorporate the necessary functionality. However, there can be significant overlap between the roles.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Full-stack, back-end, and front-end web development\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"The U.S. Bureau of Labor Statistics (BLS) Occupational Outlook Handbook tends to group web developers and digital designers into one category. However, they define them separately, stating that web developers create and maintain websites and are responsible for the technical aspects including performance and capacity. Web or digital designers, on the other hand, are responsible for the look and functionality of websites and interfaces. They develop, create, and test the layout, functions, and navigation for usability. Web developers can focus on the back-end, front-end, or full-stack development, and typically utilize a range of programming languages, libraries, and frameworks to do so. Web designers may work more closely with front-end engineers to establish the user-end functionality and appearance of a site.\"\n }), /*#__PURE__*/e(\"h3\", {\n children: \"Are web designers in demand in 2022?\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"In our ever-increasingly digital environment, there is a constant need for websites\u2014and therefore for web designers and developers. With 17.4 billion websites in existence as of January 2020, the demand for web developers is only expected to rise.Web designers with significant coding experience are typically in higher demand, and can usually expect a higher salary. Like all jobs, there are likely to be a range of opportunities, some of which are better paid than others. But certain skill sets are basic to web design, most of which are key to how to become a web designer in 2022.\"\n })]\n })\n }, {\n id: \"tjb15xjJw\",\n [o]: \"Create a Landing Page\",\n [r]: \"create-a-landing-page-that-performs-great\",\n [s]: \"2022-03-15T00:00:00.000Z\",\n [l]: c(void 0, \"\"),\n [d]: /*#__PURE__*/t(i.Fragment, {\n children: [/*#__PURE__*/e(\"h2\", {\n children: \"What is a landing page?\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Whether you work in marketing, sales, or product design, you understand the importance of a quality landing page. Landing pages are standalone websites used to generate leads or sales\u2014in other words they help you increase your revenue. Unlike typical web pages, landing pages only have one call to action, or CTA, and they are usually tied to a specific marketing or advertising campaign. The hyper-focused nature of landing pages means they come with a pretty standard set of best practices.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Landing pages vs. front pages\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"A typical front page or website in general includes a full navigation bar with tons of links throughout the page linking to other pages or pieces of content. A good landing page should only have one link, or multiple links that all point to the same thing. Having one CTA on your landing page increases conversions because there\u2019s less distraction\u2014fewer equally appealing options to prompt your users into leaving your landing page.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Your brand\u2019s front page has totally different goals. It should show off your brand\u2019s personality, let people explore different features, find blogs and support articles, or even apply for a job. But they won\u2019t necessarily purchase your product from the front page. And that\u2019s why we need landing pages.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Since landing pages are tied to specific campaigns, you don\u2019t need to worry about users lacking information about your product. They arrived at your landing page because they were interested in an ad or post on Google, Bing, YouTube, Facebook, Instagram, Twitter, or similar places on the web. With super detailed campaigns pointing to easy-to-use landing pages, you\u2019re getting high-quality leads that are actually interested in using your product.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Best practices for creating a landing page\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"What makes an easy-to-use landing page? Overall it\u2019s clear, concise, and doesn\u2019t give users any options except for the main CTA.In terms of copy, your landing page should have one clear message. The header of your page should promote the desired action you want visitors to take. And additionally it should explain the benefits of performing this action.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"The visual design of your page should be very simple. Unlike your front page, this is not the place to go crazy with brand personality\u2014so no wild animations or complex design elements. You wouldn\u2019t want to distract visitors from performing the main action of your page.\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Landing page CTA\u2019s are typically buttons, sometimes accompanied by an input field if you need to collect user information. To ensure your buttons are clicked, make sure they stand out visually. This can be done with contrasting the button color with your page background and clear copy on the button itself. For example, if you are asking visitors to book a demo, write\u201CBook a demo\u201D clearly on the CTA button.\"\n })]\n })\n }, {\n id: \"KEf3EHTlM\",\n [o]: \"Building a Navigation Bar\",\n [r]: \"building-a-navigation-component\",\n [s]: \"2022-02-06T00:00:00.000Z\",\n [l]: c(void 0, \"\"),\n [d]: /*#__PURE__*/t(i.Fragment, {\n children: [/*#__PURE__*/e(\"p\", {\n children: \"Navigation is key within any digital interface. Smart Components enable us to create custom interactive navigation components that work perfectly with the rest of your prototype.In this guide, we will cover the concepts of nesting components, adding events to elements in a component using Event Variables, and passing these through your components. One of the main benefits of using nested components is that it provides full control over its states, such as unique hover states of elements within another component.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Starting at the atomic level\"\n }), /*#__PURE__*/e(\"p\", {\n children: \"Framer allows you to create fully interactive and animated components, and even allows you to nest components within other components. We\u2019re building a navigation bar component for a website that will contain two different kinds of nested components, with their own unique interactions. Our project will contain a Navigation bar that contains various nested components, namely five Nav items and one Shopping cart component. The design of our nested components, the nav list item and the shopping cart, will impact how we design our navigation bar. For this reason, an optimal workflow includes starting with the 'deepest' nested component and building up from there.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Nesting components\"\n }), /*#__PURE__*/e(\"p\", {\n children: \" Once we have our two components ready, we can start creating the component in which we will nest these. Draw your navigation bar, select it on the canvas and click the Component tool in the Toolbar. To nest a different component in our new component, just drag any other component to the Component Canvas and place it within your designed navigation bar.\"\n }), /*#__PURE__*/e(\"h2\", {\n children: \"Triggering interactions from the navigation bar\"\n }), /*#__PURE__*/e(\"p\", {\n children: \" Back on the main canvas, we\u2019d like to be able to tap 'Clothing' and navigate to an entire new Screen. If you\u2019d connect the component using the Prototyping Connector to a new screen, we could set up an Interaction. However, this would be triggered if we tap anywhere within our component. This isn\u2019t what we want to do, as we want to trigger this transition only from a specific element. This is where Event Variables come in, which are special types of Variables not attached to properties (like opacity or fill) but instead to events.\"\n })]\n })\n }];\nfor (let e of h) Object.freeze(e);\nn(h, {\n z73Iw8W3B: {\n defaultValue: \"\",\n title: \"Title\",\n type: a.String\n },\n LXPPb0mj_: {\n title: \"Slug\",\n type: a.String\n },\n MJoGirltk: {\n defaultValue: \"\",\n title: \"Date\",\n type: a.Date\n },\n aRsDZYt0I: {\n __defaultAssetReference: \"data:framer/asset-reference,F25gBHugAD1bW0h70acezy6z8.png?originalFilename=Simple+Fill%402x.png&preferredSize=auto\",\n title: \"Image\",\n type: a.ResponsiveImage\n },\n xt1rryj9L: {\n defaultValue: \"\",\n title: \"Content\",\n type: a.RichText\n }\n}), h.displayName = \"Blog\";\nexport default h;\nexport const enumToDisplayNameFunctions = {};\nexport async function getSlugByRecordId(e, t) {\n var n;\n return null === (n = h.find(t => t.id === e)) || void 0 === n ? void 0 : n.LXPPb0mj_;\n}\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"data\",\n \"name\": \"data\",\n \"annotations\": {\n \"framerData\": \"\",\n \"framerRecordIdKey\": \"id\",\n \"framerEnumToDisplayNameUtils\": \"2\",\n \"framerSlug\": \"LXPPb0mj_\",\n \"framerContractVersion\": \"1\"\n }\n },\n \"getSlugByRecordId\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"enumToDisplayNameFunctions\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["cycleOrder", "variantClassNames", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "height", "id", "link", "title", "width", "props", "_ref", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "bGVte3jrB", "MEX3Ndv4l", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "LayoutGroup", "motion", "cx", "Link", "RichText", "x", "css", "FramersWVmf0LO8", "withCSS", "sWVmf0LO8_default", "addPropertyControls", "ControlType", "addFonts", "ButtonLinkFonts", "getFonts", "sWVmf0LO8_default", "ButtonLink1Fonts", "Eq4_uHeLm_default", "PhosphorFonts", "Icon", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "_humanReadableVariantMap_props_variant", "_ref", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onClick1m08n2j", "args", "onClickjapy0x", "ref1", "pe", "isDisplayed", "router", "useRouter", "isDisplayed1", "defaultLayoutId", "ae", "sharedStyleClassNames", "LayoutGroup", "motion", "cx", "u", "Link", "Image2", "RichText", "x", "sWVmf0LO8_default", "resolveLink", "Eq4_uHeLm_default", "Icon", "css", "FramernS2HleY2B", "withCSS", "nS2HleY2B_default", "addPropertyControls", "ControlType", "addFonts", "ButtonLinkFonts", "ButtonLink1Fonts", "PhosphorFonts", "o", "r", "s", "l", "d", "c", "e", "t", "h", "u", "x", "p", "addPropertyControls", "ControlType", "fag0lFQeO_default"] }