Skip to content

Commit c06240d

Browse files
git-sujongit-sujon
committed
Search feature added
1 parent af68df0 commit c06240d

File tree

4 files changed

+128
-21
lines changed

4 files changed

+128
-21
lines changed

‎src/Pages/Home/AboutIndirect/AboutIndirect.js

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import React from "react";
2+
3+
const AboutIndirect = () => {
4+
return (
5+
<div className="text-center w-4/6 mx-auto my-32">
6+
<h2 className="text-center text-4xl font-semibold mb-12 text-gray-700 animate-fadeIn">About Indirect.com</h2>
7+
<p className="text-gray-700 text- font-semibold leading-tight animate-fadeIn">
8+
Indirect is a property buying and selling website that focuses on used
9+
properties. It is a safe platform for both sellers and buyers to share
10+
their properties. According to recent statistics, Indirect has seen a
11+
significant increase in the number of used properties being listed on
12+
the site. In the past year alone, the number of listings has increased
13+
by 25%. This trend is expected to continue as more and more people turn
14+
to Indirect to sell their used properties. One of the reasons for this
15+
increase is the fact that Indirect is a safe place for both sellers and
16+
buyers. Sellers can be confident that they will receive a fair price for
17+
their property, while buyers can be assured that they are getting a good
18+
deal. In addition, Indirect has a number of safeguards in place to
19+
protect both parties from fraud and other forms of misconduct. Another
20+
factor contributing to the success of Indirect is its focus on used
21+
properties. As more people become environmentally conscious, there is a
22+
growing demand for sustainable options such as used properties. Indirect
23+
is able to meet this demand by providing a platform for the buying and
24+
selling of used properties. Overall, Indirect is a great resource for
25+
anyone looking to buy or sell a used property. With its focus on safety
26+
and sustainability, it is the go-to site for anyone looking to make a
27+
property transaction.
28+
</p>
29+
</div>
30+
);
31+
};
32+
33+
export default AboutIndirect;

‎src/Pages/Home/Home.js

Lines changed: 24 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,28 @@
1-
import React from 'react';
2-
import CatagoriesShowcase from '../Catagories/CatagoriesShowcase/CatagoriesShowcase';
3-
import Advertised from './Advertised/Advertised';
4-
import HomeBanner from './HomeBanner/HomeBanner';
5-
import SubscribeCTA from './SubscribeCTA/SubscribeCTA';
6-
import Testimonials from './Testimonials/Testimonials'
1+
import React from "react";
2+
import CatagoriesShowcase from "../Catagories/CatagoriesShowcase/CatagoriesShowcase";
3+
import AboutIndirect from "./AboutIndirect/AboutIndirect";
4+
import Advertised from "./Advertised/Advertised";
5+
import HomeBanner from "./HomeBanner/HomeBanner";
6+
import Search from "./Search/Search";
7+
import SubscribeCTA from "./SubscribeCTA/SubscribeCTA";
8+
import Testimonials from "./Testimonials/Testimonials";
79

810
const Home = () => {
9-
return (
10-
<div>
11-
<HomeBanner></HomeBanner>
12-
<div className='container px-5 mx-auto'>
13-
<CatagoriesShowcase></CatagoriesShowcase>
14-
<Testimonials></Testimonials>
15-
<Advertised></Advertised>
16-
17-
<SubscribeCTA></SubscribeCTA>
18-
19-
20-
</div>
21-
</div>
22-
);
11+
return (
12+
<div>
13+
<HomeBanner></HomeBanner>
14+
<div className="container px-5 mx-auto">
15+
<Search></Search>
16+
<CatagoriesShowcase></CatagoriesShowcase>
17+
18+
<Advertised></Advertised>
19+
<Testimonials></Testimonials>
20+
<AboutIndirect></AboutIndirect>
21+
<SubscribeCTA></SubscribeCTA>
22+
23+
</div>
24+
</div>
25+
);
2326
};
2427

25-
export default Home;
28+
export default Home;

‎src/Pages/Home/HowWeCanHelp/HowWeCanHelp.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from 'react';
2+
3+
const HowWeCanHelp = () => {
4+
return (
5+
<div>
6+
7+
</div>
8+
);
9+
};
10+
11+
export default HowWeCanHelp;

‎src/Pages/Home/Search/Search.js

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
import React from "react";
2+
import { MagnifyingGlassIcon } from "@heroicons/react/24/solid";
3+
const Search = () => {
4+
const propertyType = [""]
5+
const minPrice = ["2 Lakh", "5 Lakh", "1.5 Million", "2 Million", "3 Million","5 Million","10 Million",]
6+
const maxPrice = ["2 Lakh", "5 Lakh", "1.5 Million", "2 Million", "3 Million","5 Million","10 Million",]
7+
8+
9+
return (
10+
<div className="flex bg-gray-100 items-center justify-center my-32 w-4/6 mx-auto">
11+
<div className="p-5 ">
12+
<div>
13+
<div className="relative flex items-center justify-center">
14+
<input
15+
type="text"
16+
className="border-2 border-gray-700 py-1 pl-8 w-full"
17+
name="input-search"
18+
id=""
19+
placeholder="City"
20+
/>
21+
<input
22+
type="button"
23+
className="btn btn-primary btn-sm ml-2 py-1 text-white"
24+
value="Search"
25+
/>
26+
<span className="pointer-events-none absolute inset-y-0 left-0 grid w-10 place-content-center text-gray-500">
27+
<MagnifyingGlassIcon className="w-5 h-5"></MagnifyingGlassIcon>
28+
</span>
29+
</div>
30+
</div>
31+
<div className="mt-3 flex items-center gap-x-10 justify-center">
32+
<div>
33+
<select name="" id="">
34+
<option value="Property-Type" >Property Type</option>
35+
<option value="Home">Home</option>
36+
</select>
37+
</div>
38+
<div>
39+
<select name="" id="">
40+
<option value="">Min Price</option>
41+
{
42+
minPrice.map((price, idx) => <option key={idx} value={price}>{price}</option> )
43+
}
44+
</select>
45+
</div>
46+
<div>
47+
<select name="" id="">
48+
<option value="">Max Price</option>
49+
{
50+
minPrice.map((price, idx) => <option key={idx} value={price}>{price}</option> )
51+
}
52+
</select>
53+
</div>
54+
</div>
55+
</div>
56+
</div>
57+
);
58+
};
59+
60+
export default Search;

0 commit comments

Comments
 (0)