mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-20 10:15:17 -04:00
43 lines
1.7 KiB
TypeScript
43 lines
1.7 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
import { CustomBranding } from '../components/common/custom-branding/custom-branding'
|
|
import { HedgeDocLogoVertical } from '../components/common/hedge-doc-logo/hedge-doc-logo-vertical'
|
|
import { LogoSize } from '../components/common/hedge-doc-logo/logo-size'
|
|
import { EditorToRendererCommunicatorContextProvider } from '../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
|
|
import { CoverButtons } from '../components/intro-page/cover-buttons/cover-buttons'
|
|
import { IntroCustomContent } from '../components/intro-page/intro-custom-content'
|
|
import { LandingLayout } from '../components/landing-layout/landing-layout'
|
|
import type { NextPage } from 'next'
|
|
import React from 'react'
|
|
import { Trans } from 'react-i18next'
|
|
|
|
/**
|
|
* Renders the intro page with the logo and the customizable intro text.
|
|
*/
|
|
const IntroPage: NextPage = () => {
|
|
return (
|
|
<LandingLayout>
|
|
<EditorToRendererCommunicatorContextProvider>
|
|
<div className={'flex-fill mt-3'}>
|
|
<h1 dir='auto' className={'align-items-center d-flex justify-content-center flex-column'}>
|
|
<HedgeDocLogoVertical size={LogoSize.BIG} autoTextColor={true} />
|
|
</h1>
|
|
<p className='lead'>
|
|
<Trans i18nKey='app.slogan' />
|
|
</p>
|
|
<div className={'mb-5'}>
|
|
<CustomBranding />
|
|
</div>
|
|
<CoverButtons />
|
|
<IntroCustomContent />
|
|
<hr className={'mb-5'} />
|
|
</div>
|
|
</EditorToRendererCommunicatorContextProvider>
|
|
</LandingLayout>
|
|
)
|
|
}
|
|
|
|
export default IntroPage
|