"use client";
import React from "react";
import Icon from "./Icon";

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>
                <Icon name="LeafThree24Filled" size="xlarge" />
              </li>
            </ul>
          </div>

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

export default Footer;