blob: 7e70a03ad61a18757425203f59186bd617082f17 (
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
52
53
54
55
56
57
58
59
60
61
|
import { Box, Container, Grid } from '@mui/joy'
import AOS from 'aos'
import 'aos/dist/aos.css'
import { useEffect } 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 Footer from './Footer'
import GettingStarted from './GettingStarted'
import HomeHero from './HomeHero'
const Landing = () => {
const Navigate = useNavigate()
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 />
<GettingStarted />
{/* <PricingSection /> */}
<Box
sx={{
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
mt: 5,
mb: 5,
}}
></Box>
<Footer />
</Container>
)
}
export default Landing
|
