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

const Footer = () => {
  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="flex"></div>

          <div className="text-center w-full">
            <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;