├── src ├── Images │ ├── .dummy │ ├── Rent.png │ ├── titleIcon.png │ ├── Homepage │ │ ├── star.png │ │ ├── mobile.png │ │ ├── nIcon.png │ │ ├── rental.png │ │ ├── building.png │ │ ├── homeLoan.png │ │ ├── playStore.png │ │ ├── saleAgree.png │ │ ├── savings.png │ │ ├── shortlist.png │ │ ├── noBrokerNri.png │ │ ├── avoidBrokers.png │ │ ├── builderProject.png │ │ ├── freeLisiting.png │ │ ├── propertyServices.png │ │ ├── homeInteriors.svg │ │ └── iosDownload.svg │ ├── navbar │ │ ├── logo.png │ │ ├── payrent.png │ │ ├── myBookings.svg │ │ └── logo.svg │ ├── Login │ │ ├── signupHome.png │ │ └── whatsappIcon.png │ ├── landing_features_bgr.png │ └── footer │ │ ├── youtube.svg │ │ └── iosDownload.svg ├── Pages │ ├── .dummy │ ├── Homepage │ │ ├── ReviewCard.jsx │ │ ├── CommercialOption.jsx │ │ ├── BuyOption.jsx │ │ ├── RentOption.jsx │ │ ├── OurCoustomerReview.jsx │ │ └── Homepage.module.css │ ├── LoginSignup │ │ ├── LoginSignup.module.css │ │ └── Login.jsx │ └── SearchPage │ │ └── SearchPage.jsx ├── Redux │ ├── .dummy │ ├── LoginSignup │ │ ├── actionTypes.js │ │ ├── action.js │ │ └── reducer.js │ └── store.js ├── Styles │ ├── .dummy │ └── SearchPages │ │ ├── filter.css │ │ └── searchpage.css ├── Components │ ├── .dummy │ ├── Rent_Page │ │ ├── components │ │ │ ├── payment.jsx │ │ │ ├── forminput.jsx │ │ │ ├── slider.jsx │ │ │ ├── testimonoals.jsx │ │ │ └── question.jsx │ │ ├── rent.jsx │ │ ├── userdetail.jsx │ │ ├── rent.module.css │ │ └── detailshow.jsx │ ├── SearchPages │ │ ├── AdsSection.jsx │ │ ├── QuickLinksSearchPage.jsx │ │ ├── SearchBar.jsx │ │ ├── ResultShower.jsx │ │ ├── FilterForSearchPage.jsx │ │ └── DataCard.jsx │ ├── Footer │ │ ├── FooterSubOptionsText.jsx │ │ ├── Footer.jsx │ │ ├── Footer.module.css │ │ ├── FooterSubOptions3.jsx │ │ ├── FooterSubOptions7.jsx │ │ ├── FooterSubOptions4.jsx │ │ ├── FooterSubOptions2.jsx │ │ ├── FooterSubOptions5.jsx │ │ ├── FooterSubOptions1.jsx │ │ ├── FooterSubOptions6.jsx │ │ └── FooterOptions.jsx │ ├── Payment_Detail │ │ ├── payment.jsx │ │ ├── slider.jsx │ │ ├── newslide.jsx │ │ ├── PaymentInfo.jsx │ │ └── payment_detail.jsx │ ├── Card_Detail_Page │ │ ├── payment.jsx │ │ ├── PaymentInfo.jsx │ │ └── payment_detail.jsx │ └── Navbar │ │ ├── NavBar.module.css │ │ └── Navbar.jsx ├── index.css ├── index.js ├── App.css └── App.js ├── public ├── robots.txt ├── favicon.ico ├── logo192.png ├── logo512.png ├── manifest.json └── index.html ├── .gitignore ├── README.md └── package.json /src/Images/.dummy: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/.dummy: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Redux/.dummy: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Styles/.dummy: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Components/.dummy: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Components/Rent_Page/components/payment.jsx: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Components/Rent_Page/components/forminput.jsx: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/public/logo512.png -------------------------------------------------------------------------------- /src/Images/Rent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Rent.png -------------------------------------------------------------------------------- /src/Images/titleIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/titleIcon.png -------------------------------------------------------------------------------- /src/Images/Homepage/star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/star.png -------------------------------------------------------------------------------- /src/Images/navbar/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/navbar/logo.png -------------------------------------------------------------------------------- /src/Images/Homepage/mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/mobile.png -------------------------------------------------------------------------------- /src/Images/Homepage/nIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/nIcon.png -------------------------------------------------------------------------------- /src/Images/Homepage/rental.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/rental.png -------------------------------------------------------------------------------- /src/Images/navbar/payrent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/navbar/payrent.png -------------------------------------------------------------------------------- /src/Images/Homepage/building.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/building.png -------------------------------------------------------------------------------- /src/Images/Homepage/homeLoan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/homeLoan.png -------------------------------------------------------------------------------- /src/Images/Homepage/playStore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/playStore.png -------------------------------------------------------------------------------- /src/Images/Homepage/saleAgree.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/saleAgree.png -------------------------------------------------------------------------------- /src/Images/Homepage/savings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/savings.png -------------------------------------------------------------------------------- /src/Images/Homepage/shortlist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/shortlist.png -------------------------------------------------------------------------------- /src/Images/Login/signupHome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Login/signupHome.png -------------------------------------------------------------------------------- /src/Images/Login/whatsappIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Login/whatsappIcon.png -------------------------------------------------------------------------------- /src/Images/Homepage/noBrokerNri.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/noBrokerNri.png -------------------------------------------------------------------------------- /src/Images/landing_features_bgr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/landing_features_bgr.png -------------------------------------------------------------------------------- /src/Images/Homepage/avoidBrokers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/avoidBrokers.png -------------------------------------------------------------------------------- /src/Images/Homepage/builderProject.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/builderProject.png -------------------------------------------------------------------------------- /src/Images/Homepage/freeLisiting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/freeLisiting.png -------------------------------------------------------------------------------- /src/Images/Homepage/propertyServices.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SaurabhSinghRbz/no-broker-clone/HEAD/src/Images/Homepage/propertyServices.png -------------------------------------------------------------------------------- /src/Redux/LoginSignup/actionTypes.js: -------------------------------------------------------------------------------- 1 | export const LOGINSIGNUPREQ = "LOGINSIGNUPREQ"; 2 | export const ADDAUSER = "ADDAUSER"; 3 | export const ISUSERLOGGED = "ISUSERLOGGED"; -------------------------------------------------------------------------------- /src/Styles/SearchPages/filter.css: -------------------------------------------------------------------------------- 1 | .apartmentType{ 2 | padding: 0.3rem; 3 | padding-left: 0px; 4 | padding-right: 0px; 5 | border: none; 6 | background-color: rgb(240, 240, 240); 7 | } -------------------------------------------------------------------------------- /src/Components/SearchPages/AdsSection.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export const AdsSection = (props) => { 4 | const url = props.item; 5 | return ( 6 |
7 | 8 |
9 | ) 10 | } 11 | -------------------------------------------------------------------------------- /src/Components/Footer/FooterSubOptionsText.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Text } from "@chakra-ui/react" 3 | 4 | function FooterSubOptionsText({ text }) { 5 | return ( 6 | <> 7 | {text} 8 | 9 | ) 10 | } 11 | 12 | export default FooterSubOptionsText -------------------------------------------------------------------------------- /src/Components/Footer/Footer.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Box } from "@chakra-ui/react" 3 | import FooterOptions from './FooterOptions' 4 | import "./Footer.module.css" 5 | function Footer() { 6 | return ( 7 | 8 | 9 | 10 | ) 11 | } 12 | 13 | export default Footer -------------------------------------------------------------------------------- /src/Redux/store.js: -------------------------------------------------------------------------------- 1 | import { createStore } from "redux" 2 | import { 3 | loginReqReducer 4 | } from "./LoginSignup/reducer"; 5 | 6 | export const store = createStore(loginReqReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()) 7 | 8 | store.subscribe(() => { 9 | console.log(store.getState()); 10 | }); 11 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | 25 | # Local Netlify folder 26 | .netlify 27 | -------------------------------------------------------------------------------- /src/Images/navbar/myBookings.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Redux/LoginSignup/action.js: -------------------------------------------------------------------------------- 1 | import { ADDAUSER, ISUSERLOGGED, LOGINSIGNUPREQ } from "./actionTypes" 2 | 3 | export const loginSignupReq = (data) => { 4 | return { 5 | type: LOGINSIGNUPREQ, 6 | payload: data 7 | } 8 | } 9 | 10 | 11 | export const addAUser = (data) => { 12 | return { 13 | type: ADDAUSER, 14 | payload: data 15 | } 16 | } 17 | 18 | 19 | export const isUserLogged = (data) => { 20 | return { 21 | type: ISUSERLOGGED, 22 | payload: data 23 | } 24 | } -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import "./index.css"; 4 | import App from "./App"; 5 | import { BrowserRouter } from "react-router-dom"; 6 | import { ChakraProvider } from "@chakra-ui/react" 7 | import { Provider } from "react-redux"; 8 | import { store } from "./Redux/store"; 9 | 10 | 11 | 12 | const root = ReactDOM.createRoot(document.getElementById("root")); 13 | root.render( 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | -------------------------------------------------------------------------------- /src/Redux/LoginSignup/reducer.js: -------------------------------------------------------------------------------- 1 | import { ADDAUSER, ISUSERLOGGED, LOGINSIGNUPREQ } from "./actionTypes"; 2 | 3 | const initState = { 4 | loginReq: false, 5 | userData: [], 6 | isUserLoggedIn: false 7 | }; 8 | 9 | export const loginReqReducer = (state = initState, action) => { 10 | switch (action.type) { 11 | case LOGINSIGNUPREQ: { 12 | return { ...state, loginReq: action.payload }; 13 | } 14 | case ADDAUSER: { 15 | return { ...state, userData: [...state.userData, action.payload] }; 16 | } 17 | case ISUSERLOGGED: { 18 | return { ...state, isUserLoggedIn: true }; 19 | } 20 | default: { 21 | return { ...state } 22 | } 23 | } 24 | }; 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # No Broker Clone 2 | ![NoBroker-logo-StartupTalky](https://user-images.githubusercontent.com/90378786/189493790-00ed37aa-ff24-43d8-8310-642c7a0b1427.jpg) 3 | 4 | ## About 5 | Welcome to NoBroker! NoBroker is a disruptive real-estate platform that makes it possible to buy/sell/rent a house without paying any brokerage NoBroker was started because all of us believed that paying hefty brokerage can not be the only option to find a new home. As tenants, we have been paying these brokerages year on year without seeing any advantage of the broker. The only reason he existed was that there was a huge information asymmetry in the market. NoBroker is a platform that removes this information asymmetry and provides a marketplace for free exchange of this information that used to cost 1-2 months of rent as brokerage. 6 | 7 | -------------------------------------------------------------------------------- /src/Components/Payment_Detail/payment.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Testimonoals from '../Rent_Page/components/testimonoals'; 3 | import Detail from './payment_detail' 4 | import Question from '../Rent_Page/components/question'; 5 | import {Info, Paymentinfo} from '../Rent_Page/components/info'; 6 | import style from "../Rent_Page/rent.module.css" 7 | import PaymentInfo from './PaymentInfo'; 8 | import { Box, Container } from '@chakra-ui/react'; 9 | 10 | export default function Payment() { 11 | return ( 12 |
13 | 14 | 15 | 16 | 17 | {/* */} 18 | 19 | 20 | 21 | 22 | 23 |
24 | ) 25 | } 26 | -------------------------------------------------------------------------------- /src/Components/Card_Detail_Page/payment.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Testimonoals from '../Rent_Page/components/testimonoals'; 3 | import Detail from './payment_detail' 4 | import Question from '../Rent_Page/components/question'; 5 | import {Info, Paymentinfo} from '../Rent_Page/components/info'; 6 | import style from "../Rent_Page/rent.module.css" 7 | import PaymentInfo from './PaymentInfo'; 8 | import { Box, Container } from '@chakra-ui/react'; 9 | 10 | export default function ToPayment() { 11 | return ( 12 |
13 | 14 | 15 | 16 | 17 | {/* */} 18 | 19 | 20 | 21 | 22 | 23 |
24 | ) 25 | } 26 | -------------------------------------------------------------------------------- /src/Components/SearchPages/QuickLinksSearchPage.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export const QuickLinksSearchPage = () => { 4 | return ( 5 |
6 |
7 |
Quick Links
8 |
9 |
10 |
11 | People also searched for 12 |
13 |
14 | 22 |
23 |
24 | ) 25 | } 26 | -------------------------------------------------------------------------------- /src/Styles/SearchPages/searchpage.css: -------------------------------------------------------------------------------- 1 | .price-div{ 2 | display: grid; 3 | border-top: 1px solid gainsboro; 4 | grid-template-columns: repeat(3,1fr); 5 | border-bottom: 1px solid gainsboro; 6 | 7 | } 8 | .price-span{ 9 | padding: 1%; 10 | } 11 | .var-price-tag{ 12 | font-weight: 600; 13 | } 14 | .con-price-tag{ 15 | font-size: 70%; 16 | font-weight: 400; 17 | } 18 | .data-card-image{ 19 | width: 110%; 20 | height: 100%; 21 | padding-right: 1rem; 22 | } 23 | .card-detail-div{ 24 | display: grid; 25 | grid-template-columns: repeat(2,1fr); 26 | } 27 | .card-detail-div>div{ 28 | border: 0.1px solid gainsboro; 29 | padding: 1%; 30 | } 31 | .nearby{ 32 | background-color: rgb(235, 233, 233); 33 | margin-left: 0.5%; 34 | padding: 0.3%; 35 | } 36 | .search-page-head-div{ 37 | background-color: rgb(250, 247, 247); 38 | display: grid; 39 | grid-template-columns: 30% 50% 10%; 40 | } 41 | .search-page-card-head{ 42 | border-top: 0.1px solid gainsboro; 43 | transition: 0.5s; 44 | box-shadow: none; 45 | width: 100%; 46 | margin-top: 1%; 47 | } 48 | .search-page-card-head:hover{ 49 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 50 | } 51 | .card-house-name-heading:hover{ 52 | transition: 0.2s; 53 | color: red; 54 | } -------------------------------------------------------------------------------- /src/Components/Rent_Page/rent.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Detail from './detailshow' 3 | import DetailAdd from './userdetail' 4 | import Question from './components/question'; 5 | import { Info, Paymentinfo } from './components/info'; 6 | 7 | import { 8 | Flex, 9 | Container, 10 | Box, 11 | } from '@chakra-ui/react'; 12 | import style from "./rent.module.css"; 13 | import Testimonoals from './components/testimonoals'; 14 | import { Route, Routes, Link } from 'react-router-dom'; 15 | 16 | 17 | //install this :- npm install react-slick --save 18 | // :- npm install slick-carousel --save 19 | 20 | 21 | // Add In Index.html 22 | // 23 | // 24 | 25 | 26 | export default function Rent() { 27 | return ( 28 |
29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 | 41 | 42 | 43 | 44 | ) 45 | } 46 | -------------------------------------------------------------------------------- /src/Components/SearchPages/SearchBar.jsx: -------------------------------------------------------------------------------- 1 | import { Button } from '@mui/material' 2 | import React from 'react' 3 | 4 | export const SearchBar = (props) => { 5 | const [type,setType] = React.useState('list'); 6 | const [input,setInput] = React.useState(''); 7 | return ( 8 |
9 |
10 |
11 | {setInput(e.target.value)}} style={{padding:'0.7rem',width:'30rem',marginTop:'0.5rem',marginBottom:'0.5rem',marginLeft:'2rem'}}/> 12 | 13 |
14 |
15 | 16 | 17 |
18 |
19 |
20 | ) 21 | } 22 | -------------------------------------------------------------------------------- /src/Components/SearchPages/ResultShower.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import MenuItem from '@mui/material/MenuItem'; 3 | import Select from '@mui/material/Select'; 4 | 5 | export const ResultShower = (props) => { 6 | 7 | 8 | 9 | return ( 10 |
11 |
12 | Home / 13 | 14 | Sort By: 15 | 25 | 26 |
27 |
{props.item.length} - Flats, Apartments for Sale in Your Searched Area | Selling Properties in Your Searched Area
28 |
29 | ) 30 | } 31 | -------------------------------------------------------------------------------- /src/Components/Rent_Page/userdetail.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { 3 | Input , 4 | FormControl, 5 | FormLabel, 6 | FormErrorMessage, 7 | FormHelperText, 8 | Box, 9 | Container, 10 | Button, 11 | Image, 12 | } from '@chakra-ui/react' 13 | import Sliders from './components/slider' 14 | import { Routes, Route } from 'react-router-dom' 15 | import { Yourinput, Studentinput } from './components/Input' 16 | import style from './rent.module.css' 17 | 18 | export default function DetailAdd() { 19 | 20 | return ( 21 |
22 | 23 | 24 | 25 | 26 | {/* 27 | } > 28 | } > 29 | } > 30 | } > 31 | } > 32 | } > 33 | } > 34 | */} 35 | 36 | 37 |
38 | ) 39 | } 40 | -------------------------------------------------------------------------------- /src/Images/Homepage/homeInteriors.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box !important; 3 | user-select: none; 4 | margin: 0; 5 | padding: 0; 6 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 7 | } 8 | 9 | 10 | 11 | .swiper-button-next, 12 | .swiper-button-prev { 13 | height: 25px !important; 14 | width: 25px !important; 15 | padding: 4px !important; 16 | background-color: #fff !important; 17 | border-radius: 50%; 18 | box-shadow: 0 3px 6px #ccc; 19 | background-image: url('https: //cdn-icons-png.flaticon.com/512/109/109618.png') !important; 20 | vertical-align: middle !important; 21 | } 22 | 23 | 24 | .swiper-button-next::after, 25 | .swiper-button-prev::after { 26 | font-size: 15px !important; 27 | color: black !important; 28 | font-weight: bold; 29 | } 30 | 31 | .swiper-slide { 32 | margin: 5%px !important; 33 | width: 85%; 34 | } 35 | 36 | .swiper-container { 37 | margin: 40px 0px !important; 38 | } 39 | 40 | 41 | .css-1ozmk1d { 42 | outline: 2px solid transparent; 43 | outline-offset: 2px; 44 | background: #fff; 45 | /* box-shadow: var(--chakra-shadows-sm); */ 46 | min-height: max-content !important; 47 | color: inherit; 48 | /* min-width: var(--chakra-sizes-3xs); */ 49 | /* padding-top: var(--chakra-space-2); 50 | padding-bottom: var(--chakra-space-2); */ 51 | z-index: 1; 52 | /* border-radius: var(--chakra-radii-md); */ 53 | border-width: 1px; 54 | } -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Route, Routes } from 'react-router-dom'; 4 | import './App.css'; 5 | import Footer from './Components/Footer/Footer'; 6 | import Navbar from './Components/Navbar/Navbar'; 7 | import Homepage from './Pages/Homepage/Homepage'; 8 | 9 | 10 | 11 | 12 | import { Box } from "@chakra-ui/react" 13 | import Login from './Pages/LoginSignup/Login'; 14 | import Signup from './Pages/LoginSignup/Signup'; 15 | // import { useSelector } from 'react-redux'; 16 | import Rent from './Components/Rent_Page/rent'; 17 | import { Yourinput } from './Components/Rent_Page/components/Input'; 18 | import Payment from './Components/Payment_Detail/payment'; 19 | import ToPayment from './Components/Card_Detail_Page/payment'; 20 | function App() { 21 | // const { loginReq } = useSelector((state) => state) 22 | return ( 23 | 24 | 25 | 26 | } /> 27 | {/* } /> */} 28 | } /> 29 | }> 30 | }> 31 | 32 | 33 |