social
parent
168ec99a7c
commit
a46f5796d7
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
|
|
@ -6,79 +6,173 @@ import { MapPinHouse } from "lucide-react";
|
||||||
import { Mail } from "lucide-react";
|
import { Mail } from "lucide-react";
|
||||||
import { PhoneCall } from "lucide-react";
|
import { PhoneCall } from "lucide-react";
|
||||||
import { useTranslations } from "next-intl";
|
import { useTranslations } from "next-intl";
|
||||||
|
import { Instagram } from "lucide-react";
|
||||||
|
import { MailCheck } from "lucide-react";
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
const t = useTranslations("Footer")
|
const t = useTranslations("Footer")
|
||||||
return (
|
return (
|
||||||
<div className="bg-secondary-700 py-20 px-4 lg:px-0">
|
// <div className="bg-secondary-700 pt-20 pb-2 px-4 lg:px-0">
|
||||||
{/* <div className="lg:w-7/12 xs:w-full mx-auto py-20">
|
// {/* <div className="lg:w-7/12 xs:w-full mx-auto py-20">
|
||||||
<div className="flex justify-center">
|
// <div className="flex justify-center">
|
||||||
<div className={`text-center w-ful`}>
|
// <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">
|
// <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>
|
// <small className="text-primary-300">"</small>
|
||||||
ADVANCED HORIZON
|
// ADVANCED HORIZON
|
||||||
</p>
|
// </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">
|
// <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
|
// SERVICES LLC
|
||||||
<small className=" text-primary-300">"</small>
|
// <small className=" text-primary-300">"</small>
|
||||||
</p>
|
// </p>
|
||||||
</>
|
// </>
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
</div> */}
|
// </div> */}
|
||||||
<div className="flex flex-col gap-4 items-center text-sm text-gray-200 justify-center pb-20" >
|
// <div className="flex flex-col gap-4 items-center text-sm text-gray-200 justify-center pb-20" >
|
||||||
<div className="flex gap-2 items-center">
|
// <div className="flex gap-2 items-center">
|
||||||
<MapPinHouse size={20} />
|
// <MapPinHouse size={20} />
|
||||||
<p>
|
// <p>
|
||||||
|
|
||||||
{t("address")}
|
// {t("address")}
|
||||||
|
|
||||||
</p>
|
// </p>
|
||||||
</div>
|
// </div>
|
||||||
<Link href={"mailto:info@adhorizonintl.com"} dir="ltr" target="_blank" className="flex gap-2 items-center">
|
// <Link href={"mailto:info@adhorizonintl.com"} dir="ltr" target="_blank" className="flex gap-2 items-center">
|
||||||
<Mail size={20} />
|
// <Mail size={20} />
|
||||||
<p>
|
// <p>
|
||||||
|
|
||||||
info@adhorizonintl.com
|
// info@adhorizonintl.com
|
||||||
|
|
||||||
</p>
|
// </p>
|
||||||
</Link>
|
// </Link>
|
||||||
<Link href={"tel:+96824289888"} dir="ltr" target="_blank" className="flex gap-2 items-center">
|
// <Link href={"tel:+96824289888"} dir="ltr" target="_blank" className="flex gap-2 items-center">
|
||||||
<PhoneCall size={20} />
|
// <PhoneCall size={20} />
|
||||||
<p>
|
// <p>
|
||||||
|
|
||||||
+968 24 28 98 88
|
// +968 24 28 98 88
|
||||||
|
|
||||||
</p>
|
// </p>
|
||||||
</Link>
|
// </Link>
|
||||||
</div>
|
// </div>
|
||||||
<div className="flex justify-center pb-20 ">
|
// <div className="flex justify-center ">
|
||||||
<div>
|
// <div>
|
||||||
|
// <div className="w-full mb-5">
|
||||||
|
// <Image src={"/images/1.png"} width={90} height={90} className="w-[90px] mx-auto" />
|
||||||
|
|
||||||
|
// </div>
|
||||||
|
// <Image src={"/images/3.png"} width={300} height={50} className="mx-auto" />
|
||||||
|
// <br />
|
||||||
|
// <p className="mb-0 text-sm text-gray-200 w-full text-center opacity-30 " dir="ltr">
|
||||||
|
// © 2025. All rights reserved. <br />
|
||||||
|
// </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>
|
||||||
|
|
||||||
|
<footer className="bg-background border-t">
|
||||||
|
<div className="container px-4 py-8 md:py-12 mx-auto">
|
||||||
|
<div className="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4">
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<div className="flex flex-col">
|
||||||
<div className="w-full mb-5">
|
<div className="w-full mb-5">
|
||||||
<Image src={"/images/1.png"} width={90} height={90} className="w-[90px] mx-auto" />
|
<Image src={"/images/1.png"} width={90} height={90} className="w-[90px] mx-auto" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<Image src={"/images/3.png"} width={300} height={50} className="mx-auto" />
|
<Image src={"/images/3.png"} width={300} height={50} className="mx-auto" />
|
||||||
<br />
|
</div>
|
||||||
<p className="mb-0 text-sm text-gray-200 w-full text-center opacity-30 " dir="ltr">
|
|
||||||
© 2025. All rights reserved. <br />
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-2">
|
||||||
|
<h3 className="text-sm font-medium">Address</h3>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<address className="not-italic text-sm text-muted-foreground">
|
||||||
|
|
||||||
|
{t("address")}
|
||||||
|
</address>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-2">
|
||||||
|
<h3 className="text-sm font-medium">Contact</h3>
|
||||||
|
<ul className="space-y-2 text-sm text-muted-foreground">
|
||||||
|
<li>
|
||||||
|
<Link href="mailto:info@adhorizonintl.com" className="hover:underline inline-flex gap-2">
|
||||||
|
<Mail size={20} />
|
||||||
|
info@adhorizonintl.com
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="tel:+96824289888" className="hover:underline inline-flex gap-2">
|
||||||
|
<PhoneCall size={20} />
|
||||||
|
+968 24 28 98 88
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="">
|
||||||
|
<h3 className="text-sm font-medium">Follow Us</h3>
|
||||||
|
|
||||||
|
{/* QR Code */}
|
||||||
|
<div className="flex flex-col items-start space-y-1">
|
||||||
|
<Link
|
||||||
|
href="https://instagram.com/adhorizonsupply"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="hover:opacity-80 transition-opacity"
|
||||||
|
aria-label="Scan QR code for our Instagram"
|
||||||
|
>
|
||||||
|
<div className="bg-white rounded-md">
|
||||||
|
<Image src={"/images/instagram.png"} alt="" width={80} height={80} />
|
||||||
|
</div>
|
||||||
|
<span className="text-xs text-muted-foreground mt-1">Scan for Instagram</span>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Direct Link */}
|
||||||
|
<div className="flex items-center space-x-2 mt-2">
|
||||||
|
<Link
|
||||||
|
href="https://www.instagram.com/adhorizonsupply"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="flex items-center space-x-2 text-sm hover:underline"
|
||||||
|
aria-label="Visit our Instagram"
|
||||||
|
>
|
||||||
|
<Instagram className="h-4 w-4" />
|
||||||
|
<span>Follow us on Instagram</span>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-8 pt-6 border-t">
|
||||||
|
<p className="text-xs text-center text-muted-foreground">
|
||||||
|
© {new Date().getFullYear()} Advanced Horizon Services. All rights reserved.
|
||||||
</p>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue