> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/react-maisonco/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/react-maisonco/content-management/home1.md).

# Home1

You can change content and logo  quickly

![](https://3716675287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKcxZ1F2pBz07BOtyk%2F-LqKqxTGNDT65d_Xog1t%2F-LqKrRRg7t1E4NS3-4sr%2Fhome1_1.jpg?alt=media\&token=41e621ae-2146-4660-8aa1-7a256de167cc)

#### 1. Logo : If you want to change logo, please go to this located and you can see folder has logo in there.

```
Located in: src\components\common\headers\common\logo.jsx file 

<!-- logo-->

<Link to={`${process.env.PUBLIC_URL}/`} className="custom-logo-link">
    <span className="screen-reader-text">MaisonCo Single Property</span>
    <img src={`${process.env.PUBLIC_URL}/assets/images/${props.logo}`} alt="" className="img-fluid" />
</Link>;
```

#### 2. Menu : Change name of menu&#x20;

```
Located in : public\api\menu.json file

<!-- sample json data -->

{
    "name": "Home",
    "link": "/",
    "children": [
        {
            "name": "Home 2",
            "link": "/home-2",
            "children": []
        },
        {
            "name": "Home 3",
            "link": "/home-3",
            "children": []
        },
        {
            "name": "Home 4",
            "link": "/home-4",
            "children": []
        }
    ]
}
```

#### 3. Schedule a visit : **you can change name of section when go to folder has this file and find a code below.**

```
Located in : src\components\common\headers\header-one.jsx file

<button type="button" className="btn btn-outline-primary">Schedule a visit</button>
```

#### 4. SliderShow&#x20;

```
  import SliderHome from "./common/slider/slider";

<div className="section-wrapper pt-0 pb-0">
    <SliderHome/>
</div>
```

![](https://3716675287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKcxZ1F2pBz07BOtyk%2F-LqKqxTGNDT65d_Xog1t%2F-LqKrYw0n8ouBjBPu3xZ%2Fhome1_2.jpg?alt=media\&token=30686074-093d-47cd-8e83-e432cf9f3c96)

#### 5. Overview

```
import OverviewSection from "./sections/overview/overview";

 <div className="section-wrapper">
      <OverviewSection/>
  </div>
```

#### 6. Count Up will be called by a code&#x20;

```
import CounterBlock from "./common/countup/countup";

<div className="section-wrapper">
    <CounterBlock/>
</div>
```

![](https://3716675287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKcxZ1F2pBz07BOtyk%2F-LqKqxTGNDT65d_Xog1t%2F-LqKuE9tVM84UfQl7tdk%2Fhome1_3.jpg?alt=media\&token=3a573037-892f-416e-b42a-7acd0bc6c9b8)

7 + 8 : &#x20;

```
import AmenitiesSection from "./sections/amenities/amenities";

<div className="section-wrapper pl-6 pr-6">
    <AmenitiesSection/>
</div>
```

#### 7. Carousel&#x20;

```
import CarouselPage1 from "../../common/slider/slider1" ;
```

#### 8. HTML

```
import Heading from "../../common/heading/heading" ;

 <Heading>BUILDING AMENITIES</Heading>
```

#### 9. How to get  "Our services - Style01" section

```
import OurServicesSection from "./sections/ourservices/ourservices" ;

<div className="section-wrapper">
    <OurServicesSection/>
</div>
```

![](https://3716675287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKcxZ1F2pBz07BOtyk%2F-LqKqxTGNDT65d_Xog1t%2F-LqKuLJP0-uNHpjQh3Ua%2Fhome1_4.jpg?alt=media\&token=c2033fa8-4148-43a9-984a-8b10e3778aa1)

#### 10. How to get tabs of "Apartments"

```
import ApartmentsPlansSection from "./sections/ourvalues/ourvalues";

<div className="section-wrapper">
    <ApartmentsPlansSection/>
</div>
```

#### 11. How to get  "Accordion" section

```
import NeighborhoodsSection from "./sections/neighborhoods/neighborhoods";

 <div className="section-wrapper">
     <NeighborhoodsSection />
 </div>
```

![](https://3716675287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKcxZ1F2pBz07BOtyk%2F-LqKqxTGNDT65d_Xog1t%2F-LqKuv4vWXS4j8qJSAgH%2Fhome1_5.jpg?alt=media\&token=79fd3bad-0a16-40c8-85e6-f284d93cf564)

#### 12. Select Availability .

```
SELECT AVAILABILITY
```

```
import AvailabilitySection from "./sections/availability/availability" ;


<div className="section-wrapper">
    <AvailabilitySection/>
</div>
```

#### 13. Call to action

```
import CallToActionSection from "./sections/caltoaction/caltoaction" ;

<div className="section-wrapper pb-0">
    <CallToActionSection/>
</div>

```

#### 14. Blog : How to get style for blog

```
import BlogBlockGridStyle2 from "./common/blog/blog1" ;

<div className="section-wrapper" style={{backgroundColor: "#f8f8f8"}}>
    <BlogBlockGridStyle2/>
</div>
```

![](https://3716675287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKcxZ1F2pBz07BOtyk%2F-LqKqxTGNDT65d_Xog1t%2F-LqKvNO2hEwgLzbfIDAl%2Fhome1_6.jpg?alt=media\&token=0d26fa5f-a36e-4857-966a-582edbc804b0)

#### 15. Footer

```
Located in  : src\components\common\footers\footer-one.jsx file 
```