27 lines
1012 B
JavaScript
27 lines
1012 B
JavaScript
|
import { motion } from "framer-motion";
|
||
|
|
import { useTranslation } from "react-i18next";
|
||
|
|
import Link from "next/link";
|
||
|
|
import { Building } from "lucide-react";
|
||
|
|
export default function ShowIfOwner({ name }) {
|
||
|
|
const { t } = useTranslation();
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<motion.div
|
||
|
|
initial={{ opacity: 0, y: 20 }}
|
||
|
|
animate={{ opacity: 1, y: 0 }}
|
||
|
|
transition={{ delay: 0.5 }}
|
||
|
|
className="bg-white/10 backdrop-blur-lg rounded-2xl p-8 text-center border border-white/20"
|
||
|
|
>
|
||
|
|
<h2 className="text-2xl font-bold text-amber-50 mb-2">
|
||
|
|
{t("ownerGreeting")} {name ?? " notFound "}!
|
||
|
|
</h2>
|
||
|
|
<p className="text-amber-50/80 mb-4">{t("ownerDescription")}</p>
|
||
|
|
<Link href="/owner/properties" className="inline-flex items-center gap-2 bg-amber-500 text-white px-6 py-3 rounded-xl font-medium hover:bg-amber-600 transition-colors">
|
||
|
|
<Building className="w-5 h-5" />
|
||
|
|
{t("manageMyProperties")}
|
||
|
|
</Link>
|
||
|
|
</motion.div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|