43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
|
import React from "react";
|
||
|
|
import Image from "next/image";
|
||
|
|
|
||
|
|
const GeneralFooter = () => {
|
||
|
|
const date = new Date();
|
||
|
|
return (
|
||
|
|
<footer
|
||
|
|
className="mt-10 w-full flex flex-col items-center py-20"
|
||
|
|
style={{
|
||
|
|
borderTop: "1px solid rgba(255,255,255,0.2)",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<div className="max-w-6xl w-full flex flex-wrap items-stretch gap-10">
|
||
|
|
<a
|
||
|
|
href="/"
|
||
|
|
data-href="/"
|
||
|
|
className="logo-link-block -mb-4"
|
||
|
|
>
|
||
|
|
<Image
|
||
|
|
src="/images/logo-white.svg"
|
||
|
|
width={50}
|
||
|
|
height={100}
|
||
|
|
alt="Logo"
|
||
|
|
/>
|
||
|
|
</a>
|
||
|
|
<div className="flex flex-col items-start justify-between">
|
||
|
|
<div className="flex-col flex items-start gap-1">
|
||
|
|
<span className="opacity-50">Contact Me</span>
|
||
|
|
<div className="flex gap-4">
|
||
|
|
<a href="/">LinkedIn</a>
|
||
|
|
<a href="/">Mail</a>
|
||
|
|
<a href="/">Phone</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span className="text-sm opacity-40">Copyright © {date.getFullYear()} Tben.me. All Rights Reserved.</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default GeneralFooter;
|