In order to keep our focus we decided to restructure our application in three different segments. The main ovjective with this refactor is to allow students on each of the 3 stages of their aeronautical careers a customized experience without being distracted by contents that are not geared towards them.


"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {AirplaneTicketIcon, FlightTakeoffIcon, ModuleSelectionButton, Stack, StyleIcon} = _components;
  if (!AirplaneTicketIcon) _missingMdxReference("AirplaneTicketIcon", true);
  if (!FlightTakeoffIcon) _missingMdxReference("FlightTakeoffIcon", true);
  if (!ModuleSelectionButton) _missingMdxReference("ModuleSelectionButton", true);
  if (!Stack) _missingMdxReference("Stack", true);
  if (!StyleIcon) _missingMdxReference("StyleIcon", true);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "In order to keep our focus we decided to restructure our application in three\ndifferent segments. The main ovjective with this refactor is to allow students\non each of the 3 stages of their aeronautical careers a customized experience\nwithout being distracted by contents that are not geared towards them."
    }), "\n", _jsx("br", {}), "\n", _jsx(_components.p, {
      children: _jsx(_components.strong, {
        children: "Enjoy your new home pages:"
      })
    }), "\n", _jsxs(Stack, {
      children: [_jsx(ModuleSelectionButton, {
        fullWidth: true,
        component: "a",
        sx: {
          my: {
            xs: 1,
            md: 2
          },
          maxWidth: 560,
          mx: "auto"
        },
        color: "blue",
        title: "ATPL theory",
        description: ["Explore questions, learning objectives, and theory reviews ", "from the EASA QB ATPL exams."].join(""),
        icon: _jsx(AirplaneTicketIcon, {}),
        href: "/modules/atpl"
      }), _jsx(ModuleSelectionButton, {
        fullWidth: true,
        component: "a",
        sx: {
          my: {
            xs: 1,
            md: 2
          },
          maxWidth: 560,
          mx: "auto"
        },
        color: "teal",
        title: "Interview Prep",
        description: ["Use our flash cards to practice answering open ended ", "questions and secure your first job."].join(""),
        icon: _jsx(StyleIcon, {}),
        href: "/modules/prep"
      }), _jsx(ModuleSelectionButton, {
        fullWidth: true,
        component: "a",
        sx: {
          my: {
            xs: 1,
            md: 2
          },
          maxWidth: 560,
          mx: "auto"
        },
        color: "rose",
        title: "737 Type rating",
        description: [`Prepare or review your theory knowledge for a type rating `, `on the Boeing 737.`].join(""),
        icon: _jsx(FlightTakeoffIcon, {}),
        href: "/modules/737"
      })]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}


CHAIR FLIGHT

We refactored our Web App!