|
|
@@ -1,9 +1,26 @@ |
|
|
|
/** @jsxRuntime classic */ |
|
|
|
/** @jsx jsx */ |
|
|
|
import React from "react"; |
|
|
|
import { jsx, Box, Container, Image, Text } from 'theme-ui'; |
|
|
|
import SectionHeading from 'components/section-heading'; |
|
|
|
import { makeStyles } from '@material-ui/core/styles'; |
|
|
|
import { rgba } from 'polished'; |
|
|
|
import quote from 'assets/images/icons/quote.png'; |
|
|
|
import { |
|
|
|
MDBNavbar, |
|
|
|
MDBNavbarBrand, |
|
|
|
MDBNavbarNav, |
|
|
|
MDBNavItem, |
|
|
|
MDBNavLink, |
|
|
|
MDBNavbarToggler, |
|
|
|
MDBCollapse, |
|
|
|
MDBMask, |
|
|
|
MDBRow, |
|
|
|
MDBCol, |
|
|
|
MDBBtn, |
|
|
|
MDBView, |
|
|
|
MDBContainer, |
|
|
|
MDBFormInline, |
|
|
|
MDBAnimation |
|
|
|
} from "mdbreact"; |
|
|
|
import yamaha from 'assets/images/logos/yamaha.png'; |
|
|
|
import suzuki from 'assets/images/logos/suzuki.png'; |
|
|
|
import mercedes from 'assets/images/logos/mercedes.png'; |
|
|
@@ -16,11 +33,6 @@ import snapy from 'assets/images/logos/snapy.png'; |
|
|
|
import homes from 'assets/images/logos/homes.png'; |
|
|
|
import regis from 'assets/images/logos/regis.png'; |
|
|
|
import citra from 'assets/images/logos/cmas.png'; |
|
|
|
import { makeStyles } from '@material-ui/core/styles'; |
|
|
|
import Grid from '@material-ui/core/Grid'; |
|
|
|
import Button from '@material-ui/core/Button'; |
|
|
|
import Icon from '@material-ui/core/Icon'; |
|
|
|
import Paper from '@material-ui/core/Paper'; |
|
|
|
|
|
|
|
const useStyles = makeStyles({ |
|
|
|
root: { |
|
|
@@ -28,264 +40,439 @@ const useStyles = makeStyles({ |
|
|
|
flexGrow: 1, |
|
|
|
}, |
|
|
|
}); |
|
|
|
class AppPage extends React.Component { |
|
|
|
state = { |
|
|
|
collapsed: false |
|
|
|
}; |
|
|
|
handleTogglerClick = () => { |
|
|
|
this.setState({ |
|
|
|
collapsed: !this.state.collapsed |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
const Testimonials = () => { |
|
|
|
const classes = useStyles(); |
|
|
|
return ( |
|
|
|
<Box as="section" id="testimonials" sx={styles.section}> |
|
|
|
<Container> |
|
|
|
render() { |
|
|
|
const overlay = ( |
|
|
|
<div |
|
|
|
id="sidenav-overlay" |
|
|
|
style={{ backgroundColor: "transparent" }} |
|
|
|
onClick={this.handleTogglerClick} |
|
|
|
/> |
|
|
|
); |
|
|
|
return ( |
|
|
|
<Box as="section" id="testimonials"> |
|
|
|
<div id="apppage"> |
|
|
|
<br></br> |
|
|
|
<SectionHeading |
|
|
|
sx={styles.heading} |
|
|
|
title="Thamrin Group Business Partner" |
|
|
|
/> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={yamaha}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"> |
|
|
|
<Image src={suzuki} style={{height:"200px"}}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://yamaha.thamrin.co.id/" |
|
|
|
target="_blank" |
|
|
|
<MDBView> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://yamaha.thamrin.co.id/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Yamaha |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Thamrin Brothers |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn outline href="https://yamaha.thamrin.co.id" target="_blank" color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"><br></br><br></br><br></br><br></br> |
|
|
|
<Image src={yamaha} className="img-fluid" width="200%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={mercedes}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"> |
|
|
|
<Image src={hino} style={{height:"200px"}}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Suzuki |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Nusa Sarana Citra Bakti |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn outline href="https://yamaha.thamrin.co.id" target="_blank" color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"><br></br> |
|
|
|
<div align="center"> |
|
|
|
<Image src={suzuki} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://www.instagram.com/hinoclm/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Mercedes Benz |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Thamrin Citra Abadi |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn outline href="https://yamaha.thamrin.co.id" target="_blank" color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"><br></br><br></br><br></br> |
|
|
|
<div align="center"> |
|
|
|
<Image src={mercedes} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={homes}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"> |
|
|
|
<Image src={honda} style={{height:"200px"}}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="http://homes.thamrin.xyz/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Hino |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Citra Lestari Mobilindo |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"> |
|
|
|
<Image src={hino} className="img-fluid" width="60%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://www.instagram.com/jambi.honda/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Honda |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Citra Thamrin Motor |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"> |
|
|
|
<Image src={honda} className="img-fluid" width="80%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={pim}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={emilia}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://www.instagram.com/palembangindahmall/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Emilia Hotel |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Musi Indah Makmur |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"><br></br> |
|
|
|
<Image src={emilia} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="http://www.emilia-hotel.com/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Bank Perkreditan Rakyat |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Berkat Sejati |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"><br></br><br></br><br></br> |
|
|
|
<Image src={bpr} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={bpr}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br> |
|
|
|
<Image src={snapy}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="http://bprberkatsejati.com/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Snapy |
|
|
|
</h1> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Citra Nusa Bakti |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={snapy} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://yamaha.thamrin.co.id/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Regis Institut |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"> |
|
|
|
<Image src={regis} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br> |
|
|
|
<Image src={regis}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6} style={{padding:"50px"}}> |
|
|
|
<div align="center"><br></br><br></br><br></br><br></br> |
|
|
|
<Image src={citra}/> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid container spacing={3}> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://yamaha.thamrin.co.id/" |
|
|
|
target="_blank" |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Citra Nusa Bakti |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"><br></br><br></br> |
|
|
|
<Image src={citra} className="img-fluid" width="100%"/> |
|
|
|
</div><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
<MDBMask className="d-flex justify-content-center align-items-center gradient"> |
|
|
|
<MDBContainer> |
|
|
|
<MDBRow> |
|
|
|
<MDBCol |
|
|
|
md="6" |
|
|
|
className="white-text text-center text-md-left mt-xl-5 mb-5" |
|
|
|
width="100%" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
<Grid item xs={12} sm={6}> |
|
|
|
<div align="center"> |
|
|
|
<Button |
|
|
|
variant="contained" |
|
|
|
color="primary" |
|
|
|
size="large" |
|
|
|
className={classes.button} |
|
|
|
href="https://yamaha.thamrin.co.id/" |
|
|
|
target="_blank" |
|
|
|
> |
|
|
|
Open For More Information |
|
|
|
</Button> |
|
|
|
</div> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
</Container> |
|
|
|
<MDBAnimation type="fadeInLeft" delay=".3s"> |
|
|
|
<h1 className="h1-responsive font-weight-bold mt-sm-5"> |
|
|
|
Thamrin Homes |
|
|
|
</h1> |
|
|
|
<hr className="hr-light" /> |
|
|
|
{/* <h6 className="mb-4"> |
|
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|
|
|
Rem repellendus quasi fuga nesciunt dolorum nulla magnam |
|
|
|
veniam sapiente, fugiat! Commodi sequi non animi ea dolor |
|
|
|
molestiae iste. |
|
|
|
</h6> */} |
|
|
|
<MDBBtn href="https://yamaha.thamrin.co.id" target="_blank" outline color="white"> |
|
|
|
Learn More |
|
|
|
</MDBBtn> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
<MDBCol md="6" xl="5" className="mt-xl-5"> |
|
|
|
<MDBAnimation type="fadeInRight" delay=".3s"> |
|
|
|
<div align="center"><br></br> |
|
|
|
<Image src={homes} className="img-fluid" width="150%"/> |
|
|
|
</div><br></br><br></br> |
|
|
|
</MDBAnimation> |
|
|
|
</MDBCol> |
|
|
|
</MDBRow> |
|
|
|
</MDBContainer> |
|
|
|
</MDBMask> |
|
|
|
</MDBView> |
|
|
|
</div> |
|
|
|
</Box> |
|
|
|
); |
|
|
|
}; |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
export default AppPage; |
|
|
|
|
|
|
|
export default Testimonials; |
|
|
|
const styles = { |
|
|
|
section: { |
|
|
|
backgroundColor: rgba('#FFF5ED', 0.5), |
|
|
|