                  <Logo className={classes.logo} width={300} height={96} />
              </Link>
  
              <div className={classes.menu}>
                  <Dropdown items={items} section={section} />
  
                  <ul className={classes.list}>
                      {items.map(({ text, url }, i) => {
                          const isActive = section && text.toLowerCase() === section
                          const itemClassNames = classNames(classes.item, {
 
</s> remove         <select
            defaultValue={defaultValue}
            className={classes.dropdown}
            onChange={({ target }) => navigate(target.value)}
        >
 </s> add         <Dropdown defaultValue={defaultValue} className={classes.dropdown}> </s> remove const Dropdown = ({ items, section }) => {
 </s> add const NavigationDropdown = ({ items, section }) => { </s> remove         </select>
 </s> add         </Dropdown> </s> remove import { navigate } from 'gatsby'
 </s> add 
                <NavigationDropdown items={items} section={section} />
                  <Logo className={classes.logo} width={300} height={96} />
              </Link>
  
              <div className={classes.menu}>
                <NavigationDropdown items={items} section={section} />
  
                  <ul className={classes.list}>
                      {items.map(({ text, url }, i) => {
                          const isActive = section && text.toLowerCase() === section
                          const itemClassNames = classNames(classes.item, {
keep keep keep keep replace keep keep keep keep keep
 Move Dropdown to own component 
website/src/components/navigation.js