basic structure folder and style

2024-05-14 19:54:46 +03:30
parent 78ba0a6478
commit 4d71481738
333 changed files with 9853 additions and 149 deletions
@@ -0,0 +1,7 @@
+function HomePage() {
+    return (
+        <div>HomePage</div>
+    )
+}
+
+export default HomePage
@@ -0,0 +1,7 @@
+function Footer() {
+    return (
+        <div>Footer</div>
+    )
+}
+
+export default Footer
@@ -0,0 +1,42 @@
+import { listNav } from "@/constans";
+import { Button } from "@mui/material";
+import Image from "next/image";
+import Link from "next/link";
+
+function Header() {
+    return (
+        <div className="bg-[#FAFAFA] rounded-lg shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] h-20 px-4 py-8 flex justify-between items-center">
+            <div className="flex items-center justify-start gap-[5px]">
+                <Image
+                    src='/assets/images/logo.png'
+                    width={30}
+                    height={30}
+                    alt="logo"
+                />
+                <p className="text-[#526CAC] text-[16px] font-bold font-kalame">نوبت ۷۲۴</p>
+            </div>
+            <ul className="flex items-center justify-center gap-10">
+                {listNav.map(nav => (
+                    <li
+                        key={nav.id}
+                    >
+                        <Link
+                            href={nav.link}
+                            className={`
+                                ${nav.id === 1 ? 'text-[#526CAC]' : 'text-[#525252]'}
+                                text-[16px] font-bold
+                            `}
+                        >
+                            {nav.name}
+                        </Link>
+                    </li>
+                ))}
+            </ul>
+            <Button>
+                ورود | ثبت نام
+            </Button>
+        </div>
+    )
+}
+
+export default Header
@@ -0,0 +1,25 @@
+import Footer from './Footer';
+import Header from './Header';
+
+function Layout({ children, title }) {
+    return (
+        <div>
+            {/* <head>
+                <title>{`${title} | نوبت ۷۲۴`}</title>
+            </head> */}
+            <main className="w-full min-h-screen">
+                <header className="sticky top-0 w-full z-[60]">
+                    <Header />
+                </header>
+                <section>
+                    {children}
+                </section>
+            </main>
+            <footer className=" bg-[#F5F5F5]">
+                <Footer />
+            </footer>
+        </div>
+    )
+}
+
+export default Layout
@@ -0,0 +1,14 @@
+import Logo from "@/components/assets/Logo"
+
+function RegisterPage() {
+    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>
+        </div>
+    )
+}
+
+export default RegisterPage