"use client";
import React from "react";
import { title } from "@/constants";
import Logo from "@/components/Logo";

function Footer() {
  return (
    <footer>
      <div className="py-12 mx-auto w-full from-base-100/70 bg-gradient-to-t">
        <div className="max-w-6xl mx-auto px-4 sm:px-6" data-aos="fade-up">
          {/* Bottom area */}
          <div className="flex items-center justify-center">
            {/* Social links */}
            <ul className="flex md:order-1 md:mb-0 justify-center text-base-content fill-base-content">
              <li>
                <Logo />
              </li>
            </ul>
          </div>

          {/* Copyrights note */}
          <div className="text-base-content text-xs text-center  mt-2">
            &copy; {new Date().getFullYear()} {title}
          </div>
        </div>
      </div>
    </footer>
  );
}

export default Footer;
