{labels[currentLanguage].contents}
\n{labels[currentLanguage].intro}
\n \n );\n}\n```\n\nGo back to your terminal window and preview your app with the following command.\n\n```bash\nnpm run dev\n```\n\n### Next Steps\n\nConsider integrating [next-18next](https://www.npmjs.com/package/next-i18next) for better bilingual support.\n\n## Changing the layout of your app.\n\nWBR includes five core template components which can all be\nconfigured to achieve a variety of layouts.\n\nThe included templates are:\n\n- `SplashTemplate` - the default Canada.ca language selection splash page template.\n- `DefaultTemplate` - the default Canada.ca template.\n- `DefaultSecMenuTemplate` - the default Canada.ca template with a left side navigation.\n- `AppTemplate` - the CDTS application template.\n- `AppSecMenuTemplate` - the CDTS application template with a left side navigation.\n\nTo use a different template, simply import it from `\"@arcnovus/wet-boew-react\"`\nand wrap your page with it. For example, you could change the Getting Started\ncode from above to use the App template, like so:\n\n```jsx\nimport {\n AppTemplate,\n PageTitle,\n SplashTemplate,\n WetProvider,\n useLanguage,\n} from \"../src\";\n\nexport default function Index() {\n const { currentLanguage } = useLanguage();\n const labels = {\n en: {\n title: \"My Title\",\n contents: \"Hello, World!\",\n appName: \"My awesome app.\",\n },\n fr: {\n title: \"Mon Titre\",\n contents: \"Bonjour!\",\n appName: \"Mon application merveilleux.\",\n },\n };\n\n return (\n{labels[currentLanguage].contents}
\n \n )}\n