// main layout for the pages while navigating 

import { useEffect, useRef } from 'react'
import Head from 'next/head'
import Nav from "./../Nav/Nav"

import styles from './layout.module.css'
import homestyle from './../../styles/home.module.css'


export default function Layout({ children, menu }) {
  return (
    <>
      <Nav menu={menu} />
      <main className={styles.main}>{children}</main>
      <footer>© {new Date().getFullYear()} Creative Discovery with ❤. All rights reserved. </footer>
    </>
  )
}