110 lines
3.7 KiB
TypeScript
110 lines
3.7 KiB
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
import { getDictionary } from "@/app/lib/functions/dictionaries";
|
|
import { getDefaultLocale } from "@/app/lib/functions/utils";
|
|
import Link from "next/link";
|
|
|
|
export default async function Footer() {
|
|
const dict = await getDictionary(getDefaultLocale());
|
|
return (
|
|
<div className="flex w-full flex-col">
|
|
<div className="flex flex-col items-center gap-[50px] bg-[#F8F8F8] py-[50px]">
|
|
<div className="flex items-center">
|
|
<Image src={"/images/logo.svg"} width={47} height={47} alt="logo" />
|
|
<p className="ms-2 text-[30px] font-[800] capitalize text-[#fd6f00]">
|
|
parsa aghayi
|
|
</p>
|
|
</div>
|
|
<ul className="flex w-full flex-wrap items-center justify-center">
|
|
<a
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/#home"
|
|
>
|
|
{dict.footer.Home}
|
|
</a>
|
|
<a
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/#about-me"
|
|
>
|
|
{dict.footer.AboutMe}
|
|
</a>
|
|
<a
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/#services"
|
|
>
|
|
{dict.footer.Services}
|
|
</a>
|
|
<a
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/#projects"
|
|
>
|
|
{dict.footer.Projects}
|
|
</a>
|
|
<a
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/#testimonials"
|
|
>
|
|
{dict.footer.Testimonials}
|
|
</a>
|
|
<a
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/#contact"
|
|
>
|
|
{dict.footer.Contact}
|
|
</a>
|
|
<Link
|
|
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
|
href="/blog"
|
|
>
|
|
{dict.footer.Blog}
|
|
</Link>
|
|
</ul>
|
|
{/* socials */}
|
|
<div className="flex w-full justify-center">
|
|
<div className="flex items-center gap-[25px]">
|
|
<Image
|
|
src={"/images/icons/facebook.svg"}
|
|
width={32}
|
|
height={32}
|
|
alt="facebook"
|
|
className="svg-hover hover:cursor-pointer"
|
|
/>
|
|
<Image
|
|
src={"/images/icons/twitter.svg"}
|
|
width={32}
|
|
height={32}
|
|
alt="twitter"
|
|
className="svg-hover hover:cursor-pointer"
|
|
/>
|
|
<Image
|
|
src={"/images/icons/instagram.svg"}
|
|
width={32}
|
|
height={32}
|
|
alt="instagram"
|
|
className="svg-hover hover:cursor-pointer"
|
|
/>
|
|
<Image
|
|
src={"/images/icons/linkedin.svg"}
|
|
width={32}
|
|
height={32}
|
|
alt="linkedin"
|
|
className="svg-hover hover:cursor-pointer"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-center justify-center gap-1 whitespace-nowrap bg-[#545454]">
|
|
<p className="py-2 text-[15px] font-[400] text-white">
|
|
{dict.footer.Year}
|
|
</p>
|
|
<p className="py-2 text-[15px] font-[400] text-white">
|
|
{dict.footer.CopyRight}
|
|
</p>
|
|
<span className="mx-[5px] whitespace-nowrap text-[18px] font-[700] capitalize text-[#FD6F00]">
|
|
{dict.footer.Name}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|