footer-2

• Vista previa

  LOGO

  © 2022ElementumUI. Todos los derechos reservados.

  Terminos y condiciones|Política de privacidad

• Código

  import Link from 'next/link';
  
  const Footer2 = () => {
    return (
      <div className="bg-background-secondary flex flex-col xl:flex-row justify-center items-center gap-4 xl:gap-0 xl:justify-between w-full p-4">
        <div>
          <h1 className="text-3xl font-bold">LOGO</h1>
        </div>
        <div>
          <p className="text-center md:text-left flex gap-2">
            &copy; 2022
            <span className="font-bold">ElementumUI.</span> Todos los derechos reservados.
          </p>
        </div>
        <div className="flex flex-col xl:flex-row items-center gap-2">
          <Link href="#" className="text-muted-foreground hover:text-foreground transition-colors">
            Terminos y condiciones
          </Link>
          <span className="hidden xl:flex">|</span>
          <Link href="#" className="text-muted-foreground hover:text-foreground transition-colors">
            Política de privacidad
          </Link>
        </div>
      </div>
    );
  };
  
  export default Footer2;