{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/k2JkULrtEpHlbSr8Q5YO/L72aB7D58jQX2wtez4LT/J1YysGw5B.js", "ssg:https://framerusercontent.com/modules/tTgLxXH8b45uF7vsVtb7/pKyXnI7KVuYC7kUQeAXF/Menu_mobile.js", "ssg:https://framerusercontent.com/modules/z6ehRXvOzEb2pLXwi7QC/Qz8Ua6tfjWlZEn1r9yuT/App_mobile.js"],
  "sourcesContent": ["// Generated by Framer (f7d95e4)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOM;Pretendard Light\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Pretendard Light\",source:\"custom\",url:\"https://framerusercontent.com/assets/8DBekeXGLrQYURDe1dAL5Qg5s.woff2\"}]}];export const css=[\".framer-5DIGY .framer-styles-preset-k55ul8:not(.rich-text-wrapper), .framer-5DIGY .framer-styles-preset-k55ul8.rich-text-wrapper p { --framer-font-family: \\\"Pretendard Light\\\", \\\"Pretendard Light Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: -0.02em; --framer-line-height: 1.6em; --framer-paragraph-spacing: 10px; --framer-text-alignment: left; --framer-text-color: #000000; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }\",\"@media (max-width: 1199px) and (min-width: 810px) { .framer-5DIGY .framer-styles-preset-k55ul8:not(.rich-text-wrapper), .framer-5DIGY .framer-styles-preset-k55ul8.rich-text-wrapper p { --framer-font-family: \\\"Pretendard Light\\\", \\\"Pretendard Light Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 11px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: -0.02em; --framer-line-height: 1.6em; --framer-paragraph-spacing: 10px; --framer-text-alignment: left; --framer-text-color: #000000; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }\",\"@media (max-width: 809px) and (min-width: 0px) { .framer-5DIGY .framer-styles-preset-k55ul8:not(.rich-text-wrapper), .framer-5DIGY .framer-styles-preset-k55ul8.rich-text-wrapper p { --framer-font-family: \\\"Pretendard Light\\\", \\\"Pretendard Light Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: -0.02em; --framer-line-height: 1.6em; --framer-paragraph-spacing: 10px; --framer-text-alignment: left; --framer-text-color: #000000; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }\"];export const className=\"framer-5DIGY\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{Frame,addPropertyControls,ControlType}from\"framer\";export function MobileMenu({fontSize=\"12px\",fontWeight=400,linkColor=\"#333333\",hoverColor=\"#000000\",activeColor=\"#000000\",logoUrl=\"https://via.placeholder.com/100x18\",menuImage=\"https://via.placeholder.com/40\",onMenuClick,onMobileMenuToggle}){const[isMobileMenuOpen,setMobileMenuOpen]=useState(false);const[currentPage,setCurrentPage]=useState(null);useEffect(()=>{const currentPath=window.location.pathname;setCurrentPage(()=>{if(currentPath===\"/\")return\"WORK\";if(currentPath===\"/archive\")return\"ARCHIVE\";if(currentPath===\"/mobile/about\")return\"ABOUT\";if(currentPath===\"/mobile/service\")return\"SERVICE\";if(currentPath===\"/mobile/contact\")return\"CONTACT\";return null;});},[]);const toggleMobileMenu=()=>{setMobileMenuOpen(prev=>{const newState=!prev;onMobileMenuToggle===null||onMobileMenuToggle===void 0?void 0:onMobileMenuToggle(newState);return newState;});};const menus=[\"WORK\",\"ARCHIVE\",\"ABOUT\",\"SERVICE\",\"CONTACT\"];const menuLinks={WORK:\"/\",ARCHIVE:\"/archive\",ABOUT:\"/mobile/about\",SERVICE:\"/mobile/service\",CONTACT:\"/mobile/contact\"};const handleMenuClick=menu=>{if(menuLinks[menu]){window.location.href=menuLinks[menu];}else{onMenuClick===null||onMenuClick===void 0?void 0:onMenuClick(menu);}setMobileMenuOpen(false);onMobileMenuToggle===null||onMobileMenuToggle===void 0?void 0:onMobileMenuToggle(false);};return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\"},children:[/*#__PURE__*/_jsxs(Frame,{width:\"100%\",height:\"80px\",background:\"white\",style:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\",padding:\"0 30px\",position:\"relative\",zIndex:2},children:[/*#__PURE__*/_jsx(\"a\",{href:\"/\",style:{position:\"absolute\",left:\"50%\",transform:\"translateX(-50%)\"},children:/*#__PURE__*/_jsx(\"img\",{src:logoUrl,alt:\"Logo\",style:{height:\"12px\",width:\"auto\"}})}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"40px\",padding:\"10px\",cursor:\"pointer\",position:\"absolute\",right:\"20px\",zIndex:3},onClick:toggleMobileMenu,children:isMobileMenuOpen?\"\u2212\":\"+\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",top:\"80px\",left:0,width:\"100%\",height:isMobileMenuOpen?\"calc(100vh - 80px)\":\"0\",backgroundColor:\"white\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",gap:\"30px\",padding:isMobileMenuOpen?\"30px\":\"0\",zIndex:999,overflow:\"hidden\",transition:\"height 0.3s ease-in-out, padding 0.3s ease-in-out\"},children:[menus.map(menu=>/*#__PURE__*/_jsx(\"a\",{href:menuLinks[menu]||\"#\",onClick:e=>{if(!menuLinks[menu]){e.preventDefault();handleMenuClick(menu);}},style:{fontFamily:\"'Noto Sans', sans-serif\",fontWeight,fontSize,color:currentPage===menu?activeColor:linkColor,textDecoration:currentPage===menu?\"underline\":\"none\",cursor:\"pointer\",transition:\"color 0.2s ease-in-out, text-decoration 0.2s ease-in-out\"},children:menu},menu)),/*#__PURE__*/_jsx(\"a\",{href:\"https://www.instagram.com/projectmark_official/\",target:\"_blank\",rel:\"noopener noreferrer\",style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\"},children:/*#__PURE__*/_jsx(\"img\",{src:menuImage,alt:\"Instagram\",style:{height:\"40px\",width:\"40px\",objectFit:\"cover\",borderRadius:\"50%\"}})})]})]});}// Property Controls \uCD94\uAC00\naddPropertyControls(MobileMenu,{fontSize:{title:\"Font Size\",type:ControlType.String,defaultValue:\"12px\"},linkColor:{title:\"Link Color\",type:ControlType.Color,defaultValue:\"#333333\"},hoverColor:{title:\"Hover Color\",type:ControlType.Color,defaultValue:\"#000000\"},activeColor:{title:\"Active Color\",type:ControlType.Color,defaultValue:\"#000000\"},logoUrl:{title:\"Logo Image\",type:ControlType.Image,defaultValue:\"https://via.placeholder.com/100x18\"},menuImage:{title:\"Instagram Image\",type:ControlType.Image,defaultValue:\"https://via.placeholder.com/40\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"MobileMenu\":{\"type\":\"reactComponent\",\"name\":\"MobileMenu\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Menu_mobile.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{MobileMenu}from\"https://framerusercontent.com/modules/tTgLxXH8b45uF7vsVtb7/pKyXnI7KVuYC7kUQeAXF/Menu_mobile.js\";export function AppMobile({fontSize=\"12px\",fontWeight=500,linkColor=\"#444444\",hoverColor=\"#888888\",activeColor=\"#000000\",logoUrl=\"https://via.placeholder.com/100x18\",menuImage=\"https://via.placeholder.com/40\",aboutPage=\"/mobile/about\",servicePage=\"/mobile/service\",contactPage=\"/mobile/contact\"}){const[isMenuOpen,setMenuOpen]=useState(false);const[activePage,setActivePage]=useState(null);// \uD398\uC774\uC9C0 \uB85C\uB4DC \uC2DC \uD65C\uC131\uD654\uB41C \uD398\uC774\uC9C0 \uC124\uC815\nuseEffect(()=>{const currentPath=window.location.pathname;if(currentPath===aboutPage)setActivePage(\"ABOUT\");else if(currentPath===servicePage)setActivePage(\"SERVICE\");else if(currentPath===contactPage)setActivePage(\"CONTACT\");else setActivePage(null);},[aboutPage,servicePage,contactPage]);const toggleMenu=()=>setMenuOpen(prev=>!prev);// \uBA54\uB274 \uD074\uB9AD \uC2DC \uD398\uC774\uC9C0 \uC774\uB3D9\nconst handleMenuClick=page=>{window.location.href=page;setMenuOpen(false)// \uBA54\uB274\uB97C \uB2EB\uC74C\n;};return /*#__PURE__*/_jsx(\"div\",{style:{fontFamily:\"'Noto Sans', sans-serif\",fontSize,position:\"relative\"},children:/*#__PURE__*/_jsx(MobileMenu,{fontSize:fontSize,fontWeight:fontWeight,linkColor:linkColor,hoverColor:hoverColor,activeColor:activeColor,logoUrl:logoUrl,menuImage:menuImage,aboutPage:aboutPage,servicePage:servicePage,contactPage:contactPage,onMenuClick:handleMenuClick,activePage:activePage})});}// Property Controls\naddPropertyControls(AppMobile,{fontSize:{title:\"Font Size\",type:ControlType.String,defaultValue:\"12px\"},fontWeight:{title:\"Font Weight\",type:ControlType.Number,defaultValue:500},linkColor:{title:\"Link Color\",type:ControlType.Color,defaultValue:\"#444444\"},hoverColor:{title:\"Hover Color\",type:ControlType.Color,defaultValue:\"#888888\"},activeColor:{title:\"Active Color\",type:ControlType.Color,defaultValue:\"#000000\"},logoUrl:{title:\"Logo URL\",type:ControlType.Image,defaultValue:\"https://via.placeholder.com/100x18\"},menuImage:{title:\"Instagram Image\",type:ControlType.Image,defaultValue:\"https://via.placeholder.com/40\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"AppMobile\":{\"type\":\"reactComponent\",\"name\":\"AppMobile\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./App_mobile.map"],
  "mappings": "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",
  "names": ["fontStore", "fonts", "css", "className", "MobileMenu", "fontSize", "fontWeight", "linkColor", "hoverColor", "activeColor", "logoUrl", "menuImage", "onMenuClick", "onMobileMenuToggle", "isMobileMenuOpen", "setMobileMenuOpen", "ye", "currentPage", "setCurrentPage", "ue", "currentPath", "window", "toggleMobileMenu", "prev", "newState", "menus", "menuLinks", "handleMenuClick", "menu", "Frame", "p", "e", "addPropertyControls", "ControlType", "AppMobile", "fontSize", "fontWeight", "linkColor", "hoverColor", "activeColor", "logoUrl", "menuImage", "aboutPage", "servicePage", "contactPage", "isMenuOpen", "setMenuOpen", "ye", "activePage", "setActivePage", "ue", "currentPath", "window", "toggleMenu", "prev", "p", "MobileMenu", "page", "addPropertyControls", "ControlType"]
}