{"version":3,"sources":["theme/index.ts","components/Navbar/style.tsx","components/Typography/style.tsx","functions/margin.ts","components/Typography/index.tsx","components/Navbar/index.tsx","components/Header/style.tsx","components/Background/style.tsx","components/Background/index.tsx","components/Space/index.tsx","components/Button/style.tsx","components/Button/index.tsx","animations/scale.tsx","components/SubPage/style.tsx","components/SubPage/index.tsx","components/Header/index.tsx","components/Content/Content1/style.tsx","components/Content/Content1/index.tsx","components/Content/Content2/style.tsx","components/Content/Content2/index.tsx","components/Content/Content3/style.tsx","components/Content/Content3/index.tsx","components/Content/Content4/style.tsx","components/Card/style.tsx","components/Card/index.tsx","components/CardList/index.tsx","components/SubPageBottom/style.tsx","components/SubPageBottom/index.tsx","components/Content/Content4/index.tsx","components/Content/Content5/style.tsx","components/Content/Content5/index.tsx","components/Footer/style.tsx","components/Footer/index.tsx","pages/index.tsx","App.style.ts","App.tsx","translation/i18n.ts","index.tsx"],"names":["theme","font","family","color","base","px_to_rem_multiplier","red","white","color2","color3","screen","small","medium","large","xlarge","spacing","default","half","quarter","double","NavHeader","styled","nav","props","showBackground","Navbar","Menu","Logo","img","Text","span","fontDisplay","fontSize","fontWeight","fontColor","fontMargin","hoverable","convertPixelToREM","pixel","getMarginFromArray","marginArray","length","Typography","children","size","weight","margin","display","textOption","Nav","onNavItemClick","t","useTranslation","useState","showNavBackground","setShowNavBackground","navRef","useRef","current","useLayoutEffect","handleScroll","show","window","scrollY","document","addEventListener","removeEventListener","id","onClick","src","alt","mode","overflowedIndicator","MenuOutlined","Item","domEvent","Background","div","LayoutHeader","header","HeaderBox","HeaderTextBox","ShadowWrapper","ShadowWarper","Space","maxWidth","minWidth","marginString","style","LayoutButton","StyledButton","Button","ForwardIcon","RightOutlined","title","forward","icon","scale","keyframes","miniScale","Layout","Img","SubPage","Header","refHeader","onContactButtonClick","ref","justify","xs","md","LayoutContent","ContentVideo","IFrameContainer","ResponsiveIFrame","iframe","Content1","refContent1","frameBorder","allow","allowFullScreen","sm","BackgroundContent","ContentBox","ContentCenter","ContentImg","Content2","refContent2","align","order","Content3","gutter","lg","ContentButton","object","Card","type","data","CardList","cards","map","cardType","SubPageBottom","Content4","refContent4","ContentImgSymbol","Content5","refContactUs","height","href","Footer","App","headerRef","content1Ref","content2Ref","content4Ref","contactUsRef","handleClickScroll","event","currentTarget","scrollIntoView","behavior","createGlobalStyle","i18n","use","initReactI18next","init","resources","en","button","content1","content2","content3","content4","row1","row2","content5","footer","footer1","footer2","footer3","th","title2","lng","keySeparator","interpolation","escapeValue","whitelist","ReactDOM","render","querySelector"],"mappings":"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","file":"static/js/main.a70a4c4f.chunk.js","sourcesContent":["const theme = {\n  font: {\n    family: \"'Prompt', sans-serif\",\n    color: \"white\",\n    base: \"1rem\",\n  },\n  px_to_rem_multiplier: 0.0625,\n  color: {\n    red: \"red\",\n    white: \"white\",\n    color2: \"#58CDCE\",\n    color3: \"#163A92\",\n  },\n  screen: {\n    small: \"576px\",\n    medium: \"768px\",\n    large: \"992px\",\n    xlarge: \"1440px\",\n  },\n  spacing: {\n    default: \"20px\",\n    half: \"10px\",\n    quarter: \"5px\",\n    double: \"40px\",\n  },\n};\n\nexport default theme;\n","import styled from \"styled-components\";\nimport { Menu } from \"antd\";\n\nexport const NavHeader = styled.nav<{ showBackground: boolean }>`\n  background: ${props =>\n    props.showBackground ? props.theme.color.color3 : \"transparent\"};\n  position: fixed;\n  padding: 30px 10% 0 10%;\n  width: 100%;\n  z-index: 110;\n\n  .ant-menu {\n    color: ${props => props.theme.color.white};\n    background: none;\n    text-align: right;\n  }\n  .ant-menu-horizontal {\n    border-bottom: none;\n  }\n\n  .ant-menu-light {\n    float: right;\n    margin: 0;\n  }\n\n  .ant-menu-submenu {\n    margin: 0 !important;\n    border-bottom: none !important;\n  }\n\n  .anticon {\n    margin: 0;\n  }\n`;\n\nexport const Navbar = styled(Menu)`\n  @media screen and (max-width: ${props => props.theme.screen.medium}) {\n    width: 100px;\n  }\n`;\n\nexport const Logo = styled.img`\n  cursor: pointer;\n\n  float: left;\n  padding: 8px 0;\n`;\n","import styled from \"styled-components\";\n\ninterface TextProps {\n  fontSize: string;\n  fontWeight: number;\n  fontColor: string;\n  fontDisplay: string;\n  fontMargin: string | undefined;\n  hoverable: boolean;\n}\n\nexport const Text = styled.span<TextProps>`\n  display: ${props => props.fontDisplay};\n  font-size: ${props => props.fontSize};\n  font-weight: ${props => props.fontWeight};\n  color: ${props => props.fontColor};\n  margin: ${props => props.fontMargin};\n\n  a {\n    color: ${props => props.fontColor};\n  }\n  cursor: ${props => (props.hoverable ? \"pointer\" : \"default\")};\n`;\n","import theme from \"../theme\";\nimport { marginArray } from \"../types\";\n\nconst convertPixelToREM = (pixel: number): number => {\n  return pixel * theme.px_to_rem_multiplier;\n};\n\nexport const getMarginFromArray = (marginArray: marginArray): string => {\n  let marginString = \"\";\n  if (marginArray.length === 2) {\n    marginString = `\n    ${convertPixelToREM(marginArray[0])}rem\n    ${\n      marginArray[1] === \"auto\"\n        ? \"auto\"\n        : `${convertPixelToREM(marginArray[1])}rem`\n    }`;\n  } else {\n    marginString = `\n    ${convertPixelToREM(marginArray[0])}rem\n    ${convertPixelToREM(marginArray[1])}rem\n    ${convertPixelToREM(marginArray[2])}rem\n    ${convertPixelToREM(marginArray[3])}rem`;\n  }\n  return marginString;\n};\n","import { Text } from \"./style\";\nimport { marginArray } from \"../../types\";\nimport { getMarginFromArray } from \"../../functions/margin\";\n\nexport interface TypographyProps {\n  size?: \"normal\" | \"title\" | \"sub-header\" | \"header\" | \"sub-hero\" | \"hero\";\n  weight?: \"bold\" | \"regular\";\n  color?: \"primary\" | \"secondary\" | \"default\";\n  display?: \"block\" | \"inline-block\" | \"inline\";\n  margin?: marginArray;\n  hoverable?: boolean;\n}\n\nconst Typography: React.FC<TypographyProps> = ({\n  children,\n  size,\n  weight,\n  color,\n  margin,\n  display = \"inline\",\n  hoverable = false,\n}) => {\n  let fontSize = \"1rem\";\n  switch (size) {\n    case \"hero\":\n      fontSize = \"3.4rem\";\n      break;\n    case \"sub-hero\":\n      fontSize = \"1.4rem\";\n      break;\n    case \"header\":\n      fontSize = \"2rem\";\n      break;\n    case \"sub-header\":\n      fontSize = \"1.2rem\";\n      break;\n  }\n\n  let fontWeight = 400;\n  switch (weight) {\n    case \"bold\":\n      fontWeight = 600;\n      break;\n  }\n\n  let fontColor = \"white\";\n  switch (color) {\n    case \"primary\":\n      fontColor = \"#163A92\";\n      break;\n    case \"secondary\":\n      fontColor = \"#58CDCE\";\n      break;\n  }\n\n  const marginString = margin && getMarginFromArray(margin);\n\n  const textOption = {\n    fontSize,\n    fontWeight,\n    fontColor,\n    fontDisplay: display,\n    fontMargin: marginString,\n    hoverable,\n  };\n\n  return <Text {...textOption}>{children}</Text>;\n};\n\nexport default Typography;\n","import { useState, useRef, useLayoutEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { MenuOutlined } from \"@ant-design/icons\";\n\nimport { NavHeader, Navbar, Logo } from \"./style\";\nimport Typo from \"../Typography\";\n\ninterface NavProps {\n  onNavItemClick: (e: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst Nav: React.FC<NavProps> = ({ onNavItemClick }) => {\n  const { t } = useTranslation(\"header\");\n\n  const [showNavBackground, setShowNavBackground] = useState(false);\n  const navRef = useRef(false);\n  navRef.current = showNavBackground;\n  useLayoutEffect(() => {\n    const handleScroll = () => {\n      const show = window.scrollY > 1;\n      if (navRef.current !== show) {\n        setShowNavBackground(show);\n      }\n    };\n    document.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      document.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, []);\n\n  return (\n    <NavHeader showBackground={showNavBackground}>\n      <Logo\n        id={\"nav_logo_btn\"}\n        onClick={onNavItemClick}\n        src={\"roodee_full.svg\"}\n        alt=\"logo\"\n      />\n      <Navbar mode=\"horizontal\" overflowedIndicator={<MenuOutlined />}>\n        <Navbar.Item\n          id={\"nav_btn_1\"}\n          key=\"1\"\n          onClick={({ domEvent }) => onNavItemClick(domEvent)}\n        >\n          <Typo weight=\"bold\" hoverable>\n            {t(\"nav-text-1\")}\n          </Typo>\n        </Navbar.Item>\n        <Navbar.Item\n          id={\"nav_btn_2\"}\n          key=\"2\"\n          onClick={({ domEvent }) => onNavItemClick(domEvent)}\n        >\n          <Typo weight=\"bold\" hoverable>\n            {t(\"nav-text-2\")}\n          </Typo>\n        </Navbar.Item>\n        <Navbar.Item\n          id={\"nav_btn_3\"}\n          key=\"3\"\n          onClick={({ domEvent }) => onNavItemClick(domEvent)}\n        >\n          <Typo weight=\"bold\" hoverable>\n            {t(\"nav-text-3\")}\n          </Typo>\n        </Navbar.Item>\n        <Navbar.Item\n          id={\"nav_btn_4\"}\n          key=\"4\"\n          onClick={({ domEvent }) => onNavItemClick(domEvent)}\n        >\n          <Typo weight=\"bold\" hoverable>\n            {t(\"nav-text-4\")}\n          </Typo>\n        </Navbar.Item>\n      </Navbar>\n    </NavHeader>\n  );\n};\n\nexport default Nav;\n","import styled from \"styled-components\";\nimport { Menu } from \"antd\";\n\nexport const Background = styled.div`\n  height: 100vh;\n  background: linear-gradient(\n      342.11deg,\n      rgba(88, 205, 206, 0.44) 23.55%,\n      rgba(255, 255, 255, 0) 69.14%\n    ),\n    #163a92;\n  background-size: cover;\n  background-position: top;\n\n  clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%);\n\n  @media screen and (max-width: ${props => props.theme.screen.small}) {\n    clip-path: polygon(0 0, 100% 0, 100% 90vh, 0 100%);\n  }\n`;\n\nexport const LayoutHeader = styled.header`\n  padding: 30px 10%;\n`;\n\nexport const NavHeader = styled.nav`\n  position: fixed;\n  padding: 30px 10%;\n  width: 100%;\n  z-index: 1;\n\n  .ant-menu {\n    color: ${props => props.theme.color.white};\n    background: none;\n    text-align: right;\n  }\n  .ant-menu-horizontal {\n    border-bottom: none;\n  }\n\n  .ant-menu-light {\n    float: right;\n    margin: 0;\n  }\n\n  .ant-menu-submenu {\n    margin: 0 !important;\n    border-bottom: none !important;\n  }\n\n  .anticon {\n    margin: 0;\n  }\n`;\n\nexport const Navbar = styled(Menu)`\n  @media screen and (max-width: ${props => props.theme.screen.medium}) {\n    width: 100px;\n  }\n`;\n\nexport const Logo = styled.img`\n  float: left;\n  padding: 8px 0;\n`;\n\nexport const HeaderBox = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100vh;\n`;\n\nexport const HeaderTextBox = styled.div`\n  position: absolute;\n  width: 30rem;\n  top: 50%;\n  left: 0%;\n  transform: translate(-0%, -50%);\n\n  @media screen and (max-width: ${props => props.theme.screen.medium}) {\n    top: 35%;\n    width: 400px;\n  }\n\n  @media screen and (max-width: ${props => props.theme.screen.small}) {\n    transform: translate(-0%, -50%) scale(0.9, 0.9);\n    transform-origin: left top;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const ShadowWrapper = styled.div`\n  position: relative;\n  filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.5));\n`;\n","import { ShadowWrapper as StyledWrapper } from \"./style\";\n\nexport interface BackgroundProps {}\n\nexport const ShadowWarper: React.FC = ({ children }) => {\n  return <StyledWrapper>{children}</StyledWrapper>;\n};\n\nconst Background: React.FC<BackgroundProps> = ({ children }) => {\n  return <div>{children}</div>;\n};\n\nexport default Background;\n","import { marginArray } from \"../../types\";\nimport { getMarginFromArray } from \"../../functions/margin\";\n\nexport interface SpaceProps {\n  margin?: marginArray;\n  maxWidth?: string;\n  minWidth?: string;\n}\n\nconst Space: React.FC<SpaceProps> = ({\n  children,\n  margin,\n  maxWidth,\n  minWidth,\n}) => {\n  const marginString = margin && getMarginFromArray(margin);\n\n  return (\n    <div style={{ margin: marginString, maxWidth, minWidth }}>{children}</div>\n  );\n};\n\nexport default Space;\n","import { Button } from \"antd\";\nimport { RightOutlined } from \"@ant-design/icons\";\nimport styled from \"styled-components\";\n\nexport const LayoutButton = styled.div`\n  backface-visibility: hidden;\n  transition: all 0.2;\n  .ant-btn:hover,\n  .ant-btn:focus {\n    border-color: transparent;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  .ant-btn:active {\n    border-color: transparent;\n    transform: translateY(1px);\n    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n  }\n`;\n\nexport const StyledButton = styled(Button)`\n  border-radius: 30px;\n  border-color: transparent;\n  height: 40px;\n  padding: 8px 25px;\n  color: white;\n`;\n\nexport const ForwardIcon = styled(RightOutlined)`\n  float: right;\n  padding: 4px 0px;\n  margin-left: 8px;\n  color: white;\n`;\n","import { LayoutButton, StyledButton, ForwardIcon } from \"./style\";\n\ninterface ButtonProps {\n  id?: string;\n  title: string;\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n  size?: any;\n  forward?: boolean;\n}\n\nconst Button: React.FC<ButtonProps> = ({ title, forward, ...props }) => {\n  return (\n    <LayoutButton>\n      <StyledButton {...props} icon={forward && <ForwardIcon />}>\n        {title}\n      </StyledButton>\n    </LayoutButton>\n  );\n};\n\nexport default Button;\n","import { keyframes } from \"styled-components\";\n\nexport const scale = keyframes`\n  from {\n    transform: scale(1);\n  }\n\n  to {\n    transform: scale(1.15);\n  }\n`;\n\nexport const miniScale = keyframes`\n  from {\n    transform: scale(1);\n  }\n\n  to {\n    transform: scale(1.05);\n  }\n`;\n","import styled from \"styled-components\";\nimport { miniScale } from \"../../animations/scale\";\n\nexport const Layout = styled.div`\n  position: absolute;\n  top: 10rem;\n  right: 0;\n  z-index: 1;\n  padding-bottom: 5rem;\n\n  @media screen and (min-width: ${(props) => props.theme.screen.xlarge}) {\n    transform: scale(1.1, 1.1);\n    transform-origin: right bottom;\n  }\n\n  @media screen and (max-width: 1200px) {\n    transform: translateX(25%);\n  }\n\n  @media screen and (max-width: ${(props) => props.theme.screen.large}) {\n    transform: translateX(55%);\n  }\n\n  @media screen and (max-width: ${(props) => props.theme.screen.medium}) {\n    transform: scale(0.8, 0.8) translate(5%, 13%);\n    transform-origin: right bottom;\n  }\n\n  @media screen and (max-width: ${(props) => props.theme.screen.small}) {\n    transform: scale(0.75, 0.75) translate(25%, 20%);\n    transform-origin: right bottom;\n  }\n`;\n\nexport const CardLayout = styled.div`\n  position: absolute;\n  z-index: 5;\n  top: 10%;\n  left: 0;\n  width: 16.5625rem;\n  min-width: 231.875px;\n\n  object:not(:last-child):not(:first-child) {\n    margin: -25px 0px;\n  }\n\n  object:first-child {\n    margin-bottom: -25px;\n  }\n\n  object:last-child {\n    margin-top: -25px;\n  }\n`;\n\nexport const Img = styled.img`\n  width: 597px;\n  height: 715.88px;\n  padding-left: 50px;\n\n  /* &:hover {\n    animation: ${miniScale} 0.15s linear 0s 1 normal forwards;\n  } */\n`;\n","import { Img, Layout, CardLayout } from \"./style\";\nimport CardList from \"../../components/CardList\";\n\nconst SubPage: React.FC = () => {\n  return (\n    <Layout>\n      <Img src=\"sub_page.png\" alt=\"sub_page\" />\n    </Layout>\n  );\n};\n\nexport default SubPage;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\n\nimport { Background, LayoutHeader, HeaderBox, HeaderTextBox } from \"./style\";\nimport { ShadowWarper } from \"../Background\";\nimport Typo from \"../Typography\";\nimport Space from \"../Space\";\nimport Button from \"../Button\";\nimport SubPage from \"../SubPage\";\n\ninterface HeaderProps {\n  refHeader: React.MutableRefObject<HTMLDivElement | null>;\n  onContactButtonClick: (e: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst Header: React.FC<HeaderProps> = ({ refHeader, onContactButtonClick }) => {\n  const { t } = useTranslation(\"header\");\n  return (\n    <>\n      <SubPage />\n      <ShadowWarper>\n        <Background>\n          <LayoutHeader ref={refHeader}>\n            <HeaderBox>\n              <HeaderTextBox>\n                <h1>\n                  <Typo size=\"hero\" weight=\"bold\">\n                    {t(\"primary-text-1\")}\n                  </Typo>\n                  <Typo size=\"sub-hero\" display=\"block\">\n                    {t(\"primary-text-2\")}\n                  </Typo>\n                  <Typo size=\"sub-hero\" display=\"block\">\n                    {t(\"primary-text-3\")}\n                  </Typo>\n                </h1>\n                <Button\n                  id=\"contact_us_btn\"\n                  title={t(\"button\")}\n                  forward\n                  onClick={onContactButtonClick}\n                />\n              </HeaderTextBox>\n            </HeaderBox>\n          </LayoutHeader>\n        </Background>\n        <LayoutHeader>\n          <Space margin={[240, 0, 100, 0]}>\n            <Row justify=\"space-between\">\n              <Col xs={24} md={11}>\n                <Typo\n                  size=\"sub-header\"\n                  weight=\"bold\"\n                  color=\"secondary\"\n                  display=\"block\"\n                  margin={[0, 0, 20, 0]}\n                >\n                  {t(\"secondary-text-1\")}\n                </Typo>\n                <Typo size=\"header\" weight=\"bold\" color=\"primary\">\n                  {t(\"secondary-text-2\")}\n                </Typo>\n              </Col>\n              <Col xs={24} md={11}>\n                <Row>\n                  <Space margin={[20, 0]}>\n                    <Typo size=\"sub-header\" color=\"primary\">\n                      {t(\"secondary-text-3\")}\n                    </Typo>\n                  </Space>\n                  <Space margin={[20, 0]}>\n                    <Typo size=\"sub-header\" color=\"secondary\">\n                      {t(\"secondary-text-4\")}\n                    </Typo>\n                  </Space>\n                  <Space margin={[20, 0]}>\n                    <Typo size=\"sub-header\" color=\"primary\">\n                      {t(\"secondary-text-5\")}\n                    </Typo>\n                  </Space>\n                </Row>\n              </Col>\n            </Row>\n          </Space>\n        </LayoutHeader>\n      </ShadowWarper>\n    </>\n  );\n};\n\nexport default Header;\n","import styled from \"styled-components\";\n\nexport const LayoutContent = styled.div`\n  padding: 6rem 10%;\n  background-color: #e5e5e5;\n`;\n\nexport const ContentPlaceholder = styled.img`\n  height: 80%;\n  width: 95%;\n`;\n\nexport const ContentVideo = styled.div`\n  /* display: inline-block;\n  text-align: center;\n  margin: 30px 0px;\n  width: 100%;\n  height: 50vh; */\n  background: #0d2c77;\n`;\n\nexport const IFrameContainer = styled.div`\n  cursor: pointer;\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  max-width: 900px;\n  max-height: 506px;\n  padding-top: clamp(\n    15px,\n    56.25%,\n    506px\n  ); /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */\n`;\nexport const ResponsiveIFrame = styled.iframe`\n  position: absolute;\n  z-index: 100;\n  top: 50%;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  max-width: 900px;\n  max-height: 506px;\n  transform: translateY(-50%);\n`;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\nimport {\n  LayoutContent,\n  ContentVideo,\n  IFrameContainer,\n  ResponsiveIFrame,\n} from \"./style\";\nimport Typo from \"../../Typography\";\nimport Space from \"../../Space\";\n\ninterface Content1Props {\n  refContent1: React.MutableRefObject<HTMLDivElement | null>;\n}\n\nconst Content1: React.FC<Content1Props> = ({ refContent1 }) => {\n  const { t } = useTranslation(\"content1\");\n  return (\n    <LayoutContent ref={refContent1}>\n      <Typo\n        size=\"header\"\n        color=\"primary\"\n        weight=\"bold\"\n        display=\"block\"\n        margin={[0, 0, 20, 0]}\n      >\n        {t(\"title\")}\n      </Typo>\n      <ContentVideo>\n        <IFrameContainer>\n          <ResponsiveIFrame\n            title=\"video\"\n            src=\"https://player.vimeo.com/video/543518313\"\n            frameBorder=\"0\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowFullScreen\n          ></ResponsiveIFrame>\n        </IFrameContainer>\n      </ContentVideo>\n\n      {/* <ContentVideo>\n        <iframe\n          src=\"https://player.vimeo.com/video/543518313\"\n          width=\"640\"\n          height=\"360\"\n          frameBorder=\"0\"\n          allow=\"autoplay; fullscreen; picture-in-picture\"\n          allowFullScreen\n        ></iframe>\n        <ContentPlaceholder\n          src=\"video_placeholder.svg\"\n          alt=\"video_placeholder\"\n        />\n      </ContentVideo> */}\n      <Space margin={[30, 0, 30, 0]}>\n        <Row justify=\"space-around\">\n          <Col xs={24} sm={11} md={5}>\n            <Space margin={[10, 0, 10, 0]}>\n              <img src={\"icon_1.svg\"} alt=\"icon_1\" />\n              <Typo weight=\"bold\" color=\"primary\" display=\"block\">\n                {t(\"row1-col1\")}\n              </Typo>\n              <Typo color=\"primary\" display=\"block\">\n                {t(\"row2-col1\")}\n              </Typo>\n            </Space>\n          </Col>\n          <Col xs={24} sm={11} md={5}>\n            <Space margin={[10, 0, 10, 0]}>\n              <img src={\"icon_2.svg\"} alt=\"icon_2\" />\n              <Typo weight=\"bold\" color=\"primary\" display=\"block\">\n                {t(\"row1-col2\")}\n              </Typo>\n              <Typo color=\"primary\" display=\"block\">\n                {t(\"row2-col2\")}\n              </Typo>\n            </Space>\n          </Col>\n          <Col xs={24} sm={11} md={5}>\n            <Space margin={[10, 0, 10, 0]}>\n              <img src={\"icon_3.svg\"} alt=\"icon_3\" />\n              <Typo weight=\"bold\" color=\"primary\" display=\"block\">\n                {t(\"row1-col3\")}\n              </Typo>\n              <Typo color=\"primary\" display=\"block\">\n                {t(\"row2-col3\")}\n              </Typo>\n            </Space>\n          </Col>\n          <Col xs={24} sm={11} md={5}>\n            <Space margin={[10, 0, 10, 0]}>\n              <img src={\"icon_4.svg\"} alt=\"icon_4\" />\n              <Typo weight=\"bold\" color=\"primary\" display=\"block\">\n                {t(\"row1-col4\")}\n              </Typo>\n              <Typo color=\"primary\" display=\"block\">\n                {t(\"row2-col4\")}\n              </Typo>\n            </Space>\n          </Col>\n        </Row>\n      </Space>\n    </LayoutContent>\n  );\n};\n\nexport default Content1;\n","import styled from \"styled-components\";\n\nexport const LayoutContent = styled.div`\n  background: linear-gradient(\n    180deg,\n    rgba(229, 229, 229, 1) 0%,\n    rgba(255, 255, 255, 1) 100%\n  );\n`;\n\nexport const BackgroundContent = styled.div`\n  background: linear-gradient(\n      0.13deg,\n      rgba(88, 205, 206, 0.44) -9.88%,\n      rgba(255, 255, 255, 0) 48.49%\n    ),\n    #163a92;\n  background-size: cover;\n  background-position: top;\n\n  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);\n\n  @media screen and (max-width: ${props => props.theme.screen.small}) {\n    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);\n  }\n`;\n\nexport const ContentBox = styled.div`\n  padding: 100px 10%;\n`;\n\nexport const ContentCenter = styled.div`\n  text-align: center;\n`;\n\nexport const ContentImg = styled.img`\n  width: 100%;\n`;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\n\nimport {\n  LayoutContent,\n  BackgroundContent,\n  ContentBox,\n  ContentCenter,\n  ContentImg,\n} from \"./style\";\nimport { ShadowWarper } from \"../../Background\";\nimport Typo from \"../../Typography\";\nimport Space from \"../../Space\";\n\ninterface Content2Props {\n  refContent2: React.MutableRefObject<HTMLDivElement | null>;\n}\n\nconst Content2: React.FC<Content2Props> = ({ refContent2 }) => {\n  const { t } = useTranslation(\"content2\");\n  return (\n    <LayoutContent ref={refContent2}>\n      <ShadowWarper>\n        <BackgroundContent>\n          <ContentBox>\n            <ContentCenter>\n              <Typo size=\"header\" weight=\"bold\">\n                {t(\"title\")}\n              </Typo>\n            </ContentCenter>\n            <Row justify=\"space-around\" align=\"middle\">\n              <Col xs={24} sm={11}>\n                <Space margin={[20, \"auto\"]} maxWidth=\"400px\">\n                  <ContentImg src=\"feature_1.png\" alt=\"feature_1\" />\n                </Space>\n              </Col>\n              <Col xs={24} sm={11}>\n                <Space margin={[20, \"auto\"]} maxWidth=\"400px\">\n                  <Typo weight=\"bold\">{t(\"row1-col2\")}</Typo>\n                  <Space margin={[20, 0, 0, 0]}>\n                    <Typo>{t(\"row2-col2\")}</Typo>\n                  </Space>\n                </Space>\n              </Col>\n              <Col xs={{ span: 24, order: 2 }} sm={{ span: 11, order: 1 }}>\n                <Space margin={[20, \"auto\"]} maxWidth=\"400px\">\n                  <Typo weight=\"bold\">{t(\"row3-col1\")}</Typo>\n                  <Space margin={[20, 0, 0, 0]}>\n                    <Typo>{t(\"row4-col1\")}</Typo>\n                  </Space>\n                </Space>\n              </Col>\n              <Col xs={{ span: 24, order: 1 }} sm={{ span: 11, order: 2 }}>\n                <Space margin={[20, \"auto\"]} maxWidth=\"400px\">\n                  <ContentImg src=\"feature_2.png\" alt=\"feature_2\" />\n                </Space>\n              </Col>\n              <Col xs={24} sm={{ span: 11, order: 2 }}>\n                <Space margin={[20, \"auto\"]} maxWidth=\"400px\">\n                  <ContentImg src=\"feature_3.png\" alt=\"feature_3\" />\n                </Space>\n              </Col>\n              <Col xs={24} sm={{ span: 11, order: 2 }}>\n                <Space margin={[20, \"auto\"]} maxWidth=\"400px\">\n                  <Typo weight=\"bold\">{t(\"row5-col2\")}</Typo>\n                  <Space margin={[20, 0, 0, 0]}>\n                    <Typo>{t(\"row6-col2\")}</Typo>\n                  </Space>\n                </Space>\n              </Col>\n            </Row>\n          </ContentBox>\n        </BackgroundContent>\n      </ShadowWarper>\n    </LayoutContent>\n  );\n};\n\nexport default Content2;\n","import styled from \"styled-components\";\n\nexport const LayoutContent = styled.div`\n  padding: 100px 10%;\n  background-color: white;\n`;\n\nexport const ContentImg = styled.img`\n  width: 100%;\n`;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\n\nimport { LayoutContent, ContentImg } from \"./style\";\nimport Typo from \"../../Typography\";\nimport Space from \"../../Space\";\n\ninterface Content3Props {}\n\nconst Content3: React.FC<Content3Props> = () => {\n  const { t } = useTranslation(\"content3\");\n  return (\n    <LayoutContent>\n      <Row gutter={[24, 24]} justify=\"space-around\">\n        <Col xs={24} sm={12} lg={8}>\n          <Space margin={[0, \"auto\"]} maxWidth=\"400px\" minWidth=\"250px\">\n            <ContentImg src=\"feature_4.png\" alt=\"feature_4\" />\n            <Typo\n              weight=\"bold\"\n              color=\"primary\"\n              display=\"block\"\n              margin={[10, 0]}\n            >\n              {t(\"row1-col1\")}\n            </Typo>\n            <Typo color=\"primary\">{t(\"row2-col1\")}</Typo>\n          </Space>\n        </Col>\n        <Col xs={24} sm={12} lg={8}>\n          <Space margin={[0, \"auto\"]} maxWidth=\"400px\" minWidth=\"250px\">\n            <ContentImg src=\"feature_5.png\" alt=\"feature_5\" />\n            <Typo\n              weight=\"bold\"\n              color=\"primary\"\n              display=\"block\"\n              margin={[10, 0]}\n            >\n              {t(\"row1-col2\")}\n            </Typo>\n            <Typo color=\"primary\">{t(\"row2-col2\")}</Typo>\n          </Space>\n        </Col>\n        <Col xs={24} sm={12} lg={8}>\n          <Space margin={[0, \"auto\"]} maxWidth=\"400px\" minWidth=\"250px\">\n            <ContentImg src=\"feature_6.png\" alt=\"feature_6\" />\n            <Typo\n              weight=\"bold\"\n              color=\"primary\"\n              display=\"block\"\n              margin={[10, 0]}\n            >\n              {t(\"row1-col3\")}\n            </Typo>\n            <Typo color=\"primary\">{t(\"row2-col3\")}</Typo>\n          </Space>\n        </Col>\n      </Row>\n    </LayoutContent>\n  );\n};\n\nexport default Content3;\n","import styled from \"styled-components\";\nimport Button from \"../../Button\";\n\nexport const BackgroundContent = styled.div`\n  background: linear-gradient(\n      307.14deg,\n      rgba(88, 205, 206, 0.44) 7.22%,\n      rgba(255, 255, 255, 0) 65.38%\n    ),\n    #163a92;\n  background-size: cover;\n  background-position: top;\n\n  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);\n\n  @media screen and (max-width: ${props => props.theme.screen.small}) {\n    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);\n  }\n`;\n\nexport const LayoutContent = styled.div`\n  padding: 12.5rem 10% 40px 10%;\n`;\n\nexport const ContentButton = styled(Button)``;\n","import styled from \"styled-components\";\nimport { scale } from \"../../animations/scale\";\n\nexport const Img = styled.object`\n  width: 100%;\n\n  &:hover {\n    animation: ${scale} 0.25s linear 0s 1 normal forwards;\n  }\n`;\n","import { Img } from \"./style\";\nimport { cardType } from \"../../types\";\n\ninterface CardProps {\n  type: cardType;\n}\n\nconst Card: React.FC<CardProps> = ({ type }) => {\n  return <Img data={`cards/${type}.svg`} type=\"image/svg+xml\" />;\n};\n\nexport default Card;\n","import Card from \"../Card\";\nimport { cardType } from \"../../types\";\n\ninterface CardListProps {\n  cards: cardType[];\n}\n\nconst CardList: React.FC<CardListProps> = ({ cards }) => {\n  return (\n    <>\n      {cards.map(cardType => (\n        <Card type={cardType} />\n      ))}\n    </>\n  );\n};\n\nexport default CardList;\n","import styled from \"styled-components\";\nimport CardList from \"../CardList\";\nimport { miniScale } from \"../../animations/scale\";\n\nexport const Layout = styled.div`\n  position: absolute;\n  top: 10rem;\n  right: 0;\n  z-index: 1;\n  transform: translateX(15%);\n\n  @media screen and (min-width: ${(props) => props.theme.screen.xlarge}) {\n    transform: scale(1.1, 1.1) translateX(5%);\n    transform-origin: right bottom;\n  }\n\n  @media screen and (max-width: 1200px) {\n    transform: translate(15%, 20%);\n  }\n\n  @media screen and (max-width: ${(props) => props.theme.screen.large}) {\n    transform: scale(0.85, 0.85) translate(40%, 20%);\n  }\n\n  @media screen and (max-width: ${(props) => props.theme.screen.medium}) {\n    transform: scale(0.85, 0.85) translate(35%, 20%);\n  }\n\n  @media screen and (max-width: ${(props) => props.theme.screen.small}) {\n    transform: scale(0.7, 0.7) translate(45%, 50%);\n  }\n`;\n\nexport const CardLayout = styled.div`\n  position: absolute;\n  top: 20%;\n  left: 0;\n  width: 16.5625rem;\n  min-width: 231.875px;\n  transform: translateX(-50%);\n\n  object:not(:last-child):not(:first-child) {\n    margin: 5px 0px;\n  }\n\n  object:first-child {\n    margin-bottom: 5px;\n  }\n\n  object:last-child {\n    margin-top: 5px;\n  }\n`;\n\nexport const StyledCardList = styled(CardList)``;\n\nexport const Img = styled.img`\n  width: 597px;\n\n  /* &:hover {\n    animation: ${miniScale} 0.15s linear 0s 1 normal forwards;\n  } */\n`;\n","import { Img, CardLayout, Layout } from \"./style\";\nimport CardList from \"../CardList\";\n\nconst SubPageBottom: React.FC = () => {\n  return (\n    <Layout>\n      <Img src=\"calendar.png\" alt=\"calendar\" />\n    </Layout>\n  );\n};\n\nexport default SubPageBottom;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\n\nimport { LayoutContent, BackgroundContent, ContentButton } from \"./style\";\nimport { ShadowWarper } from \"../../Background\";\nimport Typo from \"../../Typography\";\nimport Space from \"../../Space\";\nimport SubPageBottom from \"../../SubPageBottom\";\n\ninterface Content4Props {\n  refContent4: React.MutableRefObject<HTMLDivElement | null>;\n  onContactButtonClick: (e: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst Content4: React.FC<Content4Props> = ({\n  refContent4,\n  onContactButtonClick,\n}) => {\n  const { t } = useTranslation(\"content4\");\n  return (\n    <ShadowWarper>\n      <SubPageBottom />\n      <BackgroundContent>\n        <LayoutContent ref={refContent4}>\n          <Typo size=\"header\" weight=\"bold\" color=\"secondary\">\n            {t(\"title\")}\n          </Typo>\n          <Row>\n            <Col>\n              <Space maxWidth=\"460px\" margin={[0, 0, 300, 0]}>\n                <Typo>{t(\"row1\")}</Typo>\n                <Typo\n                  size=\"sub-hero\"\n                  weight=\"bold\"\n                  display=\"block\"\n                  margin={[30, 0]}\n                >\n                  {t(\"row2\")}\n                </Typo>\n                <ContentButton\n                  id=\"contact_us_btn\"\n                  title={t(\"button\")}\n                  forward\n                  onClick={onContactButtonClick}\n                />\n              </Space>\n            </Col>\n          </Row>\n        </LayoutContent>\n      </BackgroundContent>\n    </ShadowWarper>\n  );\n};\n\nexport default Content4;\n","import styled from \"styled-components\";\n\nexport const LayoutContent = styled.div`\n  background-color: white;\n  padding: 250px 10% 150px 10%;\n`;\n\nexport const ContentImgSymbol = styled.img`\n  margin-right: 8px;\n`;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\n\nimport { LayoutContent, ContentImgSymbol } from \"./style\";\nimport Typo from \"../../Typography\";\nimport Space from \"../../Space\";\n\ninterface Content5Props {\n  refContactUs: React.MutableRefObject<HTMLDivElement | null>;\n}\n\nconst Content5: React.FC<Content5Props> = ({ refContactUs }) => {\n  const { t } = useTranslation(\"content5\");\n  return (\n    <LayoutContent>\n      <Typo size=\"header\" weight=\"bold\" color=\"secondary\">\n        {t(\"title\")}\n      </Typo>\n      <Row gutter={[16, 16]} justify=\"space-between\">\n        <Col xs={24} lg={7}>\n          <Space margin={[20, 0]}>\n            <Typo\n              weight=\"bold\"\n              color=\"primary\"\n              display=\"block\"\n              margin={[10, 0]}\n            >\n              {t(\"row1-col1\")}\n            </Typo>\n            <Typo color=\"primary\">{t(\"row2-col1\")}</Typo>\n          </Space>\n        </Col>\n        <Col xs={24} lg={7}>\n          <Space margin={[20, 0]}>\n            <Typo\n              weight=\"bold\"\n              color=\"primary\"\n              display=\"block\"\n              margin={[10, 0]}\n            >\n              {t(\"row1-col2\")}\n            </Typo>\n            <Typo color=\"primary\">{t(\"row2-col2\")}</Typo>\n          </Space>\n        </Col>\n        <Col xs={24} lg={7}>\n          <Space margin={[20, 0]}>\n            <Typo\n              weight=\"bold\"\n              color=\"primary\"\n              display=\"block\"\n              margin={[10, 0]}\n            >\n              {t(\"row1-col3\")}\n            </Typo>\n            <Typo color=\"primary\">{t(\"row2-col3\")}</Typo>\n          </Space>\n        </Col>\n      </Row>\n      <div ref={refContactUs} style={{ height: \"12vh\" }} />\n      <Typo\n        size=\"header\"\n        weight=\"bold\"\n        color=\"secondary\"\n        display=\"block\"\n        margin={[0, 0, 20, 0]}\n      >\n        {t(\"title2\")}\n      </Typo>\n      <Typo\n        weight=\"bold\"\n        color=\"primary\"\n        display=\"inline-block\"\n        margin={[30, 30, 0, 0]}\n      >\n        <ContentImgSymbol src=\"phone_symbol.svg\" alt=\"phone_symbol\" />\n        <a href=\"tel:0894440595\">089-444-0595</a>\n      </Typo>\n      <Typo\n        weight=\"bold\"\n        color=\"primary\"\n        display=\"inline-block\"\n        margin={[30, 30, 0, 0]}\n        hoverable\n      >\n        <ContentImgSymbol src=\"massage_symbol.svg\" alt=\"massage_symbol\" />\n        <a href=\"mailto:contact@roodeelms.com,march@roodeelms.com,nutcha.s@roodeelms.com?subject=Contact%20Us\">\n          contact@roodeelms.com\n        </a>\n      </Typo>\n    </LayoutContent>\n  );\n};\n\nexport default Content5;\n","import styled from \"styled-components\";\n\nexport const LayoutContent = styled.div`\n  background-color: #e5e5e5;\n  padding: 50px 10%;\n`;\n\nexport const ContentImg = styled.img`\n  width: 100px;\n  margin-bottom: 1.6rem;\n`;\n\nexport const ContentImgSymbol = styled.img`\n  margin-right: 8px;\n`;\n","import { useTranslation } from \"react-i18next\";\nimport { Row, Col } from \"antd\";\n\nimport { LayoutContent, ContentImg, ContentImgSymbol } from \"./style\";\nimport Typo from \"../Typography\";\nimport Space from \"../Space\";\n\ninterface FooterProps {}\n\nconst Footer: React.FC<FooterProps> = () => {\n  const { t } = useTranslation(\"footer\");\n  return (\n    <LayoutContent>\n      <Row justify=\"space-between\">\n        <Col xs={24} sm={24}>\n          <ContentImg src=\"roodee_full_dark.svg\" alt=\"icon_dark\" />\n        </Col>\n        <Col xs={24} sm={8}>\n          <Typo\n            weight=\"bold\"\n            color=\"primary\"\n            display=\"block\"\n            margin={[0, 0, 20, 0]}\n          >\n            {t(\"row1-col2\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0]}>\n            {t(\"row2-col2\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0]}>\n            {t(\"row3-col2\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0, 20, 0]}>\n            {t(\"row4-col2\")}\n          </Typo>\n        </Col>\n        <Col xs={24} sm={8}>\n          <Typo\n            weight=\"bold\"\n            color=\"primary\"\n            display=\"block\"\n            margin={[0, 0, 20, 0]}\n          >\n            {t(\"row1-col3\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0]}>\n            {t(\"row2-col3\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0]}>\n            {t(\"row3-col3\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0]}>\n            {t(\"row4-col3\")}\n          </Typo>\n          <Typo color=\"primary\" display=\"block\" margin={[10, 0, 20, 0]}>\n            {t(\"row5-col3\")}\n          </Typo>\n        </Col>\n        <Col xs={24} sm={8}>\n          <Typo\n            weight=\"bold\"\n            color=\"primary\"\n            display=\"block\"\n            margin={[0, 0, 20, 0]}\n          >\n            {t(\"row1-col4\")}\n          </Typo>\n          <Typo weight=\"bold\" color=\"primary\" display=\"block\" margin={[10, 0]}>\n            <ContentImgSymbol src=\"phone_symbol.svg\" alt=\"phone_symbol\" />\n            089-014-9911\n          </Typo>\n          <Typo weight=\"bold\" color=\"primary\" display=\"block\" margin={[10, 0]}>\n            <ContentImgSymbol src=\"massage_symbol.svg\" alt=\"massage_symbol\" />\n            <a href=\"mailto:contact@roodeelms.com,march@roodeelms.com,nutcha.s@roodeelms.com?subject=Contact%20Us\">\n              contact@roodeelms.com\n            </a>\n          </Typo>\n        </Col>\n      </Row>\n      <Space margin={[100, 0, 0, 0]}>\n        <Row>\n          <Typo weight=\"bold\" color=\"primary\">\n            {t(\"footer1\")}\n          </Typo>\n          <Typo color=\"primary\" margin={[0, 10]}>\n            |\n          </Typo>\n          <Typo weight=\"bold\" color=\"primary\">\n            {t(\"footer2\")}\n          </Typo>\n          <Typo color=\"primary\" margin={[0, 10]}>\n            |\n          </Typo>\n          <Typo weight=\"bold\" color=\"primary\">\n            {t(\"footer3\")}\n          </Typo>\n        </Row>\n      </Space>\n    </LayoutContent>\n  );\n};\n\nexport default Footer;\n","import { useRef } from \"react\";\n\nimport Navbar from \"../components/Navbar\";\nimport Header from \"../components/Header\";\nimport Content1 from \"../components/Content/Content1\";\nimport Content2 from \"../components/Content/Content2\";\nimport Content3 from \"../components/Content/Content3\";\nimport Content4 from \"../components/Content/Content4\";\nimport Content5 from \"../components/Content/Content5\";\nimport Footer from \"../components/Footer\";\n\nconst App: React.FC = () => {\n  const headerRef = useRef<HTMLDivElement>(null);\n  const content1Ref = useRef<HTMLDivElement>(null);\n  const content2Ref = useRef<HTMLDivElement>(null);\n  const content4Ref = useRef<HTMLDivElement>(null);\n  const contactUsRef = useRef<HTMLDivElement>(null);\n\n  const handleClickScroll = (event: React.MouseEvent<HTMLElement>) => {\n    switch (event.currentTarget.id) {\n      case \"nav_logo_btn\":\n        if (headerRef.current) {\n          headerRef.current.scrollIntoView({ behavior: \"smooth\" });\n        }\n        break;\n      case \"nav_btn_1\":\n        if (content1Ref.current) {\n          content1Ref.current.scrollIntoView({ behavior: \"smooth\" });\n        }\n        break;\n      case \"nav_btn_2\":\n        if (content2Ref.current) {\n          content2Ref.current.scrollIntoView({ behavior: \"smooth\" });\n        }\n        break;\n      case \"nav_btn_3\":\n        if (content4Ref.current) {\n          content4Ref.current.scrollIntoView({ behavior: \"smooth\" });\n        }\n        break;\n      case \"nav_btn_4\":\n      case \"contact_us_btn\":\n        if (contactUsRef.current) {\n          contactUsRef.current.scrollIntoView({ behavior: \"smooth\" });\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <>\n      <Navbar onNavItemClick={handleClickScroll} />\n      <Header refHeader={headerRef} onContactButtonClick={handleClickScroll} />\n      <Content1 refContent1={content1Ref} />\n      <Content2 refContent2={content2Ref} />\n      <Content3 />\n      <Content4\n        refContent4={content4Ref}\n        onContactButtonClick={handleClickScroll}\n      />\n      <Content5 refContactUs={contactUsRef} />\n      <Footer />\n    </>\n  );\n};\n\nexport default App;\n","import { createGlobalStyle } from \"styled-components\";\n\nimport theme from \"./theme\"; // <-- might have defined many theme variables in here to use within the body styling\n\nconst { font } = theme;\n\nexport default createGlobalStyle`\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  html {\n    font-size: 16px;\n  }\n\n  #root {\n    position: relative;\n    overflow: hidden;\n  }\n\n  body {\n    font-family: ${font.family};\n    font-weight: 400;\n    line-height: 1.618;\n    color: ${font.color};\n  }\n\n  .ant-menu-vertical {\n    background-color: transparent !important;\n  }\n\n  .ant-menu {\n    box-shadow: none;\n  }\n\n  .ant-menu-vertical > .ant-menu-item-only-child:active {\n    background-color: transparent !important;\n  }\n\n  .ant-menu-submenu-popup {\n    background-color: ${theme.color.color3} !important;\n  }\n\n  .ant-menu-vertical > .ant-menu-item-only-child {\n    border-left: 2px solid transparent !important;\n  }\n\n  .ant-menu-vertical > .ant-menu-item-only-child:hover {\n    border-left: 2px solid white !important;\n  }\n\n  .ant-menu-vertical > .ant-menu-item-selected {\n    background-color: transparent !important;\n    border-left: 2px solid white !important;\n  }\n\n  @media screen and (max-width: ${theme.screen.medium}) {\n    html {\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: ${theme.screen.small}) {\n    html {\n      font-size: 12px;\n    }\n  }\n`;\n","import { ThemeProvider } from \"styled-components\";\nimport theme from \"./theme\";\n\nimport Page from \"./pages\";\n\nimport AppStyle from \"./App.style\";\nimport \"./App.less\";\n\nconst App: React.FC = () => {\n  return (\n    <ThemeProvider theme={theme}>\n      <AppStyle />\n      <Page />\n    </ThemeProvider>\n  );\n};\n\nexport default App;\n","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\n// the translations\n// (tip move them in a JSON file and import them)\nconst resources = {\n  en: {\n    header: {\n      \"nav-text-1\": \"Our Solution\",\n      \"nav-text-2\": \"Our Solution\",\n      \"nav-text-3\": \"Our Solution\",\n      \"nav-text-4\": \"Our Solution\",\n      \"primary-text-1\": \"\",\n      \"primary-text-2\": \"\",\n      \"primary-text-3\": \"\",\n      \"secondary-text-1\": \"\",\n      \"secondary-text-2\": \"\",\n      \"secondary-text-3\": \"\",\n      \"secondary-text-4\": \"\",\n      \"secondary-text-5\": \"\",\n      button: \"\",\n      \"row1-col1\": \"\",\n      \"row2-col1\": \"\",\n      \"row1-col2\": \"\",\n      \"row2-col2\": \"\",\n      \"row1-col3\": \"\",\n      \"row2-col3\": \"\",\n      \"row1-col4\": \"\",\n      \"row2-col4\": \"\",\n    },\n    content1: {\n      title: \"\",\n      \"row1-col1\": \"\",\n      \"row2-col1\": \"\",\n      \"row1-col2\": \"\",\n      \"row2-col2\": \"\",\n      \"row1-col3\": \"\",\n      \"row2-col3\": \"\",\n      \"row1-col4\": \"\",\n      \"row2-col4\": \"\",\n    },\n    content2: {\n      title: \"\",\n    },\n    content3: {\n      \"row1-col1\": \"\",\n      \"row2-col1\": \"\",\n      \"row1-col2\": \"\",\n      \"row2-col2\": \"\",\n      \"row1-col3\": \"\",\n      \"row2-col3\": \"\",\n    },\n    content4: {\n      title: \"\",\n      row1: \"\",\n      row2: \"\",\n    },\n    content5: {\n      title: \"?\",\n      \"row1-col1\": \"\",\n      \"row2-col1\": \"\",\n      \"row1-col2\": \"\",\n      \"row2-col2\": \"\",\n      \"row1-col3\": \"\",\n      \"row2-col3\": \"\",\n    },\n    footer: {\n      \"row1-col1\": \"\",\n      \"row1-col2\": \"\",\n      \"row2-col2\": \"\",\n      \"row3-col2\": \"\",\n      \"row4-col2\": \"\",\n      \"row1-col3\": \"\",\n      \"row2-col3\": \"\",\n      \"row3-col3\": \"\",\n      \"row4-col3\": \"\",\n      \"row5-col3\": \"\",\n      \"row1-col4\": \"\",\n      footer1: \"\",\n      footer2: \"\",\n      footer3: \"\",\n    },\n  },\n  th: {\n    header: {\n      \"nav-text-1\": \"ระบบของเรา\",\n      \"nav-text-2\": \"ฟีเจอร์ของเรา\",\n      \"nav-text-3\": \"ทำไมต้อง Roodee?\",\n      \"nav-text-4\": \"ติดต่อเรา\",\n      \"primary-text-1\": `ระบบการจัดการการ เรียนออนไลน์`,\n      \"primary-text-2\": \"เพื่อสถาบันการศึกษา, รร.กวดวิชา,\",\n      \"primary-text-3\": \"หน่วยงานราชการ, บริษัทเอกชน และองค์กรต่างๆ\",\n      \"secondary-text-1\": \"มิติใหม่ของระบบการจัดการการเรียนการสอน (LMS)\",\n      \"secondary-text-2\":\n        \"ระบบออนไลน์ที่จะช่วยให้การเรียน การอบรมมีประสิทธิภาพมากขึ้น และสามารถเชื่อต่อผู้เรียน, ผู้สอน และผู้บริการได้อีกด้วย\",\n      \"secondary-text-3\":\n        \"RooDee LMS จะช่วยให้การเรียน การอบรมมี ประสิทธิภาพมากขึ้น และสามารถเชื่อมต่อผู้เรียน, ผู้สอน และผู้บริหาร ได้อีกด้วย\",\n      \"secondary-text-4\":\n        \"RooDee LMS สร้างระบบที่รวบรวมฟีเจอร์ที่ดีที่สุด กับความต้องการของลูกค้าไว้ในระบบเดียว\",\n      \"secondary-text-5\":\n        \"RooDee LMS สามารถจัดการการเรียนการสอนที่แม่นยำ และได้ใช้จริงในชีวิตประจำวัน เพื่อให้เกิดประสิทธิภาพสูงสุดต่อผู้ใช้งาน\",\n      button: \"ติดต่อเรา\",\n    },\n    content1: {\n      title: \"ระบบของเรา\",\n      \"row1-col1\": \"ข้อมูลแม่นยำ\",\n      \"row2-col1\": \"มั่นใจกับการจัดเก็บข้อมูล และข้อมูลสถิติที่แม่นยำ\",\n      \"row1-col2\": \"ใช้งานง่าย\",\n      \"row2-col2\":\n        \"ระบบมีดีไซน์ที่สวยงาม และใช้งานง่าย เพื่อสามารถใช้งานอย่างสะดวกสบาย และสามารถเรียนรู้การใช้งานได้เร็ว\",\n      \"row1-col3\": \"ใช้งานบนอุปกรณ์หลายขนาด\",\n      \"row2-col3\": \"สามารถใช้งานบนคอมพิวเตอร์, มือถือ และแท็บเล็ต\",\n      \"row1-col4\": \"ปรับแต่งตามภาพลักษณ์องค์กร\",\n      \"row2-col4\": \"สามารถปรับแต่งให้เข้ากับภาพลักษณ์ ของแต่ละองค์กร\",\n    },\n    content2: {\n      title: \"ฟีเจอร์ของเรา\",\n      \"row1-col2\": \"แดชบอร์ดของผู้ใช้\",\n      \"row2-col2\":\n        \"สามารถติดตามความคืบหน้าของภาพรวมของการเรียน และแต่ละวิชาได้อย่างง่ายดาย\",\n      \"row3-col1\": \"E-learning\",\n      \"row4-col1\":\n        \"สามารถกำหนดเส้นทางการเรียนรู้ และกำหนดให้ผู้เรียนแต่ละคน สามารถเข้าถึงบทเรียนได้อย่างง่ายดาย  พร้อมแสดงความคืบหน้า ของแต่ละบทเรียน\",\n      \"row5-col2\": \"แบบทดสอบ และแบบสำรวจ\",\n      \"row6-col2\":\n        \"แบบทดสอบก่อน-หลังเรียน, แบบทดสอบวัดความรู้ และแบบสำรวจ ความต้องการ  พร้อมการตรวจข้อสอบอัตโนมัติได้อย่างง่ายดาย\",\n    },\n    content3: {\n      \"row1-col1\": \"ระบบเช็คชื่อ\",\n      \"row2-col1\":\n        \"แม้ว่าจะเป็นการเรียนหรืออบรมในห้องเรียน สามารถเช็คชื่อผู้เรียนได้ผ่านระบบได้ \",\n      \"row1-col2\": \"รายงาน และการติดตามข้อมูล\",\n      \"row2-col2\":\n        \"สามารถติดตาม และดาวน์โหลดรายงาน หรือสถิติต่างๆ เช่น รายงานผลการเรียนของผู้เรียนแต่ละคน\",\n      \"row1-col3\": \"ประชาสัมพันธ์ และข่าวสาร\",\n      \"row2-col3\":\n        \"ผู้ดูแลระบบ และผู้สอน สามารถส่งข่าวสารประชาสัมพันธ์ให้กับ ผู้เรียนผ่านระบบ\",\n    },\n    content4: {\n      title: \"ทำไมต้อง Roodee LMS?\",\n      row1:\n        \"ทีมงาน RooDee LMS มุ่งมั่นสำรวจ และศึกษาตลาดอย่างจริงจัง เพื่อพัฒนาระบบ LMS ที่สมบูรณ์ และตอบสนองความต้องการของผู้ใช้\",\n      row2: \"เพื่อสร้างระบบ LMS ที่ดีที่สุดในประเทศไทย\",\n      button: \"เพิ่มเติม\",\n    },\n    content5: {\n      title: \"พร้อมทดลองระบบแล้วรึยัง?\",\n      \"row1-col1\": \"ผู้บริหาร\",\n      \"row2-col1\":\n        \"ช่วยให้การบริหารจัดการองค์กรมีความทันสมัยวิเคราะห์ข้อมูลที่แม่นยำเป็นระเบียบและใช้งานง่ายด้วยฟังก์ชั่นการติดตามความ คืบหน้า และการรายงานผลของผู้เรียน\",\n      \"row1-col2\": \"ผู้สอน\",\n      \"row2-col2\":\n        \"ช่วยให้ผู้สอนทำงานได้ง่ายขึ้นและลดงานเอกสารเพื่อให้มี เวลาเตรียมการสอนและเวลาในการพัฒนาผู้เรียนมากยิ่งขึ้น  ด้วยฟังก์ชั่นเช็คชื่อการเรียนในห้องเรียนการอัพโหลดสื่อ การสอน การแจ้งข่าวสารกับนักเรียน และอื่นๆ\",\n      \"row1-col3\": \"ผู้เรียน\",\n      \"row2-col3\":\n        \"ผู้เรียนสามารถดูภาพรวม กิจกรรมการเรียนรู้ของตนเอง ได้อย่างง่ายดาย ไม่ว่าจะเป็นการฝึกอบรมในห้องเรียน หรือการเรียนในระบบ E-Learning\",\n      title2: \"ติดต่อเรา RooDee LMS\",\n    },\n    footer: {\n      \"row1-col1\": \"\",\n      \"row1-col2\": \"สินค้าของเรา\",\n      \"row2-col2\": \"ระบบของเรา\",\n      \"row3-col2\": \"ฟีเจอร์ของเรา\",\n      \"row4-col2\": \"ทำไมต้อง Roodee LMS?\",\n      \"row1-col3\": \"ร่วมงานกับเรา\",\n      \"row2-col3\": \"ร่วมงานกับ RooDee LMS\",\n      \"row3-col3\": \"เกี่ยวกับเรา\",\n      \"row4-col3\": \"ติดต่อเราเพื่อรับข้อมูลเพิ่มเติม\",\n      \"row5-col3\": \"รายงานปัญหาเกี่ยวกับระบบ\",\n      \"row1-col4\": \"ติดต่อเรา\",\n      footer1: \"© ROODEE LMS 2021. All Rights Reserved.\",\n      footer2: \"นโยบายความเป็นส่วนตัว\",\n      footer3: \"ข้อกำหนดและเงื่อนไข\",\n    },\n  },\n};\n\ni18n\n  .use(initReactI18next) // passes i18n down to react-i18next\n  .init({\n    resources,\n    lng: \"th\",\n\n    keySeparator: false, // we do not use keys in form messages.welcome\n\n    interpolation: {\n      escapeValue: false, // react already safes from xss\n    },\n    whitelist: [\"en\", \"th\"],\n  });\n\nexport default i18n;\n","import ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport \"./translation/i18n\";\n\nReactDOM.render(<App />, document.querySelector(\"#root\"));\n"],"sourceRoot":""}