Merge pull request #52 from Boyadjie/auth/feat/login-page

feat(#45): add login page

app/accueil/page.module.css

@@ -0,0 +1,26 @@
+#home {
+  .header {
+    background: var(--primary);
+
+    .navigation {
+      padding-inline: 35px;
+      padding-top: 50px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      a {
+        width: 24px;
+        height: 24px;
+      }
+    }
+  }
+
+  .homeContentContainer {
+    padding: 50px 35px;
+
+    > div {
+      margin-bottom: 60px;
+    }
+  }
+}

app/accueil/page.tsx

@@ -1,10 +1,71 @@
+import Image from 'next/image';
+import Link from 'next/link';
+
+import {Slider} from '../../src/components/blocs/slider/Slider';
+import {Navbar} from '../../src/components/navbar/Navbar';
 import {Onboarding} from '../../src/components/onboarding/Onboarding';
+import {Profile} from '../../src/components/profile/Profile';
+import styles from './page.module.css';
+
+const tempData = [
+  {
+    title: 'Préparer son voyage en 5 étapes',
+    date: new Date('2024-06-05'),
+    pictureUrl: '/user.jpg',
+  },
+  {
+    title: 'Vie locale : conseils pratiques',
+    date: new Date('2024-11-09'),
+    pictureUrl: '/user.jpg',
+  },
+  {
+    title: 'Où manger local ?',
+    date: new Date('2024-03-01'),
+    pictureUrl: '/user.jpg',
+  },
+  {
+    title: 'Transports et déplacements',
+    date: new Date('2024-03-23'),
+    pictureUrl: '/user.jpg',
+  },
+];
 
 export default function Home() {
   return (
     <>
-      <Onboarding />
-      <h1>Bienvenue sur UnVoy !</h1>
+      <div id={styles.home}>
+        <Onboarding />
+        <Navbar />
+        <section className={styles.header}>
+          <div className={styles.navigation}>
+            <div>
+              <Image
+                src="/icons/notifications.svg"
+                alt="Icône de notification"
+                width={24}
+                height={24}
+              />
+            </div>
+            <Link href="/settings">
+              <Image
+                src="/icons/setting.svg"
+                alt="Icône de paramètre"
+                width={28}
+                height={28}
+              />
+            </Link>
+          </div>
+          <Profile />
+        </section>
+        <div className={styles.homeContentContainer}>
+          <Slider
+            title="Articles conseillés"
+            items={tempData}
+            link="/accueil#"
+          />
+          <Slider title="Actualités" items={tempData} link="/accueil#" />
+        </div>
+      </div>
     </>
   );
 }

app/login/login.module.css

@@ -0,0 +1,7 @@
+.container {
+  padding: 0 2rem;
+  p {
+    font-size: 14px;
+    color: #1b1b2e;
+  }
+}

app/login/page.tsx

@@ -1,9 +1,23 @@
+'use client';
+import ConnectionWith from '../../src/components/authentication/ConnectionWith';
 import {LoginForm} from '../../src/components/authentication/LoginForm';
+import LoginIllustration from '../../src/components/authentication/LoginIllustration';
+import TextAndRoute from '../../src/components/authentication/TextAndRoute';
+import Title from '../../src/components/authentication/Title';
+import styles from './login.module.css';
 
 export default function register() {
   return (
-    <div>
+    <div className={styles.container}>
+      <Title iconUrl="icons/user.svg" text="LOGIN" />
+      <LoginIllustration />
       <LoginForm />
+      <ConnectionWith />
+      <TextAndRoute
+        text="Don't have an account?"
+        route="/register"
+        routeText="Register"
+      />
     </div>
   );
 }

app/register/page.tsx

@@ -1,4 +1,3 @@
-'use client';
 import ConnectionWith from '../../src/components/authentication/ConnectionWith';
 import {RegisterForm} from '../../src/components/authentication/RegisterForm';
 import TextAndRoute from '../../src/components/authentication/TextAndRoute';

package.json

@@ -17,6 +17,7 @@
     "@types/node": "18.15.11",
     "@types/react": "18.0.34",
     "@types/react-dom": "18.0.11",
+    "date-fns": "^3.6.0",
     "firebase": "9.19.1",
     "jest": "29.5.0",
     "next": "^13.5.6",