Move Banner to just the landing page

Author: fhammerschmidt

src/components/Banner.res

@@ -0,0 +1,3 @@
+@react.component
+let make = (~children) =>
+  <div className="bg-fire-70 text-white text-center text-14 py-3"> children </div>

src/components/Navigation.res

@@ -414,11 +414,6 @@ module MobileNav = {
   }
 }
 
-module Banner = {
-  @react.component
-  let make = (~children) => <div className="bg-fire-70 text-white text-center py-1"> children </div>
-}
-
 /* isOverlayOpen: if the mobile overlay is toggled open */
 @react.component
 let make = (~fixed=true, ~overlayState: (bool, (bool => bool) => unit)) => {
@@ -615,13 +610,5 @@ let make = (~fixed=true, ~overlayState: (bool, (bool => bool) => unit)) => {
         ->unsafeAddProp("WebkitBackdropFilter", "blur(2px)")
       }
     />
-    // Delete this again, when ReScript 11 is out for some time.
-    <Banner>
-      {React.string("ReScript 11 is out! Read the ")}
-      <Link href="/blog/release-11-0-0" className="underline">
-        {React.string("announcement blog post")}
-      </Link>
-      {React.string(".")}
-    </Banner>
   </>
 }

src/layouts/LandingPageLayout.res

@@ -693,7 +693,6 @@ module Sponsors = {
 @react.component
 let make = (~components=MarkdownComponents.default, ~children) => {
   let overlayState = React.useState(() => false)
-  let hasBanner = true
 
   <>
     <Meta
@@ -705,7 +704,15 @@ let make = (~components=MarkdownComponents.default, ~children) => {
     <div className="mt-4 xs:mt-16">
       <div className="text-gray-80 text-18 z">
         <Navigation overlayState />
-        <div className={`absolute w-full ${hasBanner ? "top-[99px]" : "top-16"}`}>
+        <div className="absolute w-full top-16">
+          // Delete this again, when ReScript 11 is out for some time.
+          <Banner>
+            {React.string("ReScript 11 is out! Read the ")}
+            <Next.Link href="/blog/release-11-0-0" className="underline">
+              {React.string("announcement blog post")}
+            </Next.Link>
+            {React.string(".")}
+          </Banner>
           <div className="relative overflow-hidden pb-32">
             <main className="mt-10 min-w-320 lg:align-center w-full">
               <MdxProvider components>