diff --git a/components/common/Contact.tsx b/components/common/Contact.tsx new file mode 100644 index 0000000..4532fd8 --- /dev/null +++ b/components/common/Contact.tsx @@ -0,0 +1,47 @@ +import React from 'react' +import { Container, Spacer, Show, Hide, Button, Flex, Image, VStack, Heading, Input, InputLeftAddon, InputRightAddon, Stack, InputGroup, Box } from '@chakra-ui/react' + + + +const Contact = () => { + return ( + + + + + + Contact Us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default Contact; \ No newline at end of file diff --git a/components/common/NewsLetter.tsx b/components/common/NewsLetter.tsx new file mode 100644 index 0000000..64b541c --- /dev/null +++ b/components/common/NewsLetter.tsx @@ -0,0 +1,18 @@ +import react from 'react' +import { Container, Spacer, Show, Hide, Button, Flex, Image, VStack, Heading, Input, InputLeftAddon, InputRightAddon, Stack, InputGroup, Box } from '@chakra-ui/react' + +const NewsLetter = () =>{ + return( + + + {/* */} + + + + {/* */} + + + ); +}; + +export default NewsLetter; \ No newline at end of file diff --git a/components/layouts/DefaultLayout.tsx b/components/layouts/DefaultLayout.tsx index b19ce85..5f6affd 100644 --- a/components/layouts/DefaultLayout.tsx +++ b/components/layouts/DefaultLayout.tsx @@ -2,7 +2,8 @@ import { Container } from '@chakra-ui/react'; import React from 'react'; import Footer from '../common/Footer'; import Navbar from '../common/Navbar'; - +import Contact from '../common/Contact'; +import NewsLetter from '../common/NewsLetter'; type Props = { children: React.ReactNode; }; @@ -12,6 +13,8 @@ const DefaultLayout = ({ children }: Props) => { {children} + +