diff --git a/apps/site/package.json b/apps/site/package.json index 822289881..b9bdfdf2f 100644 --- a/apps/site/package.json +++ b/apps/site/package.json @@ -9,6 +9,7 @@ "lint": "next lint" }, "dependencies": { + "@calcom/embed-react": "^1.3.2", "@headlessui/react": "^1.7.13", "@heroicons/react": "^2.0.17", "@types/node": "18.15.11", @@ -16,6 +17,7 @@ "@types/react-dom": "18.0.11", "eslint": "8.37.0", "eslint-config-next": "13.2.4", + "fathom-client": "^3.6.0", "next": "13.2.4", "react": "18.2.0", "react-dom": "18.2.0", diff --git a/apps/site/pages/_app.tsx b/apps/site/pages/_app.tsx index 4acd27e13..667cac0c4 100644 --- a/apps/site/pages/_app.tsx +++ b/apps/site/pages/_app.tsx @@ -1,7 +1,34 @@ import "@/styles/globals.css"; +import * as Fathom from "fathom-client"; import type { AppProps } from "next/app"; +import { useRouter } from "next/router"; +import { useEffect } from "react"; export default function App({ Component, pageProps }: AppProps) { + const router = useRouter(); + + useEffect(() => { + // Initialize Fathom when the app loads + // Example: yourdomain.com + // - Do not include https:// + // - This must be an exact match of your domain. + // - If you're using www. for your domain, make sure you include that here. + Fathom.load("NSYBHOYC", { + includedDomains: ["peppermint.sh"], + }); + + function onRouteChangeComplete() { + Fathom.trackPageview(); + } + // Record a pageview when route changes + router.events.on("routeChangeComplete", onRouteChangeComplete); + + // Unassign event listener + return () => { + router.events.off("routeChangeComplete", onRouteChangeComplete); + }; + }, []); + //@ts-expect-error return ; } diff --git a/apps/site/pages/contact.tsx b/apps/site/pages/contact.tsx new file mode 100644 index 000000000..2b95c0ae4 --- /dev/null +++ b/apps/site/pages/contact.tsx @@ -0,0 +1,59 @@ +//@ts-nocheck +import Cal, { getCalApi } from "@calcom/embed-react"; +import Link from "next/link"; +import { useEffect } from "react"; + +const navigation = [ + // { name: "About Us", href: "#" }, + // { name: "Features", href: "#" }, + { name: "Github", href: "https://github.com/Peppermint-Lab/peppermint" }, + { name: "Docs", href: "https://docs.peppermint.sh/" }, +]; + +export default function Contact() { + useEffect(() => { + (async function () { + const cal = await getCalApi(); + cal("ui", { + styles: { branding: { brandColor: "#000000" } }, + hideEventTypeDetails: false, + layout: "month_view", + }); + })(); + }, []); + + return ( +
+
+ +
+ + +
+ ); +} diff --git a/apps/site/pages/index.tsx b/apps/site/pages/index.tsx index abc136fbc..2fb38b5f4 100644 --- a/apps/site/pages/index.tsx +++ b/apps/site/pages/index.tsx @@ -1,4 +1,5 @@ /* eslint-disable react/no-unescaped-entities */ +// @ts-nocheck import { BellAlertIcon, ChevronRightIcon, @@ -15,62 +16,63 @@ const navigation = [ // { name: "Features", href: "#" }, { name: "Github", href: "https://github.com/Peppermint-Lab/peppermint" }, { name: "Docs", href: "https://docs.peppermint.sh/" }, + { name: "Discord", href: "https://discord.gg/cyj86Ncygn" }, ]; -const footer = { - // solutions: [ - // { name: "Self Hosted", href: "#" }, - // { name: "Linode", href: "" }, - // ], - support: [ - { name: "Documentation", href: "https://docs.peppermint.sh/" }, - { name: "Discord", href: "https://discord.gg/fs4j39FWfm" }, - ], - company: [ - { name: "About", href: "#" }, - // { name: "Blog", href: "#" }, - // { name: "Press", href: "#" }, - // { name: "Investors", href: "#" }, - // { name: "Open", href: "#" }, - ], - social: [ - { - name: "Twitter", - href: "https://twitter.com/potts_dev", - icon: (props: any) => ( - - - - ), - }, - { - name: "GitHub", - href: "https://github.com/Peppermint-Lab/peppermint/", - icon: (props: any) => ( - - - - ), - }, - // { - // name: "YouTube", - // href: "#", - // icon: (props: any) => ( - // - // - // - // ), - // }, - ], -}; +// const footer = { +// // solutions: [ +// // { name: "Self Hosted", href: "#" }, +// // { name: "Linode", href: "" }, +// // ], +// support: [ +// { name: "Documentation", href: "https://docs.peppermint.sh/" }, +// { name: "Discord", href: "https://discord.gg/fs4j39FWfm" }, +// ], +// company: [ +// { name: "About", href: "#" }, +// // { name: "Blog", href: "#" }, +// // { name: "Press", href: "#" }, +// // { name: "Investors", href: "#" }, +// // { name: "Open", href: "#" }, +// ], +// social: [ +// { +// name: "Twitter", +// href: "https://twitter.com/potts_dev", +// icon: (props: any) => ( +// +// +// +// ), +// }, +// { +// name: "GitHub", +// href: "https://github.com/Peppermint-Lab/peppermint/", +// icon: (props: any) => ( +// +// +// +// ), +// }, +// // { +// // name: "YouTube", +// // href: "#", +// // icon: (props: any) => ( +// // +// // +// // +// // ), +// // }, +// ], +// }; const posts = [ { @@ -221,20 +223,27 @@ export default function Home() { Control your support
-
+

Peppermint is a solution to the ever growing cost of todays corprate world.

-
+
Get started + + Get in touch +
diff --git a/yarn.lock b/yarn.lock index 2e9c9bd79..a92ddd68f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -211,6 +211,26 @@ resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.4.tgz#923ca57e173c6b232bbbb07347b1be982f03e783" integrity sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A== +"@calcom/embed-core@1.3.3": + version "1.3.3" + resolved "https://registry.yarnpkg.com/@calcom/embed-core/-/embed-core-1.3.3.tgz#546b758e249a7a8bdf73103c89b385c7a4fc6156" + integrity sha512-bz7S9cvz1JMVWFcJI+dvoOQd5F63YzdQ5gOp1vunob5idje7PoYfiTf6ncMSVeX6vsrJA1oVFD07JMxuYt/d+A== + +"@calcom/embed-react@^1.3.2": + version "1.3.2" + resolved "https://registry.yarnpkg.com/@calcom/embed-react/-/embed-react-1.3.2.tgz#273ecf4d9b10af3ca5b43f7f312798ceb4713611" + integrity sha512-tya/NJQJs0g70RLeeKtfhzF8vX7RzwwWTxlXCojCthuqKdMbx/8WEwZsdDzuJ8OjbPEiLiV3ImO2rgRRftZxNw== + dependencies: + "@calcom/embed-core" "1.3.3" + "@calcom/embed-snippet" "1.1.3" + +"@calcom/embed-snippet@1.1.3": + version "1.1.3" + resolved "https://registry.yarnpkg.com/@calcom/embed-snippet/-/embed-snippet-1.1.3.tgz#c442d062320923e326a52afa47e89f3e6b244aa9" + integrity sha512-whtpkc54btyIIDfCXsCP7BN8wE3GGgh8cTX5JiprvbcHaej+OEUcuMuhMcLlBersMADwGENpFrlB6AhSJfEA/Q== + dependencies: + "@calcom/embed-core" "1.3.3" + "@cspotcode/source-map-support@^0.8.0": version "0.8.1" resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1" @@ -4808,6 +4828,11 @@ fastq@^1.6.0, fastq@^1.6.1: dependencies: reusify "^1.0.4" +fathom-client@^3.6.0: + version "3.6.0" + resolved "https://registry.yarnpkg.com/fathom-client/-/fathom-client-3.6.0.tgz#f46d8949cf73df89998a8793e51ad2c21efd703b" + integrity sha512-/mrgmVvpw4HqDCcqUfPulERhONKgnJGL74RAxfqKDuRQ+7w9lKoTHMzqBWE7WNBvmsgZEthQWJFOWOEjv+T3gA== + fflate@^0.4.1: version "0.4.8" resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"