Footer

peace kim·2023년 12월 9일

Next-Amazon

목록 보기
3/10

Header를 만든 다음 Footer를 만든다

import Image from "next/image";
import logo from "../images/logo.png";

const Footer = () => {
  return (
    <div className="w-full h-20 bg-amazon_light text-gray-300 flex items-center justify-center gap-4">
      <Image className="w-24" src={logo} alt="logo" />
      <p className="text-sm -mt-4">
        All rights reserved{" "}
        <a
          className="hover:text-white hover:underline decoration-[1px] cursor-pointer duration-300"
          href="https://reactbd.com"
          target="_blank"
        >
          @next.com
        </a>
      </p>
    </div>
  );
};

export default Footer;

profile
개발자

0개의 댓글