diff --git a/front-js/src/app/page.tsx b/front-js/src/app/page.tsx index 665fa08..a8616e8 100644 --- a/front-js/src/app/page.tsx +++ b/front-js/src/app/page.tsx @@ -11,6 +11,7 @@ import Title from "@/components/Title"; import { useEffect, useState } from "react"; import Cookies from "js-cookie"; import axios from "@/axiosConfig"; +import Footer from "@/components/Footer"; export default function Home() { const router = useRouter(); const [hasAccessToken, setHasAccessToken] = useState(false); @@ -125,6 +126,7 @@ export default function Home() { height={600} /> + ); } diff --git a/front-js/src/components/Footer/Footer.scss b/front-js/src/components/Footer/Footer.scss new file mode 100644 index 0000000..13639b0 --- /dev/null +++ b/front-js/src/components/Footer/Footer.scss @@ -0,0 +1,17 @@ +.footer{ + width: 100%; + height: 150px; + flex-shrink: 0; + text-align: center; + background: linear-gradient( + rgba(253, 253, 150, 0), + rgba(253, 253, 150, 0.9) + ); + display: flex; + flex-direction: column; + justify-content: flex-end; +} + +.footer-content { + margin-bottom: 10px; + } \ No newline at end of file diff --git a/front-js/src/components/Footer/Footer.tsx b/front-js/src/components/Footer/Footer.tsx new file mode 100644 index 0000000..0212d24 --- /dev/null +++ b/front-js/src/components/Footer/Footer.tsx @@ -0,0 +1,16 @@ +"use client"; + +import React from "react"; +import "./Footer.scss"; + +const Footer = () => { + return ( + + ); + }; + + export default Footer; \ No newline at end of file diff --git a/front-js/src/components/Footer/index.ts b/front-js/src/components/Footer/index.ts new file mode 100644 index 0000000..d6d8d55 --- /dev/null +++ b/front-js/src/components/Footer/index.ts @@ -0,0 +1 @@ +export { default } from "./Footer"; \ No newline at end of file