From 48eb47b852d2f49d61297b4ca0d4596a1150b8a3 Mon Sep 17 00:00:00 2001 From: AykutSarac Date: Sun, 28 Apr 2024 13:49:42 +0300 Subject: [PATCH] feat: create footer --- src/layout/Footer/index.tsx | 92 ++++++++++++++++++++++++++++ src/layout/Layout/index.tsx | 2 + src/layout/Navbar/index.tsx | 119 +----------------------------------- src/pages/index.tsx | 4 +- 4 files changed, 97 insertions(+), 120 deletions(-) create mode 100644 src/layout/Footer/index.tsx diff --git a/src/layout/Footer/index.tsx b/src/layout/Footer/index.tsx new file mode 100644 index 0000000..2ae65c2 --- /dev/null +++ b/src/layout/Footer/index.tsx @@ -0,0 +1,92 @@ +import React from "react"; +import { Anchor, Container, Divider, Flex, Stack, Text, ThemeIcon } from "@mantine/core"; +import dayjs from "dayjs"; +import { FaDiscord, FaGithub, FaLinkedin } from "react-icons/fa"; +import { FaXTwitter } from "react-icons/fa6"; +import { JSONCrackLogo } from "../JsonCrackLogo"; + +export const Footer = () => { + return ( + + + + + + + contact@jsoncrack.com + + + + + + Product + + + VS Code + + + Pricing + + + Docs + + + + + Social + + + + + + + + + + + + + + + + + + + + + + + + + + + + + © {dayjs().get("year")} JSON Crack. + + + + Privacy Policy + + + + + Terms of Service + + + + + ); +}; diff --git a/src/layout/Layout/index.tsx b/src/layout/Layout/index.tsx index 7f186ce..d0697c4 100644 --- a/src/layout/Layout/index.tsx +++ b/src/layout/Layout/index.tsx @@ -2,6 +2,7 @@ import React from "react"; import { MantineProvider } from "@mantine/core"; import styled, { ThemeProvider } from "styled-components"; import { lightTheme } from "src/constants/theme"; +import { Footer } from "../Footer"; import { Navbar } from "../Navbar"; const StyledLayoutWrapper = styled.div` @@ -16,6 +17,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => { {children} +