diff --git a/docs/pages/branding/about.tsx b/docs/pages/about.tsx similarity index 100% rename from docs/pages/branding/about.tsx rename to docs/pages/about.tsx diff --git a/docs/pages/branding/home.tsx b/docs/pages/branding/home.tsx deleted file mode 100644 index afc983b523fa48..00000000000000 --- a/docs/pages/branding/home.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; -import NoSsr from '@material-ui/core/NoSsr'; -import Divider from '@material-ui/core/Divider'; -import AppHeader from 'docs/src/layouts/AppHeader'; -import Hero from 'docs/src/components/home/Hero'; -import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References'; -import ProductSuite from 'docs/src/components/home/ProductSuite'; -import ValueProposition from 'docs/src/components/home/ValueProposition'; -import DesignSystemComponents from 'docs/src/components/home/DesignSystemComponents'; -import Testimonials from 'docs/src/components/home/Testimonials'; -import Sponsors from 'docs/src/components/home/Sponsors'; -import HeroEnd from 'docs/src/components/home/HeroEnd'; -import AppFooter from 'docs/src/layouts/AppFooter'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import NewsletterToast from 'docs/src/components/home/NewsletterToast'; - -export default function Home() { - return ( - - - - - - - - - - - - - - - - - - - - - ); -} diff --git a/docs/pages/index.tsx b/docs/pages/index.tsx index 549d1dddbe969a..afc983b523fa48 100644 --- a/docs/pages/index.tsx +++ b/docs/pages/index.tsx @@ -1,161 +1,43 @@ import * as React from 'react'; -import { styled } from '@material-ui/core/styles'; -import Box from '@material-ui/core/Box'; -import Typography, { TypographyProps } from '@material-ui/core/Typography'; -import Button from '@material-ui/core/Button'; -import Container from '@material-ui/core/Container'; -import Steps from 'docs/src/pages/landing/Steps'; -import Themes from 'docs/src/pages/landing/Themes'; -import QuickWord from 'docs/src/pages/landing/QuickWord'; -import Sponsors from 'docs/src/pages/landing/Sponsors'; -import Users from 'docs/src/pages/landing/Users'; -import Quotes from 'docs/src/pages/landing/Quotes'; -import Pro from 'docs/src/pages/landing/Pro'; -import AppFooter from 'docs/src/modules/components/AppFooter'; -import AppFrame from 'docs/src/modules/components/AppFrame'; -import Link from 'docs/src/modules/components/Link'; import Head from 'docs/src/modules/components/Head'; -import loadScript from 'docs/src/modules/utils/loadScript'; -import { useTranslate } from 'docs/src/modules/utils/i18n'; - -let dependenciesLoaded = false; - -function loadDependencies() { - if (dependenciesLoaded) { - return; - } - - dependenciesLoaded = true; - - loadScript('https://buttons.github.io/buttons.js', document.querySelector('head')); - loadScript('https://platform.twitter.com/widgets.js', document.querySelector('head')); -} - -const Content = styled(Container)(({ theme }) => ({ - display: 'flex', - flexDirection: 'column', - alignItems: 'center', - textAlign: 'center', - paddingTop: theme.spacing(4), - paddingBottom: theme.spacing(8), - [theme.breakpoints.up('md')]: { - paddingTop: theme.spacing(16), - paddingBottom: theme.spacing(16), - flexDirection: 'row', - alignItems: 'flex-start', - textAlign: 'left', - }, -})); - -const Title = styled(Typography)( - ({ theme }) => ({ - marginLeft: -12, - whiteSpace: 'nowrap', - letterSpacing: '.7rem', - textIndent: '.7rem', - fontWeight: theme.typography.fontWeightLight, - [theme.breakpoints.only('xs')]: { - fontSize: 28, - }, - }), -); - -const Logo = styled('img')(({ theme }) => ({ - flexShrink: 0, - width: 120, - height: 120, - marginBottom: theme.spacing(2), - [theme.breakpoints.up('md')]: { - marginRight: theme.spacing(8), - width: 195, - height: 175, - }, -})); - -const Social = styled('div')(({ theme }) => ({ - padding: theme.spacing(2, 0), - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - height: 20, - boxSizing: 'content-box', - '& a': { - color: theme.palette.background.paper, - }, -})); - -export default function LandingPage() { - React.useEffect(() => { - loadDependencies(); - }, []); - const t = useTranslate(); - +import NoSsr from '@material-ui/core/NoSsr'; +import Divider from '@material-ui/core/Divider'; +import AppHeader from 'docs/src/layouts/AppHeader'; +import Hero from 'docs/src/components/home/Hero'; +import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References'; +import ProductSuite from 'docs/src/components/home/ProductSuite'; +import ValueProposition from 'docs/src/components/home/ValueProposition'; +import DesignSystemComponents from 'docs/src/components/home/DesignSystemComponents'; +import Testimonials from 'docs/src/components/home/Testimonials'; +import Sponsors from 'docs/src/components/home/Sponsors'; +import HeroEnd from 'docs/src/components/home/HeroEnd'; +import AppFooter from 'docs/src/layouts/AppFooter'; +import BrandingProvider from 'docs/src/BrandingProvider'; +import NewsletterToast from 'docs/src/components/home/NewsletterToast'; + +export default function Home() { return ( - - - - - - - - - - {'MATERIAL-UI'} - - - {t('strapline')} - - - {t('getStarted')} - - - - - - - - Star - - - - - Follow - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - + ); } diff --git a/docs/pages/branding/pricing.tsx b/docs/pages/pricing.tsx similarity index 100% rename from docs/pages/branding/pricing.tsx rename to docs/pages/pricing.tsx diff --git a/docs/src/route.ts b/docs/src/route.ts index fd2448d6967918..8626cd1ec930c2 100644 --- a/docs/src/route.ts +++ b/docs/src/route.ts @@ -1,5 +1,5 @@ const ROUTES = { - home: '/branding/home', + home: '/', productCore: '/branding/core/', productAdvanced: '/branding/x-advanced/', productTemplates: '/branding/templates/', @@ -10,12 +10,12 @@ const ROUTES = { customization: '/customization/how-to-customize/', theming: '/customization/theming/', documentation: '/getting-started/usage/', - pricing: '/branding/pricing/', + pricing: '/pricing/', blog: '/blog/', showcase: '/discover-more/showcase', roadmap: '/discover-more/roadmap', languages: '/discover-more/languages', - about: '/branding/about/', + about: '/about/', vision: '/discover-more/vision/', careers: '/company/careers/', support: '/getting-started/support/#professional-support-premium',