9d8dev · Atharane · Jan 30, 2025 · Jan 30, 2025 · Jan 30, 2025 · Feb 1, 2025
diff --git a/.env.example b/.env.example
diff --git a/app/actions.tsx b/app/actions.tsx
@@ -0,0 +1,34 @@
+"use server"
+
+import { SLACK_CHANNELS } from "@/lib/constants"
+import { botwise } from "@/services/botwise"
+
+export const sendSlackMessage = async (message: string, channel: string) => {
+ try {
+ await botwise.chat.postMessage({
+ channel,
+ text: message,
+ })
+ } catch (error) {
+ console.error(`ERROR/SEND_SLACK_MESSAGE: ${error}`)
+ }
+}
+
+export async function subscribeToWaitlist(formData: FormData) {
+ const email = formData.get("email")
+
+ // validation
+ if (!email || typeof email !== "string") {
+ return { error: "ERROR/INVALID_EMAIL" }
+ }
+
+ try {
+ sendSlackMessage(
+ `\n\n------\n🎉 new waitlist signup!\n\n${email} just expressed interest in goodfit\n\n`,
+ SLACK_CHANNELS["goodfit-alerts"]
+ )
+ return { success: true, message: "Thanks for joining our waitlist!" }
+ } catch (error) {
+ return { error: `ERROR/SUBSCRIBE_TO_WAITLIST/${error}` }
+ }
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,32 +1,33 @@
 import "./globals.css";
 
 import type { Metadata } from "next";
-import { Inter as FontSans } from "next/font/google";
-import { ThemeProvider } from "@/components/theme/theme-provider";
+import { Plus_Jakarta_Sans } from "next/font/google";
+import Image from "next/image";
+import Link from "next/link";
+import Balancer from "react-wrap-balancer";
+import { Analytics } from "@vercel/analytics/react";
+
+import { ThemeProvider } from "@/providers/theme-provider";
+import { PostHogProvider } from "@/providers/posthog";
 import { Button } from "@/components/ui/button";
 import { MobileNav } from "@/components/nav/mobile-nav";
 import { ThemeToggle } from "@/components/theme/theme-toggle";
-import { mainMenu, contentMenu } from "@/menu.config";
 import { Section, Container } from "@/components/craft";
-import { Analytics } from "@vercel/analytics/react";
+import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
+import { mainMenu, contentMenu } from "@/menu.config";
 import { siteConfig } from "@/site.config";
-
-import Balancer from "react-wrap-balancer";
 import Logo from "@/public/logo.svg";
-import Image from "next/image";
-import Link from "next/link";
-
-import { cn } from "@/lib/utils";
 
-const font = FontSans({
+const plusJakartaSans = Plus_Jakarta_Sans({
  subsets: ["latin"],
  variable: "--font-sans",
 });
 
 export const metadata: Metadata = {
- title: "WordPress & Next.js Starter by 9d8",
+ title: "Goodfit | No Ghosting. Just Instant AI Interviews.",
  description:
- "A starter template for Next.js with WordPress as a headless CMS.",
+ "The hiring process is broken. Get real AI interviews and instant results—no waiting, no gatekeeping.",
  metadataBase: new URL(siteConfig.site_domain),
  alternates: {
  canonical: "/",
@@ -41,16 +42,24 @@ export default function RootLayout({
  return (
  <html lang="en" suppressHydrationWarning>
  <head />
- <body className={cn("min-h-screen font-sans antialiased", font.variable)}>
+ <body
+ className={cn(
+ "min-h-screen font-sans antialiased",
+ plusJakartaSans.className,
+ )}
+ >
  <ThemeProvider
  attribute="class"
  defaultTheme="system"
  enableSystem
  disableTransitionOnChange
  >
- <Nav />
- {children}
- <Footer />
+ <PostHogProvider>
+ <Nav />
+ {children}
+ {/* <Footer /> */}
+ </PostHogProvider>
+ <ThemeToggle />
  </ThemeProvider>
  <Analytics />
  </body>
@@ -66,21 +75,28 @@ const Nav = ({ className, children, id }: NavProps) => {
  >
  <div
  id="nav-container"
- className="max-w-5xl mx-auto py-4 px-6 sm:px-8 flex justify-between items-center"
+ className="mx-auto py-4 px-6 sm:px-8 flex justify-between items-center"
  >
  <Link
  className="hover:opacity-75 transition-all flex gap-4 items-center"
  href="/"
  >
  <Image
- src={Logo}
+ src="/images/goodfit.png"
  alt="Logo"
  loading="eager"
- className="dark:invert"
- width={42}
+ className="block dark:hidden"
+ width={96}
  height={26.44}
- ></Image>
- <h2 className="text-sm">{siteConfig.site_name}</h2>
+ />
+ <Image
+ src="/images/goodfit-dark.png"
+ alt="Logo"
+ loading="eager"
+ className="hidden dark:block"
+ width={96}
+ height={26.44}
+ />
  </Link>
  {children}
  <div className="flex items-center gap-2">
@@ -93,9 +109,13 @@ const Nav = ({ className, children, id }: NavProps) => {
  </Button>
  ))}
  </div>
- <Button asChild className="hidden sm:flex">
- <Link href="https://github.com/9d8dev/next-wp">Get Started</Link>
- </Button>
+ {/* sneaky trick to focus on the input element without javascript */}
+ <Label
+ className="hidden md:flex justify-center items-center h-10 px-4 py-2 rounded-full bg-violet-500 text-white hover:bg-violet-600 transition-all"
+ htmlFor="email"
+ >
+ Request Early Access
+ </Label>
  <MobileNav />
  </div>
  </div>
@@ -117,7 +137,7 @@ const Footer = () => {
  className="dark:invert"
  width={42}
  height={26.44}
- ></Image>
+ />
  </Link>
  <p>
  <Balancer>{siteConfig.site_description}</Balancer>
@@ -148,11 +168,10 @@ const Footer = () => {
  ))}
  </div>
  </Container>
- <Container className="border-t not-prose flex flex-col md:flex-row md:gap-2 gap-6 justify-between md:items-center">
- <ThemeToggle />
+ <Container className="border-t not-prose flex flex-col md:flex-row md:gap-2 gap-6 justify-between md:items-center text-xs">
  <p className="text-muted-foreground">
- &copy; <a href="https://9d8.dev">9d8</a>. All rights reserved.
- 2025-present.
+ &copy; <a href="https://goodfit.so">Goodfit</a>. All rights
+ reserved. 2025-present.
  </p>
  </Container>
  </Section>

diff --git a/app/opengraph-image.jpeg b/app/opengraph-image.jpeg
diff --git a/app/opengraph-image.png b/app/opengraph-image.png