From c281b232dfcddee0b3df36631374e6f9b11233b7 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Mon, 19 Jun 2023 19:38:08 +0300
Subject: [PATCH] feat: set Link prefetch false & add ads

---
 public/assets/herowand_banner.webp | Bin 20768 -> 0 bytes
 src/components/FlexBar/index.tsx   |  19 ++
 src/constants/globalStyle.ts       |   9 -
 src/layout/EditorMantine/index.tsx |   3 +
 src/layout/JsonCrackLogo/index.tsx |   2 +-
 src/layout/Navbar/index.tsx        |   8 +-
 src/pages/404.tsx                  |  27 +--
 src/pages/_app.tsx                 |   1 +
 src/pages/_document.tsx            |   9 +-
 src/pages/index.tsx                | 363 +++++++++++++++--------------
 src/pages/oss.tsx                  |   5 +-
 src/typings/global.d.ts            |   3 +
 12 files changed, 235 insertions(+), 214 deletions(-)
 delete mode 100644 public/assets/herowand_banner.webp
 create mode 100644 src/components/FlexBar/index.tsx
 create mode 100644 src/typings/global.d.ts

diff --git a/public/assets/herowand_banner.webp b/public/assets/herowand_banner.webp
deleted file mode 100644
index f335a29cef12e51013d58b6677f91a4220d4b567..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 20768
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
YZ~d5gzhC1an6DJz00000000000DPlQJpcdz

diff --git a/src/components/FlexBar/index.tsx b/src/components/FlexBar/index.tsx
new file mode 100644
index 0000000..922c6f7
--- /dev/null
+++ b/src/components/FlexBar/index.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import { useRouter } from "next/router";
+
+export const HoverCard = () => {
+  const router = useRouter();
+
+  React.useEffect(() => {
+    const isAvailable = document.querySelectorAll("#_hellobar_")[0];
+    if (typeof window._bsa !== "undefined" && window._bsa && !!!isAvailable) {
+      window._bsa.init("hellobar", "CE7IPKQL", "placement:jsoncrackcom");
+    }
+
+    if (isAvailable) {
+      window._bsa.reload("#_hellobar_");
+    }
+  }, [router.asPath]);
+
+  return <div id="hellobarContainer"></div>;
+};
diff --git a/src/constants/globalStyle.ts b/src/constants/globalStyle.ts
index cd26f94..1522f0e 100644
--- a/src/constants/globalStyle.ts
+++ b/src/constants/globalStyle.ts
@@ -1,19 +1,10 @@
-import localFont from "next/font/local";
 import { createGlobalStyle } from "styled-components";
 
