blob: fbdefedb67f70446cc4be752ed4181c398cc189a (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import { Container, Grid } from '@mui/joy'
import AOS from 'aos'
import 'aos/dist/aos.css'
import { useEffect, useState } from 'react'
import { useNavigate } from 'react-router-dom'
import DemoAssignee from './DemoAssignee'
import DemoHistory from './DemoHistory'
import DemoMyChore from './DemoMyChore'
import DemoScheduler from './DemoScheduler'
import FeaturesSection from './FeaturesSection'
import HomeHero from './HomeHero'
const Landing = () => {
const Navigate = useNavigate()
const getCurrentUser = () => {
return JSON.parse(localStorage.getItem('user'))
}
const [currentUser, setCurrentUser] = useState(getCurrentUser())
useEffect(() => {
AOS.init({
once: false, // whether animation should happen only once - while scrolling down
})
}, [])
return (
<Container className='flex h-full items-center justify-center'>
<HomeHero />
<Grid
overflow={'hidden'}
container
spacing={4}
sx={{
mt: 5,
mb: 5,
// align item vertically:
alignItems: 'center',
}}
>
<DemoMyChore />
<DemoAssignee />
<DemoScheduler />
<DemoHistory />
</Grid>
<FeaturesSection />
{/* <PricingSection /> */}
</Container>
)
}
export default Landing
|