'use client';

import { paths } from "@/paths";
import styles from "@/styles/home.module.css"
import { Box, Card, Stack, ListItemButton, ListItemText, Typography, List } from "@mui/material"
import { useRouter } from "next/navigation";

const navItems = [
  { label: "Products", path: paths.products.home },
  { label: "Games", path: paths.games.home },
  { label: "About", path: "/about" },
  { label: "Contact", path: "/contact" },
];

export default function(){
  const router = useRouter();
  console.log("Styles again:", styles)
  return (
    <>
      <div className={styles.home}>

        <div className={styles.video}>
          <video loop autoPlay muted playsInline >
            <source src="/hero-background.mp4" />
          </video>
        </div>



        <div className={styles.hero} >

        </div>





  

      </div>
    </>
  )
}
