yusmar
/
tbg-corp-web
1
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
소스 검색

fix

master
Yusmardianto 4 년 전
부모
bed58f6306
커밋
00f81f8390
14개의 변경된 파일과 1234개의 추가작업 그리고 289개의 파일을 삭제
분할 보기
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -0
      package.json
  2. BIN
      src/assets/images/Picture1.png
  3. BIN
      src/assets/images/Picture2.png
  4. BIN
      src/assets/images/carousel/1.jpg
  5. BIN
      src/assets/images/carousel/2.jpg
  6. BIN
      src/assets/images/carousel/3.jpg
  7. BIN
      src/assets/images/logos/suzuki.png
  8. +1
    -0
      src/pages/_app.js
  9. +69
    -0
      src/pages/business-partner.css
  10. +3
    -0
      src/pages/index.js
  11. +435
    -248
      src/sections/business-partner.js
  12. +15
    -5
      src/sections/core-value.js
  13. +73
    -8
      src/sections/home.js
  14. +636
    -28
      yarn.lock

+ 2
- 0
package.json 파일 보기

@@ -12,6 +12,7 @@
"dependencies": {
"@material-ui/core": "^4.11.3",
"material-ui-icons": "^1.0.0-beta.36",
"mdbreact": "^5.0.1",
"next": "^10.0.5",
"next-compose-plugins": "^2.2.1",
"next-optimized-images": "^2.6.2",
@@ -25,6 +26,7 @@
"react-masonry-component": "^6.2.1",
"react-scroll": "^1.8.1",
"react-stickynode": "^3.0.4",
"sass": "^1.32.8",
"swiper": "^6.4.5",
"theme-ui": "^0.3.5"
},


BIN
src/assets/images/Picture1.png 파일 보기

Before After
Width: 374  |  Height: 827  |  Size: 60 KiB

BIN
src/assets/images/Picture2.png 파일 보기

Before After
Width: 373  |  Height: 831  |  Size: 73 KiB

BIN
src/assets/images/carousel/1.jpg 파일 보기

Before After
Width: 800  |  Height: 468  |  Size: 64 KiB

BIN
src/assets/images/carousel/2.jpg 파일 보기

Before After
Width: 972  |  Height: 486  |  Size: 204 KiB

BIN
src/assets/images/carousel/3.jpg 파일 보기

Before After
Width: 874  |  Height: 486  |  Size: 154 KiB

BIN
src/assets/images/logos/suzuki.png 파일 보기

Before After
Width: 2216  |  Height: 1128  |  Size: 331 KiB Width: 2216  |  Height: 1128  |  Size: 342 KiB

+ 1
- 0
src/pages/_app.js 파일 보기

@@ -4,6 +4,7 @@ import { initGA, logPageView } from 'analytics';
import 'rc-tabs/assets/index.css';
import 'swiper/swiper-bundle.min.css';
import 'rc-drawer/assets/index.css';
import '../pages/business-partner.css';

export default function CustomApp({ Component, pageProps }) {
useEffect(() => {


+ 69
- 0
src/pages/business-partner.css 파일 보기

@@ -0,0 +1,69 @@
#apppage .gradient {
background: -moz-linear-gradient(
45deg,
rgba(42, 27, 161, 0.7),
rgba(29, 210, 177, 0.7) 100%
);
background: -webkit-linear-gradient(
45deg,
rgba(42, 27, 161, 0.7),
rgba(29, 210, 177, 0.7) 100%
);
background: -webkit-gradient(
linear,
45deg,
from(rgba(42, 27, 161, 0.7)),
to(rgba(29, 210, 177, 0.7))
);
background: -o-linear-gradient(
45deg,
rgba(42, 27, 161, 0.7),
rgba(29, 210, 177, 0.7) 100%
);
background: linear-gradient(
45deg,
rgba(42, 27, 161, 0.7),
rgba(29, 210, 177, 0.7) 100%
);
}
#apppage .view {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
min-height: 100vh;
}
#apppage h6 {
line-height: 1.7;
}
@media only screen and (max-width: 400px) {
#apppage .animated img {
max-height: 50vh;
transform: translateX(-50%);
left: 50%;
position: absolute;
}
}
@media only screen and (max-width: 767px) {
#apppage .animated img {
max-height: 35vh;
transform: translateX(-50%);
left: 50%;
}
}
@media (max-width: 767px) and (orientation: landscape) {
#apppage .animated img {
max-height: 50vh;
transform: translateX(-50%);
left: 50%;
position: relative;
}
}
@media (max-width: 1000px) and (orientation: landscape) {
#apppage .view {
min-height: 150vh;
}
}

+ 3
- 0
src/pages/index.js 파일 보기

@@ -10,6 +10,9 @@ import OtherServices from 'sections/core-value';
import WhyUs from 'sections/about-us';
import SubscribeUs from 'sections/subscribe-us';
import Blog from 'sections/gallery';
import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
// import 'mdbreact/dist/css/mdb.css';

