batuhan-basoglu/Kene-s-Cribs-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed the integration.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2021-03-31 15:35:29 -04:00
parent 562825844f
commit e2b0e32164
3 changed files with 7 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.js
View file

@ -2,25 +2,21 @@ import { Component } from "react";
import Footer from "./shared-components/footer-component/Footer"; import Footer from "./shared-components/footer-component/Footer";
import Navbar from "./shared-components/navbar-component/Navbar"; import Navbar from "./shared-components/navbar-component/Navbar";
import { BrowserRouter, Route } from "react-router-dom"; import { BrowserRouter, Route } from "react-router-dom";
import HomePage from "./homePage/Homepage"; import HomePage from "./homePage/homePage";
import ListingsPage from "./listings-page/ListingsPage"; import ListingsPage from "./listings-page/ListingsPage";
import AgentPage from "./agent-page/AgentPage"; import AgentPage from "./agent-page/AgentPage";
// import ContactUs from "./shared-components/Contact-us/Contact-us"; // import ContactUs from "./shared-components/Contact-us/Contact-us";
import Homepage from "./homePage/Homepage";
class App extends Component { class App extends Component {
render() { render() {
return ( return (
<div className="App"> <div className="App">
<BrowserRouter> <BrowserRouter>
<Navbar></Navbar> <Navbar></Navbar>
<Route path="/home" component={HomePage}></Route> <Route exact path="/" component={HomePage}></Route>
<Route path="/listings" component={ListingsPage}></Route> <Route path="/listings" component={ListingsPage}></Route>
<Route path="/agents" component={AgentPage}></Route> <Route path="/agents" component={AgentPage}></Route>
{/* <Route path="/contact-us" component={ContactUs}></Route> */}
</BrowserRouter> </BrowserRouter>
<Homepage></Homepage>
<Footer></Footer> <Footer></Footer>
</div> </div>
); );

8
src/homePage/homePage.js
View file

@ -1,11 +1,11 @@
import { Component } from "react"; import { Component } from "react";
import "./Homepage.css"; import "./homePage.css";
import house1 from "../images/house1.jpg"; import house1 from "../images/house1.jpg";
import house2 from "../images/house2.jpg"; import house2 from "../images/house2.jpg";
import house3 from "../images/house3.jpg"; import house3 from "../images/house3.jpg";
import Carousel from "react-bootstrap/Carousel"; import Carousel from "react-bootstrap/Carousel";
class Homepage extends Component { class homePage extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
@ -18,7 +18,7 @@ class Homepage extends Component {
render() { render() {
return ( return (
<div className="Homepage"> <div className="homePage">
<section className="colored-section" id="title"> <section className="colored-section" id="title">
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
@ -120,4 +120,4 @@ class Homepage extends Component {
handleSubmit(event) {} handleSubmit(event) {}
} }
export default Homepage; export default homePage;

7
src/shared-components/navbar-component/Navbar.js
View file

@ -25,7 +25,7 @@ const Navbar = () => {
<div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<Link class="nav-link" to="/"> <Link class="nav-link" exact to="/">
Home Home
</Link> </Link>
</li> </li>
@ -39,11 +39,6 @@ const Navbar = () => {
Agents Agents
</Link> </Link>
</li> </li>
<li class="nav-item">
<Link class="nav-link" to="/contact-us">
Contact Us
</Link>
</li>
</ul> </ul>
</div> </div>
</nav> </nav>