Files
reui-blocks/blocks/footer10.tsx
T

57 lines
1.5 KiB
TypeScript

"use client";
import { useEffect, useState } from "react";
import { cn } from "@/lib/utils";
interface Footer10Props {
className?: string;
}
const Footer10 = ({ className }: Footer10Props) => {
const [time, setTime] = useState("");
useEffect(() => {
const updateLondonTime = () => {
const options: Intl.DateTimeFormatOptions = {
timeZone: "Europe/London",
hour: "2-digit" as const,
minute: "2-digit" as const,
second: "2-digit" as const,
};
const londonTime = new Intl.DateTimeFormat("fa-IR", options).format(
new Date(),
);
setTime(londonTime);
};
updateLondonTime();
const intervalId = setInterval(updateLondonTime, 1000);
return () => clearInterval(intervalId);
}, []);
return (
<section className={cn("py-32", className)}>
<div className="container">
<footer>
<div>
<img
src="/block-media/shadcnblocks/block/ShadcnBlocks-giant-black-text.svg"
alt="لوگوی NeuralOps"
className="aspect-[13.7] w-full object-cover"
/>
</div>
<div className="flex flex-col items-center justify-between py-12 text-muted-foreground md:flex-row">
<div>© ۱۴۰۴ NeuralOps</div>
<div>زمان سرور AI: {time}</div>
<div>hello@neuralops.ai</div>
</div>
</footer>
</div>
</section>
);
};
export { Footer10 };