diff --git a/components/CTA.js b/components/CTA.js new file mode 100644 index 0000000..b25875a --- /dev/null +++ b/components/CTA.js @@ -0,0 +1,24 @@ +import { Box, Button, Heading, Text } from '@chakra-ui/react' +import * as React from 'react' + +export const CTA = () => ( + + + + Convinced? + + + Start using Cath.exe in your servers now + + + + +) diff --git a/components/Features/Feature.js b/components/Features/Feature.js new file mode 100644 index 0000000..f0464be --- /dev/null +++ b/components/Features/Feature.js @@ -0,0 +1,18 @@ +import { Box, Stack, Text, useColorModeValue as mode } from '@chakra-ui/react' +import * as React from 'react' + + +export const Feature = (props) => { + const { title, children, icon } = props + return ( + + {icon} + + + {title} + + {children} + + + ) +} \ No newline at end of file diff --git a/components/Features/Features.js b/components/Features/Features.js new file mode 100644 index 0000000..998c48f --- /dev/null +++ b/components/Features/Features.js @@ -0,0 +1,23 @@ +import { Box, SimpleGrid } from '@chakra-ui/react' +import * as React from 'react' +import { FcDoughnutChart, FcMultipleDevices, FcPrivacy, FcTimeline } from 'react-icons/fc' +import { Feature } from './Feature' + +export const Features = () => ( + + + }> + Cath will never leak any of your information. Ever. All your data is stored securely on our side. + + }> + Cath is constantly being updated and worked on. Bugs and features, you name them, we do them. + + }> + Amazing server statistics that make tracking your server growth a breeze. + + }> + No matter who you are, Cath is sure to have a purpose for you. + + + +) diff --git a/package.json b/package.json index cd83469..e0127ea 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,8 @@ "next": "11.0.0", "next-auth": "^3.27.0", "react": "17.0.2", - "react-dom": "17.0.2" + "react-dom": "17.0.2", + "react-icons": "^4.2.0" }, "devDependencies": { "eslint": "7.29.0", diff --git a/pages/index.js b/pages/index.js index a33f3b8..5f7d154 100644 --- a/pages/index.js +++ b/pages/index.js @@ -2,6 +2,8 @@ import Card from '../components/Card' import { useSession } from 'next-auth/client' import { Text } from "@chakra-ui/react" import Hero from '../components/Hero/Hero' +import {CTA} from '../components/CTA' +import { Features } from '../components/Features/Features' export default function Home() { @@ -12,6 +14,8 @@ export default function Home() { <> {!session && <> + + } {session && <> diff --git a/yarn.lock b/yarn.lock index f3fd006..984c912 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3879,6 +3879,11 @@ react-focus-lock@2.5.0: use-callback-ref "^1.2.1" use-sidecar "^1.0.1" +react-icons@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.2.0.tgz#6dda80c8a8f338ff96a1851424d63083282630d0" + integrity sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ== + react-is@17.0.2, "react-is@^16.8.0 || ^17.0.0": version "17.0.2" resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"