footer-1

• Vista previa

  © 2024ElementumUI. Todos los derechos reservados.

  Terminos y condiciones|Política de privacidad

• Código

  import Link from 'next/link';
  
  const Footer1 = () => {
    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>
          <p className="text-muted-foreground text-center md:text-left flex items-center gap-2">
            &copy; 2024
            <span className="text-black dark:text-white 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 Footer1;