hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive page about-us & contact-us & item clinic

Browse Source
This commit is contained in:
Ehsan
2024-08-21 21:45:45 +03:30
parent dfd7360be5
commit c62fb78f8c
14 changed files with 98 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/aboutUs/Head.js
+2 -2
View File
@@ -3,14 +3,14 @@ import React from 'react'
function Head() {
return (
<div className='bg-[#5559C2] rounded-lg w-full py-[24px] flex flex-col items-center justify-center gap-[16px]'>
<div className='bg-[#5559C2] rounded-none md:rounded-lg w-full py-[24px] flex flex-col items-center justify-center gap-[13px] md:gap-[16px]'>
<Image
src='/assets/images/logo-2.png'
height={46}
width={46}
alt='logo'
/>
<p className="text-[#FAFAFA] text-[24px] font-bold">درباره نوبت ۷۲۴</p>
<p className="text-[#FAFAFA] text-[16px] sm:text-[18px] md:text-[22px] lg:text-[24px] font-bold">درباره نوبت ۷۲۴</p>
</div>
)
}
components/aboutUs/Services.js
+9 -12
View File
@@ -3,30 +3,27 @@ import UnderlineLG from '../icons/UnderlineLG';
import TickOrangeA from '../icons/TickOrangeA';
const ourServices = [
'برگزاری دوره های آنلاین',
'معرفی بهترین باشگاه های گردشگری',
'معرفی بهترین باشگاه های گردشگری',
'ارتباط با راهنمایان گردشگری',
'معرفی جاذبه های گردشگری',
'ارتباط با راهنمایان گردشگری',
'برگزاری تور ها و برنامه های متنوع',
'معرفی بومگردی های سراسر کشور',
'برگزاری تور ها و برنامه های متنوع'
'جستجوی سریع پزشک ',
'جستجوی کلینیک و مراکز درمانی',
'نوبت گیری راحت و آسان',
'دشبورد تخصصی بیمار',
'دشبورد تخصصی پزشک',
'نوبت گیری راحت و آسان'
]
function Services() {
return (
<div className='mt-[40px] px-[12%]'>
<div className='mt-[16px] sm:mt-[24px] md:mt-[32px] lg:mt-[40px] px-[12%]'>
<div className='flex justify-center'>
<AnimationTextHead name='zoom-in-up' text='خدمات ما'>
<UnderlineLG />
</AnimationTextHead>
</div>
<ul className='mt-[40px] grid grid-cols-3 gap-x-[72px] gap-y-[56px]'>
<ul className='mt-[20px] sm:mt-[26px] md:mt-[33px] lg:mt-[40px] flex flex-wrap gap-x-[72px] gap-y-[20px] sm:gap-y-[32px] md:gap-y-[44px] lg:gap-y-[56px]'>
{ourServices.map((item, idx) => (
<li
key={idx}
className='flex items-center justify-start gap-[8px]'
className='flex items-start justify-start gap-[8px]'
>
<TickOrangeA />
<p className='text-[#525252] text-[16px] font-medium'>{item}</p>
components/aboutUs/index.js
+11 -2
View File
@@ -3,9 +3,18 @@ import Services from "./Services";
function AboutUsPage() {
return (
<div className="pt-[120px] mt-[56px] padding-responsive">
<div
className="pt-[120px] mt-[56px]
px-0 md:px-[80px] lg:px-[108px]
"
>
<Head />
<p className="text-[#525252] text-[16px] font-normal text-center px-[15%] mt-[32px] leading-10">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
<p
className="
text-[#525252] text-[16px] font-normal mt-[32px] leading-10
px-[16px] sm:px-[52px] md:px-[15%] text-justify md:text-center
"
>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
<Services />
</div>
)