chore: reorg dvc.org (#5357)

Author: yathomasi

content/data/datachain.yml

@@ -1,15 +1,5 @@
 # DVC Documentation
 
-<admon type="info">
-
-🚀 Check out our new sister product
-[DataChain](https://github.com/iterative/datachain) and give it a ⭐. It works
-upstream and overlaps with DVC if you need to version and process a large number
-of files. Contact us at support@iterative.ai to discuss commercial solutions and
-support for reproducibility and data management for AI.
-
-</admon>
-
 **DVC** can be installed on [Visual Studio Code], any [system terminal], and
 used as a [Python library].
 
@@ -31,20 +21,14 @@ used as a [Python library].
     Non-exhaustive list of scenarios DVC can help with
   </card>
 
-  <card href="https://github.com/iterative/datachain" heading=" " headingicon="/img/logos/datachain-black.svg">
-    Sister and upstream tool to version and wrangle data at scale
-  </card>
-
 </cards>
 
 ✅ If you have any questions or need specific help, feel free to join our
 [community](/community) or use the [support](/support) channels. We are very
 responsive⚡.
 
 ✅ Check out our GitHub repositories: [DVC](https://github.com/iterative/dvc)
-and
-[<img class="inline" width="20px"  src="/img/logos/datachain-logo.svg" /> DataChain](https://github.com/iterative/datachain)
-give us a ⭐ if you like the projects!
+give us a ⭐ if you like the project!
 
 ✅ Contribute to DVC [on GitHub](https://github.com/iterative/dvc) or help us
 improve this [documentation](https://github.com/iterative/dvc.org) 🙏.

content/docs/index.md

@@ -50,7 +50,7 @@ export const onCreateNode: GatsbyNode['onCreateNode'] = async api => {
   if (
     node.internal.type === 'File' &&
     node.sourceInstanceName === 'data' &&
-    (node.relativePath === 'dvc.yml' || node.relativePath === 'datachain.yml')
+    node.relativePath === 'dvc.yml'
   ) {
     const fileContent = await loadNodeContent(node)
     const homeSlides = yaml.load(fileContent)
@@ -74,19 +74,6 @@ export const onCreateNode: GatsbyNode['onCreateNode'] = async api => {
       }
       createNode(DvcSlide)
       createParentChildLink({ child: DvcSlide, parent: node })
-    } else if (node.relativePath === 'datachain.yml') {
-      const DatachainSlide = {
-        id: createNodeId('DatachainSlide'),
-        parent: node.id,
-        children: [],
-        internal: {
-          type: 'DatachainSlide',
-          contentDigest: node.internal.contentDigest
-        },
-        slides: processedSlides
-      }
-      createNode(DatachainSlide)
-      createParentChildLink({ child: DatachainSlide, parent: node })
     }
   }
 }

plugins/landing-page/gatsby-node.ts

@@ -8,14 +8,12 @@ import { logEvent } from '@dvcorg/gatsby-theme-iterative/src/utils/front/plausib
 import { getFirstPage } from '@dvcorg/gatsby-theme-iterative/src/utils/shared/sidebar'
 
 import { ReactComponent as LogoSVG } from '../../../../../static/img/logo-white.svg'
-import { ReactComponent as ExternalLinkIcon } from '../../../../../static/img/external-link-icon.svg'
 
 import { ReactComponent as TwitterIcon } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/twitter.svg'
 import { ReactComponent as GithubIcon } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/github.svg'
 
 import * as styles from '@dvcorg/gatsby-theme-iterative/src/components/HamburgerMenu/styles.module.css'
 import menuData from '../../data/menu'
-import { studioUrl } from '../../../../utils/externalUrls'
 import LogoGradient from '@dvcorg/gatsby-theme-iterative/src/components/LogoGradient'
 
 const docsPage = getFirstPage()
@@ -208,25 +206,6 @@ export const HamburgerMenu: React.FC<
             </li>
           </ul>
         </li>
-        <li className={styles.section}>
-          <p className={styles.sectionHeading}>All Tools</p>
-          <ul className={styles.subSections}>
-            {menuData.products.map(item => (
-              <li className={styles.subSection} key={item.href}>
-                <Link href={item.href} className={styles.subSectionLink}>
-                  <img
-                    className={styles.subSectionLinkImage}
-                    src={item.img}
-                    alt={item.imgAlt}
-                  />
-                  <span className={styles.subSectionLinkTitle}>
-                    {item.title}
-                  </span>
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </li>
       </ul>
       <Link
         href="/doc/start"
@@ -235,14 +214,6 @@ export const HamburgerMenu: React.FC<
       >
         Get started
       </Link>
-      <Link
-        href={studioUrl}
-        className={cn(styles.linkButton)}
-        onClick={() => handleItemClick('get-enterprise')}
-      >
-        Get Enterprise
-        <ExternalLinkIcon className="ml-0.5 inline-block w-4 h-4" />
-      </Link>
     </div>
   )
 }

src/@dvcorg/gatsby-theme-iterative/components/HamburgerMenu/index.tsx

@@ -11,13 +11,9 @@ import { ReactComponent as LogoSVG } from '../../../../../static/img/dvc_icon-co
 import { ReactComponent as GithubSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/github.svg'
 import { ReactComponent as TwitterSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/twitter.svg'
 import { ReactComponent as DiscordSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/discord.svg'
-import { ReactComponent as StudioSVG } from '../../../../../static/img/studio_icon-color--square_vector.svg'
-import { ReactComponent as DatachainSVG } from '../../../../../static/img/logos/datachain-logo.svg'
 
 import * as styles from '@dvcorg/gatsby-theme-iterative/src/components/LayoutFooter/styles.module.css'
 
-import { githubDatachainUrl } from '../../../../utils/externalUrls'
-
 const docsPage = getFirstPage()
 
 interface IFooterLinkData {
@@ -76,50 +72,6 @@ const footerListsData: Array<IFooterListData> = [
         icon: <DiscordSVG className={styles.icon} />
       }
     ]
-  },
-  {
-    header: 'Company',
-    links: [
-      {
-        href: '/blog',
-        text: 'Blog'
-      },
-      {
-        href: '/doc/user-guide/privacy',
-        text: 'Privacy Policy'
-      },
-      {
-        href: 'https://iterative.ai/about#career',
-        text: 'Career',
-        target: '_blank'
-      },
-      {
-        href: 'https://iterative.ai/brand',
-        text: 'Media Kit'
-      }
-    ]
-  },
-  {
-    header: 'More Tools',
-    links: [
-      {
-        href: githubDatachainUrl,
-        text: 'DataChain',
-        icon: <DatachainSVG className={styles.productIcon} />
-      },
-      {
-        href: 'https://studio.datachain.ai/',
-        text: 'DVC Studio',
-        icon: <StudioSVG className={styles.productIcon} />,
-        target: '_blank'
-      },
-      {
-        href: 'https://marketplace.visualstudio.com/items?itemName=Iterative.dvc',
-        text: 'VS Code Extension',
-        icon: <LogoSVG className={styles.productIcon} />,
-        target: '_blank'
-      }
-    ]
   }
 ]
 
@@ -199,6 +151,7 @@ const LayoutFooter: React.FC = () => (
         </Link>
       </div>
       <FooterLists />
+
       <div className="mx-auto mt-6">
         <FooterSocialIcons />
       </div>

src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx

@@ -4,8 +4,6 @@ import cn from 'classnames'
 import Link from '@dvcorg/gatsby-theme-iterative/src/components/Link'
 import { logEvent } from '@dvcorg/gatsby-theme-iterative/src/utils/front/plausible'
 
-import { ReactComponent as ExternalLinkIcon } from '../../../../../../../static/img/external-link-icon.svg'
-
 import * as styles from './styles.module.css'
 import menuData from '../../../../data/menu'
 
@@ -66,46 +64,3 @@ export const OtherPopup: React.FC<IPopupProps> = ({
     )}
   </BasePopup>
 )
-
-export const OtherToolsPopup: React.FC<IPopupProps> = ({
-  isVisible,
-  closePopup
-}) => (
-  <BasePopup className={styles.otherToolsPopup} isVisible={isVisible}>
-    {menuData.products.map(
-      (
-        { title, icon, iconClass, description, href, target, titleImgClass },
-        i
-      ) => (
-        <Link
-          className={styles.link}
-          href={href}
-          key={i}
-          target={target}
-          onClick={closePopup}
-        >
-          {icon ? (
-            <div
-              className="h-8 w-8 flex justify-end"
-              style={{ gridArea: 'icon' }}
-            >
-              {icon}
-            </div>
-          ) : (
-            <div className={cn(styles.linkIcon, iconClass)} />
-          )}
-          <p className={styles.title}>
-            {title} {href === '/' ? ' 👈' : null}
-            {titleImgClass && (
-              <span className={cn(styles.titleIcon, titleImgClass)}></span>
-            )}
-            {/^https?:\/\//.test(href) && (
-              <ExternalLinkIcon className={styles.titleExternalIcon} />
-            )}
-          </p>
-          <p className={styles.description}>{description}</p>
-        </Link>
-      )
-    )}
-  </BasePopup>
-)

src/@dvcorg/gatsby-theme-iterative/components/LayoutHeader/Nav/Popup/index.tsx

@@ -2,12 +2,9 @@ import SocialIcons from './SocialIcons'
 import LinkItems from './LinkItems'
 
 import { logEvent } from '@dvcorg/gatsby-theme-iterative/src/utils/front/plausible'
-import { ReactComponent as ExternalLinkIcon } from '../../../../../../static/img/external-link-icon.svg'
 
 import * as styles from './styles.module.css'
 import PseudoButton from '@dvcorg/gatsby-theme-iterative/src/components/PseudoButton'
-import Link from '@dvcorg/gatsby-theme-iterative/src/components/Link'
-import { studioUrl } from '../../../../../utils/externalUrls'
 
 const Nav: React.FC = () => (
   <div className={styles.wrapper}>
@@ -21,13 +18,6 @@ const Nav: React.FC = () => (
     >
       Get Started
     </PseudoButton>
-    <div className="text-dark hidden md:flex items-center">
-      <div className="mx-3 select-none">|</div>
-      <Link className="no-underline hover" href={studioUrl}>
-        Get Enterprise{` `}
-        <ExternalLinkIcon className="ml-0.5 inline-block w-4 h-4" />
-      </Link>
-    </div>
   </div>
 )
 

src/@dvcorg/gatsby-theme-iterative/components/LayoutHeader/Nav/index.tsx

@@ -17,7 +17,7 @@
   position: relative;
   border-radius: 100px;
   z-index: 1;
-  padding: 16px 24px;
+  padding: 14px 20px;
   font-weight: 500;
   font-size: 16px;
   line-height: 16px;