-const monaSans = localFont({
-  src: "../pages/Mona-Sans.woff2",
-  variable: "--mona-sans",
-  display: "swap",
-  fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"],
-});
-
 const GlobalStyle = createGlobalStyle`
   html, body {
     color: ${({ theme }) => theme.FULL_WHITE} !important;
     font-weight: 400;
     font-size: 16px;
-    font-family: ${monaSans.style.fontFamily};
     background: #F1F1F1 !important;
 
     @media only screen and (max-width: 768px) {
diff --git a/src/layout/EditorMantine/index.tsx b/src/layout/EditorMantine/index.tsx
index bb35548..e488ad7 100644
--- a/src/layout/EditorMantine/index.tsx
+++ b/src/layout/EditorMantine/index.tsx
@@ -17,6 +17,9 @@ export const EditorMantine: React.FC<{ children: React.ReactNode }> = ({ childre
         theme={{
           colorScheme: lightmode ? "light" : "dark",
           fontFamily: monaSans.style.fontFamily,
+          headings: {
+            fontFamily: monaSans.style.fontFamily,
+          },
           components: {
             Divider: {
               styles: () => ({
diff --git a/src/layout/JsonCrackLogo/index.tsx b/src/layout/JsonCrackLogo/index.tsx
index a6155e5..c47c085 100644
--- a/src/layout/JsonCrackLogo/index.tsx
+++ b/src/layout/JsonCrackLogo/index.tsx
@@ -21,7 +21,7 @@ const StyledGradientText = styled.span`
 
 export const JSONCrackLogo: React.FC<{ fontSize?: string }> = ({ fontSize = "1.2rem" }) => {
   return (
-    <Link href="/">
+    <Link href="/" prefetch={false}>
       <StyledTitle fontSize={fontSize}>
         <StyledGradientText>JSON</StyledGradientText> CRACK
       </StyledTitle>
diff --git a/src/layout/Navbar/index.tsx b/src/layout/Navbar/index.tsx
index 059612a..96e25e7 100644
--- a/src/layout/Navbar/index.tsx
+++ b/src/layout/Navbar/index.tsx
@@ -59,17 +59,17 @@ export const Navbar = () => {
           >
             GitHub
           </Button>
-          <Link href="/docs">
+          <Link href="/docs" prefetch={false}>
             <Button variant="subtle" color="dark" radius="md">
               Docs
             </Button>
           </Link>
-          <Link href="/oss">
+          <Link href="/oss" prefetch={false}>
             <Button variant="subtle" color="dark" radius="md">
               Supporters
             </Button>
           </Link>
-          <Link href="/pricing">
+          <Link href="/pricing" prefetch={false}>
             <Button variant="subtle" color="dark" radius="md">
               Pricing
             </Button>
@@ -86,7 +86,7 @@ export const Navbar = () => {
           >
             Star us on GitHub
           </Button>
-          <Link href="/sign-in">
+          <Link href="/sign-in" prefetch={false}>
             <Button variant="light" radius="md" className="hide-mobile">
               Sign In
             </Button>
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 1db4078..1315305 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,7 +1,8 @@
 import React from "react";
 import { useRouter } from "next/router";
 import styled from "styled-components";
-import { Button } from "@mantine/core";
+import { Button, Text, Title } from "@mantine/core";
+import Layout from "src/layout/Layout";
 
 const StyledNotFound = styled.div`
   display: flex;
@@ -33,18 +34,18 @@ const NotFound: React.FC = () => {
   const router = useRouter();
 
   return (
-    <StyledNotFound>
-      <StyledImageWrapper>
-        <img src="/assets/404.svg" alt="not found" width={300} height={400} />
-      </StyledImageWrapper>
-      <StyledMessage>WIZARDS BEHIND CURTAINS?</StyledMessage>
-      <StyledSubMessage>
-        Looks like you&apos;re lost, let&apos;s head back to the home!
-      </StyledSubMessage>
-      <Button type="button" onClick={() => router.push("/")}>
-        Go Home
-      </Button>
-    </StyledNotFound>
+    <Layout>
+      <StyledNotFound>
+        <StyledImageWrapper>
+          <img src="/assets/404.svg" alt="not found" width={300} height={400} />
+        </StyledImageWrapper>
+        <Title color="dark">WIZARDS BEHIND CURTAINS?</Title>
+        <Text color="dark">Looks like you&apos;re lost, let&apos;s head back to the home!</Text>
+        <Button mt="lg" size="lg" type="button" onClick={() => router.push("/")}>
+          Go Home
+        </Button>
+      </StyledNotFound>
+    </Layout>
   );
 };
 
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index fc9dceb..8e5d3cc 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -40,6 +40,7 @@ function JsonCrack({ Component, pageProps }: AppProps) {
             theme={{
               colorScheme: "light",
               fontFamily: monaSans.style.fontFamily,
+              headings: { fontFamily: monaSans.style.fontFamily },
             }}
           >
             <Component {...pageProps} />
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index b2bbafd..2f73027 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -20,14 +20,13 @@ class MyDocument extends Document {
           <meta name="theme-color" content="#36393E" />
           <link rel="manifest" href="/manifest.json" />
           <link rel="icon" href="/favicon.ico" />
-          <Script
-            strategy="afterInteractive"
-            src="//m.servedby-buysellads.com/monetization.js"
-            type="text/javascript"
-          />
         </Head>
         <body>
           <Main />
+          <Script
+            src="https://m.servedby-buysellads.com/monetization.js"
+            strategy="beforeInteractive"
+          />
           <NextScript />
         </body>
       </Html>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 41cb4b7..22d119e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -18,12 +18,11 @@ import {
 import { FaChevronRight } from "react-icons/fa";
 import { SiVisualstudiocode } from "react-icons/si";
 import { Typewriter } from "react-simple-typewriter";
+import { HoverCard } from "src/components/FlexBar";
 import { lightTheme } from "src/constants/theme";
 import { Footer } from "src/layout/Footer";
 import { Navbar } from "src/layout/Navbar";
 
-const StyledHome = styled.div``;
-
 const StyledHeroSection = styled.div`
   --bg-color: ${({ theme }) => theme.GRID_BG_COLOR};
   --line-color-1: ${({ theme }) => theme.GRID_COLOR_PRIMARY};
@@ -137,186 +136,192 @@ const StyledFeatures = styled(Container)`
   }
 `;
 
+const HeroSection = () => (
+  <StyledHeroSection id="hero-section">
+    <Navbar />
+    <StyledHeroSectionBody>
+      <Left>
+        <StyledTitle>
+          <StyledGradientText>JSON</StyledGradientText> CRACK
+        </StyledTitle>
+        <StyledHeroText>
+          Seamlessly visualize your{" "}
+          <StyledHighlightedText>
+            <Typewriter
+              words={["JSON", "YAML", "XML", "TOML", "CSV"]}
+              typeSpeed={100}
+              deleteSpeed={60}
+              delaySpeed={2000}
+              loop
+            />
+          </StyledHighlightedText>{" "}
+          instantly into graphs!
+        </StyledHeroText>
+        <Group spacing="xl">
+          <Link href="/editor" prefetch={false}>
+            <Button fw="bold" rightIcon={<FaChevronRight />} size="lg">
+              GO TO EDITOR
+            </Button>
+          </Link>
+          <Tooltip
+            maw={400}
+            label="VS Code extension only contains JSON visualization without additional features."
+            withArrow
+            multiline
+            position="bottom"
+          >
+            <Anchor
+              href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode"
+              target="_blank"
+              fw="bold"
+            >
+              <Flex gap="xs" align="center">
+                <SiVisualstudiocode />
+                Get it on VS Code
+              </Flex>
+            </Anchor>
+          </Tooltip>
+        </Group>
+      </Left>
+      <Right>
+        <Image src="/assets/diagram_bg.webp" width="1200" height="593" alt="diagram" />
+      </Right>
+    </StyledHeroSectionBody>
+  </StyledHeroSection>
+);
+
+const StatsBanner = () => (
+  <StyledStatsWrapper>
+    <Group spacing="xl">
+      <Stack spacing="0">
+        <Text fw="bolder" fz="1.6rem">
+          24.5K
+        </Text>
+        <Text color="gray.5" fw="bold" fz="0.8rem">
+          GITHUB STARS
+        </Text>
+      </Stack>
+      <Stack spacing="0">
+        <Text fw="bolder" fz="1.6rem">
+          50K+
+        </Text>
+        <Text color="gray.5" fw="bold" fz="0.8rem">
+          MONTHLY USERS
+        </Text>
+      </Stack>
+      <Stack spacing="0">
+        <Text fw="bolder" fz="1.6rem">
+          GPL-3
+        </Text>
+        <Text color="gray.5" fw="bold" fz="0.8rem">
+          LICENSE
+        </Text>
+      </Stack>
+    </Group>
+    <Stack ml={60}>
+      <Text maw={800} fz="0.9rem">
+        JSON Crack is an open-source project with a GPL-3 license. By subscribing to our premium
+        plan, you can help us continue developing and maintaining it, also enjoy the benefits.
+      </Text>
+      <Link href="/pricing" prefetch={false}>
+        <Text color="yellow" fw="bold" w="fit-content">
+          View Premium Plan <FaChevronRight />
+        </Text>
+      </Link>
+    </Stack>
+  </StyledStatsWrapper>
+);
+
+const Features = () => (
+  <StyledFeatures my={60}>
+    <Flex py="lg" align="flex-start" gap="lg">
+      <Image
+        width={500}
+        height={287}
+        src="/assets/highlight_graph.svg"
+        alt="search through graph"
+      />
+      <Stack pt="lg">
+        <Text color="dark" fz="1.5rem" fw="bold">
+          ADVANCED GRAPH SEARCH
+        </Text>
+        <Text color="dark" maw={500}>
+          Quickly navigate through your data visualization using JSON Crack&apos;s intuitive search
+          functionality. Directly locate specific nodes matching with your search!
+        </Text>
+      </Stack>
+    </Flex>
+    <Flex py="lg" align="center" gap="lg" direction="row-reverse">
+      <Image width={300} height={260} src="/assets/multidata.png" alt="multiple format support" />
+      <Stack>
+        <Text color="dark" fz="1.5rem" fw="bold">
+          DYNAMIC DATA VISUALIZATION
+        </Text>
+        <Text color="dark" maw={500}>
+          JSON Crack revolutionizes data visualization by transforming JSON, YAML, XML, and other
+          data types into captivating, interactive graphs. Gain deep insights into complex data
+          structures at a glance.
+        </Text>
+      </Stack>
+    </Flex>
+    <Flex py="lg" align="center" gap="lg">
+      <Image width={400} height={344} src="/assets/download_image.webp" alt="download as image" />
+      <Stack>
+        <Text color="dark" fz="1.5rem" fw="bold">
+          DOWNLOAD AS IMAGE
+        </Text>
+        <Text color="dark" maw={500}>
+          Capture and share your insights effortlessly by downloading your generated graphs as image
+          files. Easily collaborate and communicate data-driven findings with colleagues and
+          stakeholders.
+        </Text>
+      </Stack>
+    </Flex>
+    <Flex direction="row-reverse" py="lg" align="flex-start" gap="lg">
+      <Image width={500} height={285} src="/assets/preview_image.svg" alt="preview images" />
+      <Stack pt="lg">
+        <Text color="dark" fz="1.5rem" fw="bold">
+          IMAGE PREVIEW
+        </Text>
+        <Text color="dark" maw={500}>
+          Seamlessly preview embedded images within your JSON, YAML, or XML data. Instantly view
+          visuals, photos, and graphics directly within JSON Crack, saving you time and effort.
+        </Text>
+      </Stack>
+    </Flex>
+  </StyledFeatures>
+);
+
+const HeroBottom = () => (
+  <Container mt={100}>
+    <Stack>
+      <Title color="dark" order={3} maw={500} mx="auto" align="center">
+        But that&apos;s not all yet!
+        <br />
+        Explore the full potential of your data now......
+      </Title>
+      <Center>
+        <Link href="/editor" prefetch={false}>
+          <Button color="violet" fw="bold" rightIcon={<FaChevronRight />} size="lg">
+            GO TO EDITOR
+          </Button>
+        </Link>
+      </Center>
+    </Stack>
+  </Container>
+);
+
 export const HomePage = () => {
   return (
     <ThemeProvider theme={lightTheme}>
-      <StyledHome>
-        <Head>
-          <title>JSON Crack - Crack your data into pieces</title>
-        </Head>
-        <StyledHeroSection id="hero-section">
-          <Navbar />
-          <StyledHeroSectionBody>
-            <Left>
-              <StyledTitle>
-                <StyledGradientText>JSON</StyledGradientText> CRACK
-              </StyledTitle>
-              <StyledHeroText>
-                Seamlessly visualize your{" "}
-                <StyledHighlightedText>
-                  <Typewriter
-                    words={["JSON", "YAML", "XML", "TOML", "CSV"]}
-                    typeSpeed={100}
-                    deleteSpeed={60}
-                    delaySpeed={2000}
-                    loop
-                  />
-                </StyledHighlightedText>{" "}
-                instantly into graphs!
-              </StyledHeroText>
-              <Group spacing="xl">
-                <Link href="/editor" prefetch={false}>
-                  <Button fw="bold" rightIcon={<FaChevronRight />} size="lg">
-                    GO TO EDITOR
-                  </Button>
-                </Link>
-                <Tooltip
-                  maw={400}
-                  label="VS Code extension only contains JSON visualization without additional features."
-                  withArrow
-                  multiline
-                  position="bottom"
-                >
-                  <Anchor
-                    href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode"
-                    target="_blank"
-                    fw="bold"
-                  >
-                    <Flex gap="xs" align="center">
-                      <SiVisualstudiocode />
-                      Get it on VS Code
-                    </Flex>
-                  </Anchor>
-                </Tooltip>
-              </Group>
-            </Left>
-            <Right>
-              <Image src="/assets/diagram_bg.webp" width="1200" height="593" alt="diagram" />
-            </Right>
-          </StyledHeroSectionBody>
-        </StyledHeroSection>
-      </StyledHome>
-      <StyledStatsWrapper>
-        <Group spacing="xl">
-          <Stack spacing="0">
-            <Text fw="bolder" fz="1.6rem">
-              24.5K
-            </Text>
-            <Text color="gray.5" fw="bold" fz="0.8rem">
-              GITHUB STARS
-            </Text>
-          </Stack>
-          <Stack spacing="0">
-            <Text fw="bolder" fz="1.6rem">
-              50K+
-            </Text>
-            <Text color="gray.5" fw="bold" fz="0.8rem">
-              MONTHLY USERS
-            </Text>
-          </Stack>
-          <Stack spacing="0">
-            <Text fw="bolder" fz="1.6rem">
-              GPL-3
-            </Text>
-            <Text color="gray.5" fw="bold" fz="0.8rem">
-              LICENSE
-            </Text>
-          </Stack>
-        </Group>
-        <Stack ml={60}>
-          <Text maw={800} fz="0.9rem">
-            JSON Crack is an open-source project with a GPL-3 license. By subscribing to our premium
-            plan, you can help us continue developing and maintaining it, also enjoy the benefits.
-          </Text>
-          <Anchor href="/pricing" color="yellow" fw="bold" w="fit-content">
-            View Premium Plan <FaChevronRight />
-          </Anchor>
-        </Stack>
-      </StyledStatsWrapper>
-
-      <StyledFeatures my={60}>
-        <Flex py="lg" align="flex-start" gap="lg">
-          <Image
-            width={500}
-            height={287}
-            src="/assets/highlight_graph.svg"
-            alt="search through graph"
-          />
-          <Stack pt="lg">
-            <Text color="dark" fz="1.5rem" fw="bold">
-              ADVANCED GRAPH SEARCH
-            </Text>
-            <Text color="dark" maw={500}>
-              Quickly navigate through your data visualization using JSON Crack&apos;s intuitive
-              search functionality. Directly locate specific nodes matching with your search!
-            </Text>
-          </Stack>
-        </Flex>
-        <Flex py="lg" align="center" gap="lg" direction="row-reverse">
-          <Image
-            width={300}
-            height={260}
-            src="/assets/multidata.png"
-            alt="multiple format support"
-          />
-          <Stack>
-            <Text color="dark" fz="1.5rem" fw="bold">
-              DYNAMIC DATA VISUALIZATION
-            </Text>
-            <Text color="dark" maw={500}>
-              JSON Crack revolutionizes data visualization by transforming JSON, YAML, XML, and
-              other data types into captivating, interactive graphs. Gain deep insights into complex
-              data structures at a glance.
-            </Text>
-          </Stack>
-        </Flex>
-        <Flex py="lg" align="center" gap="lg">
-          <Image
-            width={400}
-            height={344}
-            src="/assets/download_image.webp"
-            alt="download as image"
-          />
-          <Stack>
-            <Text color="dark" fz="1.5rem" fw="bold">
-              DOWNLOAD AS IMAGE
-            </Text>
-            <Text color="dark" maw={500}>
-              Capture and share your insights effortlessly by downloading your generated graphs as
-              image files. Easily collaborate and communicate data-driven findings with colleagues
-              and stakeholders.
-            </Text>
-          </Stack>
-        </Flex>
-        <Flex direction="row-reverse" py="lg" align="flex-start" gap="lg">
-          <Image width={500} height={285} src="/assets/preview_image.svg" alt="preview images" />
-          <Stack pt="lg">
-            <Text color="dark" fz="1.5rem" fw="bold">
-              IMAGE PREVIEW
-            </Text>
-            <Text color="dark" maw={500}>
-              Seamlessly preview embedded images within your JSON, YAML, or XML data. Instantly view
-              visuals, photos, and graphics directly within JSON Crack, saving you time and effort.
-            </Text>
-          </Stack>
-        </Flex>
-      </StyledFeatures>
-      <Container mt={100}>
-        <Stack>
-          <Title color="dark" order={3} maw={500} mx="auto" align="center">
-            But that&apos;s not all yet!
-            <br />
-            Explore the full potential of your data now......
-          </Title>
-          <Center>
-            <Link href="/editor" prefetch={false}>
-              <Button color="violet" fw="bold" rightIcon={<FaChevronRight />} size="lg">
-                GO TO EDITOR
-              </Button>
-            </Link>
-          </Center>
-        </Stack>
-      </Container>
+      <Head>
+        <title>JSON Crack - Crack your data into pieces</title>
+      </Head>
+      <HeroSection />
+      <StatsBanner />
+      <Features />
+      <HeroBottom />
+      <HoverCard />
       <Footer />
     </ThemeProvider>
   );
diff --git a/src/pages/oss.tsx b/src/pages/oss.tsx
index ce7a2ee..a288930 100644
--- a/src/pages/oss.tsx
+++ b/src/pages/oss.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import Head from "next/head";
-import Link from "next/link";
 import { Button, Center, Container, Grid, Image, Text, Title } from "@mantine/core";
 import { VscHeart } from "react-icons/vsc";
 import Layout from "src/layout/Layout";
@@ -43,12 +42,12 @@ const Oss: React.FC<{ sponsors: any[] }> = ({ sponsors }) => {
         <Grid gutter={30}>
           {sponsors?.map(sponsor => (
             <Grid.Col span="content" key={sponsor.handle}>
-              <Link href={sponsor.profile}>
+              <a href={sponsor.profile}>
                 <Image radius="md" width={"4rem"} src={sponsor.avatar} alt={sponsor.handle} />
                 <Text color="dark.3" pt="sm" align="center" fz="xs">
                   {sponsor.handle}
                 </Text>
-              </Link>
+              </a>
             </Grid.Col>
           ))}
         </Grid>
diff --git a/src/typings/global.d.ts b/src/typings/global.d.ts
new file mode 100644
index 0000000..78834c9
--- /dev/null
+++ b/src/typings/global.d.ts
@@ -0,0 +1,3 @@
+interface Window {
+  _bsa: any;
+}