intro page

Author: shinyichen

public/styles/img/disc-astrophysics.png

@@ -9,7 +9,6 @@ export const Footer: FC = () => {
   return (
     <Box
       as="footer"
-      mt={3}
       py={6}
       display="flex"
       flexDirection={{ base: 'column', md: 'row' }}

public/styles/img/disc-biophysical.jpg

@@ -24,11 +24,14 @@ const LandingTabs = dynamic(
 );
 
 const LANDING_PAGES = ['/', '/classic-form', '/paper-form'];
+const INTRO_PAGE = ['/intro', '/astrophysics', '/heliophysics', '/planetary', '/earth', '/biophysical'];
 export const Layout: FC = ({ children }) => {
   const router = useRouter();
 
   const isLandingPage = LANDING_PAGES.includes(router.pathname);
 
+  const isIntroPage = INTRO_PAGE.includes(router.pathname);
+
   const [isPrint] = useMediaQuery('print');
 
   return (
@@ -39,15 +42,22 @@ export const Layout: FC = ({ children }) => {
         <meta name="charset" content="utf-8" />
         <Favicons />
       </Head>
-      <SkipNavLink id="main-content">Skip to content</SkipNavLink>
-      {isPrint ? null : <NavBar />}
-      {isPrint ? null : <Notification />}
-      <main>
-        {isLandingPage && <LandingTabs />}
-        <Container maxW={isLandingPage ? 'container.md' : 'container.xl'} id="main-content">
-          {children}
-        </Container>
-      </main>
+      {isIntroPage ? (
+        <>{children}</>
+      ) : (
+        <>
+          <SkipNavLink id="main-content">Skip to content</SkipNavLink>
+          {isPrint ? null : <NavBar />}
+          {isPrint ? null : <Notification />}
+
+          <main>
+            {isLandingPage && <LandingTabs />}
+            <Container maxW={isLandingPage ? 'container.md' : 'container.xl'} id="main-content" mb={6}>
+              {children}
+            </Container>
+          </main>
+        </>
+      )}
       {isPrint ? null : <Footer />}
     </Flex>
   );

public/styles/img/disc-earth.png

@@ -3,8 +3,6 @@ import { forwardRef, Ref, SVGProps } from 'react';
 const logo = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="168.153"
-    height="61.516"
     x="0"
     y="0"
     version="1.1"