export default function IndexPage() {
return (


+ 435
- 248
src/sections/business-partner.js 파일 보기

@@ -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),


+ 15
- 5
src/sections/core-value.js 파일 보기

@@ -14,31 +14,41 @@ const data = [
id: 1,
icon: core1,
title: 'INTEGRITY',
description: `Get your info tests delivered at home collect a sample from the your progress tests.`,
description: `Mampu bertindak secara konsisten terhadap
Nilai-nilai, aturan, standar kerja dan kebijakan yang berlaku
Walaupun dalam keadaan yang sulit untuk melakukannya.`,
},
{
id: 2,
icon: core2,
title: 'CUSTOMER FOCUS',
description: `Get your info tests delivered at home collect a sample from the your progress tests.`,
description: `Secara proaktif membangun hubungan dengan pelanggan ( internal/ekternal )
Dengan berupaya untuk memahami kebutuhanya, mengantisipasi dan
mengatasi Permasalahan demi kepuasan pelanggan.`,
},
{
id: 3,
icon: core3,
title: 'COMMUNICATION',
description: `Get your info tests delivered at home collect a sample from the your progress tests.`,
description: `Menyampaikan secara jelas informasi
dan ide-ide baik secara lisan maupun secara tertulis kepada pihak lain
secara baik dan dapat menarik perhatian agar mereka dapat
memahami pesan yang di sampaikan.`,
},
{
id: 4,
icon: core4,
title: 'CONTINUOUS IMPROVEMENT',
description: `Get your info tests delivered at home collect a sample from the your progress tests.`,
description: `Mendorong upaya perbaikan dan peningkatan kwalitas proses
Dan hasil kerja secara berkesinambungan, dengan menggunakan metode yang
Efektif dan mengukur dampak perubahan yg dihasilkan.`,
},
{
id: 6,
icon: core5,
title: 'TEAMWORK',
description: `Get your info tests delivered at home collect a sample from the your progress tests.`,
description: `Bekerja secara kolaboratif dengan sekelompok
orang untuk mencapai sasaran.`,
},
];



+ 73
- 8
src/sections/home.js 파일 보기

@@ -1,22 +1,87 @@
/** @jsxRuntime classic */
/** @jsx jsx */
import React from "react";
import { jsx, Box, Container, Button, Image } from 'theme-ui';
import { rgba } from 'polished';
import { makeStyles } from '@material-ui/core/styles';
import SectionHeading from 'components/section-heading';
import illustration from 'assets/images/welcome.png';
import Grid from '@material-ui/core/Grid';
import { MDBCarousel, MDBCarouselInner, MDBCarouselItem, MDBView, MDBContainer } from
"mdbreact";

import image1 from 'assets/images/Picture1.png';
import image2 from 'assets/images/Picture2.png';
import logo from 'assets/images/White.png'
import carousel1 from 'assets/images/carousel/1.jpg'
import carousel2 from 'assets/images/carousel/2.jpg'
import carousel3 from 'assets/images/carousel/3.jpg'

const useStyles = makeStyles((theme) => ({
root: {
flexGrow: 1,
},
paper: {
padding: theme.spacing(2),
color: theme.palette.text.secondary,
},
}));

const Banner = () => {
const classes = useStyles();
return (
<Box as="section" id="home" sx={styles.section}>
<Container style={{width:"1700px"}}>
<Box sx={styles.contentWrapper}>
<SectionHeading
sx={styles.heading}
title="Selamat Datang di Thamrin Group"
/>
<Box as="figure" sx={styles.illustration}>
<Image src={illustration} alt="illustration"/>
</Box>
<Grid container spacing={3}>
<Grid item xs={2}>
<div align="left">
<Image src={image1} alt="illustration" width="400px"/>
</div>
</Grid>
<Grid item xs={8}>
<br></br>
<SectionHeading
sx={styles.heading}
title="Selamat Datang di Thamrin Group"
/>
<Image src={logo} alt="illustration"/>
</Grid>
<Grid item xs>
<div align="right">
<Image src={image2} alt="illustration" width="400px"/>
</div>
</Grid>
</Grid>
<MDBContainer>
<br></br><br></br>
<MDBCarousel
activeItem={1}
length={3}
showControls={true}
showIndicators={true}
className="z-depth-1"
>
<MDBCarouselInner>
<MDBCarouselItem itemId="1">
<MDBView>
<img className="d-block w-100" src={carousel1} alt="First slide"
/>
</MDBView>
</MDBCarouselItem>
<MDBCarouselItem itemId="2">
<MDBView>
<img className="d-block w-100" src={carousel2} alt="Second slide" />
</MDBView>
</MDBCarouselItem>
<MDBCarouselItem itemId="3">
<MDBView>
<img className="d-block w-100" src={carousel3} alt="Third slide"
/>
</MDBView>
</MDBCarouselItem>
</MDBCarouselInner>
</MDBCarousel>
</MDBContainer>
</Box>
</Container>
</Box>


+ 636
- 28
yarn.lock
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
파일 보기


쓰기 미리보기
불러오는 중...
취소
저장