basic bootstrap and fa stuff

GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedCard.js

@@ -0,0 +1,11 @@
+
+const FeaturedCard = () => {
+
+    return(
+        <div className="border border-primary">
+            <h1 className="text-primary">FeaturedCard</h1>
+        </div>
+    );
+}
+
+export default FeaturedCard;

GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js

@@ -0,0 +1,12 @@
+import FeaturedCard from "./FeaturedCard";
+
+const FeaturedList = () => {
+
+    return(
+        <div>
+            <FeaturedCard/>
+        </div>
+    );
+}
+
+export default FeaturedList;

GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js

@@ -3,10 +3,9 @@ import React from "react";
 const Footer = () => {
 
     return (
-        <>
-            <br />
-            footer
-        </>
+        <footer>
+            Footer
+        </footer>
     );
 }
 

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 (

GrossesMitaines/grosses-mitaines-ui/src/components/ResearchBar.js

@@ -0,0 +1,15 @@
+
+
+const ResearchBar = () => {
+
+    return (
+        <div>
+            <input placeholder="Rechercher..."></input>
+            <button>
+                <div className="fa fa-search"/>
+            </button>
+        </div>
+    );
+}
+
+export default ResearchBar;

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'

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 (
         <>
+            <ResearchBar/>
+            <FeatuerdList/>
             Maison
         </>
     );