I have only added 5 of my best works here, but as for today I have completed around 300+ projects around the globe.
\",\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: \"oHknLGodp\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\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-2hWON\", sharedStyle.className, sharedStyle1.className, sharedStyle2.className, sharedStyle3.className, sharedStyle4.className, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-1uro4yx\", className),\n \"data-border\": true,\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"oHknLGodp\",\n ref: ref,\n style: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": 'var(--token-047a7a5c-dc9f-438d-b3e9-dbe7914ab301, rgb(35, 39, 43)) /* {\"name\":\"Dark 600\"} */',\n \"--border-left-width\": \"0px\",\n \"--border-right-width\": \"0px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"1px\",\n backgroundColor: \"var(--token-a321ec2b-0f30-446c-98f0-5e75a7c71f38, rgb(17, 20, 23))\",\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n quMCmkXlj: {\n \"data-framer-name\": \"Phone\"\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-19vqsbh\",\n \"data-framer-name\": \"Container\",\n layoutDependency: layoutDependency,\n layoutId: \"IXwULW90x\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.h1, {\n className: \"framer-styles-preset-3nqyhf\",\n \"data-styles-preset\": \"YAP816Y5n\",\n style: {\n \"--framer-text-color\": \"var(--extracted-gdpscs)\"\n },\n children: \"Few of my awesome works\"\n })\n }),\n className: \"framer-cixbov\",\n layoutDependency: layoutDependency,\n layoutId: \"g9dTsL2C0\",\n style: {\n \"--extracted-gdpscs\": \"var(--token-a0ee6455-b61e-4c2b-a9f3-8c92b0b5974b, rgb(250, 252, 255)) \",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: tXhXBoJXJ,\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: coLPB4vAs,\n className: \"framer-rlsos0\",\n layoutDependency: layoutDependency,\n layoutId: \"QxPMX_ynX\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-e9883e0c-1953-40e4-be21-0e8f46a33a1b, rgb(188, 192, 197)) \",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n stylesPresetsClassNames: {\n a: \"framer-styles-preset-1wicq5s\",\n h1: \"framer-styles-preset-3nqyhf\",\n h2: \"framer-styles-preset-1wml6uu\",\n h3: \"framer-styles-preset-12lj5ox\",\n p: \"framer-styles-preset-21ogod\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1624g8g\",\n layoutDependency: layoutDependency,\n layoutId: \"kvAklOW8J\",\n style: {\n backgroundColor: \"var(--token-a5f06689-2eff-4dc9-bccb-9cce5eb3c5cc, rgb(107, 151, 255))\",\n borderBottomLeftRadius: \"100%\",\n borderBottomRightRadius: \"100%\",\n borderTopLeftRadius: \"100%\",\n borderTopRightRadius: \"100%\",\n filter: \"blur(40px)\",\n opacity: .28,\n WebkitFilter: \"blur(40px)\"\n },\n transition: transition\n })]\n })\n })\n });\n});\nconst css = ['.framer-2hWON [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-2hWON * { box-sizing: border-box; }\", \".framer-2hWON .framer-1iqsy09 { display: block; }\", \".framer-2hWON .framer-1uro4yx { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 88px 32px 88px 32px; position: relative; width: 1200px; }\", \".framer-2hWON .framer-19vqsbh { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 642px; z-index: 1; }\", \".framer-2hWON .framer-cixbov { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \".framer-2hWON .framer-rlsos0 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-2hWON .framer-1624g8g { aspect-ratio: 1 / 1; bottom: -93px; flex: none; height: var(--framer-aspect-ratio-supported, 246px); left: 197px; overflow: visible; position: absolute; width: 246px; z-index: 0; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-2hWON .framer-1uro4yx, .framer-2hWON .framer-19vqsbh { gap: 0px; } .framer-2hWON .framer-1uro4yx > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-2hWON .framer-1uro4yx > :first-child { margin-left: 0px; } .framer-2hWON .framer-1uro4yx > :last-child { margin-right: 0px; } .framer-2hWON .framer-19vqsbh > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-2hWON .framer-19vqsbh > :first-child { margin-top: 0px; } .framer-2hWON .framer-19vqsbh > :last-child { margin-bottom: 0px; } }\", \".framer-2hWON.framer-v-lozu6n .framer-1uro4yx { padding: 64px 22px 64px 22px; width: 320px; }\", \".framer-2hWON.framer-v-lozu6n .framer-19vqsbh { flex: 1 0 0px; width: 1px; }\", \".framer-2hWON.framer-v-lozu6n .framer-cixbov { white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-2hWON.framer-v-lozu6n .framer-1624g8g { bottom: -59px; height: var(--framer-aspect-ratio-supported, 171px); left: -24px; width: 171px; }\", ...sharedStyle.css, ...sharedStyle1.css, ...sharedStyle2.css, ...sharedStyle3.css, ...sharedStyle4.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 271\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"quMCmkXlj\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"tXhXBoJXJ\":\"title\",\"coLPB4vAs\":\"text\"}\n */\nconst FramerqwF5rMObb = withCSS(Component, css, \"framer-2hWON\");\nexport default FramerqwF5rMObb;\nFramerqwF5rMObb.displayName = \"Heading Section\";\nFramerqwF5rMObb.defaultProps = {\n height: 271,\n width: 1200\n};\naddPropertyControls(FramerqwF5rMObb, {\n variant: {\n options: [\"oHknLGodp\", \"quMCmkXlj\"],\n optionTitles: [\"Variant 1\", \"Phone\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n tXhXBoJXJ: {\n defaultValue: \"Few of my awesome works\",\n displayTextArea: false,\n title: \"Title\",\n type: ControlType.String\n },\n coLPB4vAs: {\n defaultValue: \"I have only added 5 of my best works here, but as for today I have completed around 300+ projects around the globe.
\",\n title: \"Text\",\n type: ControlType.RichText\n }\n});\naddFonts(FramerqwF5rMObb, [...sharedStyle.fonts, ...sharedStyle1.fonts, ...sharedStyle2.fonts, ...sharedStyle3.fonts, ...sharedStyle4.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerqwF5rMObb\",\n \"slots\": [],\n \"annotations\": {\n \"framerVariables\": \"{\\\"tXhXBoJXJ\\\":\\\"title\\\",\\\"coLPB4vAs\\\":\\\"text\\\"}\",\n \"framerIntrinsicHeight\": \"271\",\n \"framerIntrinsicWidth\": \"1200\",\n \"framerContractVersion\": \"1\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"quMCmkXlj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./qwF5rMObb.map"], "mappings": "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", "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "tXhXBoJXJ", "coLPB4vAs", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "RichText", "x", "css", "FramerqwF5rMObb", "withCSS", "qwF5rMObb_default", "addPropertyControls", "ControlType", "addFonts", "fonts"] }