handle data and change design page about-us and contact-us

This commit is contained in:
Ehsan
2025-05-12 22:33:18 +03:30
parent 51396dc02b
commit 405c66d100
7 changed files with 52 additions and 19 deletions
+4 -1
View File
@@ -1,7 +1,10 @@
import { getStateInfo } from "@/lib/getStateInfo";
import Image from "next/image";
import React from "react";
function Head() {
const { matchedCity } = getStateInfo();
return (
<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
@@ -11,7 +14,7 @@ function Head() {
alt="logo"
/>
<p className="text-[#FAFAFA] text-[16px] sm:text-[18px] md:text-[22px] lg:text-[24px] font-bold">
درباره نوبت ۷۲۴
درباره {matchedCity?.site_name}
</p>
</div>
);
+2 -2
View File
@@ -1,4 +1,4 @@
function ContentContact({ text, children, url }) {
function ContentContact({ text, children, url, label }) {
const openURL = (url) => window.open(url);
return (
@@ -10,7 +10,7 @@ function ContentContact({ text, children, url }) {
{children}
</div>
<p className="text-[#FFF] text-[14px] md:text-[18px] sm:text-[16px] lg:text-[20px] font-normal">
{text}
{label}<span dir="ltr">{text}</span>
</p>
</li>
);
+5 -8
View File
@@ -1,19 +1,16 @@
import Links from "./Links";
function Call({ isDefault }) {
function Call({ matchedCity, isDefault }) {
return (
<div
className={`lg:min-w-[calc(50%_+_70px)] bg-banner-about !bg-center !bg-no-repeat !bg-cover lg:pl-[18%] h-fit pt-[16px] sm:pt-[29px] md:pt-[42px] lg:pt-[55px]
className={`lg:min-w-[calc(50%_+_70px)] bg-banner-about !bg-center !bg-no-repeat !bg-cover h-fit pt-[16px] sm:pt-[29px] md:pt-[42px] lg:pt-[55px]
bg-contact rounded-[8px] pb-[30px] sm:pb-[42px] md:pb-[55px]
overflow-hidden lg:pb-[171px] px-[16px] sm:px-[27px] md:px-[39px] lg:px-[48px]
${!isDefault && 'w-full'}`}
${isDefault ? 'lg:pl-[18%]' : 'w-full'}`}
>
<p className="text-[#FAFAFA] text-[20px] font-bold">تماس با ما</p>
<p className="text-[#FAFAFA] leading-[26px] text-[14px] md:text-[16px] font-normal mt-6">
سامانه نوبت 724 به مردم کمک می کند تا دسترسی آسان تر و سریع تری به خدمات
پزشکی و درمانی داشته باشند.
</p>
<Links />
<p className="text-[#FAFAFA] leading-[26px] text-[14px] md:text-[16px] font-normal mt-6">{matchedCity.footerDescription}</p>
<Links matchedCity={matchedCity} />
</div>
);
}
+6 -4
View File
@@ -5,21 +5,23 @@ import EmailC from "../../icons/EmailC";
import WhatsappC from "../../icons/WhatsappC";
import ContentContact from "../ContentContact";
function Links() {
function Links({ matchedCity }) {
return (
<ul className="flex flex-col mt-[68px] justify-start items-start gap-[32px]">
<ContentContact url="tel:900300400" text="تلفن تماس: ۰۲۱۳۶۳۵۴۵۹۸">
<ContentContact url="tel:900300400" label='تلفن تماس: ' text={matchedCity.contactPhone}>
<CallC />
</ContentContact>
<ContentContact
url="https://wa.me/09124568794"
text="واتساپ: ۰۹۱۲۴۵۶۸۷۹۴"
text={matchedCity.socialMedia.whatsapp}
label='واتساپ: '
>
<WhatsappC />
</ContentContact>
<ContentContact
url="mailto:batome@gmail.com"
text="ایمیل: batome@gmail.com"
text={matchedCity.email}
label='ایمیل: '
>
<EmailC />
</ContentContact>
+2 -3
View File
@@ -5,12 +5,11 @@ import Connect from "./Connect";
function ContactUsPage() {
const { matchedCity } = getStateInfo();
const isDefault = matchedCity?.id === "63";
console.log(isDefault);
return (
<div className="w-full pt-[24px] sm:pt-[56px] md:pt-[88px] lg:pt-[120px] mt-[56px] padding-responsive flex flex-col lg:flex-row items-center justify-between h-fit">
<Call isDefault={isDefault} />
{isDefault && (
<Call matchedCity={matchedCity} isDefault={isDefault} />
{matchedCity?.id === "63" && (
<Connect />
)}
</div>
+1 -1
View File
@@ -66,7 +66,7 @@ function Footer({ matchedCity }) {
{/* Right */}
<div className="w-full lg:w-fit flex gap-[12px] lg:gap-[30px] flex-col items-start">
{/* Icon */}
<Logo />
<Logo matchedCity={matchedCity} />
<p className="w-full lg:w-fit lg:max-w-[260px] text-[#616161] text-[14px] font-normal">
{matchedCity?.footerDescription}
</p>
+32
View File
@@ -1,6 +1,7 @@
[
{
"id": "32",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "1",
"name": "تبریز",
@@ -21,6 +22,7 @@
},
{
"id": "33",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "2",
"name": "ارومیه",
@@ -41,6 +43,7 @@
},
{
"id": "34",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "3",
"name": "اردبیل",
@@ -61,6 +64,7 @@
},
{
"id": "35",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "4",
"name": "اصفهان",
@@ -81,6 +85,7 @@
},
{
"id": "36",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "5",
"name": "کرج",
@@ -101,6 +106,7 @@
},
{
"id": "37",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "6",
"name": "ایلام",
@@ -121,6 +127,7 @@
},
{
"id": "38",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "7",
"name": "بوشهر",
@@ -141,6 +148,7 @@
},
{
"id": "39",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "8",
"name": "تهران",
@@ -161,6 +169,7 @@
},
{
"id": "40",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "9",
"name": "شهرکرد",
@@ -181,6 +190,7 @@
},
{
"id": "41",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "10",
"name": "بیرجند",
@@ -201,6 +211,7 @@
},
{
"id": "42",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "11",
"name": "مشهد",
@@ -221,6 +232,7 @@
},
{
"id": "43",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "12",
"name": "بجنورد",
@@ -241,6 +253,7 @@
},
{
"id": "44",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "13",
"name": "اهواز",
@@ -261,6 +274,7 @@
},
{
"id": "45",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "14",
"name": "زنجان",
@@ -281,6 +295,7 @@
},
{
"id": "46",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "15",
"name": "سمنان",
@@ -301,6 +316,7 @@
},
{
"id": "47",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "16",
"name": "زاهدان",
@@ -321,6 +337,7 @@
},
{
"id": "48",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "17",
"name": "شیراز",
@@ -341,6 +358,7 @@
},
{
"id": "49",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "18",
"name": "قزوین",
@@ -361,6 +379,7 @@
},
{
"id": "50",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "19",
"name": "قم",
@@ -381,6 +400,7 @@
},
{
"id": "51",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "20",
"name": "سنندج",
@@ -401,6 +421,7 @@
},
{
"id": "52",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "21",
"name": "کرمان",
@@ -421,6 +442,7 @@
},
{
"id": "53",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "22",
"name": "کرمانشاه",
@@ -441,6 +463,7 @@
},
{
"id": "54",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "23",
"name": "یاسوج",
@@ -461,6 +484,7 @@
},
{
"id": "55",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "24",
"name": "گرگان",
@@ -481,6 +505,7 @@
},
{
"id": "56",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "25",
"name": "رشت",
@@ -501,6 +526,7 @@
},
{
"id": "57",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "26",
"name": "خرم‌آباد",
@@ -521,6 +547,7 @@
},
{
"id": "58",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "27",
"name": "ساری",
@@ -541,6 +568,7 @@
},
{
"id": "59",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "28",
"name": "اراک",
@@ -561,6 +589,7 @@
},
{
"id": "60",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "29",
"name": "بندرعباس",
@@ -581,6 +610,7 @@
},
{
"id": "61",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "30",
"name": "همدان",
@@ -601,6 +631,7 @@
},
{
"id": "62",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "31",
"name": "یزد",
@@ -621,6 +652,7 @@
},
{
"id": "63",
"email": "nobat724@gmail.com",
"type": "2",
"province_id": "32",
"name": "",