diff --git a/front/components/ChatWrapper.tsx b/front/components/ChatWrapper.tsx
new file mode 100644
index 0000000..cbe6155
--- /dev/null
+++ b/front/components/ChatWrapper.tsx
@@ -0,0 +1,11 @@
+import Conversation from "./Conversation"
+
+const ChatWrapper = () => {
+ return (
+
+
+
+ )
+}
+
+export default ChatWrapper
\ No newline at end of file
diff --git a/front/components/Conversation.tsx b/front/components/Conversation.tsx
new file mode 100644
index 0000000..c18c779
--- /dev/null
+++ b/front/components/Conversation.tsx
@@ -0,0 +1,10 @@
+
+const Conversation = () => {
+ return (
+
+
+
+ )
+}
+
+export default Conversation
\ No newline at end of file
diff --git a/front/public/images/bg.jpg b/front/public/images/bg.jpg
new file mode 100644
index 0000000..df8eaed
Binary files /dev/null and b/front/public/images/bg.jpg differ
diff --git a/front/src/app/about/page.tsx b/front/src/app/about/page.tsx
new file mode 100644
index 0000000..977c574
--- /dev/null
+++ b/front/src/app/about/page.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+ return (
+ About
+ )
+}
+
+export default page
\ No newline at end of file
diff --git a/front/src/app/component/Loading.module.css b/front/src/app/component/Loading.module.css
deleted file mode 100644
index 665303a..0000000
--- a/front/src/app/component/Loading.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-
-.loadingContainer {
-
- }
-
- @media (max-width: 768px) {
- .loadingContainer {
- align-items: center;
- text-align: center;
- padding-top: 6rem;
- font-weight: 550;
- font-size: 1.5rem;
-
- }
-
- .customParagraph{
- color: rgb(2, 63, 117);
- }
-
- }
-
\ No newline at end of file
diff --git a/front/src/app/component/loading.tsx b/front/src/app/component/loading.tsx
deleted file mode 100644
index 8ae8b72..0000000
--- a/front/src/app/component/loading.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-// components/Loading.tsx
-import React from 'react';
-import styles from './Loading.module.css';
-
-const Loading = () => {
- return (
-
-
-
Chargement en cours...
-
Contact
+ )
+}
+
+export default page
\ No newline at end of file
diff --git a/front/src/app/layout.tsx b/front/src/app/layout.tsx
index 60992eb..4840f67 100644
--- a/front/src/app/layout.tsx
+++ b/front/src/app/layout.tsx
@@ -1,26 +1,19 @@
-import type { Metadata } from "next";
-import type { ReactNode } from "react";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import styles from "./Layout.module.css";
-
-const inter = Inter({ subsets: ["latin"] });
+import type { Metadata } from 'next'
+import './globals.css'
export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
-};
+ title: 'Real time Chat',
+ description: 'Real time chat application',
+}
-const RootLayout: React.FC<{ children?: ReactNode }> = ({ children }) => {
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
return (
-
- SITE ELG
- {}
-
- {children}
+ {children}
- );
-};
-
-export default RootLayout;
+ )
+}
\ No newline at end of file
diff --git a/front/src/app/page.tsx b/front/src/app/page.tsx
index f5e4729..8c04191 100644
--- a/front/src/app/page.tsx
+++ b/front/src/app/page.tsx
@@ -1,29 +1,7 @@
-"use client"
-import React, {useState, useEffect} from 'react'
-import Link from "next/link";
-import Loading from './component/loading'
+import ChatWrapper from "../../components/ChatWrapper";
-const Home = () => {
- const [loading, setLoading] = useState(true);
-
- useEffect(() => {
-
- setTimeout(() => {
- setLoading(true);
- }, 3000);
- }, []);
-
- return (
-
- {loading ? (
-
- ) : (
- <>
-
-
- )}
-
- );
-};
-
-export default Home;
\ No newline at end of file
+export default function Home(){
+ return(
+
+ )
+}
\ No newline at end of file