Revert "Implement dvc.org redesign to include dvcx coming soon (#4737)"

This reverts commit cc9b048.

Author: skshetry

plugins/landing-page/gatsby-node.ts

@@ -59,19 +59,18 @@ export const onCreateNode: GatsbyNode['onCreateNode'] = async api => {
         terminal: terminal.split('\n').map(processTerminalLine).join('\n')
       }
     })
-    if (node.relativePath === 'dvc.yml') {
-      const DvcSlide = {
-        id: createNodeId('DvcSlide'),
-        parent: node.id,
-        children: [],
-        internal: {
-          type: 'DvcSlide',
-          contentDigest: node.internal.contentDigest
-        },
-        slides: processedSlides
+    const landingPageNode = {
+      slides: processedSlides,
+
+      id: createNodeId('LandingPage'),
+      parent: node.id,
+      children: [],
+      internal: {
+        type: 'LandingPage',
+        contentDigest: node.internal.contentDigest
       }
-      createNode(DvcSlide)
-      createParentChildLink({ child: DvcSlide, parent: node })
     }
+    createNode(landingPageNode)
+    createParentChildLink({ child: landingPageNode, parent: node })
   }
 }

src/@dvcorg/gatsby-theme/components/LayoutHeader/Nav/LinkItems/styles.module.css

@@ -50,11 +50,11 @@
 
   font-family: var(--font-base);
   font-weight: 400;
-  font-size: 17px;
-  line-height: 20px;
+  font-size: 20px;
+  line-height: 24px;
   text-decoration: none;
   color: #353940;
-  padding: 20px 5px;
+  padding: 20px 10px;
   display: flex;
   align-items: flex-end;
   border: none;
@@ -88,23 +88,22 @@
   }
 
   .linkIcon {
-    width: 16px;
-    height: 16px;
+    width: 18px;
+    height: 18px;
     margin-left: 4px;
   }
 
   .arrowUpIcon {
     display: none;
   }
 
-  @media screen(xl) {
-    font-size: 20px;
-    line-height: 24px;
-    padding: 20px 10px;
+  @media screen(mdMax) {
+    font-size: 17px;
+    line-height: 20px;
 
     .linkIcon {
-      width: 18px;
-      height: 18px;
+      width: 16px;
+      height: 16px;
     }
   }
 }

src/components/HeroContainer/index.tsx renamed to src/components/HeroSection/index.tsx

@@ -2,20 +2,17 @@ import cn from 'classnames'
 
 import LayoutWidthContainer from '@dvcorg/gatsby-theme/src/components/LayoutWidthContainer'
 
-interface IHeroContainerProps {
+import * as styles from './styles.module.css'
+
+interface IHeroSectionProps {
   className?: string
   children: React.ReactNode
-  id?: HTMLDivElement['id']
 }
 
-const HeroContainer: React.FC<IHeroContainerProps> = ({
-  className,
-  children,
-  id
-}) => (
-  <div className={cn('w-full', className)} id={id}>
+const HeroSection: React.FC<IHeroSectionProps> = ({ className, children }) => (
+  <div className={cn(styles.heroSection, className)}>
     <LayoutWidthContainer>{children}</LayoutWidthContainer>
   </div>
 )
 
-export default HeroContainer
+export default HeroSection

src/components/HeroSection/styles.module.css

@@ -0,0 +1,4 @@
+.heroSection {
+  width: 100%;
+  background-color: var(--color-light-blue);
+}