diff --git a/apps/4tu/package.json b/apps/4tu/package.json
index 37e3a6e4..48aebc6f 100644
--- a/apps/4tu/package.json
+++ b/apps/4tu/package.json
@@ -13,6 +13,7 @@
     "@dans-framework/deposit": "workspace:*",
     "@dans-framework/layout": "workspace:*",
     "@dans-framework/pages": "workspace:*",
+    "@dans-framework/repo-advisor": "workspace:*",
     "@dans-framework/theme": "workspace:*",
     "@dans-framework/user-auth": "workspace:*",
     "@dans-framework/utils": "workspace:*",
@@ -21,8 +22,12 @@
     "framer-motion": "^10.15.0",
     "lz-string": "^1.5.0",
     "notistack": "^3.0.1",
+    "i18next": "^23.4.1",
+    "i18next-browser-languagedetector": "^7.1.0",
+    "i18next-resources-to-backend": "^1.1.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-i18next": "^13.0.3",
     "react-router-dom": "^6.14.2",
     "use-debounce": "^9.0.4",
     "web-vitals": "^3.4.0"
diff --git a/apps/4tu/src/App.tsx b/apps/4tu/src/App.tsx
index cf7d90e8..13d56c29 100644
--- a/apps/4tu/src/App.tsx
+++ b/apps/4tu/src/App.tsx
@@ -2,8 +2,9 @@ import { Suspense, useState } from "react";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Skeleton from "@mui/material/Skeleton";
 import Box from "@mui/material/Box";
+import { useTranslation } from "react-i18next";
 import { ThemeWrapper } from "@dans-framework/theme";
-import { MenuBar, Footer } from "@dans-framework/layout";
+import { LanguageBar, MenuBar, Footer } from "@dans-framework/layout";
 import { Deposit, type FormConfig } from "@dans-framework/deposit";
 import {
   AuthWrapper,
@@ -12,17 +13,20 @@ import {
   UserSubmissions,
   SignInCallback,
 } from "@dans-framework/user-auth";
-import RepoAdvisor, { NoRepoSelected, CurrentlySelected } from './config/pages/RepoAdvisor';
+import { RepoAdvisor, RepoBar, NoRepoSelected } from '@dans-framework/repo-advisor';
+import { Generic, type Page } from "@dans-framework/pages";
 
 // Load config variables
 import pages from "./config/pages";
 import theme from "./config/theme";
 import footer from "./config/footer";
 import siteTitle from "./config/siteTitle";
+import languages from "./config/languages";
 import authProvider from "./config/auth";
 import { AnimatePresence, motion } from "framer-motion";
 
 const App = () => {
+  const { i18n } = useTranslation();
   const [ repoConfig, setRepoConfig ] = useState<FormConfig>();
   const configIsSet = repoConfig?.hasOwnProperty('form') || false;
   return (
@@ -35,12 +39,16 @@ const App = () => {
                 initial={{ opacity: 0, y: -10 }}
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: -10 }}
-                key={repoConfig?.displayName?.en}
+                key="repo"
               >
-                <CurrentlySelected repo={repoConfig?.displayName?.en as string} />
+                <RepoBar repo={repoConfig?.displayName} />
               </motion.div>
             }
           </AnimatePresence>
+          <LanguageBar
+            languages={languages}
+            changeLanguage={i18n.changeLanguage}
+          />
           <MenuBar 
             pages={pages}
             userSettings={configIsSet}
@@ -56,14 +64,6 @@ const App = () => {
           >
             <Routes>
               <Route path="signin-callback" element={<SignInCallback />} />
-              <Route
-                path=""
-                element={
-                  <AuthRoute>
-                    <RepoAdvisor setRepoConfig={setRepoConfig} />
-                  </AuthRoute>
-                }
-              />
               <Route
                 path="user-settings"
                 element={
@@ -73,7 +73,7 @@ const App = () => {
                         target={repoConfig.targetCredentials}
                         depositSlug=""
                       /> :
-                      <NoRepoSelected />
+                      <NoRepoSelected advisorLocation="/" />
                     }
                   </AuthRoute>
                 }
@@ -84,11 +84,35 @@ const App = () => {
                   <AuthRoute>
                     {repoConfig ?
                       <UserSubmissions depositSlug="" /> :
-                      <NoRepoSelected />
+                      <NoRepoSelected advisorLocation="/" />
                     }
                   </AuthRoute>
                 }
               />
+
+              {(pages as Page[]).map((page) => {
+                return (
+                  <Route
+                    key={page.id}
+                    path={page.slug}
+                    element={
+                      page.template === "deposit" ?
+                        <AuthRoute>
+                          {repoConfig ?
+                            <Deposit config={repoConfig} page={page} /> :
+                            <NoRepoSelected advisorLocation="/" />
+                          }
+                        </AuthRoute>
+                      : page.template === "advisor" ?
+                        <AuthRoute>
+                          <RepoAdvisor page={page} setRepoConfig={setRepoConfig} depositLocation="/deposit" />
+                        </AuthRoute>
+                      : <Generic {...page} />
+                    }
+                  />
+                );
+              })}
+
               <Route
                 key="deposit"
                 path="deposit"
@@ -103,7 +127,7 @@ const App = () => {
                           inMenu: true,
                         }} 
                       /> :
-                      <NoRepoSelected />
+                      <NoRepoSelected advisorLocation="/" />
                     }
                   </AuthRoute>
                 }
@@ -112,7 +136,7 @@ const App = () => {
                 path="*"
                 element={
                   <AuthRoute>
-                    <NoRepoSelected />
+                    <NoRepoSelected advisorLocation="/" />
                   </AuthRoute>
                 }
               />
diff --git a/apps/4tu/src/config/i18n.ts b/apps/4tu/src/config/i18n.ts
new file mode 100644
index 00000000..7ded014b
--- /dev/null
+++ b/apps/4tu/src/config/i18n.ts
@@ -0,0 +1,40 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import languages from "./languages";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { i18n as i18nLayout } from "@dans-framework/layout";
+import { i18n as i18nDeposit } from "@dans-framework/deposit";
+import { i18n as i18nAuth } from "@dans-framework/user-auth";
+import { i18n as i18nRepo } from "@dans-framework/repo-advisor";
+
+// this is the main language provider for all subcomponents/libraries
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    debug: import.meta.env.DEV,
+    supportedLngs: languages,
+    detection: {
+      order: ["cookie", "localStorage"],
+      lookupCookie: "i18next",
+      lookupLocalStorage: "i18nextLng",
+      caches: ["localStorage", "cookie"],
+    },
+    fallbackLng: "en",
+    interpolation: {
+      escapeValue: false,
+    },
+    react: {
+      useSuspense: true,
+    },
+  });
+
+// make sure to import languages for the components that need it
+i18n.on("languageChanged", (lng) => {
+  i18nLayout.changeLanguage(lng);
+  i18nDeposit.changeLanguage(lng);
+  i18nAuth.changeLanguage(lng);
+  i18nRepo.changeLanguage(lng);
+});
+
+export default i18n;
diff --git a/apps/4tu/src/config/languages.ts b/apps/4tu/src/config/languages.ts
new file mode 100644
index 00000000..329d72a2
--- /dev/null
+++ b/apps/4tu/src/config/languages.ts
@@ -0,0 +1,5 @@
+import type { Language } from "@dans-framework/utils";
+
+const languages: Language[] = ["en", "nl"];
+
+export default languages;
diff --git a/apps/4tu/src/config/pages.ts b/apps/4tu/src/config/pages.ts
index 4e9d4ed4..0443c2b2 100644
--- a/apps/4tu/src/config/pages.ts
+++ b/apps/4tu/src/config/pages.ts
@@ -2,20 +2,32 @@ import type { Page } from "@dans-framework/pages";
 
 const depositPage: Page = {
   id: "deposit",
-  name: "Deposit",
+  name: {
+    en: "Deposit",
+    nl: "Deponeren",
+  },
   slug: "deposit",
   template: "deposit",
   inMenu: true,
-  menuTitle: "Deposit",
+  menuTitle: {
+    en: "Deposit",
+    nl: "Deponeren",
+  },
 };
 
 const advisorPage: Page = {
   id: "advisor",
-  name: "Advisor",
+  name: {
+    en: "Repository selector",
+    nl: "Repository selector",
+  },
   slug: "/",
-  template: "deposit",
+  template: "advisor",
   inMenu: true,
-  menuTitle: "Advisor",
+  menuTitle: {
+    en: "Repository selector",
+    nl: "Repository selector",
+  },
 };
 
 export default [ advisorPage, depositPage ];
