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"