Idealmente que sea puro css Para maximizar el espacio above the fold que no robe espacio. En el footer pienso poner el menú y demás mamadas relacionadas.
Al presionar el botón, scrollee (preferentemente suave) abajo Puede usarse con no tan buena acpetación pero ni hablar:
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
}