feat: feed feature, typescript, remove google, fix errs & warns

src/components/herosection/index.tsx

@@ -1,21 +1,15 @@
 import React from 'react'
-import { PageProps, Link } from 'gatsby'
-
-import styled from 'styled-components'
+import { Link } from 'gatsby'
 
 import { Hero, HeroHeading, HeroDesc } from './style'
 import { BottomSectionArrow, OutlineButton } from '../shared/styledComponents'
 import { Container } from '../shared'
 
-import { pathPrefix } from '../../../gatsby-config.js'
+import { pathPrefix } from '../../../gatsby-config'
 
-type DataProps = {
-  location: Location
-  heading: string
-  desc: string
-}
+import type { HeroSectionProps } from '../../types'
 
-const HeroSection: React.FC<PageProps<DataProps>> = ({
+const HeroSection: React.FC<HeroSectionProps> = ({
   location,
   heading,
   desc

src/components/herosection/style.tsx

@@ -1,7 +1,7 @@
 import styled from 'styled-components'
 import background from '../../images/home_hero_bg.png'
 
-export const Hero = styled.main`
+export const Hero = styled.main<{ bg?: boolean }>`
   position: relative;
   padding: 50px 0;
   color: white;
@@ -13,7 +13,8 @@ export const Hero = styled.main`
 `
 
 export const HeroHeading = styled.h1`
-  font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial,
+  font-family:
+    'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial,
     sans-serif;
   text-transform: uppercase;
 `