From d3f967ca67a75535e6343b12b9138548ce336c07 Mon Sep 17 00:00:00 2001 From: Ehsan Date: Fri, 16 Aug 2024 20:41:53 +0330 Subject: [PATCH] page about us & page contact us and responsive --- app/about-us/page.js | 12 +++++++ app/clinics/page.js | 2 +- app/component/Field.js | 30 +++++++++++++++++ app/contact-us/page.js | 12 +++++++ components/aboutUs/Head.js | 18 ++++++++++ components/aboutUs/Services.js | 40 ++++++++++++++++++++++ components/aboutUs/index.js | 14 ++++++++ components/blogs/Head.js | 4 +++ components/contactUs/Call.js | 45 +++++++++++++++++++++++++ components/contactUs/Connect.js | 37 ++++++++++++++++++++ components/contactUs/ContentContact.js | 18 ++++++++++ components/contactUs/index.js | 13 +++++++ components/home/search/modal/index.js | 2 ++ components/icons/ArrowLeftC.js | 10 ++++++ components/icons/CallC.js | 9 +++++ components/icons/EmailC.js | 10 ++++++ components/icons/LinkedinB.js | 2 +- components/icons/MenuS.js | 2 +- components/icons/TelegramB.js | 2 +- components/icons/TickOrangeA.js | 9 +++++ components/icons/WhatsappC.js | 10 ++++++ public/assets/images/logo-2.png | Bin 0 -> 2089 bytes 22 files changed, 297 insertions(+), 4 deletions(-) create mode 100644 app/about-us/page.js create mode 100644 app/component/Field.js create mode 100644 app/contact-us/page.js create mode 100644 components/aboutUs/Head.js create mode 100644 components/aboutUs/Services.js create mode 100644 components/aboutUs/index.js create mode 100644 components/contactUs/Call.js create mode 100644 components/contactUs/Connect.js create mode 100644 components/contactUs/ContentContact.js create mode 100644 components/contactUs/index.js create mode 100644 components/icons/ArrowLeftC.js create mode 100644 components/icons/CallC.js create mode 100644 components/icons/EmailC.js create mode 100644 components/icons/TickOrangeA.js create mode 100644 components/icons/WhatsappC.js create mode 100644 public/assets/images/logo-2.png diff --git a/app/about-us/page.js b/app/about-us/page.js new file mode 100644 index 0000000..6cb9532 --- /dev/null +++ b/app/about-us/page.js @@ -0,0 +1,12 @@ +import AboutUsPage from '@/components/aboutUs'; +import Layout from '@/components/layout'; + +function AboutUs() { + return ( + + + + ) +} + +export default AboutUs \ No newline at end of file diff --git a/app/clinics/page.js b/app/clinics/page.js index dcfef43..923b314 100644 --- a/app/clinics/page.js +++ b/app/clinics/page.js @@ -3,7 +3,7 @@ import Layout from '@/components/layout'; function Clinics() { return ( - + ) diff --git a/app/component/Field.js b/app/component/Field.js new file mode 100644 index 0000000..82f2903 --- /dev/null +++ b/app/component/Field.js @@ -0,0 +1,30 @@ +import { TextField } from "@mui/material" + +function Field({ title, type, multiline, isPlaceHolder }) { + return ( + + ) +} + +export default Field \ No newline at end of file diff --git a/app/contact-us/page.js b/app/contact-us/page.js new file mode 100644 index 0000000..cd0a693 --- /dev/null +++ b/app/contact-us/page.js @@ -0,0 +1,12 @@ +import ContactUsPage from '@/components/contactUs'; +import Layout from '@/components/layout'; + +function ContactUs() { + return ( + + + + ) +} + +export default ContactUs \ No newline at end of file diff --git a/components/aboutUs/Head.js b/components/aboutUs/Head.js new file mode 100644 index 0000000..ba59149 --- /dev/null +++ b/components/aboutUs/Head.js @@ -0,0 +1,18 @@ +import Image from 'next/image' +import React from 'react' + +function Head() { + return ( +
+ logo +

درباره نوبت ۷۲۴

+
+ ) +} + +export default Head \ No newline at end of file diff --git a/components/aboutUs/Services.js b/components/aboutUs/Services.js new file mode 100644 index 0000000..21d035f --- /dev/null +++ b/components/aboutUs/Services.js @@ -0,0 +1,40 @@ +import AnimationTextHead from '@/app/component/AnimationTextHead'; +import UnderlineLG from '../icons/UnderlineLG'; +import TickOrangeA from '../icons/TickOrangeA'; + +const ourServices = [ + 'برگزاری دوره های آنلاین', + 'معرفی بهترین باشگاه های گردشگری', + 'معرفی بهترین باشگاه های گردشگری', + 'ارتباط با راهنمایان گردشگری', + 'معرفی جاذبه های گردشگری', + 'ارتباط با راهنمایان گردشگری', + 'برگزاری تور ها و برنامه های متنوع', + 'معرفی بومگردی های سراسر کشور', + 'برگزاری تور ها و برنامه های متنوع' +] + +function Services() { + return ( +
+
+ + + +
+
    + {ourServices.map((item, idx) => ( +
  • + +

    {item}

    +
    • + ))} +
+
+ ) +} + +export default Services \ No newline at end of file diff --git a/components/aboutUs/index.js b/components/aboutUs/index.js new file mode 100644 index 0000000..408ce87 --- /dev/null +++ b/components/aboutUs/index.js @@ -0,0 +1,14 @@ +import Head from "./Head"; +import Services from "./Services"; + +function AboutUsPage() { + return ( +
+ +

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

+ +
+ ) +} + +export default AboutUsPage; \ No newline at end of file diff --git a/components/blogs/Head.js b/components/blogs/Head.js index e1c14b7..d68c564 100644 --- a/components/blogs/Head.js +++ b/components/blogs/Head.js @@ -9,6 +9,7 @@ function Head() { src='/assets/images/head-blogs-1.png' width={600} height={424} + alt='head blog' />

روش های خانگی محافظت از پوست در تابستان

@@ -19,6 +20,7 @@ function Head() { src='/assets/images/head-blogs-2.png' width={600} height={424} + alt='head blog' />

فواید نوشیدن آب برای سلامتی

@@ -27,6 +29,7 @@ function Head() { src='/assets/images/head-blogs-3.png' width={600} height={424} + alt='head blog' />

راهکارهای ساده برای درمان سر درد

@@ -36,6 +39,7 @@ function Head() { src='/assets/images/head-blogs-4.png' width={600} height={424} + alt='head blog' />

تغذیه مناسب برای کاهش فشار خون

diff --git a/components/contactUs/Call.js b/components/contactUs/Call.js new file mode 100644 index 0000000..bd0aeff --- /dev/null +++ b/components/contactUs/Call.js @@ -0,0 +1,45 @@ +'use client'; + +import CallC from "../icons/CallC"; +import EmailC from "../icons/EmailC"; +import WhatsappC from "../icons/WhatsappC"; +import ContentContact from "./ContentContact"; + +function Call() { + + // const openURL = url => window.open(url); + + return ( +
+

تماس با ما

+

سامانه نوبت 724 به مردم کمک می کند تا دسترسی آسان تر و سریع تری به خدمات پزشکی و درمانی داشته باشند.

+
    + + + + + + + + + +
+
+ ) +} + +export default Call \ No newline at end of file diff --git a/components/contactUs/Connect.js b/components/contactUs/Connect.js new file mode 100644 index 0000000..7269144 --- /dev/null +++ b/components/contactUs/Connect.js @@ -0,0 +1,37 @@ +import Field from "@/app/component/Field" +import { Button } from "@mui/material" +import ArrowLeftC from "../icons/ArrowLeftC" + +function Connect() { + return ( +
+
+
+

با ما در ارتباط باشید

+

نظرات و پیشنهادات خود را با ما در میان بگذارید.

+
+
+
+ + +
+
+ +
+
+ +
+
+ ) +} + +export default Connect \ No newline at end of file diff --git a/components/contactUs/ContentContact.js b/components/contactUs/ContentContact.js new file mode 100644 index 0000000..20cb625 --- /dev/null +++ b/components/contactUs/ContentContact.js @@ -0,0 +1,18 @@ +function ContentContact({ text, children, url }) { + + const openURL = url => window.open(url); + + return ( +
  • openURL(url)} + > +
    + {children} +
    +

    {text}

    +
    • + ) +} + +export default ContentContact \ No newline at end of file diff --git a/components/contactUs/index.js b/components/contactUs/index.js new file mode 100644 index 0000000..3d0c21e --- /dev/null +++ b/components/contactUs/index.js @@ -0,0 +1,13 @@ +import Call from "./Call" +import Connect from "./Connect" + +function ContactUsPage() { + return ( +
    + + +
    + ) +} + +export default ContactUsPage \ No newline at end of file diff --git a/components/home/search/modal/index.js b/components/home/search/modal/index.js index 2139315..047b008 100644 --- a/components/home/search/modal/index.js +++ b/components/home/search/modal/index.js @@ -1,3 +1,5 @@ +'use client'; + import { useState } from "react"; import { Box, Button, Modal } from "@mui/material"; diff --git a/components/icons/ArrowLeftC.js b/components/icons/ArrowLeftC.js new file mode 100644 index 0000000..340095c --- /dev/null +++ b/components/icons/ArrowLeftC.js @@ -0,0 +1,10 @@ +function ArrowLeftC() { + return ( + + + + + ) +} + +export default ArrowLeftC; \ No newline at end of file diff --git a/components/icons/CallC.js b/components/icons/CallC.js new file mode 100644 index 0000000..913bb05 --- /dev/null +++ b/components/icons/CallC.js @@ -0,0 +1,9 @@ +function CallC() { + return ( + + + + ) +} + +export default CallC \ No newline at end of file diff --git a/components/icons/EmailC.js b/components/icons/EmailC.js new file mode 100644 index 0000000..ff7ac7e --- /dev/null +++ b/components/icons/EmailC.js @@ -0,0 +1,10 @@ +function EmailC() { + return ( + + + + + ) +} + +export default EmailC \ No newline at end of file diff --git a/components/icons/LinkedinB.js b/components/icons/LinkedinB.js index e5ac36d..59ee1b7 100644 --- a/components/icons/LinkedinB.js +++ b/components/icons/LinkedinB.js @@ -1,7 +1,7 @@ function LinkedinB() { return ( - + ) } diff --git a/components/icons/MenuS.js b/components/icons/MenuS.js index 3d699ee..4cfd375 100644 --- a/components/icons/MenuS.js +++ b/components/icons/MenuS.js @@ -1,7 +1,7 @@ function MenuS() { return ( - + diff --git a/components/icons/TelegramB.js b/components/icons/TelegramB.js index 3776ef7..24d1eb2 100644 --- a/components/icons/TelegramB.js +++ b/components/icons/TelegramB.js @@ -1,7 +1,7 @@ function TelegramB() { return ( - + ) } diff --git a/components/icons/TickOrangeA.js b/components/icons/TickOrangeA.js new file mode 100644 index 0000000..c4f40f5 --- /dev/null +++ b/components/icons/TickOrangeA.js @@ -0,0 +1,9 @@ +function TickOrangeA() { + return ( + + + + ) +} + +export default TickOrangeA \ No newline at end of file diff --git a/components/icons/WhatsappC.js b/components/icons/WhatsappC.js new file mode 100644 index 0000000..2433327 --- /dev/null +++ b/components/icons/WhatsappC.js @@ -0,0 +1,10 @@ +function WhatsappC() { + return ( + + + + + ) +} + +export default WhatsappC \ No newline at end of file diff --git a/public/assets/images/logo-2.png b/public/assets/images/logo-2.png new file mode 100644 index 0000000000000000000000000000000000000000..b879bd3ead27e80adaded547b11bafc089679e31 GIT binary patch literal 2089 zcmV+^2-f$BP)mkpom9V&;sI7fm=lsBm|Ky8Q<5~sekFt zeVlXt^PT_v&ohKA5;N1=tN0{$aIoRxb|y>_u)Cu%0)kRNL*B13V@5Gvttq@Ru@l#b z$i)_jut{2A9=$e?A83UmnsHb--DLQYaAfUsHq1FTMxJF|Xj+5|vWWjX7XJ159k?ii z7z5Hkz>Rb-wXtutfgg)RkIHN}tAGm!Qxk=KV-rxEhu_CE3)~gCo|5a)gX4HX7SO?s z2L48aCz=gBz~G}Yb0rB>QR482Jn)bWaxL&PL#i`;{vlgD zX#^IRE@N=)J>z3aq6iBX^aHom)MI(lryS7gr8#|n$x;u>>#&XupiNsx%3R?OVcjNu z{J_m>TEI8b`ln7Wpq;aI{85(uGm(TH>ZacoW00o53E$8+E^Y@LTY$823HpCSAEpjQ5DSs8T&g#h8PCRmI zcD9m)F;U`Y>OAc-{^0Q`s1hQ9b8>shEL5J!sFgTzHkQ|64~)yovyrWDU#T)GYo^RIq?hiE{l9ea!MtqV;n*ROi!(;TztTCtOJ4czUyV4Z2kDnnW zQR;`yF`SX-6Y;)1;I1z7_!{H5r8X`oX_6jB3b~}oQq0BpMt6oIG2?e<-{&v(%ol&D zcW_MjekL3^kmu0(T`X+E8yOr5yR^l}&WghbKS#i4mw3w6_=qL6qrjLw#P_A1XcwA_K5S><&f5U;)J>YNE z*Cr%U`ev4TWQKPtrsEqHm$Qui2uq+Zom<3#2zX0XzA6o4S%VYt#w4b za=Vz-XO_8wRdhDsKqP(Hd27E^P?+#DptRYrt@LSQgPiSeWC6R4NmaA3Y0YYt zwh#U#qzAK5*IliLl^B(i#b`5y?3U<~Z~K{j%;|xM+|3N_(l*T4Ht>^^>2q~GjB<^t zEMz49%_%tD{-q%F4>Nny85jNr+-W>WW=)teF)TZhu`F z>ugzeb?@8Dt#L(;pOkrdna`)>z(otx9>x26i86ipu_Q&N z!~^%z;(CRtG!!qA`f#yeyV9F$|^Kw-q>kV(gvjatCp zZM2vbn>il}YsL~{mKGW?vxa}O`(qgl4_n%YyNMR|QOYeE@NHeuKZ zMnK!%T`uK+D+`FSCS-c20Gm;Pa>&QK(7hzPc7k?FvODt6@GgF?ipwha@E_)6_Zd%h z<5hZCorgOl+m~NUu**q&l6dxG2y%X-V<%-*Ef4re8P7@EJ7ESk5CxOyLVm|8(kZnj zkSW??Qzy-{2YhlE?}@-p`lGNZQbqa{!<|Upt};LWg%R%<#GlVZM@O&!Q&u!TXssDr z=nZw5k@W|7WJg`croRYQPbDKk?Hey&keA1~Z(t$jCZ z)$K^yb?|5D{Bjt&iZBn4;)wFKMWS%we<6D2X3RPozY3+@1KiLZRhpAj@m}#+^+E+? zY&(rlF{cIL)$P;$CSKa6+ziU6$Uqq_sat-%Z=7E5X-^t-dVzl=e);dlrzV}oCXr-o z*V)Bck*b~G&U{sMQ4>+!j)G)dv;@b$9<1TF{r?$J@&LBZ)G;mKkA>Ay=J5o&ezsd0 zCir6@JVs9D5&VRGi;J7xKO5 zKjcGFm7fs%`?7ypabuizs2bsp$N|TU9Ik)w&={S{8(Vn(%gnWuX5ovuQ%zUzSt{bGn?Fu4dLk#f0JId