LLC/src/view/Landing/components/Footer.jsx

84 lines
2.8 KiB
JavaScript

import Image from "next/image";
import Link from "next/link";
import React from "react";
import logo from "../../../assets/images/logo.png";
import { MapPinHouse } from "lucide-react";
import { Mail } from "lucide-react";
import { PhoneCall } from "lucide-react";
import { useTranslations } from "next-intl";
const Footer = () => {
const t = useTranslations("Footer")
return (
<div className="bg-secondary-700 py-20 px-4 lg:px-0">
{/* <div className="lg:w-7/12 xs:w-full mx-auto py-20">
<div className="flex justify-center">
<div className={`text-center w-ful`}>
<>
{" "}
<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>
ADVANCED HORIZON
</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">
SERVICES LLC
<small className=" text-primary-300">"</small>
</p>
</>
</div>
</div>
</div> */}
<div className="flex flex-col gap-4 items-center text-sm text-gray-200 justify-center pb-20" >
<div className="flex gap-2">
<MapPinHouse size={20} />
<p>
{t("address")}
</p>
</div>
<Link href={"mailto:info@adhorizonintl.com"} dir="ltr" target="_blank" className="flex gap-2">
<Mail size={20} />
<p>
info@adhorizonintl.com
</p>
</Link>
<Link href={"tel:+96824289888"} dir="ltr" target="_blank" className="flex gap-2">
<PhoneCall size={20} />
<p>
+968 24 28 98 88
</p>
</Link>
</div>
<div className="flex justify-center pb-20 ">
<div>
<div className="w-full mb-5">
<Image src={logo} className="w-[90px] mx-auto" />
</div>
<p className="mb-0 text-sm text-gray-200 w-full text-center opacity-30 " dir="ltr">
© 2025. All rights reserved. <br />
Advanced Horizon Services LLC
</p>
{/* <div className="flex justify-center w-full my-5 ">
<Link href={`/products`}>
<p className="mb-0 text-gray-400 mx-4 text-sm">products</p>
</Link>
<Link href={`/#news`}>
<p className="mb-0 text-gray-400 mx-4 text-sm">news</p>
</Link>
<Link href={`/about-us`}>
<p className="mb-0 text-gray-400 mx-4 text-sm">about us</p>
</Link>
</div> */}
</div>
</div>
</div>
);
};
export default Footer;