-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3234508
commit 63c8851
Showing
17 changed files
with
515 additions
and
247 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
export default { | ||
openGraph: { | ||
type: 'website', | ||
locale: process.env.APP_LANG, | ||
url: 'https://www.naweby.com.br/', | ||
site_name: process.env.APP_NAME, | ||
title: process.env.APP_NAME + ' - ' + process.env.APP_SLOGAN, | ||
}, | ||
defaultTitle: process.env.APP_NAME + ' - ' + process.env.APP_SLOGAN, | ||
twitter: { | ||
handle: '@naweby', | ||
site: '@naweby', | ||
cardType: 'summary_large_image', | ||
}, | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
import { | ||
Box, | ||
Container, | ||
Grid, | ||
GridItem, | ||
IconButton, | ||
Image, | ||
Tag, | ||
TagLabel, | ||
useColorMode, | ||
useColorModeValue | ||
} from "@chakra-ui/react"; | ||
import logoPrincipal from "../assets/logo-princ.png"; | ||
import {MoonIcon, SunIcon} from "@chakra-ui/icons"; | ||
|
||
export default function Footer() { | ||
const {colorMode, toggleColorMode} = useColorMode() | ||
return ( | ||
<Box as={'footer'} textAlign={"center"} mt={'5rem'} pt={5} pb={5} bg={useColorModeValue('#F6F5FA', 'gray.900')}> | ||
<Container maxW='container.lg'> | ||
<Grid templateColumns='repeat(12, 1fr)' gap={6}> | ||
<GridItem colSpan={[12, 6, 6]} textAlign={'left'}> | ||
© {new Date().getFullYear()} Direitos Reservados | ||
</GridItem> | ||
<GridItem colSpan={[12, 6, 6]} textAlign={'right'}> | ||
<Tag size="lg" borderRadius="full" ml={2}> | ||
<TagLabel> | ||
<Box display={"flex"} alignItems={"center"}> | ||
Feito com | ||
<Box ml={2} display={"flex"} alignItems={"center"}> | ||
<Image | ||
width={'20px'} | ||
height={'20px'} | ||
src={'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU3Ljk0NyA1Ny45NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU3Ljk0NyA1Ny45NDc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNFNjRDM0M7IiBkPSJNMjguOTQ3LDU2LjQ4NmMxNS42ODUtMTEuMjc3LDIzLjUzMi0yMS41OTIsMjcuMjIyLTI5LjQ2YzQuMzExLTkuMTkzLDAuNTYxLTIwLjU4OS04Ljg0NS0yNC40MTMNCgkJQzM2LjI2OC0xLjg4LDI4Ljk0Nyw4LjQ4NiwyOC45NDcsOC40ODZTMjEuNjc4LTEuOTA3LDEwLjYyMywyLjU4OEMxLjIxNyw2LjQxMi0yLjUzMywxNy44MDgsMS43NzgsMjcuMDAxDQoJCUM1LjQ2OCwzNC44NjgsMTMuMjYyLDQ1LjIxLDI4Ljk0Nyw1Ni40ODZ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg=='} | ||
alt='Amor' | ||
/> | ||
</Box> | ||
</Box> | ||
</TagLabel> | ||
</Tag> | ||
{ | ||
colorMode === 'light' | ||
? ( | ||
<IconButton onClick={toggleColorMode} ml={2} size='sm' aria-label='mode color' icon={<MoonIcon/>}/> | ||
) | ||
: (<IconButton onClick={toggleColorMode} ml={2} size='sm' aria-label='mode color' icon={<SunIcon/>}/>) | ||
} | ||
</GridItem> | ||
</Grid> | ||
</Container> | ||
</Box> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
import {Box, Button, Center, Container, Flex, Grid, GridItem, Spacer, useColorModeValue} from "@chakra-ui/react"; | ||
import Image from "next/image"; | ||
import logoPrincipal from "../assets/logo-princ.png"; | ||
import NextLink from "next/link"; | ||
import styles from "../styles/css.module.scss"; | ||
|
||
export default function NavBar() { | ||
return ( | ||
<Box as={'nav'} bg={useColorModeValue('#F6F5FA', 'gray.900')}> | ||
<Container maxW='container.xl'> | ||
<Grid templateColumns='repeat(12, 1fr)' gap={6}> | ||
<GridItem colSpan={[12, 12, 4]}> | ||
<NextLink href="/" passHref> | ||
<a> | ||
<Image | ||
width={225} | ||
height={60} | ||
src={logoPrincipal} | ||
alt='Logo Naweby' | ||
/> | ||
</a> | ||
</NextLink> | ||
</GridItem> | ||
<GridItem colSpan={[12, 12, 4]}> | ||
<Box as={'ul'} className={styles.nav}> | ||
<Box as={'li'}> | ||
<NextLink href="/" passHref> | ||
<a>Home</a> | ||
</NextLink> | ||
</Box> | ||
<Box as={'li'}> | ||
<NextLink href="#funcionalidades" passHref> | ||
<a>Funcionalidades</a> | ||
</NextLink> | ||
</Box> | ||
<Box as={'li'}> | ||
<a href='https://blog.naweby.com.br/' target={"_blank"} rel={"noreferrer"}> | ||
Blog | ||
</a> | ||
</Box> | ||
</Box> | ||
</GridItem> | ||
<GridItem colSpan={[12, 12, 4]}> | ||
<Box className={styles.navButton}> | ||
<Button variant='ghost' mr={5}> | ||
Entrar | ||
</Button> | ||
<NextLink href="/cadastre-se-gratis" passHref> | ||
<Button colorScheme='primary' variant='outline'> | ||
Cadastre-se Grátis | ||
</Button> | ||
</NextLink> | ||
</Box> | ||
</GridItem> | ||
</Grid> | ||
</Container> | ||
</Box> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
import useEmblaCarousel from "embla-carousel-react"; | ||
import Autoplay from 'embla-carousel-autoplay' | ||
import {useState, useCallback} from "react"; | ||
import styles from '../styles/css.module.scss' | ||
import {Box, Button, Center, Flex, Grid, GridItem, Heading, Text, useColorModeValue} from "@chakra-ui/react"; | ||
import theme from "../styles/theme"; | ||
import { Image } from '@chakra-ui/react' | ||
import { ArrowForwardIcon, ArrowBackIcon } from '@chakra-ui/icons' | ||
|
||
export default function SlideHero() { | ||
// emblaRef will be a reference to our carousel viewport | ||
const [emblaRef, emblaApi] = useEmblaCarousel({loop: true}, [Autoplay()]); | ||
|
||
const scrollPrev = useCallback(() => { | ||
if (emblaApi) emblaApi.scrollPrev() | ||
}, [emblaApi]) | ||
const scrollNext = useCallback(() => { | ||
if (emblaApi) emblaApi.scrollNext() | ||
}, [emblaApi]) | ||
const [arrayObjs, setArrayObjs] = useState([ | ||
{ | ||
title: 'Nota Fiscal', | ||
description: 'Sed nibh elit, elementum ut nunc sit amet, sagittis imperdiet dui. Nunc lorem magna, pellentesque nec mattis ut, rhoncus efficitur est. Aenean ac felis interdum leo efficitur porttitor sed eget nunc. Aenean ac felis interdum leo efficitur porttitor sed eget nunc nec mattis ut, rhoncus efficitur est nec mattis ut, rhoncus efficitur est.', | ||
src: 'https://via.placeholder.com/500x280' | ||
}, | ||
{ | ||
title: 'Financeiro', | ||
description: 'Sed nibh elit, elementum ut nunc sit amet, sagittis imperdiet dui. Nunc lorem magna, pellentesque nec mattis ut, rhoncus efficitur est. Aenean ac felis interdum leo efficitur porttitor sed eget nunc. Aenean ac felis interdum leo efficitur porttitor sed eget nunc nec mattis ut, rhoncus efficitur est nec mattis ut, rhoncus efficitur est.', | ||
src: 'https://via.placeholder.com/500x280' | ||
}, | ||
{ | ||
title: 'Cadastros', | ||
description: 'Sed nibh elit, elementum ut nunc sit amet, sagittis imperdiet dui. Nunc lorem magna, pellentesque nec mattis ut, rhoncus efficitur est. Aenean ac felis interdum leo efficitur porttitor sed eget nunc. Aenean ac felis interdum leo efficitur porttitor sed eget nunc nec mattis ut, rhoncus efficitur est nec mattis ut, rhoncus efficitur est.', | ||
src: 'https://via.placeholder.com/500x280' | ||
}, | ||
]); | ||
const colorTitle = useColorModeValue(theme.colors.primary['500'], theme.colors.primary['100']) | ||
return ( | ||
<div className={styles.embla} ref={emblaRef}> | ||
<Box className={styles.embla__container}> | ||
{arrayObjs.map((obj, i) => ( | ||
<Box key={i} className={styles.embla__slide} pt={10} pb={10}> | ||
<Grid templateColumns='repeat(5, 1fr)' gap={6}> | ||
<GridItem colSpan={[5, 5, 3]}> | ||
<Heading as='h3' size='lg' color={colorTitle}> | ||
{obj.title} | ||
</Heading> | ||
<Text size='lg' mt={3} mb={3}> | ||
{obj.description} | ||
</Text> | ||
<Button variant='link' mr={5}> | ||
Teste gratuitamente {'->'} | ||
</Button> | ||
</GridItem> | ||
<GridItem colSpan={[5, 5, 2]}> | ||
<Image src={obj.src} alt={obj.title} /> | ||
</GridItem> | ||
</Grid> | ||
</Box> | ||
))} | ||
</Box> | ||
<Flex justifyContent={'center'}> | ||
<ArrowBackIcon w={6} h={6} onClick={scrollPrev} mr={2} cursor={'pointer'} /> | ||
<ArrowForwardIcon w={6} h={6} onClick={scrollNext} ml={2} cursor={'pointer'} /> | ||
</Flex> | ||
</div> | ||
) | ||
} |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
export default function cadastreSeGratis() { | ||
return (<h1>Cadastre-seGratis</h1>) | ||
} |
Oops, something went wrong.