Docs: Minimal Homepage

facebook · Nov 29, 2023 · 78feda8 · 78feda8
1 parent b79d426
commit 78feda8
Showing 1 changed file with 50 additions and 50 deletions.
diff --git a/apps/docs/src/pages/index.js b/apps/docs/src/pages/index.js
@@ -12,68 +12,68 @@ import * as stylex from '@stylexjs/stylex';
 import Layout from '@theme/Layout';
 import StylexAnimatedLogo from '@site/components/StylexAnimatedLogo';
 import Link from '@docusaurus/Link';
-import FeaturePile from '../../components/FeaturePile';
+// import FeaturePile from '../../components/FeaturePile';
 import ZStack from '../../components/ZStack';
 // import ThinkingInStylex from '../../docs/learn/04-thinking-in-stylex.mdx';
-import CodeBlock from '@theme/CodeBlock';
+// import CodeBlock from '@theme/CodeBlock';
 
-const STEP_CONFIGURE = `import plugin from '@stylexjs/rollup-plugin';
+// const STEP_CONFIGURE = `import plugin from '@stylexjs/rollup-plugin';
 
-const config = () => ({
-  plugins: [
-    plugin({ ...options })
-  ]
-})
+// const config = () => ({
+//   plugins: [
+//     plugin({ ...options })
+//   ]
+// })
 
-export default config;
+// export default config;
 
-`;
+// `;
 
-const STEP_CREATE = `import * as stylex from '@stylexjs/stylex';
+// const STEP_CREATE = `import * as stylex from '@stylexjs/stylex';
 
-const styles = stylex.create({
-  hello: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '8rem',
-  }
-});
+// const styles = stylex.create({
+//   hello: {
+//     display: 'flex',
+//     alignItems: 'center',
+//     justifyContent: 'center',
+//     fontSize: '8rem',
+//   }
+// });
 
-`;
+// `;
 
-const STEP_USE = `import * as stylex from '@stylexjs/stylex';
+// const STEP_USE = `import * as stylex from '@stylexjs/stylex';
 
-const HelloWorld = ({style}) => (
-  <div {...stylex.props(
-    styles.hello,
-    style
-  )} >
-    🎉
-  </div>
-)
+// const HelloWorld = ({style}) => (
+//   <div {...stylex.props(
+//     styles.hello,
+//     style
+//   )} >
+//     🎉
+//   </div>
+// )
 
-`;
+// `;
 
-const Card = ({children}) => (
-  <div {...stylex.props(styles.card)}>{children}</div>
-);
+// const Card = ({children}) => (
+//   <div {...stylex.props(styles.card)}>{children}</div>
+// );
 
-const CardTitle = ({children}) => (
-  <h3 {...stylex.props(styles.cardTitle)}>{children}</h3>
-);
+// const CardTitle = ({children}) => (
+//   <h3 {...stylex.props(styles.cardTitle)}>{children}</h3>
+// );
 
-const CardDescription = ({children}) => (
-  <p {...stylex.props(styles.cardDescription)}>{children}</p>
-);
+// const CardDescription = ({children}) => (
+//   <p {...stylex.props(styles.cardDescription)}>{children}</p>
+// );
 
-const CodeContainer = ({children}) => (
-  <div {...stylex.props(styles.codeContainer)}>
-    <span {...stylex.props(styles.code)}>
-      <CodeBlock language="tsx">{children}</CodeBlock>
-    </span>
-  </div>
-);
+// const CodeContainer = ({children}) => (
+//   <div {...stylex.props(styles.codeContainer)}>
+//     <span {...stylex.props(styles.code)}>
+//       <CodeBlock language="tsx">{children}</CodeBlock>
+//     </span>
+//   </div>
+// );
 
 export default function Home() {
   return (
@@ -126,15 +126,15 @@ export default function Home() {
             </Link>
           </section>
         </section>
-        <section
+        {/* <section
           {...stylex.props(
             styles.hero,
             styles.getStartedLayout,
             styles.heroPadding,
           )}>
           <FeaturePile />
-        </section>
-        <section {...stylex.props(styles.hero)}>
+        </section> */}
+        {/* <section {...stylex.props(styles.hero)}>
           <h1 {...stylex.props(styles.sectionTitle)}>{'Easy as 1, 2, 3'}</h1>
           <div {...stylex.props(styles.getStartedLayout)}>
             <Card>
@@ -153,7 +153,7 @@ export default function Home() {
               <CodeContainer>{STEP_USE}</CodeContainer>
             </Card>
           </div>
-        </section>
+        </section> */}
         {/* <section {...stylex.props(styles.secondaryBg)}>
           <div {...stylex.props(styles.contentSection)}>
             <ThinkingInStylex />