Website em next para um jogo online

Projeto: Desenvolvimento de Página em Next.js
Resumo do Projeto
O objetivo é desenvolver um website utilizando o framework Next.js, inspirado no layout e funcionalidades do site https://www.legendsofkersef.com/. A página deve ser moderna, responsiva, otimizada para SEO e com recursos dinâmicos que permitem fácil atualização de conteúdo.

Objetivos do Website
Informar: Apresentar informações sobre o jogo , incluindo descrição, funcionalidades e notícias.
Engajar: Fornecer áreas de interação, como rankings, login e eventos.
Disponibilizar Recursos: Permitir o download do cliente do jogo e outros arquivos importantes.
Promover Experiência Responsiva: Garantir que o site funcione bem em todos os dispositivos (desktop, tablet, celular).
Requisitos do Projeto
1. Framework e Tecnologias
Framework: Next.js (versão mais recente)
Estilização:
Preferência por Tailwind CSS, mas outras opções (Sass, Styled-components) podem ser discutidas.
Gerenciamento de Estado: Se necessário, usar Zustand ou similar.
API Dinâmica: Uso do sistema de rotas de API do Next.js para ranking, notícias, etc.
Banco de Dados (opcional): Estrutura simples para armazenar informações como ranking de jogadores e notícias (MongoDB, Firebase, ou outro banco recomendado).
2. Estrutura do Website

A página deve conter as seguintes seções:

Página Inicial:

Banner principal com título, subtítulo e botões de ação (Ex.: "Download Agora", "Veja as Notícias").
Cards para apresentar seções importantes como:
Últimas notícias.
Ranking de jogadores.
Eventos futuros.
Notícias e Eventos:

Listagem dinâmica de notícias e eventos (com título, imagem e descrição curta).
Opção de clicar para ver os detalhes de cada notícia/evento.
Downloads:

Links para download do cliente do jogo, atualizações ou outras ferramentas.
Informação sobre requisitos do sistema e instruções.
Rankings:

Exibição dinâmica do ranking dos jogadores.
Filtros por categorias (Ex.: Top PvP, Top Guildas, etc.).
Login e Registro (opcional nesta fase inicial):

Página de login e registro de usuários, integrada com autenticação via NextAuth ou outro sistema.
3. Design e Estilização
Paleta de Cores: Baseada no tema do jogo  (cores escuras, elementos místicos, toques dourados/azuis).
Tipografia: Utilizar fontes modernas e legíveis, como Google Fonts (Ex.: Poppins ou Roboto).
Responsividade: O design deve ser fluido, adaptando-se bem a diferentes tamanhos de tela.
Animações Simples: Utilizar transições suaves para hover em botões, carregamento de cards, etc.

Iremos conversar e alinhar a melhor combinação possível.