-
+
+
Professional AI Headshots in minutes.
-+
Elevate your online presence with HD headshots generated by our AI. Ideal for social profiles, resumes, and professional portfolios.
-
+
-
- +
Trusted by professionals worldwide. Quick and efficient.
+
-
Already a member?
Sign In
+
diff --git a/components/ExplainerSection.tsx b/components/ExplainerSection.tsx
index c0fd3a37..585f745b 100644
--- a/components/ExplainerSection.tsx
+++ b/components/ExplainerSection.tsx
@@ -4,61 +4,61 @@ import result from "/public/result.png";
export default function ExplainerSection() {
return (
-
-
How It Works
+
+
diff --git a/components/ModeToggle.tsx b/components/ModeToggle.tsx
new file mode 100644
index 00000000..ab490b39
--- /dev/null
+++ b/components/ModeToggle.tsx
@@ -0,0 +1,24 @@
+"use client";
+import { useTheme } from "next-themes";
+import { Button } from "./ui/button";
+import { Sun, Moon } from "lucide-react";
+import { Icon } from "@radix-ui/react-select";
+const ModeToggle = () => {
+ const { theme, setTheme, systemTheme } = useTheme();
+ const currentTheme = theme === "system" ? systemTheme : theme;
+ return (
+ <>
+ {currentTheme === "dark" ? (
+
+ ) : (
+
+ )}
+
+ );
+};
+
+export default ModeToggle;
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index bf31921a..2cd30fda 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,4 +1,5 @@
import { AvatarIcon } from "@radix-ui/react-icons";
+import ModeToggle from "./ModeToggle";
import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
import { cookies } from "next/headers";
import {
@@ -31,16 +32,16 @@ export default async function Navbar() {
const {
data: credits,
} = await supabase.from("credits").select("*").eq("user_id", user?.id ?? '').single()
-
+
return (
-
How It Works
{/* Step 1: Upload your images */}
- 
{/* Step 2: Train your model */}
+
-
1
Upload your images
+
Upload 4+ high-quality selfies: front facing, 1 person in frame, no glasses or hats.
- 
{/* Step 3: Generate images */}
+
-
2
Our AI gets to work
+
The AI magic takes ~20 minutes. You'll get an email when its ready!
- 
+
-
3
Get amazing headshots
+
Once your model is trained, we'll give you amazing headshots!
-
+
+
{user && (
-
Headshots AI
+
@@ -52,13 +53,14 @@ export default async function Navbar() {
)}
+
+
{stripeIsConfigured && (
- {user.email}
+ {user.email}