Add prisma ORM

Took 3 hours 2 minutes

src/components/Navbar.tsx

@@ -0,0 +1,36 @@
+import {Box, Flex, Text, ButtonGroup, Button} from '@chakra-ui/react';
+
+export default function Navbar() {
+  return (
+      <Box position={'fixed'} zIndex={9999} top={0} width={"100vw"} backdropFilter={'auto'} backdropBlur={'20px'}  px={10} py={2} >
+        <Flex align={'center'}>
+          <LeftContent/>
+          <CenterContent/>
+          <RightContent/>
+        </Flex>
+      </Box>
+  );
+}
+
+const LeftContent = () => (
+    <Box flexBasis={"100%"}>
+      <Text>Logo</Text>
+    </Box>
+);
+
+const CenterContent = () => (
+    <Flex gap={5} justify={'center'} flexBasis={"100%"}>
+      <Text>A propos</Text>
+      <Text>Contact</Text>
+      <Text>Aide</Text>
+    </Flex>
+);
+
+const RightContent = () => (
+    <Flex justify={'right'} flexBasis={"100%"}>
+      <ButtonGroup>
+        <Button>Inscription</Button>
+        <Button colorScheme={'purple'}>Connexion</Button>
+      </ButtonGroup>
+    </Flex>
+);

src/components/layout/Home/HomeHero.tsx

@@ -0,0 +1,43 @@
+import {
+  Box,
+  Button,
+  ButtonGroup,
+  Flex,
+  Heading,
+  Image,
+  Text,
+} from '@chakra-ui/react';
+
+export default function HomeHero() {
+
+  return (
+      <Flex bg={'#FAF9FF'} px={150} minH={'100vh'} align={'center'}
+            justify={'center'}>
+        <Flex gap={10}>
+          <LeftSide/>
+          <RightSide/>
+        </Flex>
+      </Flex>
+  );
+}
+
+const LeftSide = () => (
+    <Flex justify={'center'} direction={'column'} flexBasis={'100%'}>
+      <Heading mb={'2.5rem'}>Prêt(e) à trouver votre âme sœur ?</Heading>
+      <Text mb={'2rem'}>Notre site de rencontre vous offre la possibilité de
+        rencontrer des personnes intéressantes et de trouver l&apos;amour.
+        Inscrivez-vous dès maintenant pour découvrir toutes nos fonctionnalités
+        !
+      </Text>
+      <ButtonGroup>
+        <Button colorScheme={'purple'}>S&apos;inscrire</Button>
+      </ButtonGroup>
+    </Flex>
+);
+
+const RightSide = () => (
+    <Box flexBasis={'100%'}>
+      <Image borderRadius={20} boxShadow={'lg'} src={'/couple_img.jpg'}
+             alt="happy couple"/>
+    </Box>
+);