docs: move header section to main (typescript-eslint#7122)

kemilbeltre · web-flow · commit 84285025bbc0 · 2023-07-17T17:28:50.000-04:00
* fix: move header section to main

* refactor: change the header tag to div
diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
@@ -134,28 +134,33 @@ function Home(): React.JSX.Element {
   const { siteConfig } = useDocusaurusContext();
   return (
     <Layout description={`${siteConfig.tagline}`}>
-      <header className={clsx('hero hero--dark', styles.hero)}>
-        <div className="container">
-          <img alt="" className={styles.hero__logo} src="/img/logo.svg" />
-          <h1 className="hero__title">{siteConfig.title}</h1>
-          <p className="hero__subtitle">{siteConfig.tagline}</p>
-          <div className={styles.buttons}>
-            <Link
-              className="button button--primary"
-              to={useBaseUrl('getting-started')}
-            >
-              Get Started
-            </Link>
-            <Link
-              className="button button--secondary button--outline"
-              to={useBaseUrl('play/')}
-            >
-              Playground
-            </Link>
+      <main>
+        <div className={clsx('hero hero--dark', styles.hero)}>
+          <div className="container">
+            <img
+              alt="Hero Logo"
+              className={styles.hero__logo}
+              src="/img/logo.svg"
+            />
+            <h1 className="hero__title">{siteConfig.title}</h1>
+            <p className="hero__subtitle">{siteConfig.tagline}</p>
+            <div className={styles.buttons}>
+              <Link
+                className="button button--primary"
+                to={useBaseUrl('getting-started')}
+              >
+                Get Started
+              </Link>
+              <Link
+                className="button button--secondary button--outline"
+                to={useBaseUrl('play/')}
+              >
+                Playground
+              </Link>
+            </div>
           </div>
         </div>
-      </header>
-      <main>
+
         {features.map((props, idx) => (
           <section
             key={idx}
