danak/dzone-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

structure and home page and detail company

Browse Source
This commit is contained in:
hamid zarghami
2025-02-09 14:36:13 +03:30
commit 0341b836f7
111 changed files with 10674 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/company/Detail.tsx
+149
View File
@@ -0,0 +1,149 @@
import { Calendar, CallCalling, Location, Map1, MessageMinus, Profile, Setting2, Sms } from 'iconsax-react'
import { FC } from 'react'
const CompanyDetail: FC = () => {
return (
<div className='mt-4 pb-20'>
<img
src='https://picsum.photos/200/300'
className='w-full h-[220px] rounded-xl'
/>
<div className='p-6 bg-white rounded-xl -mt-4 relative'>
<div className='flex gap-3'>
<img
src='https://picsum.photos/200/300'
className='size-16 rounded-xl object-cover'
/>
<div className='flex-1 items-center flex justify-between '>
<div className='text-sm'>
شرکت شماره ۱
</div>
<div className='flex items-center gap-1.5 text-xs'>
<Map1
size={20}
color='black'
/>
<div>
آدرس در نقشه
</div>
</div>
</div>
</div>
<div className='mt-5 text-[10px]'>
<div className='flex justify-between'>
<div className='flex gap-1 items-center'>
<Profile
size={18}
color='black'
/>
<div>
مدیرعامل: مهرداد مظفری
</div>
</div>
<div className='flex gap-1 items-center'>
<Setting2
size={18}
color='black'
/>
<div>
صنعت : نفت و گاز
</div>
</div>
</div>
<div className='flex justify-between mt-4'>
<div className='flex gap-1 items-center'>
<CallCalling
size={18}
color='black'
/>
<div>
شماره تماس : ۰۸۶۳۲۳۴۵۶۷۸
</div>
</div>
<div className='flex gap-1 items-center'>
<MessageMinus
size={18}
color='black'
/>
<div>
شناسه ملی : ۱۲۳۴
</div>
</div>
</div>
<div className='flex justify-between mt-4'>
<div className='flex gap-1 items-center'>
<Sms
size={18}
color='black'
/>
<div>
ایمیل : info@example.com
</div>
</div>
<div className='flex gap-1 items-center'>
<Calendar
size={18}
color='black'
/>
<div>
تاریخ تاسیس : ۱۳۸۹
</div>
</div>
</div>
<div className='flex gap-2 mt-4'>
<Location
size={18}
color='black'
/>
<div>
آدرس : لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</div>
</div>
</div>
</div>
<div className='mt-6 flex justify-center gap-2 items-center'>
<div className='flex h-8 bg-white px-6 items-center rounded-full text-xs border-2 border-white pt-[1px]'>
محصولات
</div>
<div className='flex h-8 bg-white px-6 items-center rounded-full text-xs border-2 border-white bg-opacity-45 pt-[1px]'>
خدمات
</div>
<div className='flex h-8 bg-white px-6 items-center rounded-full text-xs border-2 border-white bg-opacity-45 pt-[1px]'>
گالری
</div>
</div>
<div className='flex gap-2 flex-wrap mt-6'>
<div className='flex-1 gap-2.5 bg-white min-w-[28%] h-20 flex items-center p-2 rounded-xl'>
<div className='size-12 rounded-xl bg-red-100'></div>
<div className='text-xs'>
<div>
شیر صنعتی
</div>
</div>
</div>
<div className='flex-1 gap-2.5 bg-white min-w-[28%] h-20 flex items-center p-2 rounded-xl'>
<div className='size-12 rounded-xl bg-red-100'></div>
<div className='text-xs'>
<div>
شیر صنعتی
</div>
</div>
</div>
<div className='flex-1 gap-2.5 bg-white min-w-[28%] h-20 flex items-center p-2 rounded-xl'>
<div className='size-12 rounded-xl bg-red-100'></div>
<div className='text-xs'>
<div>
شیر صنعتی
</div>
</div>
</div>
</div>
</div>
)
}
export default CompanyDetail