diff --git a/app/globals.css b/app/globals.css index ff2bbb9..ca81842 100644 --- a/app/globals.css +++ b/app/globals.css @@ -142,4 +142,30 @@ body { 100% { width: 85%; } +} + +.padding-responsive { + padding-left: 24px; + padding-right: 24px; +} + +@media (min-width: 640px) { + .padding-responsive { + padding-left: 52px; + padding-right: 52px; + } +} + +@media (min-width: 768px) { + .padding-responsive { + padding-left: 80px; + padding-right: 80px; + } +} + +@media (min-width: 1024px) { + .padding-responsive { + padding-left: 108px; + padding-right: 108px; + } } \ No newline at end of file diff --git a/app/theme/theme.js b/app/theme/theme.js index fa91269..057c94b 100644 --- a/app/theme/theme.js +++ b/app/theme/theme.js @@ -26,8 +26,8 @@ const theme = createTheme({ contrastText: "#EFEFEF", }, secondary: { - main: "#2F7BC6", - contrastText: "#FFF", + main: "#FAFAFA", + contrastText: "#616161", }, success: { main: "#FFB800", diff --git a/components/home/FrequentSearches.js b/components/home/FrequentSearches.js new file mode 100644 index 0000000..b1fb2fa --- /dev/null +++ b/components/home/FrequentSearches.js @@ -0,0 +1,23 @@ +import { frequentSearches } from "@/constans" +import { Button } from "@mui/material" + +function FrequentSearches() { + return ( +
+

جستجوهای پر تکرار:

+ +
+ ) +} + +export default FrequentSearches \ No newline at end of file diff --git a/components/home/index.js b/components/home/index.js index bec1a4d..e3d6beb 100644 --- a/components/home/index.js +++ b/components/home/index.js @@ -1,32 +1,23 @@ +import AText from "../icons/AText"; +import BText from "../icons/BText"; + +// Components +import SearchBar from "./search"; +import FrequentSearches from "./FrequentSearches"; + function HomePage() { return ( -
- ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp - ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp +
+
+

نوبت ۷۲۴

+

+ + به راحتی پزشک پیدا کنی! + +

+
+ +
) } diff --git a/components/home/search/index.js b/components/home/search/index.js new file mode 100644 index 0000000..553cd71 --- /dev/null +++ b/components/home/search/index.js @@ -0,0 +1,46 @@ +import Search from "@/components/icons/Search"; +import Location from "@/components/icons/Location"; +import { Button, ButtonGroup, TextField } from "@mui/material"; + +function SearchBar() { + return ( + + + + + + + ) +} + +export default SearchBar \ No newline at end of file diff --git a/components/icons/AText.js b/components/icons/AText.js new file mode 100644 index 0000000..4794f8b --- /dev/null +++ b/components/icons/AText.js @@ -0,0 +1,16 @@ +function AText() { + return ( + + + + + + + + + + + ) +} + +export default AText \ No newline at end of file diff --git a/components/icons/BText.js b/components/icons/BText.js new file mode 100644 index 0000000..497d29a --- /dev/null +++ b/components/icons/BText.js @@ -0,0 +1,16 @@ +function BText() { + return ( + + + + + + + + + + + ) +} + +export default BText \ No newline at end of file diff --git a/components/icons/Instagram.js b/components/icons/Instagram.js new file mode 100644 index 0000000..b0ba1e2 --- /dev/null +++ b/components/icons/Instagram.js @@ -0,0 +1,11 @@ +function Instagram() { + return ( + + + + + + ) +} + +export default Instagram \ No newline at end of file diff --git a/components/icons/Linkedin.js b/components/icons/Linkedin.js new file mode 100644 index 0000000..6ae4e1c --- /dev/null +++ b/components/icons/Linkedin.js @@ -0,0 +1,9 @@ +function Linkedin() { + return ( + + + + ) +} + +export default Linkedin \ No newline at end of file diff --git a/components/icons/Location.js b/components/icons/Location.js new file mode 100644 index 0000000..10a5415 --- /dev/null +++ b/components/icons/Location.js @@ -0,0 +1,10 @@ +function Location() { + return ( + + + + + ) +} + +export default Location \ No newline at end of file diff --git a/components/icons/Search.js b/components/icons/Search.js new file mode 100644 index 0000000..8dbe504 --- /dev/null +++ b/components/icons/Search.js @@ -0,0 +1,10 @@ +function Search() { + return ( + + + + + ) +} + +export default Search \ No newline at end of file diff --git a/components/icons/Telegram.js b/components/icons/Telegram.js new file mode 100644 index 0000000..5b0f150 --- /dev/null +++ b/components/icons/Telegram.js @@ -0,0 +1,9 @@ +function Telegram() { + return ( + + + + ) +} + +export default Telegram \ No newline at end of file diff --git a/components/icons/Whatsapp.js b/components/icons/Whatsapp.js new file mode 100644 index 0000000..f2eb772 --- /dev/null +++ b/components/icons/Whatsapp.js @@ -0,0 +1,10 @@ +function Whatsapp() { + return ( + + + + + ) +} + +export default Whatsapp \ No newline at end of file diff --git a/components/layout/Footer.js b/components/layout/Footer.js index 9bbeb16..f8dbd73 100644 --- a/components/layout/Footer.js +++ b/components/layout/Footer.js @@ -1,6 +1,79 @@ +import { footerL, footerR } from "@/constans"; +import Image from "next/image"; +import Linkedin from "../icons/Linkedin"; +import Telegram from "../icons/Telegram"; +import Whatsapp from "../icons/Whatsapp"; +import Instagram from "../icons/Instagram"; + +const socialMedias = [ + , + , + , + +] + function Footer() { return ( -
Footer
+
+ +
+ {/* Right */} +
+ {/* Icon */} +
+ logo +

نوبت ۷۲۴

+
+

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

+
+ + {/* Center */} +
    + {footerR.map((item, idx) => ( +
  • {item}
    • + ))} +
+
    + {footerL.map((item, idx) => ( +
  • {item}
    • + ))} +
+ + {/* Left */} +
+

+ ما را در شبکه های اجتماعی دنبال کنید: +

+
    + {socialMedias.map((item, idx) => ( +
  • + {item} +
    • + ))} +
+
+
+
) } diff --git a/components/layout/Header.js b/components/layout/Header.js index 7c25610..793df9a 100644 --- a/components/layout/Header.js +++ b/components/layout/Header.js @@ -6,7 +6,7 @@ import Link from "next/link"; function Header() { return (
diff --git a/components/layout/index.js b/components/layout/index.js index bfbb0c6..fcd1003 100644 --- a/components/layout/index.js +++ b/components/layout/index.js @@ -8,14 +8,14 @@ function Layout({ children, title }) { {`${title} | نوبت ۷۲۴`} */}
-
+
{children}
-
diff --git a/constans/index.js b/constans/index.js index 03d6dac..cfc5096 100644 --- a/constans/index.js +++ b/constans/index.js @@ -4,4 +4,16 @@ export const listNav = [ { id: 3, name: 'بلاگ', link: '/blog' }, { id: 4, name: 'تماس با ما', link: '/contact-us' }, { id: 5, name: 'درباره ما', link: '/about-us' }, -]; \ No newline at end of file +]; + +export const frequentSearches = [ + 'چشم پزشکی', + 'قلب و عروق', + 'پوست، مو و زیبایی', + 'روان پزشکی', + 'مغز و اعصاب' +] + +export const footerR = ['خدمات', 'ثبت نام', 'تخصص ها', 'بلاگ']; + +export const footerL = ['دسترسی سریع', 'درباره ما', 'تماس با ما', 'سوالات متداول']; \ No newline at end of file