42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
import Image from "next/image";
|
|
import Logo from "@/public/assets/images/logo.png";
|
|
import Services from "./Services";
|
|
import Address from "./Address";
|
|
import Telefon from "./Telefon";
|
|
import ImageProfile from "./ImageProfile";
|
|
import QrImg from "./QrImg";
|
|
|
|
function Poster({ data }) {
|
|
return (
|
|
<div className="bg-poster overflow-hidden !pt-[32px] p-[24px] relative flex justify-between items-start">
|
|
<div>
|
|
<div className="flex items-center justify-start gap-[5px]">
|
|
<Image src={Logo} width={30} height={30} alt="logo" />
|
|
<p className="text-[#E7EEF6] text-[16px] font-bold !-translate-y-1">
|
|
nobat724.com
|
|
</p>
|
|
</div>
|
|
<p className="mt-[40px] text-[#E7EEF6] text-[20px] font-bold text-right">
|
|
{data?.name}
|
|
</p>
|
|
<p className="text-[24px] mt-[20px] text-[#E7EEF6] font-bold text-right">
|
|
تخصص:
|
|
{data?.specialties?.map(
|
|
(item, idx) =>
|
|
`${item.name} ${data.specialties.length === idx + 1 ? "" : "|"} `
|
|
)}
|
|
</p>
|
|
<Services data={data} />
|
|
<Address data={data} />
|
|
<Telefon data={data} />
|
|
</div>
|
|
<div className="flex flex-col justify-between items-end min-w-[200px]">
|
|
<ImageProfile data={data} />
|
|
<QrImg />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Poster;
|