1 files changed, 29 insertions, 0 deletions
diff --git a/apps/web/src/components/onboarding.tsx b/apps/web/src/components/onboarding.tsx
new file mode 100644
index 00000000..a2943677
--- /dev/null
+++ b/apps/web/src/components/onboarding.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "./ui/dialog";
+
+interface OnboardingProps {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+export function Onboarding({ isOpen, onClose }: OnboardingProps) {
+  return (
+    <Dialog open={isOpen} onOpenChange={onClose}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Welcome to Clipture</DialogTitle>
+          <DialogDescription>
+            Let's get you started with the basics.
+          </DialogDescription>
+        </DialogHeader>
+      </DialogContent>
+    </Dialog>
+  );
+}