webserver-lab/ipd-shomalhospital-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive

Browse Source
This commit is contained in:
romiz5269
2025-11-19 08:15:17 +03:30
parent 4aa26ed219
commit f935aecd09
14 changed files with 217 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/[lang]/contact-us/page.tsx
View File

@@ -27,15 +27,15 @@ export default async function ContactUs({
imageSrc="/header-slider-1.webp"
/>
<section className="mt-16 container">
<div className="bg-[#F8F9FA] rounded-4xl px-20 py-16">
<div className="bg-[#F8F9FA] rounded-4xl md:px-20 px-4 md:py-16 py-4">
<div className="grid grid-cols-12 items-center">
<div className="col-span-8 grid grid-cols-12 gap-x-20">
<div className="col-span-3">
<div className="relative h-[200px] w-[200px] rounded-xl overflow-hidden">
<Image fill src={"/heidarnejad.jpg"} alt="doctor" />
<div className="md:col-span-8 col-span-12 grid grid-cols-12 md:gap-x-20">
<div className="md:col-span-3 col-span-12 bg-amber-50">
<div className="relative md:h-[200px] h-[250px] md:w-[200px] w-full rounded-xl overflow-hidden ">
<Image fill src={"/heidarnejad.jpg"} alt="doctor" className="object-fill" />
</div>
</div>
<div className="col-span-9 h-full items-center">
<div className="md:col-span-9 col-span-12 items-center md:my-0 my-4">
<div className="flex flex-col items-start justify-center gap-y-4">
<h3 className="text-3xl font-black text-blue-primary">
{about_page?.heidarnejad?.name}
@@ -49,17 +49,17 @@ export default async function ContactUs({
</div>
</div>
</div>
<div className="col-span-4 h-full">
<div className="md:col-span-4 col-span-12 h-full">
<div className="bg-secondary p-8 rounded-xl h-full grid grid-cols-2 items-center">
<div className="col-span-1 flex flex-col justify-start items-center gap-y-4">
<div className="md:col-span-1 col-span-12 flex flex-col justify-start items-center gap-y-4">
<span className="text-white">
<TelephoneSvg size="60" />
</span>
<span className="text-lg text-white font-semibold">
{footer?.contact_us?.ipd_technician_number}
<a href={`tel:${footer?.contact_us?.ipd_technician_number}`}>{footer?.contact_us?.ipd_technician_number}</a>
</span>
</div>
<div className="col-span-1 flex flex-col justify-start items-center gap-y-4">
<div className="md:col-span-1 col-span-12 flex flex-col justify-start items-center gap-y-4">
<span className="text-white">
<svg
width="60"
@@ -75,7 +75,7 @@ export default async function ContactUs({
</svg>
</span>
<span className="text-lg text-white font-semibold">
{default_info.email}
<a href={`mailto:${default_info.email}`}>{default_info.email}</a>
</span>
</div>
</div>
@@ -84,13 +84,13 @@ export default async function ContactUs({
</div>
</section>
<section className="mt-16 container">
<div className="bg-[#F8F9FA] rounded-4xl px-20 py-16">
<h3 className="text-[3em] font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
<div className="bg-[#F8F9FA] rounded-4xl md:px-20 px-4 md:py-16 py-4">
<h3 className="md:text-[3em] text-2xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
{contact_us_page?.info_box_title}
</h3>
<div className="mt-16">
<div className="grid grid-cols-12 gap-x-4">
<div className="col-span-6 space-y-8">
<div className="md:col-span-6 col-span-12 space-y-8">
<div className="flex items-center gap-x-4">
<div className="w-[70px] h-[70px] flex items-center justify-center rounded-2xl bg-secondary">
<span>
@@ -190,7 +190,7 @@ export default async function ContactUs({
</a>
</div>
</div>
<div className="col-span-6">
<div className="md:col-span-6 col-span-12 md:mt-0 mt-8">
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d6419.524849772638!2d52.347594!3d36.439127!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f8fbd6849bf386b%3A0x26cbc9441b00f373!2sShomal%20Hospital!5e0!3m2!1sen!2sus!4v1762836982418!5m2!1sen!2sus"
width="100%"
@@ -211,10 +211,10 @@ export default async function ContactUs({
className="lg:mb-24 mb-10 lg:mt-10 mt-4 container "
>
<div className="bg-[#F8F9FA] rounded-4xl lg:px-40 lg:py-16 p-2">
<h3 className="lg:text-[3em] text-3xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
<h3 className="mb-10 lg:text-[3em] text-3xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
{accept_request_form?.head_text}
</h3>
<p className="text-center lg:text-[1.2rem] leading-8 text-[#454547] mt-10">
<p className="text-center lg:text-[1.2rem] leading-8 text-[#454547] ">
{about_page?.form?.sub_text}
</p>
<PatientAcceptForm lang={lang} dict={about_page} />

1
src/app/[lang]/dictionaries/ar.json
View File

@@ -2,6 +2,7 @@
"products": {
"cart": "أضف إلى السلة"
},
"select_expertise":"اختر التخصص",
"about_page": {
"page_title": "من نحن",
"introduction": "مقدمة عن قسم المرضى الدوليين",

2
src/app/[lang]/dictionaries/en.json
View File

@@ -2,6 +2,8 @@
"products": {
"cart": "Add to Cart"
},
"select_expertise": "Select expertise ...",
"about_page": {
"page_title": "About Us",
"introduction": "Introduction to the International Patients Department",

2
src/app/[lang]/dictionaries/fa.json
View File

@@ -174,6 +174,8 @@
"license_number": "شماره نظام پزشکی",
"search_by_name": "جستجو بر اساس نام پزشک",
"select_this": "انتخاب کنید",
"select_expertise": "تخصص انتخاب کنید",
"search": "جستجو",
"our_medical_packages": "<ul><li>💼 هماهنگی کامل پیش از ورود: هماهنگی با بیمارستان شمال برای بررسی مدارک پزشکی، مشاوره با پزشکان متخصص و ارسال برآورد هزینه</li><li>🛬 پذیرش و استقبال از فرودگاه: ترانسفر اختصاصی از فرودگاه به بیمارستان یا هتل</li><li>🌐 مترجم همزمان: ارائه خدمات ترجمه به زبان‌های انگلیسی، عربی، کردی، ترکی و...</li><li>🏨 رزرو هتل و اقامتگاه: همکاری با هتل‌های هم‌سطح با استانداردهای بین‌المللی در نزدیکی بیمارستان</li><li>🧾 راهنمایی و پشتیبانی امور اداری: صدور دعوت‌نامه برای ویزای درمانی، راهنمایی در امور گمرکی و اقامت</li><li>👨‍⚕️ دسترسی سریع به پزشکان متخصص: کاملاً هماهنگ با بیمارستان شمال؛ نوبت‌دهی فوری و ارجاع مستقیم به بهترین پزشکان در هر تخصص</li><li>📋 پیگیری بعد از ترخیص: ارسال پرونده پزشکی، ارتباط با پزشک معالج و پاسخ به سوالات بعدی بیمار</li></ul>",
"medical_packages_headTitle": "خدمات پزشکی ما",

8
src/app/[lang]/doctors/page.tsx
View File

@@ -21,7 +21,7 @@ export default async function DoctorsPage({
}) {
const {lang} = await params;
const {name = "", expertise = ""} = await searchParams;
const {our_doctors,license_number,search_by_name,search,select_this,doctors}=await getDictionary(lang)
const {our_doctors,license_number,search_by_name,search,select_expertise,doctors}=await getDictionary(lang)
const filteredData = doctors.filter((doctor) => {
const nameMatch = name
? Object.values(doctor.fullname.toString())
@@ -45,7 +45,7 @@ export default async function DoctorsPage({
imageSrc="/header-slider-1.webp"
/>
<div className="my-16 container">
<div className="bg-[#F8F9FA] rounded-4xl lg:px-20 py-16">
<div className="bg-[#F8F9FA] rounded-4xl lg:px-20 md:py-16 py-4">
<h3 className="lg:text-[3em] text-2xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
{our_doctors}
</h3>
@@ -53,13 +53,13 @@ export default async function DoctorsPage({
lang={lang}
defaultName={name}
defaultExpertise={expertise}
dict={{search,search_by_name,select_this}}
dict={{search,search_by_name,select_this:select_expertise}}
/>
<div className="grid grid-cols-4 gap-10 mt-10 ">
{filteredData?.map((doctor) => (
<div
key={doctor.id}
className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative"
className="lg:col-span-1 col-span-4 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative"
>
<div className="lg:h-[250px] h-[200px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
<Image

4
src/app/[lang]/medical-services/[slug]/page.tsx
View File

@@ -26,8 +26,8 @@ export default async function SingleMedicalService({
imageSrc="/header-slider-1.webp"
/>
<section className="mt-16 container">
<div className="bg-[#F8F9FA] rounded-4xl px-20 py-16">
<h3 className="text-[3em] font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
<div className="bg-[#F8F9FA] rounded-4xl md:px-20 px-4 md:py-16 py-4">
<h3 className="md:text-[3em] text-xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
انواع خدمات پزشکی {data?.title.toString()}
</h3>
<div className="mt-10 space-y-6">

8
src/app/[lang]/medical-services/page.tsx
View File

@@ -27,8 +27,8 @@ export default async function MedicalServices({
imageSrc="/header-slider-1.webp"
/>
<section className="mb-24 mt-10 container ">
<div className="bg-[#F8F9FA] rounded-4xl px-40 py-16">
<h3 className="text-[3em] font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
<div className="bg-[#F8F9FA] rounded-4xl md:px-40 px-4 md:py-16 py-4">
<h3 className="md:text-[3em] text-2xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
{medical_packages_headTitle}
</h3>
<div className="mt-16">
@@ -36,14 +36,14 @@ export default async function MedicalServices({
</p>
<br />
<br /> */}
<div className="introduction_description_subText" dangerouslySetInnerHTML={{__html:our_medical_packages}}/>
<div className="introduction_description_subText " dangerouslySetInnerHTML={{__html:our_medical_packages}}/>
<div className="w-full mt-20 grid grid-cols-12 gap-6">
{medical_packages_data.map((item) => {
const LazyComponent = lazy(
() => import(`@/ui/components/icons/${item.svg}.tsx`)
);
return (
<div className="col-span-4" key={item.id}>
<div className="md:col-span-4 col-span-12" key={item.id}>
<Link
href={`/medical-services/${item.slug}`}
className="flex flex-col items-center justify-center py-10 w-full h-full rounded-xl border-[1px] border-neutral-200 bg-white hover:border-secondary"

4
src/app/[lang]/patient-rights-charter/page.tsx
View File

@@ -23,8 +23,8 @@ export default async function PatientRights({
imageSrc="/header-slider-1.webp"
/>
<section className="my-16 container">
<div className="bg-[#F8F9FA] rounded-4xl px-20 py-16">
<h3 className="text-[3em] font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
<div className="bg-[#F8F9FA] rounded-4xl md:px-20 px-4 md:py-16 py-4">
<h3 className="md:text-[3em] text-2xl font-black text-blue-primary text-center relative before:absolute before:w-[100px] before:block before:bg-secondary before:-bottom-5 before:h-[2px] before:left-[50%] before:translate-x-[-50%] ">
{patient_rights_charter?.page_title}
</h3>
<div className="mt-16">