web/components/landingComponents/Footer/page.jsx

import React, { version } from "react";
import logo2 from "../../../src/assets/logo2.png";
import Image from "next/image";
import Link from "next/link";
import { useLocale } from "next-intl";

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;