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

update home page bg & style

Browse Source
This commit is contained in:
Ehsan
2024-06-19 01:46:10 +03:30
parent 23d9ebadc5
commit bc3fa02343
21 changed files with 141 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+25
View File
@@ -125,8 +125,33 @@ body {
font-family: kalame;
}
/* .bg-banner-home,
.bg-banner-register {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
} */
.bg-banner-home {
background: url(../public/assets/images/banner-home.png);
position: relative;
}
.bg-banner-home::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 40%;
background: url(../public/assets/images/banner-register.png);
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.bg-banner-register {
background: url(../public/assets/images/banner-register.png);
}
.animate-open {
app/signin/page.js
+4 -2
View File
@@ -1,10 +1,12 @@
import RegisterPage from '@/components/register'
import React from 'react'
import SignInPage from '@/components/register/signin'
function SignIn() {
return (
<div>
<RegisterPage />
<RegisterPage>
<SignInPage />
</RegisterPage>
</div>
)
}
components/home/FrequentSearches.js
+1 -1
View File
@@ -4,7 +4,7 @@ import { Button } from "@mui/material"
function FrequentSearches() {
return (
<div className="flex mt-3 items-center justify-center gap-4">
<p className="text-[#2F2F2F] text-[14px] font-normal">جستجوهای پر تکرار:</p>
<p className="text-[#3B3B3B] text-[16px] font-normal">جستجوهای پر تکرار:</p>
<ul className="flex items-center justify-center gap-[14px]">
{frequentSearches.map((item, idx) => (
<li key={idx}>
components/home/index.js
+1 -1
View File
@@ -12,7 +12,7 @@ function HomePage() {
<p className="text-[#D15B56] text-center font-kalame text-[32px] font-bold">نوبت ۷۲۴</p>
<p className="text-[#525252] text-center mt-2.5 font-kalame text-[36px] font-bold flex items-center gap-3">
<BText />
به راحتی پزشک پیدا کنی!
میتونی آنلاین نوبت بگیری!
<AText />
</p>
</div>
components/icons/CalendarAddF.js
+19
View File
@@ -0,0 +1,19 @@
function CalendarAddF() {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 2V5" stroke="#F17732" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16 2V5" stroke="#F17732" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M3.5 9.08997H20.5" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18 23C20.2091 23 22 21.2091 22 19C22 16.7909 20.2091 15 18 15C15.7909 15 14 16.7909 14 19C14 21.2091 15.7909 23 18 23Z" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M19.49 19.0499H16.51" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18 17.59V20.58" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M21 8.5V16.36C20.27 15.53 19.2 15 18 15C15.79 15 14 16.79 14 19C14 19.75 14.21 20.46 14.58 21.06C14.79 21.42 15.06 21.74 15.37 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M11.9955 13.7H12.0045" stroke="#F17732" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M8.29431 13.7H8.30329" stroke="#F17732" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M8.29431 16.7H8.30329" stroke="#F17732" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
)
}
export default CalendarAddF
components/icons/Instagram.js
+3 -3
View File
@@ -1,9 +1,9 @@
function Instagram() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M7.50008 18.3334H12.5001C16.6667 18.3334 18.3334 16.6667 18.3334 12.5V7.50002C18.3334 3.33335 16.6667 1.66669 12.5001 1.66669H7.50008C3.33341 1.66669 1.66675 3.33335 1.66675 7.50002V12.5C1.66675 16.6667 3.33341 18.3334 7.50008 18.3334Z" stroke="#EFEFEF" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.99992 12.9166C11.6107 12.9166 12.9166 11.6108 12.9166 9.99998C12.9166 8.38915 11.6107 7.08331 9.99992 7.08331C8.38909 7.08331 7.08325 8.38915 7.08325 9.99998C7.08325 11.6108 8.38909 12.9166 9.99992 12.9166Z" stroke="#EFEFEF" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.6968 5.83335H14.7065" stroke="#EFEFEF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M7.50008 18.3334H12.5001C16.6667 18.3334 18.3334 16.6667 18.3334 12.5V7.50002C18.3334 3.33335 16.6667 1.66669 12.5001 1.66669H7.50008C3.33341 1.66669 1.66675 3.33335 1.66675 7.50002V12.5C1.66675 16.6667 3.33341 18.3334 7.50008 18.3334Z" stroke="#5559CE" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.99992 12.9166C11.6107 12.9166 12.9166 11.6108 12.9166 9.99998C12.9166 8.38915 11.6107 7.08331 9.99992 7.08331C8.38909 7.08331 7.08325 8.38915 7.08325 9.99998C7.08325 11.6108 8.38909 12.9166 9.99992 12.9166Z" stroke="#5559CE" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.6968 5.83335H14.7065" stroke="#5559CE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
)
}
components/icons/Linkedin.js
+1 -1
View File
@@ -1,7 +1,7 @@
function Linkedin() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.16667 1.04169C3.55888 1.04169 2.97598 1.28313 2.54621 1.7129C2.11644 2.14267 1.875 2.72557 1.875 3.33335C1.875 3.94114 2.11644 4.52404 2.54621 4.95381C2.97598 5.38358 3.55888 5.62502 4.16667 5.62502C4.77445 5.62502 5.35735 5.38358 5.78712 4.95381C6.21689 4.52404 6.45833 3.94114 6.45833 3.33335C6.45833 2.72557 6.21689 2.14267 5.78712 1.7129C5.35735 1.28313 4.77445 1.04169 4.16667 1.04169ZM3.125 3.33335C3.125 3.05709 3.23475 2.79213 3.4301 2.59678C3.62545 2.40143 3.8904 2.29169 4.16667 2.29169C4.44293 2.29169 4.70789 2.40143 4.90324 2.59678C5.09859 2.79213 5.20833 3.05709 5.20833 3.33335C5.20833 3.60962 5.09859 3.87457 4.90324 4.06992C4.70789 4.26527 4.44293 4.37502 4.16667 4.37502C3.8904 4.37502 3.62545 4.26527 3.4301 4.06992C3.23475 3.87457 3.125 3.60962 3.125 3.33335ZM1.875 6.66669C1.875 6.50093 1.94085 6.34196 2.05806 6.22475C2.17527 6.10754 2.33424 6.04169 2.5 6.04169H5.83333C5.99909 6.04169 6.15807 6.10754 6.27528 6.22475C6.39249 6.34196 6.45833 6.50093 6.45833 6.66669V17.5C6.45833 17.6658 6.39249 17.8248 6.27528 17.942C6.15807 18.0592 5.99909 18.125 5.83333 18.125H2.5C2.33424 18.125 2.17527 18.0592 2.05806 17.942C1.94085 17.8248 1.875 17.6658 1.875 17.5V6.66669ZM3.125 7.29169V16.875H5.20833V7.29169H3.125ZM7.70833 6.66669C7.70833 6.50093 7.77418 6.34196 7.89139 6.22475C8.0086 6.10754 8.16757 6.04169 8.33333 6.04169H11.6667C11.8324 6.04169 11.9914 6.10754 12.1086 6.22475C12.2258 6.34196 12.2917 6.50093 12.2917 6.66669V7.02835L12.6542 6.87252C13.2792 6.60542 13.9423 6.4381 14.6192 6.37669C16.9317 6.16669 18.9583 7.98335 18.9583 10.3167V17.5C18.9583 17.6658 18.8925 17.8248 18.7753 17.942C18.6581 18.0592 18.4991 18.125 18.3333 18.125H15C14.8342 18.125 14.6753 18.0592 14.5581 17.942C14.4408 17.8248 14.375 17.6658 14.375 17.5V11.6667C14.375 11.3904 14.2653 11.1255 14.0699 10.9301C13.8746 10.7348 13.6096 10.625 13.3333 10.625C13.0571 10.625 12.7921 10.7348 12.5968 10.9301C12.4014 11.1255 12.2917 11.3904 12.2917 11.6667V17.5C12.2917 17.6658 12.2258 17.8248 12.1086 17.942C11.9914 18.0592 11.8324 18.125 11.6667 18.125H8.33333C8.16757 18.125 8.0086 18.0592 7.89139 17.942C7.77418 17.8248 7.70833 17.6658 7.70833 17.5V6.66669ZM8.95833 7.29169V16.875H11.0417V11.6667C11.0417 11.0589 11.2831 10.476 11.7129 10.0462C12.1427 9.61646 12.7255 9.37502 13.3333 9.37502C13.9411 9.37502 14.524 9.61646 14.9538 10.0462C15.3836 10.476 15.625 11.0589 15.625 11.6667V16.875H17.7083V10.3167C17.7083 8.73002 16.3242 7.47669 14.7333 7.62169C14.1868 7.67141 13.6514 7.80638 13.1467 8.02169L11.9133 8.55085C11.8182 8.59171 11.7144 8.6083 11.6113 8.59913C11.5082 8.58996 11.4089 8.55531 11.3225 8.4983C11.2361 8.44129 11.1652 8.36371 11.1162 8.27252C11.0671 8.18133 11.0415 8.07939 11.0417 7.97585V7.29169H8.95833Z" fill="#EFEFEF" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.16667 1.04169C3.55888 1.04169 2.97598 1.28313 2.54621 1.7129C2.11644 2.14267 1.875 2.72557 1.875 3.33335C1.875 3.94114 2.11644 4.52404 2.54621 4.95381C2.97598 5.38358 3.55888 5.62502 4.16667 5.62502C4.77445 5.62502 5.35735 5.38358 5.78712 4.95381C6.21689 4.52404 6.45833 3.94114 6.45833 3.33335C6.45833 2.72557 6.21689 2.14267 5.78712 1.7129C5.35735 1.28313 4.77445 1.04169 4.16667 1.04169ZM3.125 3.33335C3.125 3.05709 3.23475 2.79213 3.4301 2.59678C3.62545 2.40143 3.8904 2.29169 4.16667 2.29169C4.44293 2.29169 4.70789 2.40143 4.90324 2.59678C5.09859 2.79213 5.20833 3.05709 5.20833 3.33335C5.20833 3.60962 5.09859 3.87457 4.90324 4.06992C4.70789 4.26527 4.44293 4.37502 4.16667 4.37502C3.8904 4.37502 3.62545 4.26527 3.4301 4.06992C3.23475 3.87457 3.125 3.60962 3.125 3.33335ZM1.875 6.66669C1.875 6.50093 1.94085 6.34196 2.05806 6.22475C2.17527 6.10754 2.33424 6.04169 2.5 6.04169H5.83333C5.99909 6.04169 6.15807 6.10754 6.27528 6.22475C6.39249 6.34196 6.45833 6.50093 6.45833 6.66669V17.5C6.45833 17.6658 6.39249 17.8248 6.27528 17.942C6.15807 18.0592 5.99909 18.125 5.83333 18.125H2.5C2.33424 18.125 2.17527 18.0592 2.05806 17.942C1.94085 17.8248 1.875 17.6658 1.875 17.5V6.66669ZM3.125 7.29169V16.875H5.20833V7.29169H3.125ZM7.70833 6.66669C7.70833 6.50093 7.77418 6.34196 7.89139 6.22475C8.0086 6.10754 8.16757 6.04169 8.33333 6.04169H11.6667C11.8324 6.04169 11.9914 6.10754 12.1086 6.22475C12.2258 6.34196 12.2917 6.50093 12.2917 6.66669V7.02835L12.6542 6.87252C13.2792 6.60542 13.9423 6.4381 14.6192 6.37669C16.9317 6.16669 18.9583 7.98335 18.9583 10.3167V17.5C18.9583 17.6658 18.8925 17.8248 18.7753 17.942C18.6581 18.0592 18.4991 18.125 18.3333 18.125H15C14.8342 18.125 14.6753 18.0592 14.5581 17.942C14.4408 17.8248 14.375 17.6658 14.375 17.5V11.6667C14.375 11.3904 14.2653 11.1255 14.0699 10.9301C13.8746 10.7348 13.6096 10.625 13.3333 10.625C13.0571 10.625 12.7921 10.7348 12.5968 10.9301C12.4014 11.1255 12.2917 11.3904 12.2917 11.6667V17.5C12.2917 17.6658 12.2258 17.8248 12.1086 17.942C11.9914 18.0592 11.8324 18.125 11.6667 18.125H8.33333C8.16757 18.125 8.0086 18.0592 7.89139 17.942C7.77418 17.8248 7.70833 17.6658 7.70833 17.5V6.66669ZM8.95833 7.29169V16.875H11.0417V11.6667C11.0417 11.0589 11.2831 10.476 11.7129 10.0462C12.1427 9.61646 12.7255 9.37502 13.3333 9.37502C13.9411 9.37502 14.524 9.61646 14.9538 10.0462C15.3836 10.476 15.625 11.0589 15.625 11.6667V16.875H17.7083V10.3167C17.7083 8.73002 16.3242 7.47669 14.7333 7.62169C14.1868 7.67141 13.6514 7.80638 13.1467 8.02169L11.9133 8.55085C11.8182 8.59171 11.7144 8.6083 11.6113 8.59913C11.5082 8.58996 11.4089 8.55531 11.3225 8.4983C11.2361 8.44129 11.1652 8.36371 11.1162 8.27252C11.0671 8.18133 11.0415 8.07939 11.0417 7.97585V7.29169H8.95833Z" fill="#5559CE" />
</svg>
)
}
components/icons/LocationF.js
+12
View File
@@ -0,0 +1,12 @@
function LocationF() {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.50009 8.50004C6.32781 0.704089 17.6816 0.704087 19.5001 8.50003C20.5139 12.8454 15.0001 21.5 12.0001 21.5C9.0001 21.5 3.48542 12.8491 4.50009 8.50004Z" stroke="#F17732" />
<path d="M16.5 10C16.5 12.4853 14.4853 14.5 12 14.5C9.51472 14.5 7.5 12.4853 7.5 10C7.5 7.51472 9.51472 5.5 12 5.5C14.4853 5.5 16.5 7.51472 16.5 10Z" stroke="#F17732" />
<path d="M11.1101 7.88582C11.0625 8.00068 11.0625 8.14629 11.0625 8.4375V9.0325C11.0625 9.04664 11.0625 9.05371 11.0581 9.05811C11.0537 9.0625 11.0466 9.0625 11.0325 9.0625H10.4375C10.1463 9.0625 10.0007 9.0625 9.88582 9.11008C9.73268 9.17351 9.61101 9.29518 9.54758 9.44832C9.5 9.56318 9.5 9.70879 9.5 10C9.5 10.2912 9.5 10.4368 9.54758 10.5517C9.61101 10.7048 9.73268 10.8265 9.88582 10.8899C10.0007 10.9375 10.1463 10.9375 10.4375 10.9375H11.0325C11.0466 10.9375 11.0537 10.9375 11.0581 10.9419C11.0625 10.9463 11.0625 10.9534 11.0625 10.9675V11.5625C11.0625 11.8537 11.0625 11.9993 11.1101 12.1142C11.1735 12.2673 11.2952 12.389 11.4483 12.4524C11.5632 12.5 11.7088 12.5 12 12.5C12.2912 12.5 12.4368 12.5 12.5517 12.4524C12.7048 12.389 12.8265 12.2673 12.8899 12.1142C12.9375 11.9993 12.9375 11.8537 12.9375 11.5625V10.9675C12.9375 10.9534 12.9375 10.9463 12.9419 10.9419C12.9463 10.9375 12.9534 10.9375 12.9675 10.9375H13.5625C13.8537 10.9375 13.9993 10.9375 14.1142 10.8899C14.2673 10.8265 14.389 10.7048 14.4524 10.5517C14.5 10.4368 14.5 10.2912 14.5 10C14.5 9.70879 14.5 9.56318 14.4524 9.44832C14.389 9.29518 14.2673 9.17351 14.1142 9.11008C13.9993 9.0625 13.8537 9.0625 13.5625 9.0625H12.9675C12.9534 9.0625 12.9463 9.0625 12.9419 9.05811C12.9375 9.05371 12.9375 9.04664 12.9375 9.0325V8.4375C12.9375 8.14629 12.9375 8.00068 12.8899 7.88582C12.8265 7.73268 12.7048 7.61101 12.5517 7.54758C12.4368 7.5 12.2912 7.5 12 7.5C11.7088 7.5 11.5632 7.5 11.4483 7.54758C11.2952 7.61101 11.1735 7.73268 11.1101 7.88582Z" stroke="#F17732" />
</svg>
)
}
export default LocationF
components/icons/StethoscopeF.js
+12
View File
@@ -0,0 +1,12 @@
function StethoscopeF() {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 5V5C6.11929 5 5 6.11929 5 7.5V12C5 14.7614 7.23858 17 10 17V17M7.5 5C7.5 5.55228 7.94772 6 8.5 6C9.05228 6 9.5 5.55228 9.5 5C9.5 4.44772 9.05228 4 8.5 4C7.94772 4 7.5 4.44772 7.5 5ZM13 5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5ZM13 5V5C14.1046 5 15 5.89543 15 7V12C15 14.7614 12.7614 17 10 17V17M10 17C10 22 18.5 22.5 18.5 17V13" stroke="#F17732" />
<path d="M20 11.5C20 12.3284 19.3284 13 18.5 13C17.6716 13 17 12.3284 17 11.5C17 10.6716 17.6716 10 18.5 10C19.3284 10 20 10.6716 20 11.5Z" stroke="#F17732" />
<path d="M18.5 11.49H18.51V11.5H18.5V11.49Z" stroke="#F17732" stroke-linejoin="round" />
</svg>
)
}
export default StethoscopeF
components/icons/Telegram.js
+1 -1
View File
@@ -1,7 +1,7 @@
function Telegram() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M13.1299 19.346L10.7039 13.258L4.6149 10.792L4.5769 10.162L19.4229 4.53802L13.7619 19.346H13.1299ZM13.4349 17.377L17.7149 6.24703L6.5459 10.489L11.4459 12.477L13.4349 17.377Z" fill="#EFEFEF" />
<path d="M13.1299 19.346L10.7039 13.258L4.6149 10.792L4.5769 10.162L19.4229 4.53802L13.7619 19.346H13.1299ZM13.4349 17.377L17.7149 6.24703L6.5459 10.489L11.4459 12.477L13.4349 17.377Z" fill="#5559CE" />
</svg>
)
}
components/icons/Whatsapp.js
+2 -2
View File
@@ -1,8 +1,8 @@
function Whatsapp() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M5.75008 17.1667C7.00008 17.9167 8.50008 18.3334 10.0001 18.3334C14.5834 18.3334 18.3334 14.5834 18.3334 10C18.3334 5.41669 14.5834 1.66669 10.0001 1.66669C5.41675 1.66669 1.66675 5.41669 1.66675 10C1.66675 11.5 2.08341 12.9167 2.75008 14.1667L2.10719 16.6393C1.91247 17.3883 2.60567 18.0651 3.34973 17.8525L5.75008 17.1667Z" stroke="#EFEFEF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M13.75 12.3737C13.75 12.5087 13.72 12.6475 13.6561 12.7825C13.5923 12.9175 13.5096 13.045 13.4007 13.165C13.2167 13.3675 13.0139 13.5138 12.7848 13.6075C12.5595 13.7013 12.3153 13.75 12.0525 13.75C11.6694 13.75 11.26 13.66 10.8281 13.4763C10.3962 13.2925 9.96432 13.045 9.53618 12.7338C9.10428 12.4188 8.69492 12.07 8.30433 11.6837C7.9175 11.2937 7.56823 10.885 7.25651 10.4575C6.94855 10.03 6.70068 9.6025 6.52041 9.17875C6.34014 8.75125 6.25 8.3425 6.25 7.9525C6.25 7.6975 6.29507 7.45375 6.3852 7.22875C6.47534 7 6.61805 6.79 6.8171 6.6025C7.05746 6.36625 7.32036 6.25 7.59827 6.25C7.70343 6.25 7.80859 6.2725 7.90248 6.3175C8.00013 6.3625 8.0865 6.43 8.15411 6.5275L9.02541 7.75375C9.09301 7.8475 9.14184 7.93375 9.17564 8.01625C9.20944 8.095 9.22822 8.17375 9.22822 8.245C9.22822 8.335 9.20193 8.425 9.14935 8.51125C9.10053 8.5975 9.02917 8.6875 8.93903 8.7775L8.65361 9.07375C8.61229 9.115 8.59352 9.16375 8.59352 9.22375C8.59352 9.25375 8.59727 9.28 8.60478 9.31C8.61605 9.34 8.62732 9.3625 8.63483 9.385C8.70243 9.50875 8.81885 9.67 8.9841 9.865C9.1531 10.06 9.33337 10.2588 9.52867 10.4575C9.73147 10.6563 9.92677 10.84 10.1258 11.0087C10.3211 11.1737 10.4826 11.2862 10.6103 11.3537C10.6291 11.3612 10.6516 11.3725 10.6779 11.3837C10.7079 11.395 10.738 11.3987 10.7718 11.3987C10.8356 11.3987 10.8845 11.3763 10.9258 11.335L11.2112 11.0538C11.3051 10.96 11.3952 10.8887 11.4816 10.8438C11.568 10.7912 11.6544 10.765 11.7482 10.765C11.8196 10.765 11.8947 10.78 11.9773 10.8138C12.06 10.8475 12.1463 10.8963 12.2402 10.96L13.4834 11.8412C13.581 11.9087 13.6486 11.9875 13.6899 12.0812C13.7275 12.175 13.75 12.2687 13.75 12.3737Z" stroke="#EFEFEF" stroke-miterlimit="10" />
<path d="M5.75008 17.1667C7.00008 17.9167 8.50008 18.3334 10.0001 18.3334C14.5834 18.3334 18.3334 14.5834 18.3334 10C18.3334 5.41669 14.5834 1.66669 10.0001 1.66669C5.41675 1.66669 1.66675 5.41669 1.66675 10C1.66675 11.5 2.08341 12.9167 2.75008 14.1667L2.10719 16.6393C1.91247 17.3883 2.60567 18.0651 3.34973 17.8525L5.75008 17.1667Z" stroke="#5559CE" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M13.75 12.3737C13.75 12.5087 13.72 12.6475 13.6561 12.7825C13.5923 12.9175 13.5096 13.045 13.4007 13.165C13.2167 13.3675 13.0139 13.5138 12.7848 13.6075C12.5595 13.7013 12.3153 13.75 12.0525 13.75C11.6694 13.75 11.26 13.66 10.8281 13.4763C10.3962 13.2925 9.96432 13.045 9.53618 12.7338C9.10428 12.4188 8.69492 12.07 8.30433 11.6837C7.9175 11.2937 7.56823 10.885 7.25651 10.4575C6.94855 10.03 6.70068 9.6025 6.52041 9.17875C6.34014 8.75125 6.25 8.3425 6.25 7.9525C6.25 7.6975 6.29507 7.45375 6.3852 7.22875C6.47534 7 6.61805 6.79 6.8171 6.6025C7.05746 6.36625 7.32036 6.25 7.59827 6.25C7.70343 6.25 7.80859 6.2725 7.90248 6.3175C8.00013 6.3625 8.0865 6.43 8.15411 6.5275L9.02541 7.75375C9.09301 7.8475 9.14184 7.93375 9.17564 8.01625C9.20944 8.095 9.22822 8.17375 9.22822 8.245C9.22822 8.335 9.20193 8.425 9.14935 8.51125C9.10053 8.5975 9.02917 8.6875 8.93903 8.7775L8.65361 9.07375C8.61229 9.115 8.59352 9.16375 8.59352 9.22375C8.59352 9.25375 8.59727 9.28 8.60478 9.31C8.61605 9.34 8.62732 9.3625 8.63483 9.385C8.70243 9.50875 8.81885 9.67 8.9841 9.865C9.1531 10.06 9.33337 10.2588 9.52867 10.4575C9.73147 10.6563 9.92677 10.84 10.1258 11.0087C10.3211 11.1737 10.4826 11.2862 10.6103 11.3537C10.6291 11.3612 10.6516 11.3725 10.6779 11.3837C10.7079 11.395 10.738 11.3987 10.7718 11.3987C10.8356 11.3987 10.8845 11.3763 10.9258 11.335L11.2112 11.0538C11.3051 10.96 11.3952 10.8887 11.4816 10.8438C11.568 10.7912 11.6544 10.765 11.7482 10.765C11.8196 10.765 11.8947 10.78 11.9773 10.8138C12.06 10.8475 12.1463 10.8963 12.2402 10.96L13.4834 11.8412C13.581 11.9087 13.6486 11.9875 13.6899 12.0812C13.7275 12.175 13.75 12.2687 13.75 12.3737Z" stroke="#5559CE" stroke-miterlimit="10" />
</svg>
)
}
components/layout/Footer.js
+33 -7
View File
@@ -4,6 +4,7 @@ import Linkedin from "../icons/Linkedin";
import Telegram from "../icons/Telegram";
import Whatsapp from "../icons/Whatsapp";
import Instagram from "../icons/Instagram";
import Link from "next/link";
const socialMedias = [
<Linkedin />,
@@ -12,11 +13,17 @@ const socialMedias = [
<Instagram />
]
const Namads = [
'/assets/images/footer-etehadie.png',
'/assets/images/footer-r.png',
'/assets/images/footer-namad.png'
]
function Footer() {
return (
<div>
<span className="h-px bg-[#D7D7D7] w-full block"></span>
<div className="pt-[30px] pb-[60px] flex items-center justify-between">
<div className="pt-[40px] pb-[60px] flex items-start justify-between">
{/* Right */}
<div className="flex gap-[30px] flex-col items-start">
{/* Icon */}
@@ -32,6 +39,18 @@ function Footer() {
<p
className="text-[#616161] text-[14px] font-normal"
>724 یک وبسایت نوبت دهی آنلاین می باشد که<br /> بستری آسان برای پزشکان و بیماران فراهم کرده<br /> است. </p>
<ul className="flex items-center gap-3">
{Namads.map(src => (
<li>
<Image
alt="logo"
width={48}
height={48}
src={src}
/>
</li>
))}
</ul>
</div>
{/* Center */}
@@ -40,7 +59,8 @@ function Footer() {
<li
key={idx}
className={`
${idx === 0 ? 'text-[#3B3B3B] font-bold border-b border-b-[#EFEFEF] pb-1' : 'text-[#616161] font-normal'}
border-0 border-b-2 border-solid
${idx === 0 ? 'text-[#3B3B3B] border-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'}
text-[16px] w-fit`}
>{item}</li>
))}
@@ -50,7 +70,8 @@ function Footer() {
<li
key={idx}
className={`
${idx === 0 ? 'text-[#3B3B3B] font-bold border-b border-b-[#EFEFEF] pb-1' : 'text-[#616161] font-normal'}
border-0 border-b-2 border-solid
${idx === 0 ? 'text-[#3B3B3B] border-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'}
text-[16px] w-fit`}
>{item}</li>
))}
@@ -58,16 +79,21 @@ function Footer() {
{/* Left */}
<div className="flex flex-col justify-center gap-[50px]">
<p className="text-[#3B3B3B] text-[16px] font-bold border-b border-b-[#EFEFEF] pb-1">
ما را در شبکه های اجتماعی دنبال کنید:
<p className="text-[#3B3B3B] w-fit text-[16px] border-[#F17732] font-bold border-0 border-b-2 border-solid pb-1.5">
همراه با ما باشید:
</p>
<ul className="flex items-center gap-[15px]">
{socialMedias.map((item, idx) => (
<li
key={idx}
className="p-2.5 bg-[#A5B4D7] rounded-full w-fit"
className="p-2.5 bg-[#EAECFA] rounded-full w-fit"
>
{item}
<Link
href='/'
className="min-h-fit"
>
{item}
</Link>
</li>
))}
</ul>
components/layout/Header.js
+1 -1
View File
@@ -35,7 +35,7 @@ function Header() {
</li>
))}
</ul>
<Button variant="contained" color="primary">
<Button variant="outlined" color="primary">
ورود | ثبت نام
</Button>
</div>
components/register/index.js
+12 -6
View File
@@ -1,12 +1,18 @@
import Logo from "@/components/assets/Logo"
import Image from "next/image"
function RegisterPage() {
function RegisterPage({ children }) {
return (
<div className="grid place-items-center h-screen w-full">
<div className="flex items-center justify-center">
<Logo />
<p className="text-[#526CAC] text-[20px] font-bold">نوبت ۷۲۴</p>
<div className="grid bg-banner-register !bg-contain !bg-no-repeat !bg-top place-items-center h-screen w-full">
<div className="flex items-center justify-center gap-[5px]">
<Image
src='/assets/images/logo.png'
width={40}
height={40}
alt="logo"
/>
<p className="text-[#5559CE] text-[20px] font-bold">نوبت ۷۲۴</p>
</div>
{children}
</div>
)
}
components/register/signin/index.js
+14
View File
@@ -0,0 +1,14 @@
import React from 'react'
function SignInPage() {
return (
<div className='rounded-[16px] border border-solid border-[#EFEFEF] bg-[#FFF] p-[40px] pb-[48px]'>
<p className='text-[#525252] text-[18px] font-bold'>ورود یا ثبت نام در نوبت 724</p>
<div className='flex flex-col justify-center gap-[24px] mt-[48px] items-center'>
<p className='text-[#616161] text-[14px] font-normal'>شماره همراه خود را وارد نمایید.</p>
</div>
</div>
)
}
export default SignInPage
public/assets/images/banner-home.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 11 KiB

public/assets/images/banner-home1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

public/assets/images/banner-register.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

public/assets/images/footer-etehadie.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

public/assets/images/footer-namad.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

public/assets/images/footer-r.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB