diff --git a/GrossesMitaines/grosses-mitaines-ui/package-lock.json b/GrossesMitaines/grosses-mitaines-ui/package-lock.json
index 90b5db1..877ef7a 100644
--- a/GrossesMitaines/grosses-mitaines-ui/package-lock.json
+++ b/GrossesMitaines/grosses-mitaines-ui/package-lock.json
@@ -12,6 +12,7 @@
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"bootstrap": "^5.2.1",
+ "font-awesome": "^4.7.0",
"react": "^18.2.0",
"react-bootstrap": "^2.5.0",
"react-devtools": "^4.26.0",
@@ -8604,6 +8605,14 @@
}
}
},
+ "node_modules/font-awesome": {
+ "version": "4.7.0",
+ "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+ "integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==",
+ "engines": {
+ "node": ">=0.10.3"
+ }
+ },
"node_modules/fork-ts-checker-webpack-plugin": {
"version": "6.5.2",
"resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz",
@@ -24607,6 +24616,11 @@
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
},
+ "font-awesome": {
+ "version": "4.7.0",
+ "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+ "integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg=="
+ },
"fork-ts-checker-webpack-plugin": {
"version": "6.5.2",
"resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz",
diff --git a/GrossesMitaines/grosses-mitaines-ui/package.json b/GrossesMitaines/grosses-mitaines-ui/package.json
index d2ce9d2..2c83fab 100644
--- a/GrossesMitaines/grosses-mitaines-ui/package.json
+++ b/GrossesMitaines/grosses-mitaines-ui/package.json
@@ -7,6 +7,7 @@
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"bootstrap": "^5.2.1",
+ "font-awesome": "^4.7.0",
"react": "^18.2.0",
"react-bootstrap": "^2.5.0",
"react-devtools": "^4.26.0",
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedCard.js b/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedCard.js
new file mode 100644
index 0000000..b287cc4
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedCard.js
@@ -0,0 +1,11 @@
+
+const FeaturedCard = () => {
+
+ return(
+
+
FeaturedCard
+
+ );
+}
+
+export default FeaturedCard;
\ No newline at end of file
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js b/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js
new file mode 100644
index 0000000..7ee9e13
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js
@@ -0,0 +1,12 @@
+import FeaturedCard from "./FeaturedCard";
+
+const FeaturedList = () => {
+
+ return(
+
+
+
+ );
+}
+
+export default FeaturedList;
\ No newline at end of file
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js b/GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js
index 921f180..c668df0 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js
@@ -3,10 +3,9 @@ import React from "react";
const Footer = () => {
return (
- <>
-
- footer
- >
+
);
}
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/Navbar.js b/GrossesMitaines/grosses-mitaines-ui/src/components/Navbar.js
index f0fa4ad..bb369ec 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/Navbar.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/Navbar.js
@@ -1,5 +1,5 @@
import React from "react";
-import { BrowserRouter, Route, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
const Navbar = () => {
return (
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/ResearchBar.js b/GrossesMitaines/grosses-mitaines-ui/src/components/ResearchBar.js
new file mode 100644
index 0000000..0b19923
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/ResearchBar.js
@@ -0,0 +1,15 @@
+
+
+const ResearchBar = () => {
+
+ return (
+
+ );
+}
+
+export default ResearchBar;
\ No newline at end of file
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/index.js b/GrossesMitaines/grosses-mitaines-ui/src/index.js
index 0090ff3..b901b1b 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/index.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/index.js
@@ -1,5 +1,7 @@
import React from 'react'
import ReactDOM from 'react-dom/client'
+import 'font-awesome/css/font-awesome.min.css'
+import 'bootstrap/dist/css/bootstrap.min.css'
import './site.css'
import App from './components/App'
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js
index a57bde0..104847d 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js
@@ -1,5 +1,7 @@
import React from "react";
import { useEffect } from "react";
+import ResearchBar from "../components/ResearchBar";
+import FeatuerdList from "../components/FeaturedList";
const Home = () => {
@@ -9,6 +11,8 @@ const Home = () => {
return (
<>
+
+
Maison
>
);