# Footer
> El pie de una página, la contraparte del `Navbar` abajo: a todo el ancho, con la línea arriba, opaco como la barra global y translúcido sobre el wallpaper.
```tsx
import { Footer, FooterBottom, FooterContent, FooterGroup } from "sebs7n-ui/footer"
```
Sin `"use client"`: sirve en un Server Component.
## Ejemplos
### El pie de un sitio
La contraparte del `Navbar` abajo: opaco como la barra global y translúcido sobre el wallpaper. `FooterGroup` arma cada columna; `FooterBottom`, la fila de abajo.
```tsx
import { Footer, FooterBottom, FooterContent, FooterGroup } from "sebs7n-ui/footer"
function Site() {
return (
)
}
```
### Sobre el wallpaper
Adentro de `data-ambient` (lo pone `AppShell ambient`; acá, un degradé en su lugar) el pie es `material-translucent`, como las barras: el wallpaper se ve a través y el texto sigue a 4,5:1.
```tsx
import { Footer, FooterBottom, FooterContent } from "sebs7n-ui/footer"
function OnWallpaper() {
return (
// Un degradé propio en vez de `bg-ambient`, que es el fondo de la ventana entera.