fix: align footer to bottom (#7)

This commit is contained in:
RustamRu 2024-11-10 12:34:01 +03:00
parent e4969938c3
commit 897602c471

View File

@ -1,5 +1,5 @@
import React, { FC } from 'react'; import React, { FC } from 'react';
import { Box, Container, VStack } from '@chakra-ui/react'; import { Container, VStack } from '@chakra-ui/react';
import { import {
BenefitsSection, BenefitsSection,
Footer, Footer,
@ -19,14 +19,12 @@ const Page: FC = () => {
bg='white' bg='white'
centerContent centerContent
> >
<VStack w='full' h='full' alignItems='stretch'> <VStack w='full' h='full' alignItems='stretch' flexGrow={1}>
<HeroSection flexShrink={0} /> <HeroSection flexShrink={0} />
<Box flexGrow={1}> <VStack as='main' flexGrow={1}>
<VStack as='main'> <BenefitsSection />
<BenefitsSection /> <SocialProofSection />
<SocialProofSection /> </VStack>
</VStack>
</Box>
<Footer /> <Footer />
</VStack> </VStack>
</Container> </Container>