web/components/landingComponents/Footer/page.jsx

71 lines
2.7 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import React, { version } from "react";
import logo2 from "../../../src/assets/logo2.png";
import Image from "next/image";
import { useLocale } from "next-intl";
import { Link } from "src/i18n/routing";
const Footer = () => {
const locale = useLocale();
const isRTL = locale === "fa";
return (
<div className="bg-hero-pattern-footer ">
<div className="lg:w-7/12 xs:w-full mx-auto py-20">
<div className="flex justify-center">
<div className={`text-center w-full ${isRTL ? "rtl" : "ltr"}`}>
{isRTL ? (
<>
<p className="mb-0 text-white text-center xs:mt-0 lg:mt-10 font-bold lg:text-[70px] xs:text-[25px] lg:leading-[60px] lg:w-fit xs:w-full">
<small className="text-primary-300">"</small>
بریز، مدیریت هارمونیک{" "}
</p>
<p className="mb-0 text-white text-center font-bold lg:text-[70px] xs:text-[25px] lg:leading-[60px] lg:w-fit xs:w-full">
روتین ها
<small className=" text-primary-300">"</small>
</p>
</>
) : (
<>
{" "}
<p className="mb-0 text-white text-center xs:mt-0 lg:mt-10 font-bold lg:text-[70px] xs:text-[25px] lg:leading-[60px] lg:w-fit xs:w-full">
<small className="text-primary-300">"</small>
Briz, Harmonious routine
</p>
<p className="mb-0 text-white text-center font-bold lg:text-[70px] xs:text-[25px] lg:leading-[60px] lg:w-fit xs:w-full">
management
<small className=" text-primary-300">"</small>
</p>
</>
)}
</div>
</div>
</div>
<div className="flex justify-center">
<div>
<div className="w-full mb-5">
<Image src={logo2} className="w-[90px] mx-auto" />
</div>
<p className="mb-0 text-sm text-gray-400 w-full text-center opacity-30 ">
© 2024 briz. All rights reserved. | Designed by <br />
Tehran - Iran
{process.env.NEXT_PUBLIC_VERSION}
</p>
<div className="flex justify-center w-full my-5 ">
<Link href={`/pricing`}>
<p className="mb-0 text-gray-400 mx-4">pricing</p>
</Link>
<Link href={`/#Phi`}>
<p className="mb-0 text-gray-400 mx-4">Phi</p>
</Link>
<Link href={`/about-us`}>
<p className="mb-0 text-gray-400 mx-4">about us</p>
</Link>
</div>
</div>
</div>
</div>
);
};
export default Footer;