elangptra/frontend_adaptive_learning
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update landing page

Browse Source
This commit is contained in:
Dimas Atmodjo 2024-12-19 20:36:38 +07:00
parent bd214e61c6
commit 22cba8d207
3 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/logo-pis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/assets/images/logo-polinema.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 306 KiB

29
src/roles/guest/landing_page/views/Home.jsx
View File

@ -9,6 +9,10 @@ import Feature2 from '../../../../assets/images/feature2.png';
import Feature3 from '../../../../assets/images/feature3.png'; import Feature3 from '../../../../assets/images/feature3.png';
import Feature4 from '../../../../assets/images/feature4.png'; import Feature4 from '../../../../assets/images/feature4.png';
import logo from '../../../../assets/images/logo-w.png'
import polinema from '../../../../assets/images/logo-polinema.png'
import pis from '../../../../assets/images/logo-pis.png'
const Home = () => { const Home = () => {
return ( return (
<div className='bg-white landing-page'> <div className='bg-white landing-page'>
@ -110,7 +114,7 @@ const Home = () => {
</Col> </Col>
<Col md={6} className='col-12'> <Col md={6} className='col-12'>
<h1 className='fw-bold'>What Will You <span className='text-blue'>Get </span>?</h1> <h1 className='fw-bold'>What Will You <span className='text-blue'>Get </span>?</h1>
<p className='text-secondary'>In sem orci feugiat nibh. Rhoncus sit integer sed sit pla feugiat elementum suscipit ac ut rhoncus sit.</p> <p className='text-secondary'>Reach your full potential with smart adaptive learning. Get better learning outcomes and boost your confidence.</p>
<div className="p-3 mb-3 rounded-3 shadow shadow-sm d-flex"> <div className="p-3 mb-3 rounded-3 shadow shadow-sm d-flex">
<div className='me-3'> <div className='me-3'>
<div className="bg-blue ratio-1 rounded-3 d-flex items-center" style={{width:"40px",height:"40px"}}> <div className="bg-blue ratio-1 rounded-3 d-flex items-center" style={{width:"40px",height:"40px"}}>
@ -118,8 +122,8 @@ const Home = () => {
</div> </div>
</div> </div>
<div> <div>
<h6>Feugiat varius imperdiet ultrices pretium.</h6> <h6>Personalized Learning.</h6>
<p className='text-secondary fs-7 m-0'>Arcu venenatis iaculis et arcu quis sed. Sed sollicitudin nulla sagittis id et diam lobortis</p> <p className='text-secondary fs-7 m-0'>Learning materials will automatically adjust to your level of understanding, so you won't feel too easy or too difficult.</p>
</div> </div>
</div> </div>
<div className="p-3 mb-3 rounded-3 shadow shadow-sm d-flex"> <div className="p-3 mb-3 rounded-3 shadow shadow-sm d-flex">
@ -129,8 +133,8 @@ const Home = () => {
</div> </div>
</div> </div>
<div> <div>
<h6>Feugiat varius imperdiet ultrices pretium.</h6> <h6>Time Efficiency.</h6>
<p className='text-secondary fs-7 m-0'>Arcu venenatis iaculis et arcu quis sed. Sed sollicitudin nulla sagittis id et diam lobortis</p> <p className='text-secondary fs-7 m-0'>Learn faster and more effectively by focusing on the material you really need.</p>
</div> </div>
</div> </div>
<div className="p-3 mb-3 rounded-3 shadow shadow-sm d-flex"> <div className="p-3 mb-3 rounded-3 shadow shadow-sm d-flex">
@ -140,8 +144,8 @@ const Home = () => {
</div> </div>
</div> </div>
<div> <div>
<h6>Feugiat varius imperdiet ultrices pretium.</h6> <h6>Increased Motivation.</h6>
<p className='text-secondary fs-7 m-0'>Arcu venenatis iaculis et arcu quis sed. Sed sollicitudin nulla sagittis id et diam lobortis</p> <p className='text-secondary fs-7 m-0'>Feel satisfied when you reach your learning goals and see your progress in real time.</p>
</div> </div>
</div> </div>
</Col> </Col>
@ -178,7 +182,8 @@ const Home = () => {
<Row> <Row>
<Col md={6} className='col-12 pe-5'> <Col md={6} className='col-12 pe-5'>
<div> <div>
<h4>SEALS</h4> {/* <h4>SEALS</h4> */}
<img src={logo} alt="" className='mb-2'/>
<p className='text-blue-50'>The first free end-to-end analytics service for the site, designed to work with enterprises of various levels and business segments.</p> <p className='text-blue-50'>The first free end-to-end analytics service for the site, designed to work with enterprises of various levels and business segments.</p>
</div> </div>
<div className='mt-5 d-flex justify-content-between align-items-end'> <div className='mt-5 d-flex justify-content-between align-items-end'>
@ -232,12 +237,14 @@ const Home = () => {
Number Office 22/2/5 Number Office 22/2/5
</p> </p>
</div> </div>
<div> <div className='d-flex justify-content-center align-items-center'>
<h6>Languages</h6> {/* <h6>Languages</h6>
<ButtonGroup size='sm' aria-label="Basic example"> <ButtonGroup size='sm' aria-label="Basic example">
<Button variant="ts" className='text-white'>ENG</Button> <Button variant="ts" className='text-white'>ENG</Button>
<Button variant="ts" className='text-white'>IND</Button> <Button variant="ts" className='text-white'>IND</Button>
</ButtonGroup> </ButtonGroup> */}
<img src={polinema} alt="" style={{height:"70px"}} className='me-3'/>
<img src={pis} alt="" style={{height:"55px"}}/>
</div> </div>
</div> </div>
</Col> </Col>