diff --git a/apps/4tu/src/config/pages/RepoAdvisor.tsx b/apps/4tu/src/config/pages/RepoAdvisor.tsx
deleted file mode 100644
index b90ff784..00000000
--- a/apps/4tu/src/config/pages/RepoAdvisor.tsx
+++ /dev/null
@@ -1,344 +0,0 @@
-import { useState, useEffect, Fragment, type Dispatch, type SetStateAction } from "react";
-import { useNavigate, Link as RouterLink } from "react-router-dom";
-import Stack from '@mui/material/Stack';
-import CircularProgress from '@mui/material/CircularProgress';
-import Paper from '@mui/material/Paper';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Grid from "@mui/material/Unstable_Grid2";
-import Typography from "@mui/material/Typography";
-import Container from "@mui/material/Container";
-import { useDebounce } from "use-debounce";
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import FormControl from '@mui/material/FormControl';
-import Select, { SelectChangeEvent } from '@mui/material/Select';
-import TextField from '@mui/material/TextField';
-import Autocomplete from '@mui/material/Autocomplete';
-import type { AutocompleteAPIFieldData, FormConfig } from "@dans-framework/deposit";
-import { AnimatePresence, motion } from "framer-motion";
-import { fetchTypeaheadApiData, postRecommendationsApiData } from "./apiHelpers";
-import { enqueueSnackbar } from "notistack";
-import Link from '@mui/material/Link';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import Divider from '@mui/material/Divider';
-import ListItemText from '@mui/material/ListItemText';
-
-const RepoAdvisor = ({setRepoConfig}: {setRepoConfig: Dispatch<SetStateAction<any>>}) => {
-  const [recommendations, setRecommendations] = useState<FormConfig[]>();
-  const [ror, setRor] = useState<Option | null>(null);
-  const [narcis, setNarcis] = useState<Option | null>(null);
-  const [depositType, setDepositType] = useState<string>("");
-  const [fileType, setFileType] = useState<string>("");
-  const [loading, setLoading] = useState<boolean>(false);
-  const [error, setError] = useState<boolean>(false);
-  const navigate = useNavigate();
-
-  const fetchRecommendations = async () => {
-    setLoading(true);
-    setError(false);
-    const result = await postRecommendationsApiData(ror!.value, narcis!.value, depositType, fileType);
-    result ? setRecommendations(result) : setError(true);
-    setLoading(false);
-    // and scroll down a bit to show recommendations
-    const recs = document.getElementById("recommendations");
-    recs && recs.scrollIntoView({
-      behavior: 'smooth'
-    });
-  }
-
-  const resetRecommendations = () => {
-    setRecommendations(undefined);
-  }
-
-  const pickRepo = (repo: FormConfig) => {
-    // set repo and redirect to deposit
-    setRepoConfig(repo);
-    navigate("/deposit");
-    window.scrollTo({top: 0, behavior: "smooth"});
-  }
-
-  useEffect(() => {
-    error && enqueueSnackbar("Something's gone wrong fetching recommendations. Please try again.", { variant: "customError" });
-  }, [error]);
-
-  const dataMissing = 
-    !ror ||
-    !narcis ||
-    !depositType ||
-    (depositType === 'dataset' && !fileType);
-
-  return (
-    <Container>
-      <Grid container justifyContent="center">
-        <Grid xs={12} sm={11} md={8} lg={7} xl={6} mt={4}>
-          <Paper sx={{p: 4}}>
-            <Typography variant="h3">
-              Repository advisor
-            </Typography>
-            <Typography mb={4}>
-              Fill out the form below to get recommendations on where to submit your data.
-            </Typography>
-            <ApiField
-              type="ror"
-              label="Your institution"
-              value={ror}
-              setValue={setRor}
-            />
-            <ApiField 
-              type="narcis"
-              label="Research domain"
-              value={narcis}
-              setValue={setNarcis}
-            />
-            <SelectField 
-              label="Deposit type"
-              value={depositType}
-              onChange={setDepositType}
-              options={[
-                {label: "Dataset", value: "dataset"},
-                {label: "Code", value: "code"},
-                {label: "Report, article, or presentation", value: "report"},
-                {label: "Publication", value: "publication"},
-              ]}
-            />
-            <AnimatePresence>
-              {depositType === 'dataset' &&
-                <motion.div
-                  initial={{ opacity: 0, y: -10 }}
-                  animate={{ opacity: 1, y: 0 }}
-                  exit={{ opacity: 0, y: -10 }}
-                >
-                  <SelectField 
-                    label="File type"
-                    value={fileType}
-                    onChange={setFileType}
-                    options={[
-                      {label: "Audiovisual materials", value: "audiovisual_materials"},
-                      {label: "Statistical data", value: "statistical_data"},
-                      {label: "Geospatial data files", value: "geospatial_data_files"},
-                      {label: "NetCDF and HDF files", value: "netcdf_and_hdf_files"},
-                      {label: "Darwin core and ecological markup language files", value: "darwin_core_and_ecological_markup_language_files"},
-                      {label: "Other", value: "other"},
-                    ]}
-                  />
-                </motion.div>
-              }
-            </AnimatePresence >
-            <Button 
-              variant="contained" 
-              size="large" 
-              onClick={fetchRecommendations} 
-              disabled={dataMissing || loading}
-            >
-              {dataMissing ? "Complete the form to get recommendations" : "Get recommendations"}
-            </Button>
-          </Paper>
-          <div id="recommendations" />
-          <AnimatePresence>
-            {recommendations && 
-              <motion.div
-                initial={{ opacity: 0, y: -10 }}
-                animate={{ opacity: 1, y: 0 }}
-                exit={{ opacity: 0, y: -10 }}
-              >
-                <Paper sx={{p: 4, mt: 1}}>
-                  <Typography variant="h5" mb={1}>
-                    Recommended repositories
-                  </Typography>
-                  {recommendations.length === 0 ?
-                    <Typography mb={2}>
-                      Sorry, at the moment we cannot recommend a suitable repository for your data set
-                    </Typography>
-                    :
-                    <List sx={{mb: 2}}>
-                      {recommendations.map( (rec, i) =>
-                        <Fragment key={i}>
-                          <ListItem 
-                            alignItems="flex-start"
-                            disableGutters
-                            secondaryAction={
-                              rec.external ?
-                              <Link href={rec.external} target="_blank">
-                                <Button variant="contained">Deposit</Button>
-                              </Link> :
-                              <Button variant="contained" onClick={() => pickRepo(rec)}>
-                                Deposit
-                              </Button>
-                            }
-                          >
-                           <ListItemText
-                              primary={rec.displayName?.en}
-                              secondary={
-                                <>
-                                  {rec.external && <Typography
-                                    sx={{ display: 'inline', mr: 0.5 }}
-                                    component="span"
-                                    variant="body2"
-                                    color="text.primary"
-                                  >
-                                    External repository: opens in new tab  — 
-                                  </Typography>}
-                                  {rec.description?.en}
-                                </>
-                              }
-                              sx={{pr: 6}}
-                            />
-                          </ListItem>
-                          {i < recommendations.length - 1 && <Divider component="li" />}
-                        </Fragment>
-                      )}
-                    </List>
-                  }
-                  <Box sx={{display: "flex", justifyContent: "flex-end"}}>
-                    <Button size="large" variant="contained" onClick={resetRecommendations} color="warning">
-                      Reset advisor
-                    </Button>
-                  </Box>
-                </Paper>
-              </motion.div>
-            }
-          </AnimatePresence >
-        </Grid>
-      </Grid>
-    </Container>
-  );
-};
-
-type Option = {
-  value: string;
-  label: string;
-};
-
-const SelectField = ({label, value, onChange, options, disabled}: {
-  label: string;
-  value: string;
-  onChange: (s: string) => void;
-  options: Option[];
-  disabled?: boolean;
-}) =>
-  <Box mb={2}>
-    <FormControl fullWidth disabled={disabled}>
-      <InputLabel>{label}</InputLabel>
-      <Select
-        value={value}
-        label={label}
-        onChange={(e: SelectChangeEvent) => onChange(e.target.value)}
-      >
-        {options.map( option => 
-          <MenuItem key={option.value} value={option.value}>{option.label}</MenuItem>
-        )}
-      </Select>
-    </FormControl>
-  </Box>
-
-// Derived from the API field in the Deposit package
-const ApiField = ({type, label, value, setValue, disabled}: {
-  type: string;
-  label: string;
-  value: Option | null;
-  setValue: Dispatch<SetStateAction<any>>;
-  disabled?: boolean;
-}) => {
-  const [inputValue, setInputValue] = useState<string>("");
-  const [data, setData] = useState<AutocompleteAPIFieldData>();
-  const [loading, setLoading] = useState<boolean>(false);
-  const [error, setError] = useState<boolean>(false);
-  const debouncedInputValue = useDebounce(inputValue, 500)[0];
-
-  useEffect(() => {
-    error && enqueueSnackbar(`Could not reach the ${type} database`, { variant: "customError" });
-  }, [error])
-  
-  useEffect( () => {
-    const fetchData = async () => {
-      const results = await fetchTypeaheadApiData(type, debouncedInputValue);
-      results ? setData(results) : setError(true);
-      setLoading(false);
-    };
-    debouncedInputValue && fetchData();
-  }, [debouncedInputValue]);
-
-  useEffect( () => {
-    inputValue && setLoading(true);
-  }, [inputValue]);
-
-  return (
-    <Box mb={2}>
-      <Autocomplete
-        fullWidth
-        includeInputInList
-        options={
-          (
-            inputValue &&
-            debouncedInputValue === inputValue &&
-            data &&
-            data.arg === debouncedInputValue
-          ) ?
-            data.response
-          : []
-        }
-        value={value}
-        inputValue={inputValue || value?.label || ""}
-        renderInput={(params) => (
-          <TextField
-            {...params}
-            label={label}
-            placeholder=""
-          />
-        )}
-        onChange={(_e, newValue, _reason) => {
-          setValue(newValue);
-        }}
-        filterOptions={(x) => x}
-        onInputChange={(e, newValue) => {
-          e && e.type === "change" && setInputValue(newValue);
-          e && (e.type === "click" || e.type === "blur") && setInputValue("");
-        }}
-        noOptionsText={!inputValue ? "Start typing..." : "No results found"}
-        loading={loading}
-        loadingText={
-          <Stack
-            direction="row"
-            justifyContent="space-between"
-            alignItems="end"
-          >
-            Loading... <CircularProgress size={18} />
-          </Stack>
-        }
-        forcePopupIcon
-        isOptionEqualToValue={(option, value) => option.value === value.value}
-        clearOnBlur
-        disabled={disabled}
-      />
-    </Box>
-  );
-};
-
-export const NoRepoSelected = () => 
-  <Container>
-    <Grid container justifyContent="center">
-      <Grid xs={12} sm={11} md={8} lg={7} xl={6} mt={4}>
-        <Typography variant="h1">Select a repository first</Typography>
-        <Typography>
-          Please go to the <Link component={RouterLink} to="/">repository advisor</Link> and fill in the form to get recommendations.
-        </Typography>
-      </Grid>
-    </Grid>
-  </Container>
-
-export const CurrentlySelected = ({repo}: {repo: string}) => 
-  <Box sx={{ backgroundColor: "primary.dark"}}>
-    <Container>
-      <Grid container>
-        <Grid>
-          <Typography variant="caption" sx={{ color: "white" }}>
-            Active repository: {repo}
-          </Typography>
-        </Grid>
-      </Grid>
-    </Container>
-  </Box>
-
-export default RepoAdvisor;
diff --git a/apps/4tu/src/config/pages/apiHelpers.ts b/apps/4tu/src/config/pages/apiHelpers.ts
deleted file mode 100644
index 5c327802..00000000
--- a/apps/4tu/src/config/pages/apiHelpers.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import type { AutocompleteAPIFieldData } from "@dans-framework/deposit";
-import type { FormConfig } from "@dans-framework/deposit";
-
-export const postRecommendationsApiData = async (
-  ror: string | null, 
-  narcis: string | null, 
-  depositType: string, 
-  fileType: string
-) => {
-  try {
-    const result = await fetch(`https://repository-assistant.labs.dansdemo.nl/seek-advice`, {
-      method: "POST",
-      headers: { 
-        "Content-Type": "application/json",
-        Authorization: "Bearer @km1-10122004-lamA!M@rdh1yy@h@51nnur1@hK",
-      },
-      body: JSON.stringify({
-        affiliation: ror,
-        domain: narcis,
-        "deposit-type": depositType,
-        ...(fileType && { "file-type": fileType }),
-      }),
-    });
-    const json = await result.json();
-    return json.advice as FormConfig[];
-  } catch (error) {
-    console.error(error);
-    return false;
-  }
-}
-
-export const fetchTypeaheadApiData = async (
-  type: string, 
-  debouncedInputValue: string, 
-) => {
-  const uri = 
-    type === 'ror' ?
-    `https://api.ror.org/organizations?query.advanced=name:${debouncedInputValue}*` :
-    type === 'narcis' ?
-    `https://vocabs.datastations.nl/rest/v1/NARCIS/search?query=${debouncedInputValue}*&unique=true&lang=en` :
-    '';
-  try {
-    const result = await fetch(uri, {
-      headers: { Accept: "application/json" }
-    });
-    const json = await result.json();
-    const transformResult = 
-      type === 'ror' ?
-        (json.number_of_results > 0 ? 
-          {
-            arg: debouncedInputValue,
-            response: json.items.map((item: any) => ({
-              label: item.name,
-              value: item.id,
-            }))
-          } : 
-          []
-        ) :
-      type === 'narcis' ?
-        (json.results.length > 0 ? 
-          {
-            arg: debouncedInputValue,
-            response: json.results.map((item: any) => ({
-              label: item.prefLabel,
-              value: item.uri,
-            })).filter(Boolean),
-          } :
-          []
-        ) :
-      [];
-    return transformResult as AutocompleteAPIFieldData;
-  } catch (error) {
-    console.error(error);
-    return false;
-  }
-}
\ No newline at end of file
diff --git a/apps/4tu/src/config/theme.ts b/apps/4tu/src/config/theme.ts
index 43f1ad8a..87a03ce7 100644
--- a/apps/4tu/src/config/theme.ts
+++ b/apps/4tu/src/config/theme.ts
@@ -17,7 +17,7 @@ const customTheme = createTheme({
       light: "#ff7961",
       main: "#f44336",
       dark: "#ba000d",
-      contrastText: "#000",
+      contrastText: "#222",
     },
   },
   typography: {
diff --git a/apps/4tu/src/index.tsx b/apps/4tu/src/index.tsx
index 8e19bee4..fb8812af 100644
--- a/apps/4tu/src/index.tsx
+++ b/apps/4tu/src/index.tsx
@@ -3,13 +3,17 @@ import { createRoot } from "react-dom/client";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
 import "./index.css";
+import i18n from "./config/i18n";
+import { I18nextProvider } from "react-i18next";
 
 const container = document.getElementById("root")!;
 const root = createRoot(container);
 
 root.render(
   <React.StrictMode>
-    <App />
+    <I18nextProvider i18n={i18n}>
+      <App />
+    </I18nextProvider>
   </React.StrictMode>,
 );
 
diff --git a/apps/ohsmart/src/config/i18n.ts b/apps/ohsmart/src/config/i18n.ts
index 58d35e8f..8e26e95c 100644
--- a/apps/ohsmart/src/config/i18n.ts
+++ b/apps/ohsmart/src/config/i18n.ts
@@ -1,6 +1,6 @@
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
-import languages from "../config/languages";
+import languages from "./languages";
 import LanguageDetector from "i18next-browser-languagedetector";
 import { i18n as i18nLayout } from "@dans-framework/layout";
 import { i18n as i18nDeposit } from "@dans-framework/deposit";
diff --git a/packages/deposit/lib/index.tsx b/packages/deposit/lib/index.tsx
index 0780e4df..63efdf52 100644
--- a/packages/deposit/lib/index.tsx
+++ b/packages/deposit/lib/index.tsx
@@ -1,4 +1,7 @@
 export { default as Deposit } from "../src";
 export { default as i18n } from "../src/languages/i18n";
 export type { FormConfig, InitialSectionType } from "../src/types/Metadata";
-export type { AutocompleteAPIFieldData } from "../src/types/MetadataFields";
\ No newline at end of file
+export type { AutocompleteAPIFieldData } from "../src/types/MetadataFields";
+// export some api's for other redux stores
+export { datastationsApi, useFetchDatastationsTermQuery } from "../src/features/metadata/api/datastations";
+export { rorApi, useFetchRorByNameQuery } from "../src/features/metadata/api/ror";
\ No newline at end of file
diff --git a/packages/pages/src/types/index.ts b/packages/pages/src/types/index.ts
index 5658d6ec..a8d62cd1 100644
--- a/packages/pages/src/types/index.ts
+++ b/packages/pages/src/types/index.ts
@@ -11,7 +11,8 @@ export type Template =
   | "deposit"
   | "search"
   | "record"
-  | "dashboard";
+  | "dashboard"
+  | "advisor";
 
 export interface Page {
   id: string;
diff --git a/packages/repo-advisor/lib/index.tsx b/packages/repo-advisor/lib/index.tsx
new file mode 100644
index 00000000..12b97216
--- /dev/null
+++ b/packages/repo-advisor/lib/index.tsx
@@ -0,0 +1,4 @@
+export { default as RepoAdvisor } from "../src";
+export { default as i18n } from "../src/languages/i18n";
+export { RepoBar, NoRepoSelected } from "../src/features/Layout";
+
diff --git a/packages/repo-advisor/package.json b/packages/repo-advisor/package.json
new file mode 100644
index 00000000..b87aa610
--- /dev/null
+++ b/packages/repo-advisor/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "@dans-framework/repo-advisor",
+  "type": "module",
+  "main": "lib/index.tsx",
+  "private": true,
+  "version": "1.0.0",
+  "dependencies": {
+    "@dans-framework/deposit": "workspace:*",
+    "@dans-framework/pages": "workspace:*",
+    "@dans-framework/utils": "workspace:*",
+    "@mui/material": "^5.14.3",
+    "@reduxjs/toolkit": "^1.9.5",
+    "framer-motion": "^10.15.0",
+    "i18next": "^23.4.1",
+    "i18next-browser-languagedetector": "^7.1.0",
+    "i18next-resources-to-backend": "^1.1.4",
+    "notistack": "^3.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^13.0.3",
+    "react-redux": "^8.1.2",
+    "react-router-dom": "^6.14.2",
+    "use-debounce": "^9.0.4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7"
+  }
+}
diff --git a/packages/repo-advisor/src/features/Components.tsx b/packages/repo-advisor/src/features/Components.tsx
new file mode 100644
index 00000000..64261f23
--- /dev/null
+++ b/packages/repo-advisor/src/features/Components.tsx
@@ -0,0 +1,182 @@
+import { useState } from "react";
+import Stack from '@mui/material/Stack';
+import CircularProgress from '@mui/material/CircularProgress';
+import Box from '@mui/material/Box';
+import { useDebounce } from "use-debounce";
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import FormControl from '@mui/material/FormControl';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+import TextField from '@mui/material/TextField';
+import Autocomplete from '@mui/material/Autocomplete';
+import { useFetchRorByNameQuery, useFetchDatastationsTermQuery } from "@dans-framework/deposit";
+import { useTranslation } from "react-i18next";
+import { useAppSelector, useAppDispatch } from "../redux/hooks";
+import { getRor, getNarcis, setRor, setNarcis } from "./repoAdvisorSlice";
+
+type Option = {
+  value: string;
+  label: string;
+};
+
+export const SelectField = ({label, value, onChange, options, disabled}: {
+  label: string;
+  value: string;
+  onChange: any;
+  options: Option[];
+  disabled?: boolean;
+}) => {
+  const dispatch = useAppDispatch();
+  return (
+    <Box mb={2}>
+      <FormControl fullWidth disabled={disabled}>
+        <InputLabel>{label}</InputLabel>
+        <Select
+          value={value || ''}
+          label={label}
+          onChange={(e: SelectChangeEvent) => dispatch(onChange(e.target.value))}
+        >
+          {options.map( option => 
+            <MenuItem key={option.value} value={option.value}>{option.label}</MenuItem>
+          )}
+        </Select>
+      </FormControl>
+    </Box>
+  );
+}
+
+// Derived from the API field in the Deposit package
+export const RorField = () => {
+  const { t } = useTranslation("steps");
+  const [inputValue, setInputValue] = useState<string>("");
+  const debouncedInputValue = useDebounce(inputValue, 500)[0];
+  // Fetch data on input change
+  const { data, isFetching, isLoading } =
+    useFetchRorByNameQuery(debouncedInputValue, {
+      skip: debouncedInputValue === "",
+    });
+  const value = useAppSelector(getRor);
+
+  return (
+    <ApiField
+      inputValue={inputValue}
+      setInputValue={setInputValue}
+      debouncedInputValue={debouncedInputValue}
+      data={data}
+      isLoading={isLoading}
+      isFetching={isFetching}
+      label={t("ror")}
+      setValue={setRor}
+      value={value}
+    />
+  );
+};
+
+export const NarcisField = () => {
+  const { t, i18n } = useTranslation("steps");
+  const [inputValue, setInputValue] = useState<string>("");
+  const debouncedInputValue = useDebounce(inputValue, 500)[0];
+  // Fetch data on input change
+  const { data, isFetching, isLoading } =
+    useFetchDatastationsTermQuery(
+      {
+        vocabulary: "narcis",
+        lang: i18n.language,
+        query: debouncedInputValue,
+      },
+      { skip: debouncedInputValue === "" },
+    );
+  const value = useAppSelector(getNarcis);
+
+  return (
+    <ApiField
+      inputValue={inputValue}
+      setInputValue={setInputValue}
+      debouncedInputValue={debouncedInputValue}
+      data={data}
+      isLoading={isLoading}
+      isFetching={isFetching}
+      label={t("narcis")}
+      setValue={setNarcis}
+      value={value}
+    />
+  );
+};
+
+const ApiField = ({
+  inputValue,
+  setInputValue,
+  debouncedInputValue,
+  data,
+  isLoading,
+  isFetching,
+  label, 
+  setValue,
+  value,
+  disabled,
+}: {
+  inputValue: any;
+  setInputValue: any;
+  debouncedInputValue: any;
+  data: any;
+  isLoading: boolean;
+  isFetching: boolean;
+  label: string;
+  setValue: any;
+  value: any;
+  disabled?: boolean;
+}) => {
+  const { t } = useTranslation("steps");
+  const dispatch = useAppDispatch();
+
+  return (
+    <Box mb={2}>
+      <Autocomplete
+        fullWidth
+        includeInputInList
+        options={
+          (
+            inputValue &&
+            debouncedInputValue === inputValue &&
+            data &&
+            data.arg === debouncedInputValue
+          ) ?
+            data.response
+          : []
+        }
+        value={debouncedInputValue || value || ""}
+        inputValue={inputValue || value?.label || ""}
+        renderInput={(params) => (
+          <TextField
+            {...params}
+            label={label}
+            placeholder=""
+          />
+        )}
+        onChange={(_e, newValue, _reason) => {
+          dispatch(setValue(newValue));
+        }}
+        filterOptions={(x) => x}
+        onInputChange={(e, newValue) => {
+          e && e.type === "change" && setInputValue(newValue);
+          e && (e.type === "click" || e.type === "blur") && setInputValue("");
+        }}
+        noOptionsText={!inputValue ? t("startTyping") : t("noResults")}
+        loading={isLoading || isFetching || inputValue !== debouncedInputValue}
+        loadingText={
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            alignItems="end"
+          >
+            {t("isLoading")} <CircularProgress size={18} />
+          </Stack>
+        }
+        forcePopupIcon
+        isOptionEqualToValue={(option, value) => option.value === value.value}
+        clearOnBlur
+        disabled={disabled}
+      />
+    </Box>
+  );
+};
diff --git a/packages/repo-advisor/src/features/Layout.tsx b/packages/repo-advisor/src/features/Layout.tsx
new file mode 100644
index 00000000..b5869086
--- /dev/null
+++ b/packages/repo-advisor/src/features/Layout.tsx
@@ -0,0 +1,58 @@
+import Container from "@mui/material/Container";
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Unstable_Grid2";
+import Typography from "@mui/material/Typography";
+import { lookupLanguageString, type LanguageStrings } from "@dans-framework/utils/language";
+import { I18nextProvider, useTranslation, Trans } from "react-i18next";
+import Link from '@mui/material/Link';
+import { Link as RouterLink } from "react-router-dom";
+import i18n from "../languages/i18n";
+
+export const RepoBar = ({repo}: {repo?: LanguageStrings | string}) =>
+  <I18nextProvider i18n={i18n}>
+    <RepoBarInner repo={repo} />
+  </I18nextProvider>
+
+const RepoBarInner = ({repo}: {repo?: LanguageStrings | string}) => {
+  const { i18n, t } = useTranslation("repobar");
+  return (
+    <Box sx={{ backgroundColor: "secondary.contrastText"}}>
+      <Container>
+        <Grid container>
+          <Grid>
+            <Typography variant="caption" sx={{ color: "white" }}>
+              {t("activeRepo", { repo: lookupLanguageString(repo, i18n.language) })}
+            </Typography>
+          </Grid>
+        </Grid>
+      </Container>
+    </Box>
+  );
+}
+
+export const NoRepoSelected = ({advisorLocation}: {advisorLocation: string}) =>
+  <I18nextProvider i18n={i18n}>
+    <NoRepoSelectedInner advisorLocation={advisorLocation} />
+  </I18nextProvider>
+
+const NoRepoSelectedInner = ({advisorLocation}: {advisorLocation: string}) => {
+  const { t } = useTranslation("repobar");
+  return (
+    <Container>
+      <Grid container justifyContent="center">
+        <Grid xs={12} sm={11} md={8} lg={7} xl={6} mt={4}>
+          <Typography variant="h1">{t("selectRepoFirst")}</Typography>
+          <Typography>
+            <Trans
+              i18nKey={"repobar:description"}
+              components={[
+                <Link component={RouterLink} to={advisorLocation} />,
+              ]}
+            />
+          </Typography>
+        </Grid>
+      </Grid>
+    </Container>
+  );
+}
+
diff --git a/packages/repo-advisor/src/features/RepoAdvisor.tsx b/packages/repo-advisor/src/features/RepoAdvisor.tsx
new file mode 100644
index 00000000..f840251e
--- /dev/null
+++ b/packages/repo-advisor/src/features/RepoAdvisor.tsx
@@ -0,0 +1,123 @@
+import { useEffect, type Dispatch, type SetStateAction } from "react";
+import { useNavigate } from "react-router-dom";
+import Paper from '@mui/material/Paper';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Grid from "@mui/material/Unstable_Grid2";
+import Container from "@mui/material/Container";
+import Stepper from '@mui/material/Stepper';
+import Step from '@mui/material/Step';
+import StepLabel from '@mui/material/StepLabel';
+import { useTranslation } from "react-i18next";
+import { useAppSelector, useAppDispatch } from "../redux/hooks";
+import { getActiveStep, getRor, getNarcis, getFileType, getDepositType, setActiveStep, getRepo } from './repoAdvisorSlice';
+import { Step1, Step2 } from './Steps';
+import { useSiteTitle, setSiteTitle } from "@dans-framework/utils/sitetitle";
+import { lookupLanguageString } from "@dans-framework/utils/language";
+import { type Page } from "@dans-framework/pages";
+
+const steps = ['defineDataset', 'recommendations'];
+
+const RepoAdvisor = ({setRepoConfig, page, depositLocation}: {
+  setRepoConfig: Dispatch<SetStateAction<any>>;
+  page: Page;
+  depositLocation: string;
+}) => {
+  const dispatch = useAppDispatch();
+  const siteTitle = useSiteTitle();
+  const ror = useAppSelector(getRor);
+  const narcis = useAppSelector(getNarcis);
+  const fileType = useAppSelector(getFileType);
+  const depositType = useAppSelector(getDepositType);
+  const repo = useAppSelector(getRepo);
+  const navigate = useNavigate();
+  const activeStep = useAppSelector(getActiveStep);
+  const { t, i18n } = useTranslation('steps');
+
+  // set page title
+  useEffect(() => {
+    setSiteTitle(siteTitle, lookupLanguageString(page.name, i18n.language));
+  }, [siteTitle, page.name]);
+
+  const handleNext = () => {
+    if (activeStep !== steps.length - 1) { 
+      dispatch(setActiveStep(activeStep + 1));
+    } 
+    else if (repo && repo.external) {
+      window.location.href = repo.external;
+    }
+    else {
+      setRepoConfig(repo);
+      navigate(depositLocation);
+      window.scrollTo({top: 0, behavior: "smooth"});
+    }
+  };
+
+  const handleBack = () => {
+    dispatch(setActiveStep(activeStep - 1));
+  };
+
+  const dataMissing = 
+    !ror ||
+    !narcis ||
+    !depositType ||
+    (depositType === 'dataset' && !fileType);
+
+  return (
+    <Container>
+      <Grid container>
+        <Grid xs={12} mt={4}>
+          <Paper sx={{p: 4}}>
+            <Stepper 
+              activeStep={activeStep} 
+              sx={{mb: 2}}
+            >
+              {steps.map((label) => {
+                const stepProps: { completed?: boolean } = {};
+                return (
+                  <Step key={label} {...stepProps}>
+                    <StepLabel>{t(label)}</StepLabel>
+                  </Step>
+                );
+              })}
+            </Stepper>
+            {
+              activeStep === 0
+              ? <Step1 />
+              : <Step2 />
+            }
+            <Box sx={{ 
+              display: 'flex', 
+              flexDirection: 'row', 
+              pt: 2 
+            }}>
+              <Button
+                color="inherit"
+                disabled={activeStep === 0}
+                onClick={handleBack}
+                sx={{ mr: 1 }}
+                variant="outlined"
+              >
+                {t("buttonBack")}
+              </Button>
+              <Box sx={{ flex: '1 1 auto' }} />
+              <Button 
+                onClick={handleNext} 
+                variant="outlined"
+                disabled={dataMissing || (!repo && activeStep === steps.length - 1)}
+              >
+                {
+                  activeStep === steps.length - 1
+                  ? t("buttonLast") 
+                  : t("buttonNext")
+                }
+              </Button>
+            </Box>
+          </Paper>
+        </Grid>
+      </Grid>
+    </Container>
+  );
+};
+
+export default RepoAdvisor;
diff --git a/packages/repo-advisor/src/features/Steps.tsx b/packages/repo-advisor/src/features/Steps.tsx
new file mode 100644
index 00000000..cd98be29
--- /dev/null
+++ b/packages/repo-advisor/src/features/Steps.tsx
@@ -0,0 +1,138 @@
+import { type ReactNode } from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import { useTranslation } from "react-i18next";
+import CircularProgress from '@mui/material/CircularProgress';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemText from '@mui/material/ListItemText';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import Checkbox from '@mui/material/Checkbox';
+import Alert from '@mui/material/Alert';
+import { useAppSelector, useAppDispatch } from "../redux/hooks";
+import { getRor, getNarcis, getDepositType, getFileType, setFileType, setDepositType, getRepo, setRepo } from "./repoAdvisorSlice";
+import { useFetchDataQuery } from "./repoAdvisorApi";
+import { RorField, NarcisField, SelectField } from "./Components";
+import { AnimatePresence, motion } from "framer-motion";
+import { lookupLanguageString } from "@dans-framework/utils/language";
+
+const StepWrap = ({ title, children, subtitle }: { title: string; children: ReactNode, subtitle?: string; }) => 
+  <Box sx={{pt: 2, pb: 1}}>
+    <Typography variant="h2">{title}</Typography>
+    {subtitle && <Typography variant="subtitle1" mb={3}>{subtitle}</Typography>}
+    {children}
+  </Box>
+
+export const Step1 = () => {
+  const { t } = useTranslation("steps");
+  const depositType = useAppSelector(getDepositType);
+  const fileType = useAppSelector(getFileType);
+
+  return (
+    <StepWrap title={t("repoAdvisor")} subtitle={t("repoAdvisorDescription")}>
+      <RorField />
+      <NarcisField />
+      <SelectField 
+        label={t("depositType")}
+        value={depositType}
+        onChange={setDepositType}
+        options={[
+          {label: t("dataset"), value: "dataset"},
+          {label: t("code"), value: "code"},
+          {label: t("report"), value: "report"},
+          {label: t("publication"), value: "publication"},
+        ]}
+      />
+      <AnimatePresence>
+        {depositType === 'dataset' &&
+          <motion.div
+            initial={{ opacity: 0, y: -10 }}
+            animate={{ opacity: 1, y: 0 }}
+            exit={{ opacity: 0, y: -10 }}
+          >
+            <SelectField 
+              label={t("fileType")}
+              value={fileType}
+              onChange={setFileType}
+              options={[
+                {label: t("audiovisual_materials"), value: "audiovisual_materials"},
+                {label: t("statistical_data"), value: "statistical_data"},
+                {label: t("geospatial_data_files"), value: "geospatial_data_files"},
+                {label: t("netcdf_and_hdf_files"), value: "netcdf_and_hdf_files"},
+                {label: t("darwin_core_and_ecological_markup_language_files"), value: "darwin_core_and_ecological_markup_language_files"},
+                {label: t("other"), value: "other"},
+              ]}
+            />
+          </motion.div>
+        }
+      </AnimatePresence >
+    </StepWrap>
+  )
+}
+
+export const Step2 = () => {
+  const { t, i18n } = useTranslation("steps");
+  const ror = useAppSelector(getRor);
+  const narcis = useAppSelector(getNarcis);
+  const depositType = useAppSelector(getDepositType);
+  const fileType = useAppSelector(getFileType);
+  const repo = useAppSelector(getRepo);
+  const dispatch = useAppDispatch();
+
+  const { data, isLoading, isError } = useFetchDataQuery({
+    ror: ror,
+    narcis: narcis,
+    depositType: depositType,
+    fileType: fileType,
+  });
+  
+  return (
+    <StepWrap title={t("selectDataset")} subtitle={t("selectDatasetDescription")}>
+      {data && data.length > 0 ?
+        <List sx={{mb: 2}}>
+          {data.map( (rec, i) =>
+            <ListItem 
+              key={i}
+              alignItems="flex-start"
+              disableGutters
+            >
+              <ListItemButton role={undefined} onClick={() => dispatch(setRepo(rec))} dense>
+                <ListItemIcon>
+                  <Checkbox
+                    edge="start"
+                    checked={repo?.displayName?.en === rec.displayName.en}
+                    tabIndex={-1}
+                  />
+                </ListItemIcon>
+                <ListItemText
+                  primary={lookupLanguageString(rec.displayName, i18n.language)}
+                  secondary={
+                    <>
+                      {rec.external && <Typography
+                        sx={{ display: 'inline', mr: 0.5 }}
+                        component="span"
+                        variant="body2"
+                        color="text.primary"
+                      >
+                        {t("externalRepo")}
+                      </Typography>}
+                      {lookupLanguageString(rec.description, i18n.language)}
+                    </>
+                  }
+                  sx={{pr: 6}}
+                />
+              </ListItemButton>
+            </ListItem>
+          )}
+        </List>
+        : isLoading ?
+        <CircularProgress />
+        : isError ?
+        <Alert severity="error">{t("fetchError")}</Alert>
+        :
+        <Alert severity="info">{t("noRepoFound")}</Alert>
+      }
+    </StepWrap>
+  )
+}
\ No newline at end of file
diff --git a/packages/repo-advisor/src/features/repoAdvisorApi.ts b/packages/repo-advisor/src/features/repoAdvisorApi.ts
new file mode 100644
index 00000000..0936d2b9
--- /dev/null
+++ b/packages/repo-advisor/src/features/repoAdvisorApi.ts
@@ -0,0 +1,43 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+import { getUser } from "@dans-framework/utils/user";
+import type { RepoResponse } from "../types";
+
+export const repoAdvisorApi = createApi({
+  reducerPath: "repoAdvisorApi",
+  baseQuery: fetchBaseQuery({
+    baseUrl: `https://repository-assistant.labs.dansdemo.nl`,
+  }),
+  endpoints: (build) => ({
+    fetchData: build.query({
+      query: ({ ror, narcis, depositType, fileType }) => {
+        const user = getUser();
+        // format headers
+        const headers = {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${user?.access_token}`,
+          // Authorization: "Bearer @km1-10122004-lamA!M@rdh1yy@h@51nnur1@hK",
+        };
+
+        return ({
+          url: 'seek-advice',
+          method: "POST",
+          headers: headers,
+          body: JSON.stringify({
+            affiliation: ror,
+            domain: narcis,
+            "deposit-type": depositType,
+            ...(fileType && { "file-type": fileType }),
+          }),
+        });
+      },
+      transformResponse: (response: RepoResponse) => response.advice,
+      transformErrorResponse: () => {
+        return ({
+          error: "Error connecting to server"
+        });
+      },
+    }),
+  }),
+});
+
+export const { useFetchDataQuery } = repoAdvisorApi;
\ No newline at end of file
diff --git a/packages/repo-advisor/src/features/repoAdvisorSlice.ts b/packages/repo-advisor/src/features/repoAdvisorSlice.ts
new file mode 100644
index 00000000..04599632
--- /dev/null
+++ b/packages/repo-advisor/src/features/repoAdvisorSlice.ts
@@ -0,0 +1,54 @@
+import { createSlice, type PayloadAction } from "@reduxjs/toolkit";
+import { RootState } from "../redux/store";
+
+const initialState: {
+  activeStep: number;
+  ror: any;
+  narcis: any;
+  depositType: any;
+  fileType: any;
+  repo: any;
+} = {
+  activeStep: 0,
+  ror: undefined,
+  narcis: undefined,
+  depositType: undefined,
+  fileType: undefined,
+  repo: undefined,
+};
+
+export const repoAdvisorSlice = createSlice({
+  name: "repoAdvisor",
+  initialState,
+  reducers: {
+    setActiveStep: (state, action: PayloadAction<number>) => {
+      state.activeStep = action.payload;
+    },
+    setRor: (state, action: PayloadAction<any>) => {
+      state.ror = action.payload;
+    },
+    setNarcis: (state, action: PayloadAction<any>) => {
+      state.narcis = action.payload;
+    },
+    setDepositType: (state, action: PayloadAction<any>) => {
+      state.depositType = action.payload;
+    },
+    setFileType: (state, action: PayloadAction<any>) => {
+      state.fileType = action.payload;
+    },
+    setRepo: (state, action: PayloadAction<any>) => {
+      state.repo = action.payload;
+    }
+  },
+});
+
+export const { setActiveStep, setRor, setNarcis, setFileType, setDepositType, setRepo } = repoAdvisorSlice.actions;
+
+export const getActiveStep = (state: RootState) => state.repoAdvisor.activeStep;
+export const getRor = (state: RootState) => state.repoAdvisor.ror;
+export const getNarcis = (state: RootState) => state.repoAdvisor.narcis;
+export const getDepositType = (state: RootState) => state.repoAdvisor.depositType;
+export const getFileType = (state: RootState) => state.repoAdvisor.fileType;
+export const getRepo = (state: RootState) => state.repoAdvisor.repo;
+
+export default repoAdvisorSlice.reducer;
diff --git a/packages/repo-advisor/src/index.tsx b/packages/repo-advisor/src/index.tsx
new file mode 100644
index 00000000..e6241e9b
--- /dev/null
+++ b/packages/repo-advisor/src/index.tsx
@@ -0,0 +1,20 @@
+import type { Dispatch, SetStateAction } from "react";
+import { I18nextProvider } from "react-i18next";
+import i18nProvider from "./languages/i18n";
+import RepoAdvisor from "./features/RepoAdvisor";
+import { Provider as ReduxProvider } from "react-redux";
+import { store } from './redux/store';
+import { type Page } from "@dans-framework/pages";
+
+export const AdvisorWrapper = ({setRepoConfig, page, depositLocation}: { 
+  setRepoConfig: Dispatch<SetStateAction<any>>;
+  page: Page;
+  depositLocation: string;
+}) => 
+  <ReduxProvider store={store}>
+    <I18nextProvider i18n={i18nProvider}>
+      <RepoAdvisor setRepoConfig={setRepoConfig} page={page} depositLocation={depositLocation} />
+    </I18nextProvider>
+  </ReduxProvider>
+
+export default AdvisorWrapper;
\ No newline at end of file
diff --git a/packages/repo-advisor/src/languages/i18n.ts b/packages/repo-advisor/src/languages/i18n.ts
new file mode 100644
index 00000000..3fc475e0
--- /dev/null
+++ b/packages/repo-advisor/src/languages/i18n.ts
@@ -0,0 +1,22 @@
+import resourcesToBackend from "i18next-resources-to-backend";
+import { createInstance } from "i18next";
+import { initReactI18next } from "react-i18next";
+
+const i18n = createInstance({
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false, // not needed for react as it escapes by default
+  },
+});
+
+i18n
+  .use(
+    resourcesToBackend(
+      (language: string, namespace: string) =>
+        import(`./locales/${language}/${namespace}.json`),
+    ),
+  )
+  .use(initReactI18next)
+  .init();
+
+export default i18n;
diff --git a/packages/repo-advisor/src/languages/locales/en/repobar.json b/packages/repo-advisor/src/languages/locales/en/repobar.json
new file mode 100644
index 00000000..9afbb2fd
--- /dev/null
+++ b/packages/repo-advisor/src/languages/locales/en/repobar.json
@@ -0,0 +1,5 @@
+{
+  "selectRepoFirst": "Select a repository first",
+  "activeRepo": "Active repository: {{repo}}",
+  "description": "Please go to the <0>repository advisor</0> and fill in the form to get recommendations"
+}
\ No newline at end of file
diff --git a/packages/repo-advisor/src/languages/locales/en/steps.json b/packages/repo-advisor/src/languages/locales/en/steps.json
new file mode 100644
index 00000000..9e5d4bbc
--- /dev/null
+++ b/packages/repo-advisor/src/languages/locales/en/steps.json
@@ -0,0 +1,34 @@
+{
+  "repoAdvisor": "Repository advisor",
+  "repoAdvisorDescription": "Fill out the form below to get recommendations on where to submit your data.",
+  "defineDataset": "Define your data set",
+  "recommendations": "Get recommendations",
+  "buttonBack": "Back a step",
+  "buttonNext": "Next step",
+  "buttonLast": "Go to deposit",
+  "isLoading": "Loading",
+  "ror": "Your institution",
+  "narcis": "Research domain",
+  "depositType": "Deposit type",
+  "dataset": "Dataset",
+  "code": "Code",
+  "report": "Report, article, or presentation",
+  "publication": "Publication",
+  "fileType": "File type",
+  "audiovisual_materials": "Audiovisual materials",
+  "statistical_data": "Statistical data",
+  "geospatial_data_files": "Geospatial data files",
+  "netcdf_and_hdf_files": "NetCDF and HDF files",
+  "darwin_core_and_ecological_markup_language_files": "Darwin core and ecological markup language files",
+  "other": "Other",
+  "noRepoFound": "Sorry, at the moment we cannot recommend a suitable repository for your data set",
+  "externalRepo": "External repository",
+  "selectRepo": "Select a repository to deposit your data to",
+  "startTyping": "Start typing...",
+  "noResults": "No results found",
+  "activeRepo": "Active repository: {{repo}}",
+  "selectDataset": "Select a repository",
+  "selectDatasetDescription": "Pick one of the repositories below to deposit your data to.",
+  "externalRepo": "External repository  — ",
+  "fetchError": "Error connecting to the advisor server"
+}
\ No newline at end of file
diff --git a/packages/repo-advisor/src/languages/locales/nl/repobar.json b/packages/repo-advisor/src/languages/locales/nl/repobar.json
new file mode 100644
index 00000000..9afbb2fd
--- /dev/null
+++ b/packages/repo-advisor/src/languages/locales/nl/repobar.json
@@ -0,0 +1,5 @@
+{
+  "selectRepoFirst": "Select a repository first",
+  "activeRepo": "Active repository: {{repo}}",
+  "description": "Please go to the <0>repository advisor</0> and fill in the form to get recommendations"
+}
\ No newline at end of file
diff --git a/packages/repo-advisor/src/languages/locales/nl/steps.json b/packages/repo-advisor/src/languages/locales/nl/steps.json
new file mode 100644
index 00000000..9e5d4bbc
--- /dev/null
+++ b/packages/repo-advisor/src/languages/locales/nl/steps.json
@@ -0,0 +1,34 @@
+{
+  "repoAdvisor": "Repository advisor",
+  "repoAdvisorDescription": "Fill out the form below to get recommendations on where to submit your data.",
+  "defineDataset": "Define your data set",
+  "recommendations": "Get recommendations",
+  "buttonBack": "Back a step",
+  "buttonNext": "Next step",
+  "buttonLast": "Go to deposit",
+  "isLoading": "Loading",
+  "ror": "Your institution",
+  "narcis": "Research domain",
+  "depositType": "Deposit type",
+  "dataset": "Dataset",
+  "code": "Code",
+  "report": "Report, article, or presentation",
+  "publication": "Publication",
+  "fileType": "File type",
+  "audiovisual_materials": "Audiovisual materials",
+  "statistical_data": "Statistical data",
+  "geospatial_data_files": "Geospatial data files",
+  "netcdf_and_hdf_files": "NetCDF and HDF files",
+  "darwin_core_and_ecological_markup_language_files": "Darwin core and ecological markup language files",
+  "other": "Other",
+  "noRepoFound": "Sorry, at the moment we cannot recommend a suitable repository for your data set",
+  "externalRepo": "External repository",
+  "selectRepo": "Select a repository to deposit your data to",
+  "startTyping": "Start typing...",
+  "noResults": "No results found",
+  "activeRepo": "Active repository: {{repo}}",
+  "selectDataset": "Select a repository",
+  "selectDatasetDescription": "Pick one of the repositories below to deposit your data to.",
+  "externalRepo": "External repository  — ",
+  "fetchError": "Error connecting to the advisor server"
+}
\ No newline at end of file
diff --git a/packages/repo-advisor/src/redux/hooks.ts b/packages/repo-advisor/src/redux/hooks.ts
new file mode 100644
index 00000000..d0ceb8b7
--- /dev/null
+++ b/packages/repo-advisor/src/redux/hooks.ts
@@ -0,0 +1,6 @@
+import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
+import type { RootState, AppDispatch } from "./store";
+
+// Use throughout your app instead of plain `useDispatch` and `useSelector`
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
\ No newline at end of file
diff --git a/packages/repo-advisor/src/redux/store.ts b/packages/repo-advisor/src/redux/store.ts
new file mode 100644
index 00000000..7c634da7
--- /dev/null
+++ b/packages/repo-advisor/src/redux/store.ts
@@ -0,0 +1,23 @@
+import { configureStore } from "@reduxjs/toolkit";
+import { errorLogger } from "@dans-framework/utils/error";
+import repoAdvisorReducer from "../features/repoAdvisorSlice";
+import { repoAdvisorApi } from "../features/repoAdvisorApi";
+import { datastationsApi, rorApi } from "@dans-framework/deposit";
+
+export const store = configureStore({
+  reducer: {
+    repoAdvisor: repoAdvisorReducer,
+    [repoAdvisorApi.reducerPath]: repoAdvisorApi.reducer,
+    [datastationsApi.reducerPath]: datastationsApi.reducer,
+    [rorApi.reducerPath]: rorApi.reducer,
+  },
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware()
+      .concat(repoAdvisorApi.middleware)
+      .concat(datastationsApi.middleware)
+      .concat(rorApi.middleware)
+      .concat(errorLogger)
+});
+
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
diff --git a/packages/repo-advisor/src/types/index.ts b/packages/repo-advisor/src/types/index.ts
new file mode 100644
index 00000000..cf4ff89b
--- /dev/null
+++ b/packages/repo-advisor/src/types/index.ts
@@ -0,0 +1,10 @@
+import type { LanguageStrings } from "@dans-framework/utils/language";
+
+export interface RepoResponse {
+  advice: {
+    displayName: LanguageStrings;
+    description: LanguageStrings;
+    form: any[];
+    external?: string;
+  }[]
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 56817cd1..71c270e6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
       '@dans-framework/pages':
         specifier: workspace:*
         version: link:../../packages/pages
+      '@dans-framework/repo-advisor':
+        specifier: workspace:*
+        version: link:../../packages/repo-advisor
       '@dans-framework/theme':
         specifier: workspace:*
         version: link:../../packages/theme
@@ -59,6 +62,15 @@ importers:
       framer-motion:
         specifier: ^10.15.0
         version: 10.15.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      i18next:
+        specifier: ^23.4.1
+        version: 23.4.1
+      i18next-browser-languagedetector:
+        specifier: ^7.1.0
+        version: 7.1.0
+      i18next-resources-to-backend:
+        specifier: ^1.1.4
+        version: 1.1.4
       lz-string:
         specifier: ^1.5.0
         version: 1.5.0
@@ -71,6 +83,9 @@ importers:
       react-dom:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
+      react-i18next:
+        specifier: ^13.0.3
+        version: 13.0.3(i18next@23.4.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       react-router-dom:
         specifier: ^6.14.2
         version: 6.14.2(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -850,6 +865,64 @@ importers:
         specifier: ^4.4.5
         version: 4.4.5(@types/node@20.11.30)(lightningcss@1.22.0)
 
+  packages/repo-advisor:
+    dependencies:
+      '@dans-framework/deposit':
+        specifier: workspace:*
+        version: link:../deposit
+      '@dans-framework/pages':
+        specifier: workspace:*
+        version: link:../pages
+      '@dans-framework/utils':
+        specifier: workspace:*
+        version: link:../utils
+      '@mui/material':
+        specifier: ^5.14.3
+        version: 5.14.3(@emotion/react@11.11.1(@types/react@18.2.15)(react@18.2.0))(@emotion/styled@11.11.0(@emotion/react@11.11.1(@types/react@18.2.15)(react@18.2.0))(@types/react@18.2.15)(react@18.2.0))(@types/react@18.2.15)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      '@reduxjs/toolkit':
+        specifier: ^1.9.5
+        version: 1.9.5(react-redux@8.1.2(@types/react-dom@18.2.7)(@types/react@18.2.15)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(redux@4.2.1))(react@18.2.0)
+      framer-motion:
+        specifier: ^10.15.0
+        version: 10.15.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      i18next:
+        specifier: ^23.4.1
+        version: 23.4.1
+      i18next-browser-languagedetector:
+        specifier: ^7.1.0
+        version: 7.1.0
+      i18next-resources-to-backend:
+        specifier: ^1.1.4
+        version: 1.1.4
+      notistack:
+        specifier: ^3.0.1
+        version: 3.0.1(csstype@3.1.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+      react-i18next:
+        specifier: ^13.0.3
+        version: 13.0.3(i18next@23.4.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      react-redux:
+        specifier: ^8.1.2
+        version: 8.1.2(@types/react-dom@18.2.7)(@types/react@18.2.15)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(redux@4.2.1)
+      react-router-dom:
+        specifier: ^6.14.2
+        version: 6.14.2(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      use-debounce:
+        specifier: ^9.0.4
+        version: 9.0.4(react@18.2.0)
+    devDependencies:
+      '@types/react':
+        specifier: ^18.2.15
+        version: 18.2.15
+      '@types/react-dom':
+        specifier: ^18.2.7
+        version: 18.2.7
+
   packages/theme:
     dependencies:
       '@dans-framework/utils':
@@ -3930,7 +4003,7 @@ snapshots:
   '@mui/private-theming@5.14.5(@types/react@18.2.15)(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.23.2
-      '@mui/utils': 5.14.7(react@18.2.0)
+      '@mui/utils': 5.14.14(@types/react@18.2.15)(react@18.2.0)
       prop-types: 15.8.1
       react: 18.2.0
     optionalDependencies: