Bring back studio landing page (mui#3828)

Janpot · Jul 22, 2024 · 6d868b4 · 6d868b4
1 parent 6322c92
commit 6d868b4
Show file tree

Hide file tree

Showing 3 changed files with 78 additions and 78 deletions.
diff --git a/docs/pages/toolpad-studio/index.js b/docs/pages/toolpad-studio/index.js
diff --git a/docs/pages/toolpad/core/index.js b/docs/pages/toolpad/core/index.js
@@ -0,0 +1,33 @@
+import * as React from 'react';
+import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import Divider from '@mui/material/Divider';
+import CssBaseline from '@mui/material/CssBaseline';
+import AppHeader from 'docs/src/layouts/AppHeader';
+import AppFooter from 'docs/src/layouts/AppFooter';
+import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
+import Examples from '../../../src/components/landing-core/Examples';
+import Hero from '../../../src/components/landing-core/Hero';
+import Features from '../../../src/components/landing-core/Features';
+import BuiltWith from '../../../src/components/landing-core/BuiltWith';
+import StudioIntro from '../../../src/components/landing-core/StudioIntro';
+
+export default function Home() {
+  return (
+    <BrandingCssVarsProvider>
+      <CssBaseline />
+      <AppHeaderBanner />
+      <AppHeader gitHubRepository="https://github.com/mui/mui-toolpad" />
+      <main id="main-content">
+        <Hero />
+        {/* <HeroVideo /> */}
+        <Features />
+        <Divider />
+        <BuiltWith />
+        <Divider />
+        <Examples />
+        <StudioIntro />
+      </main>
+      <AppFooter />
+    </BrandingCssVarsProvider>
+  );
+}
diff --git a/docs/pages/toolpad/index.js b/docs/pages/toolpad/index.js
@@ -1,31 +1,64 @@
 import * as React from 'react';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
-import Divider from '@mui/material/Divider';
+import NoSsr from '@mui/material/NoSsr';
+import Head from 'docs/src/modules/components/Head';
 import CssBaseline from '@mui/material/CssBaseline';
+import Divider from '@mui/material/Divider';
+import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
-import Examples from '../../src/components/landing-core/Examples';
-import Hero from '../../src/components/landing-core/Hero';
-import Features from '../../src/components/landing-core/Features';
-import BuiltWith from '../../src/components/landing-core/BuiltWith';
-import StudioIntro from '../../src/components/landing-core/StudioIntro';
+import Hero from '../../src/components/landing/Hero';
+import HeroVideo from '../../src/components/landing/HeroVideo';
+import SignUpToast from '../../src/components/landing/SignUpToast';
+import UseCases from '../../src/components/landing/UseCases';
+import CardGrid from '../../src/components/landing/CardGrid';
+import Pricing from '../../src/components/landing/PricingTable';
+import Marquee from '../../src/components/landing/Marquee';
+import features from '../../data/toolpad/studio/landing/features';
+import useCases from '../../data/toolpad/studio/landing/useCases';
+import marquee from '../../data/toolpad/studio/landing/marquee';
+import {
+  Headline,
+  plans,
+  planInfo,
+  rowHeaders,
+  communityData,
+  commercialData,
+} from '../../data/toolpad/studio/landing/pricing';
 
 export default function Home() {
   return (
     <BrandingCssVarsProvider>
+      <Head
+        title="Toolpad: Low-code admin builder"
+        description="Build apps with Material UI components, connect to data sources, APIs and build your internal tools 10x faster. Open-source and powered by MUI."
+        card="/static/toolpad/marketing/toolpad-og.jpg"
+      />
+      <NoSsr>
+        <SignUpToast />
+      </NoSsr>
       <CssBaseline />
       <AppHeaderBanner />
       <AppHeader gitHubRepository="https://github.com/mui/mui-toolpad" />
       <main id="main-content">
         <Hero />
-        {/* <HeroVideo /> */}
-        <Features />
+        <HeroVideo />
+        <Divider />
+        <UseCases content={useCases} />
+        <Divider />
+        <CardGrid content={features} />
+        <Divider />
+        <Pricing
+          Headline={Headline}
+          plans={plans}
+          planInfo={planInfo}
+          rowHeaders={rowHeaders}
+          commercialData={commercialData}
+          communityData={communityData}
+        />
         <Divider />
-        <BuiltWith />
+        <Marquee content={marquee} />
         <Divider />
-        <Examples />
-        <StudioIntro />
       </main>
       <AppFooter />
     </BrandingCssVarsProvider>