{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/QjWRVeHMiGNAyuCr5dM2/W4QMreKcktxr72Estx06/CADAZHoxr.js"],
  "sourcesContent": ["// Generated by Framer (716ed5b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,cx,GeneratedComponentContext,getWhereExpressionFromPathVariables,Image,NotFoundError,RichText,useCurrentPathVariables,useCustomCursors,useHydratedBreakpointVariants,useLocaleInfo,useQueryData,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import Blog from\"#framer/local/collection/t8VrlfEN6/t8VrlfEN6.js\";import metadataProvider from\"#framer/local/webPageMetadata/CADAZHoxr/CADAZHoxr.js\";const cycleOrder=[\"wvGrAhcwV\"];const breakpoints={};const isBrowser=()=>typeof document!==\"undefined\";const serializationHash=\"framer-NOdb8\";const variantClassNames={wvGrAhcwV:\"framer-v-5eqc1f\"};const transitions={default:{duration:0}};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const metadata=metadataProvider();const getProps=({height,id,width,...props})=>{return{...props};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const currentPathVariables=useCurrentPathVariables();const[currentRouteData]=useQueryData({from:{data:Blog,type:\"Collection\"},select:[{name:\"YiV9abvru\",type:\"Identifier\"},{name:\"wTyfDGd8h\",type:\"Identifier\"},{name:\"nEiOznTML\",type:\"Identifier\"}],where:getWhereExpressionFromPathVariables(currentPathVariables)});const getFromCurrentRouteData=key=>{if(!currentRouteData)throw new NotFoundError(`No data in \"Blog\" matches path variables: ${JSON.stringify(currentPathVariables)}`);return currentRouteData[key];};const{style,className,layoutId,variant,YiV9abvru=getFromCurrentRouteData(\"YiV9abvru\"),wTyfDGd8h=getFromCurrentRouteData(\"wTyfDGd8h\"),nEiOznTML=getFromCurrentRouteData(\"nEiOznTML\"),...restProps}=getProps(props);React.useLayoutEffect(()=>{const metadata1=metadataProvider(currentRouteData,activeLocale);document.title=metadata1.title||\"\";if(metadata1.viewport){var _document_querySelector;(_document_querySelector=document.querySelector('meta[name=\"viewport\"]'))===null||_document_querySelector===void 0?void 0:_document_querySelector.setAttribute(\"content\",metadata1.viewport);}if(metadata1.bodyClassName){Array.from(document.body.classList).filter(c=>c.startsWith(\"framer-body-\")).map(c=>document.body.classList.remove(c));document.body.classList.add(`${metadata1.bodyClassName}-framer-NOdb8`);return()=>{document.body.classList.remove(`${metadata1.bodyClassName}-framer-NOdb8`);};}},[currentRouteData,activeLocale]);const[baseVariant,hydratedBaseVariant]=useHydratedBreakpointVariants(variant,breakpoints,false);const gestureVariant=undefined;const transition=transitions.default;const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];useCustomCursors({});return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider,{value:{primaryVariantId:\"wvGrAhcwV\",variantClassNames},children:/*#__PURE__*/_jsxs(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:[/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-5eqc1f\",className),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},children:/*#__PURE__*/_jsxs(\"div\",{className:\"framer-1ffwz7v\",\"data-framer-name\":\"Post\",name:\"Post\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"h1\",{style:{\"--font-selector\":\"SW50ZXItQm9sZA==\",\"--framer-font-family\":'\"Inter-Bold\", \"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"60px\",\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"-0.04em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"rgb(51, 51, 51)\"},children:\"Starting and Growing a Career in Web Design\"})}),className:\"framer-1e3jgpm\",\"data-framer-name\":\"Title\",fonts:[\"Inter-Bold\"],name:\"Title\",text:YiV9abvru,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",sizes:\"calc(min(100vw, 600px) - 40px)\",...toResponsiveImage(wTyfDGd8h)},className:\"framer-m7hatz\",\"data-framer-name\":\"Banner\",name:\"Banner\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:nEiOznTML,className:\"framer-ugiy8y\",\"data-framer-name\":\"Content\",name:\"Content\",verticalAlignment:\"top\",withExternalLayout:true})]})}),/*#__PURE__*/_jsx(\"div\",{className:cx(serializationHash,...sharedStyleClassNames),id:\"overlay\"})]})});});const css=['.framer-NOdb8[data-border=\"true\"]::after, .framer-NOdb8 [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; } }\",`.${metadata.bodyClassName}-framer-NOdb8 { background: white; }`,\".framer-NOdb8.framer-1ujx4zs, .framer-NOdb8 .framer-1ujx4zs { display: block; }\",\".framer-NOdb8.framer-5eqc1f { align-content: center; align-items: center; background-color: #ffffff; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 80px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 100px 0px 100px 0px; position: relative; width: 1200px; }\",\".framer-NOdb8 .framer-1ffwz7v { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: min-content; justify-content: flex-start; max-width: 600px; padding: 0px 20px 0px 20px; position: relative; width: 100%; }\",\".framer-NOdb8 .framer-1e3jgpm { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-NOdb8 .framer-m7hatz { aspect-ratio: 1.15 / 1; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; flex: none; height: var(--framer-aspect-ratio-supported, 487px); position: relative; width: 100%; }\",\".framer-NOdb8 .framer-ugiy8y { --framer-paragraph-spacing: 32px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-NOdb8.framer-5eqc1f, .framer-NOdb8 .framer-1ffwz7v { gap: 0px; } .framer-NOdb8.framer-5eqc1f > * { margin: 0px; margin-bottom: calc(80px / 2); margin-top: calc(80px / 2); } .framer-NOdb8.framer-5eqc1f > :first-child, .framer-NOdb8 .framer-1ffwz7v > :first-child { margin-top: 0px; } .framer-NOdb8.framer-5eqc1f > :last-child, .framer-NOdb8 .framer-1ffwz7v > :last-child { margin-bottom: 0px; } .framer-NOdb8 .framer-1ffwz7v > * { margin: 0px; margin-bottom: calc(40px / 2); margin-top: calc(40px / 2); } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 3093\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerResponsiveScreen\n */const FramerCADAZHoxr=withCSS(Component,css,\"framer-NOdb8\");export default FramerCADAZHoxr;FramerCADAZHoxr.displayName=\"Page\";FramerCADAZHoxr.defaultProps={height:3093,width:1200};addFonts(FramerCADAZHoxr,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCADAZHoxr\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"3093\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"1200\",\"framerResponsiveScreen\":\"\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["breakpoints", "serializationHash", "variantClassNames", "transitions", "toResponsiveImage", "value", "metadata", "getProps", "height", "id", "width", "props", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "currentPathVariables", "useCurrentPathVariables", "currentRouteData", "useQueryData", "t8VrlfEN6_default", "getWhereExpressionFromPathVariables", "getFromCurrentRouteData", "key", "NotFoundError", "style", "className", "layoutId", "variant", "YiV9abvru", "wTyfDGd8h", "nEiOznTML", "restProps", "fe", "metadata1", "_document_querySelector", "c", "baseVariant", "hydratedBaseVariant", "useHydratedBreakpointVariants", "breakpoints", "gestureVariant", "transition", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "useCustomCursors", "p", "GeneratedComponentContext", "u", "LayoutGroup", "motion", "cx", "RichText", "x", "Image2", "css", "FramerCADAZHoxr", "withCSS", "CADAZHoxr_default", "addFonts", "__FramerMetadata__"]
}