"use client"
import { useRouter } from 'next/navigation';

const HomePage = () => {
  const router = useRouter();

  const navigateToCompany = () => {
    router.push('/company/page');
  };

  const navigateToPanel = () => {
    router.push('/panel/page');
  };

  const navigateToAdmin = () => {
    router.push('/admin/page');
  };

  return (
    <div>
      <h1>Main Page</h1>
      <button onClick={navigateToCompany}>Go to Company Page</button>
      <button onClick={navigateToPanel}>Go to Panel Page</button>
      <button onClick={navigateToAdmin}>Go to Admin Page</button>
    </div>
  );
};

export default HomePage;

> Couldn't find a `pages` directory. Please create one under the project root
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
PS D:\Documents\coding\Accessibility-Panel-Nextjs> 

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}

/** @type {import('next').NextConfig} */
const nextConfig = {}

module.exports = nextConfig