diff --git a/.changeset/1769627060-post-export-sheet.md b/.changeset/1769627060-post-export-sheet.md
new file mode 100644
index 00000000..52fa3130
--- /dev/null
+++ b/.changeset/1769627060-post-export-sheet.md
@@ -0,0 +1,5 @@
+---
+"dopeshot-app": minor
+---
+
+Add post-export success modal for anonymous users to encourage signup. Features thumbnail preview, signup CTA, and direct contact options. Logged-in users see no interruption.
diff --git a/apps/app/package.json b/apps/app/package.json
index f9ff5f76..5af2d3e5 100644
--- a/apps/app/package.json
+++ b/apps/app/package.json
@@ -38,6 +38,7 @@
     "clsx": "^2.1.1",
     "culori": "^4.0.2",
     "flags": "^4.0.2",
+    "framer-motion": "^11.11.17",
     "geist": "^1.5.1",
     "html-to-image": "^1.11.13",
     "jotai": "^2.15.2",
diff --git a/apps/app/public/me.jpg b/apps/app/public/me.jpg
new file mode 100644
index 00000000..73045eab
Binary files /dev/null and b/apps/app/public/me.jpg differ
diff --git a/apps/app/src/app/(playground)/_components/playground-page.tsx b/apps/app/src/app/(playground)/_components/playground-page.tsx
index 892e7dbf..d75f5f24 100644
--- a/apps/app/src/app/(playground)/_components/playground-page.tsx
+++ b/apps/app/src/app/(playground)/_components/playground-page.tsx
@@ -12,7 +12,10 @@ import { SidebarTabs } from "@/components/layout/sidebar-tabs";
 import { useBrandLogoAutoApply } from "@/hooks/use-brand-logo-auto-apply";
 import { usePlaygroundController } from "@/hooks/use-playground-controller";
 import { useUserTier } from "@/hooks/use-user-tier";
-import { EXPORT_ORIENTATION_DIMENSIONS, ORIENTATION_DIMENSIONS } from "@/domain/layout/screenshot-mode";
+import {
+  EXPORT_ORIENTATION_DIMENSIONS,
+  ORIENTATION_DIMENSIONS,
+} from "@/domain/layout/screenshot-mode";
 import {
   assetsAtom,
   baseConfigAtom,
@@ -42,59 +45,67 @@ import { SidebarErrorBoundary } from "@/components/errors/sidebar-error-boundary
 import { MemoryErrorBoundary } from "@/components/errors/memory-error-boundary";
 import { InAppUpdateBanner } from "@/components/layout/in-app-update-banner";
 import { useOnboardingStatus } from "@/hooks/use-onboarding-status";
-import { OnboardingModal, type BrandProfilePayload } from "@/components/onboarding/onboarding-modal";
+import {
+  OnboardingModal,
+  type BrandProfilePayload,
+} from "@/components/onboarding/onboarding-modal";
 import { listPersonalBackgrounds } from "@/domain/backgrounds/background-service";
+import { ExportSuccessModal } from "@/components/post-export";
+import { showExportSheetAtom, exportThumbnailAtom } from "@/hooks/atoms";
+import { useRouter } from "next/navigation";
+import { track } from "@/lib/analytics";
 
 const FeedbackModal = dynamic(
-  () => import("@/components/feedback/feedback-modal").then(mod => ({ default: mod.FeedbackModal })),
-  { ssr: false }
+  () =>
+    import("@/components/feedback/feedback-modal").then((mod) => ({ default: mod.FeedbackModal })),
+  { ssr: false },
 );
 
-function ExportContainer({ 
-  width, 
-  height, 
-  orientation 
-}: { 
-  width: number; 
+function ExportContainer({
+  width,
+  height,
+  orientation,
+}: {
+  width: number;
   height: number;
   orientation: Orientation;
 }) {
   // Use preview dimensions as base (matching what user sees)
   const baseDims = ORIENTATION_DIMENSIONS[orientation];
   const scale = width / baseDims.width;
-  
+
   return (
+    <div
+      id="export-container"
+      style={{
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: `${width}px`,
+        height: `${height}px`,
+        zIndex: -100,
+        overflow: "hidden",
+        visibility: "visible",
+        background: "white",
+        WebkitFontSmoothing: "antialiased",
+        MozOsxFontSmoothing: "grayscale",
+        textRendering: "optimizeLegibility",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+    >
       <div
-        id="export-container"
         style={{
-          position: "fixed",
-          top: 0,
-          left: 0,
-          width: `${width}px`,
-          height: `${height}px`,
-          zIndex: -100,
-          overflow: "hidden",
-          visibility: "visible",
-          background: "white",
-          WebkitFontSmoothing: "antialiased",
-          MozOsxFontSmoothing: "grayscale",
-          textRendering: "optimizeLegibility",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
+          width: `${baseDims.width}px`,
+          height: `${baseDims.height}px`,
+          transformOrigin: "center",
+          transform: `scale(${scale})`,
         }}
       >
-        <div
-          style={{
-            width: `${baseDims.width}px`,
-            height: `${baseDims.height}px`,
-            transformOrigin: "center",
-            transform: `scale(${scale})`,
-          }}
-        >
-          <CoverPreview isStatic />
-        </div>
+        <CoverPreview isStatic />
       </div>
+    </div>
   );
 }
 
@@ -132,12 +143,18 @@ function PlaygroundPageInner({
   initialIsAuthenticated,
   initialOnboardingOpen,
 }: PlaygroundPageProps) {
+  const router = useRouter();
   const orientation = useAtomValue(orientationAtom);
   const config = useAtomValue(configAtom);
   const personalBackgrounds = useAtomValue(personalBackgroundsAtom);
   const [feedbackModalOpen, setFeedbackModalOpen] = useAtom(feedbackModalOpenAtom);
   const [feedbackScreenshot, setFeedbackScreenshot] = useState<string | null>(null);
 
+  // Export success sheet state
+  const [showExportSheet, setShowExportSheet] = useAtom(showExportSheetAtom);
+  const exportThumbnail = useAtomValue(exportThumbnailAtom);
+  const setExportThumbnail = useSetAtom(exportThumbnailAtom);
+
   const { isBrandUser } = useUserTier();
 
   // Auto-apply brand logo for NEW designs (not loaded from memory)
@@ -150,6 +167,31 @@ function PlaygroundPageInner({
     setFeedbackScreenshot(screenshot);
     setFeedbackModalOpen(true);
   };
+
+  // Handle export sheet actions
+  const handleExportSheetClose = useCallback(() => {
+    setShowExportSheet(false);
+    setExportThumbnail(null);
+    track("export_sheet_dismissed", {
+      dismiss_method: "button",
+    });
+  }, [setShowExportSheet, setExportThumbnail]);
+
+  const handleExportSheetSignup = useCallback(() => {
+    track("export_sheet_signup_clicked");
+    setShowExportSheet(false);
+    setExportThumbnail(null);
+    router.push("/auth");
+  }, [router, setShowExportSheet, setExportThumbnail]);
+
+  const handleExportSheetFeedback = useCallback(() => {
+    track("export_sheet_feedback_clicked");
+    setShowExportSheet(false);
+    setExportThumbnail(null);
+    setFeedbackScreenshot(null); // Clear stale screenshot to prevent re-sending old canvas
+    setFeedbackModalOpen(true);
+  }, [setShowExportSheet, setExportThumbnail, setFeedbackModalOpen]);
+
   // Memory hook for loading items
   const {
     loadMemoryItem,
@@ -201,7 +243,12 @@ function PlaygroundPageInner({
     if (!shouldOpenOnboarding) return;
     if (hasLoadedOnboardingProfile || isOnboardingProfileLoading) return;
     void loadOnboardingProfile();
-  }, [hasLoadedOnboardingProfile, isOnboardingProfileLoading, loadOnboardingProfile, shouldOpenOnboarding]);
+  }, [
+    hasLoadedOnboardingProfile,
+    isOnboardingProfileLoading,
+    loadOnboardingProfile,
+    shouldOpenOnboarding,
+  ]);
 
   useEffect(() => {
     if (!shouldOpenOnboarding || !hasLoadedOnboardingProfile) return;
@@ -271,7 +318,9 @@ function PlaygroundPageInner({
     if (typeof window !== "undefined") {
       const hasIdleCallback = "requestIdleCallback" in window;
       if (hasIdleCallback) {
-        prefetchBackgroundsHandleRef.current = window.requestIdleCallback(prefetch, { timeout: 3000 });
+        prefetchBackgroundsHandleRef.current = window.requestIdleCallback(prefetch, {
+          timeout: 3000,
+        });
       } else {
         // In browser context, setTimeout returns a number (not Node's Timeout object)
         prefetchBackgroundsHandleRef.current = Number(window.setTimeout(prefetch, 1200));
@@ -330,10 +379,7 @@ function PlaygroundPageInner({
   } = usePlaygroundController({ demoEnabled: !isLoggedIn });
 
   // Only show loading when actually loading a specific memory item from URL
-  const showLoadingState =
-    isLoggedIn &&
-    Boolean(initialMemoryItemId) &&
-    !loadedItemId;
+  const showLoadingState = isLoggedIn && Boolean(initialMemoryItemId) && !loadedItemId;
 
   const showEmptyState = useMemo(() => {
     const hasText = Boolean(config.text.title?.trim() || config.text.subtitle?.trim());
@@ -453,10 +499,7 @@ function PlaygroundPageInner({
         {/* Right: Sidebar - spans full height from below nav */}
         <SidebarErrorBoundary>
           <div className="hidden h-full min-h-0 w-80 overflow-hidden border-l border-border bg-background sm:flex sm:flex-col">
-            <SidebarTabs
-              onUploadAsset={handleFileProcess}
-              onFeedbackClick={handleFeedbackClick}
-            />
+            <SidebarTabs onUploadAsset={handleFileProcess} onFeedbackClick={handleFeedbackClick} />
           </div>
         </SidebarErrorBoundary>
       </div>
@@ -502,6 +545,14 @@ function PlaygroundPageInner({
         onOpenChange={setFeedbackModalOpen}
         screenshotDataUrl={feedbackScreenshot}
       />
+
+      <ExportSuccessModal
+        isOpen={showExportSheet}
+        onClose={handleExportSheetClose}
+        onSignup={handleExportSheetSignup}
+        onFeedback={handleExportSheetFeedback}
+        thumbnailUrl={exportThumbnail ?? undefined}
+      />
     </main>
   );
 }
diff --git a/apps/app/src/components/feedback/feedback-modal.tsx b/apps/app/src/components/feedback/feedback-modal.tsx
index 0faadc5c..31d5e976 100644
--- a/apps/app/src/components/feedback/feedback-modal.tsx
+++ b/apps/app/src/components/feedback/feedback-modal.tsx
@@ -1,21 +1,14 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { Label } from "@/components/ui/label";
 import { track } from "@/lib/analytics";
-import { MessageSquare, X, Check } from "lucide-react";
-import { cn } from "@/lib/utils/cn";
-import { Switch } from "@/components/ui/switch";
+import { Calendar } from "lucide-react";
+import { AdrianAvatar } from "@/components/ui/adrian-avatar";
 
 interface FeedbackModalProps {
   open: boolean;
@@ -23,18 +16,11 @@ interface FeedbackModalProps {
   screenshotDataUrl?: string | null;
 }
 
-export function FeedbackModal({
-  open,
-  onOpenChange,
-  screenshotDataUrl,
-}: FeedbackModalProps) {
+export function FeedbackModal({ open, onOpenChange, screenshotDataUrl }: FeedbackModalProps) {
   const [feedback, setFeedback] = useState("");
   const [email, setEmail] = useState("");
-  const [includeScreenshot, setIncludeScreenshot] = useState(true);
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const [submitStatus, setSubmitStatus] = useState<
-    "idle" | "success" | "error"
-  >("idle");
+  const [submitStatus, setSubmitStatus] = useState<"idle" | "success" | "error">("idle");
   const [errorMessage, setErrorMessage] = useState<string | null>(null);
 
   // Reset state when modal opens
@@ -42,12 +28,11 @@ export function FeedbackModal({
     if (open) {
       setFeedback("");
       setEmail("");
-      setIncludeScreenshot(!!screenshotDataUrl);
       setSubmitStatus("idle");
       setErrorMessage(null);
       track("feedback_modal_opened");
     }
-  }, [open, screenshotDataUrl]);
+  }, [open]);
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
@@ -71,7 +56,7 @@ export function FeedbackModal({
         body: JSON.stringify({
           message: feedback,
           email: email.trim() || undefined,
-          screenshot: includeScreenshot ? screenshotDataUrl : undefined,
+          screenshot: screenshotDataUrl || undefined,
         }),
       });
 
@@ -83,7 +68,7 @@ export function FeedbackModal({
 
       track("feedback_submitted", {
         hasEmail: !!email.trim(),
-        hasScreenshot: includeScreenshot && !!screenshotDataUrl,
+        hasScreenshot: !!screenshotDataUrl,
         messageLength: feedback.length,
       });
 
@@ -97,9 +82,7 @@ export function FeedbackModal({
       console.error("Feedback submission failed:", error);
       setSubmitStatus("error");
       setErrorMessage(
-        error instanceof Error
-          ? error.message
-          : "Failed to submit feedback. Please try again."
+        error instanceof Error ? error.message : "Failed to submit feedback. Please try again.",
       );
     } finally {
       setIsSubmitting(false);
@@ -111,127 +94,104 @@ export function FeedbackModal({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="w-[calc(100%-2rem)] sm:max-w-[520px]">
+      <DialogContent className="w-[calc(100%-2rem)] sm:max-w-[440px] gap-0">
         {submitStatus === "success" ? (
           <div className="flex flex-col items-center justify-center py-12">
-            <div className="rounded-full bg-green-100 dark:bg-green-900/20 p-3 mb-4">
-              <Check className="h-8 w-8 text-green-600 dark:text-green-400" />
-            </div>
-            <p className="text-sm font-medium text-green-600 dark:text-green-400">
-              Thank you for your feedback!
-            </p>
-            <p className="text-xs text-muted-foreground mt-1">
-              We'll review it shortly
+            <p className="text-lg font-semibold">Thank you!</p>
+            <p className="text-sm text-muted-foreground mt-1">
+              I&apos;ll review your feedback shortly
             </p>
           </div>
         ) : (
           <>
             <DialogHeader>
-              <div className="flex items-center justify-center mb-3">
-                <div className="rounded-full bg-muted p-2.5">
-                  <MessageSquare className="h-5 w-5 text-foreground" />
-                </div>
-              </div>
-              <DialogTitle className="text-center text-xl">
-                Share Your Feedback
-              </DialogTitle>
-              <DialogDescription className="text-center text-sm mt-1.5">
-                Help us improve dopeshot for you
-              </DialogDescription>
+              <DialogTitle className="text-base font-semibold">Share your feedback</DialogTitle>
             </DialogHeader>
 
-            <form onSubmit={handleSubmit} className="space-y-4 mt-4">
-            {/* Feedback textarea */}
-            <div className="space-y-2">
-              <Label htmlFor="feedback-message" className="leading-relaxed">
-                What are you trying to do, and what would make dopeshot better
-                for you?
-              </Label>
-              <Textarea
-                id="feedback-message"
-                value={feedback}
-                onChange={(e) => setFeedback(e.target.value)}
-                placeholder="Share your thoughts, ideas, or issues..."
-                className="min-h-[120px] resize-none"
-                disabled={isSubmitting}
-                required
-              />
+            {/* Personal intro section */}
+            <div className="mt-4 flex gap-3 border-l-2 border-primary bg-muted/50 py-3 pl-3 pr-4">
+              <AdrianAvatar size="md" className="shrink-0" />
+              <p className="text-sm text-muted-foreground">
+                I&apos;m{" "}
+                <a
+                  href="https://twitter.com/gaba6ool"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="font-medium text-foreground hover:text-primary"
+                >
+                  Adrian
+                </a>
+                , building dopeshot for builders like you. Help me decide what to ship next.
+              </p>
             </div>
 
-            {/* Screenshot toggle */}
-            {screenshotDataUrl && (
-              <div className="flex items-start justify-between gap-4 rounded-lg border border-border p-4">
-                <div className="flex-1 space-y-1">
-                  <Label htmlFor="include-screenshot" className="text-sm font-medium cursor-pointer">
-                    Include screenshot
-                  </Label>
-                  <p className="text-xs text-muted-foreground">
-                    Attach a screenshot of your current canvas to help us understand your feedback better
-                  </p>
-                </div>
-                <Switch
-                  id="include-screenshot"
-                  checked={includeScreenshot}
-                  onCheckedChange={setIncludeScreenshot}
+            <form onSubmit={handleSubmit} className="space-y-4 mt-4">
+              {/* Feedback textarea */}
+              <div className="space-y-2">
+                <Label htmlFor="feedback-message" className="text-sm">
+                  What would make dopeshot better for you?
+                </Label>
+                <Textarea
+                  id="feedback-message"
+                  value={feedback}
+                  onChange={(e) => setFeedback(e.target.value)}
+                  placeholder="Share your thoughts, ideas, or issues..."
+                  className="min-h-[100px] resize-none"
                   disabled={isSubmitting}
+                  required
                 />
               </div>
-            )}
-
-            {/* Optional email */}
-            <div className="space-y-2">
-              <Label htmlFor="feedback-email" className="text-sm">
-                Email{" "}
-                <span className="text-muted-foreground font-normal">
-                  (optional, for follow-up)
-                </span>
-              </Label>
-              <Input
-                id="feedback-email"
-                type="email"
-                value={email}
-                onChange={(e) => setEmail(e.target.value)}
-                placeholder="your@email.com"
-                disabled={isSubmitting}
-              />
-            </div>
 
-            {/* Error message */}
-            {submitStatus === "error" && errorMessage && (
-              <div className="rounded-lg bg-red-50 dark:bg-red-900/20 p-3">
-                <p className="text-sm text-red-600 dark:text-red-400">
-                  {errorMessage}
+              {/* Optional email */}
+              <div className="space-y-2">
+                <Label htmlFor="feedback-email" className="text-sm">
+                  Email{" "}
+                  <span className="text-muted-foreground font-normal">
+                    (optional, for follow-up)
+                  </span>
+                </Label>
+                <Input
+                  id="feedback-email"
+                  type="email"
+                  value={email}
+                  onChange={(e) => setEmail(e.target.value)}
+                  placeholder="your@email.com"
+                  disabled={isSubmitting}
+                />
+              </div>
+
+              {/* Error message */}
+              {submitStatus === "error" && errorMessage && (
+                <div className="rounded-lg bg-red-50 dark:bg-red-900/20 p-3">
+                  <p className="text-sm text-red-600 dark:text-red-400">{errorMessage}</p>
+                </div>
+              )}
+
+              {/* Action row */}
+              <div className="flex flex-col items-end gap-2 pt-2">
+                <Button
+                  type="submit"
+                  size="sm"
+                  className="w-24"
+                  disabled={isSubmitting || !feedback.trim()}
+                >
+                  {isSubmitting ? "Sending..." : "Send"}
+                </Button>
+                <p className="text-xs text-muted-foreground">
+                  or{" "}
+                  <a
+                    href="https://cal.com/adrian-pilarczyk-cs0y69/30min"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="inline-flex items-center gap-0.5 border-b border-current hover:text-foreground"
+                  >
+                    let&apos;s chat
+                    <Calendar className="h-3 w-3" />
+                  </a>{" "}
+                  instead?
                 </p>
               </div>
-            )}
-
-            {/* Action buttons */}
-            <div className="flex flex-col-reverse sm:flex-row sm:justify-end gap-2 pt-2">
-              <Button
-                type="button"
-                variant="ghost"
-                onClick={() => onOpenChange(false)}
-                disabled={isSubmitting}
-                className="w-full sm:w-auto"
-              >
-                Cancel
-              </Button>
-              <Button
-                type="submit"
-                disabled={isSubmitting || !feedback.trim()}
-                className="w-full sm:w-auto"
-              >
-                {isSubmitting ? (
-                  <>
-                    <div className="mr-2 h-4 w-4 animate-spin rounded-full border-2 border-background border-t-transparent" />
-                    Sending...
-                  </>
-                ) : (
-                  "Send Feedback"
-                )}
-              </Button>
-            </div>
-          </form>
+            </form>
           </>
         )}
       </DialogContent>
diff --git a/apps/app/src/components/layouts/HeroCenter.tsx b/apps/app/src/components/layouts/HeroCenter.tsx
index 638196c1..5e2078ac 100644
--- a/apps/app/src/components/layouts/HeroCenter.tsx
+++ b/apps/app/src/components/layouts/HeroCenter.tsx
@@ -57,6 +57,10 @@ function HeroCenterComponent({ className, onUploadAsset, isStatic = false }: Her
           alt="Logo"
           className="h-8 w-auto max-w-[200px] object-contain"
           crossOrigin="anonymous"
+          onError={(e) => {
+            // Hide broken images to prevent export failures
+            e.currentTarget.style.display = 'none';
+          }}
         />
       );
     }
diff --git a/apps/app/src/components/layouts/PopupGradient.tsx b/apps/app/src/components/layouts/PopupGradient.tsx
index e9f642be..7fe86605 100644
--- a/apps/app/src/components/layouts/PopupGradient.tsx
+++ b/apps/app/src/components/layouts/PopupGradient.tsx
@@ -243,6 +243,10 @@ function PopupGradientComponent({ className, onUploadAsset, isStatic = false }:
               alt="Logo"
               className="h-8 w-auto max-w-[200px] object-contain"
               crossOrigin="anonymous"
+              onError={(e) => {
+                // Hide broken images to prevent export failures
+                e.currentTarget.style.display = 'none';
+              }}
             />
           ) : null}
           {!logo && onUploadAsset && !isStatic ? (
diff --git a/apps/app/src/components/post-export/export-success-sheet.tsx b/apps/app/src/components/post-export/export-success-sheet.tsx
new file mode 100644
index 00000000..a5ccaf90
--- /dev/null
+++ b/apps/app/src/components/post-export/export-success-sheet.tsx
@@ -0,0 +1,337 @@
+"use client";
+
+import * as React from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import { AnimatePresence, motion } from "framer-motion";
+import { Button } from "@/components/ui/button";
+import { AdrianAvatar } from "@/components/ui/adrian-avatar";
+import { X, Mail, Calendar, Check, Sparkles, MessageSquare } from "lucide-react";
+import type { SVGProps } from "react";
+
+function XTwitterIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" {...props}>
+      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+    </svg>
+  );
+}
+
+/** Inline SVG noise texture for visual depth */
+function NoiseTexture() {
+  return (
+    <svg
+      className="pointer-events-none absolute inset-0 h-full w-full opacity-[0.025] dark:opacity-[0.04]"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <filter id="noise">
+        <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch" />
+      </filter>
+      <rect width="100%" height="100%" filter="url(#noise)" />
+    </svg>
+  );
+}
+
+interface ExportSuccessModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSignup: () => void;
+  onFeedback: () => void;
+  thumbnailUrl?: string;
+}
+
+// Smooth spring config
+const spring = {
+  type: "spring",
+  stiffness: 400,
+  damping: 30,
+} as const;
+
+// Gentler spring for thumbnail
+const thumbnailSpring = {
+  type: "spring",
+  stiffness: 300,
+  damping: 25,
+} as const;
+
+const backdropVariants = {
+  hidden: { opacity: 0 },
+  visible: { opacity: 1 },
+};
+
+const modalVariants = {
+  hidden: {
+    opacity: 0,
+    scale: 0.95,
+    y: 10,
+  },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    y: 0,
+    transition: spring,
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.95,
+    y: 10,
+    transition: { duration: 0.15 },
+  },
+};
+
+const contentVariants = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.06,
+      delayChildren: 0.15,
+    },
+  },
+};
+
+const itemVariants = {
+  hidden: { opacity: 0, y: 10 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: spring,
+  },
+};
+
+// Special hero treatment for the thumbnail
+const thumbnailVariants = {
+  hidden: {
+    opacity: 0,
+    scale: 0.8,
+    rotate: -6,
+  },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    rotate: -2,
+    transition: {
+      ...thumbnailSpring,
+      delay: 0.1,
+    },
+  },
+};
+
+// Delayed variants for footer section
+const footerVariants = {
+  hidden: { opacity: 0, y: 10 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      ...spring,
+      delay: 0.3,
+    },
+  },
+};
+
+export function ExportSuccessModal({
+  isOpen,
+  onClose,
+  onSignup,
+  onFeedback,
+  thumbnailUrl,
+}: ExportSuccessModalProps) {
+  return (
+    <Dialog.Root open={isOpen} onOpenChange={(open) => !open && onClose()}>
+      <AnimatePresence>
+        {isOpen && (
+          <Dialog.Portal forceMount>
+            {/* Backdrop - enhanced blur */}
+            <Dialog.Overlay asChild>
+              <motion.div
+                className="fixed inset-0 z-50 bg-black/30 backdrop-blur-md dark:bg-black/50"
+                variants={backdropVariants}
+                initial="hidden"
+                animate="visible"
+                exit="hidden"
+                transition={{ duration: 0.25 }}
+              />
+            </Dialog.Overlay>
+
+            {/* Modal */}
+            <Dialog.Content asChild>
+              <motion.div
+                className="fixed left-1/2 top-1/2 z-50 w-full max-w-[420px] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-2xl border border-border/40 bg-background shadow-2xl shadow-black/10 dark:border-border/30 dark:shadow-black/30"
+                variants={modalVariants}
+                initial="hidden"
+                animate="visible"
+                exit="exit"
+              >
+                {/* Animated corner blobs - matching empty canvas style */}
+                <span
+                  aria-hidden="true"
+                  className="animate-blob-1 pointer-events-none absolute -left-[15%] -top-[25%] h-[55%] w-[45%] rounded-full bg-linear-to-br from-violet-500/25 to-fuchsia-500/15 blur-2xl dark:from-violet-500/40 dark:to-fuchsia-500/25"
+                />
+                <span
+                  aria-hidden="true"
+                  className="animate-blob-2 pointer-events-none absolute -right-[15%] -top-[20%] h-[50%] w-[40%] rounded-full bg-linear-to-bl from-blue-500/20 to-cyan-500/12 blur-2xl dark:from-blue-500/35 dark:to-cyan-500/22"
+                />
+                <span
+                  aria-hidden="true"
+                  className="animate-blob-3 pointer-events-none absolute -bottom-[25%] -left-[10%] h-[50%] w-[40%] rounded-full bg-linear-to-tr from-emerald-500/20 to-teal-500/12 blur-2xl dark:from-emerald-500/35 dark:to-teal-500/22"
+                />
+                <span
+                  aria-hidden="true"
+                  className="animate-blob-4 pointer-events-none absolute -bottom-[20%] -right-[15%] h-[55%] w-[45%] rounded-full bg-linear-to-tl from-orange-500/20 to-amber-500/12 blur-2xl dark:from-orange-500/35 dark:to-amber-500/22"
+                />
+
+                {/* Noise texture overlay */}
+                <NoiseTexture />
+
+                {/* Close button */}
+                <Dialog.Close
+                  className="absolute right-3 top-3 z-10 rounded-full p-1.5 text-muted-foreground/50 transition-all hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                  aria-label="Close"
+                >
+                  <X className="h-4 w-4" />
+                </Dialog.Close>
+
+                <motion.div
+                  className="relative flex flex-col p-6"
+                  variants={contentVariants}
+                  initial="hidden"
+                  animate="visible"
+                >
+                  {/* Hero section - thumbnail as the star */}
+                  <div className="flex flex-col items-center text-center">
+                    {/* Thumbnail with dramatic presentation */}
+                    {thumbnailUrl && (
+                      <motion.div
+                        variants={thumbnailVariants}
+                        className="mb-5 overflow-hidden rounded-xl shadow-[0_8px_30px_rgb(0,0,0,0.12),0_4px_12px_rgb(0,0,0,0.08)] ring-1 ring-black/5 dark:shadow-[0_8px_30px_rgb(0,0,0,0.4),0_0_20px_rgb(251,146,60,0.1)] dark:ring-white/10"
+                      >
+                        <img
+                          src={thumbnailUrl}
+                          alt="Your creation"
+                          className="h-auto w-[140px] object-contain"
+                        />
+                      </motion.div>
+                    )}
+
+                    {/* Success message */}
+                    <motion.div variants={itemVariants}>
+                      <Dialog.Title className="flex items-center justify-center gap-2 text-lg font-semibold tracking-tight text-foreground">
+                        <Sparkles className="h-4 w-4 text-primary" />
+                        Nice one! Your shot is ready
+                      </Dialog.Title>
+                      <Dialog.Description className="mt-1.5 text-sm text-muted-foreground">
+                        Go ship it. The world needs to see what you're building.
+                      </Dialog.Description>
+                    </motion.div>
+                  </div>
+
+                  {/* CTA section */}
+                  <motion.div variants={itemVariants} className="mt-6 text-center">
+                    <p className="text-[13px] leading-relaxed text-muted-foreground">
+                      Save your designs and pick up where you left off.
+                    </p>
+                    <Button onClick={onSignup} size="default" className="mt-3">
+                      Create free account
+                    </Button>
+                  </motion.div>
+
+                  {/* Founder section - warmer, separated */}
+                  <motion.div
+                    variants={footerVariants}
+                    className="-mx-6 -mb-6 mt-6 rounded-b-2xl bg-muted/40 px-6 py-4 dark:bg-muted/20"
+                  >
+                    <div className="flex gap-3">
+                      <AdrianAvatar size="md" className="shrink-0 ring-2 ring-background" />
+                      <div className="flex-1">
+                        <p className="text-[13px] leading-relaxed text-muted-foreground">
+                          I'm Adrian — building dopeshot for builders like you. Got ideas or
+                          feedback? Let's chat.
+                        </p>
+                        <div className="mt-3 flex flex-wrap gap-2">
+                          <button
+                            type="button"
+                            onClick={onFeedback}
+                            className="inline-flex h-7 cursor-default items-center gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 text-xs font-medium text-muted-foreground transition-all hover:border-border hover:bg-background hover:text-foreground  dark:border-border/40 dark:bg-background/50 dark:hover:bg-background"
+                          >
+                            <MessageSquare className="h-3.5 w-3.5" />
+                            Feedback
+                          </button>
+                          <CopyEmailButton email="adrian@peelar.dev" />
+                          <ContactLink
+                            href="https://cal.com/adrian-pilarczyk-cs0y69/30min"
+                            icon={<Calendar className="h-3.5 w-3.5" />}
+                            label="Chat"
+                          />
+                          <ContactLink
+                            href="https://twitter.com/gaba6ool"
+                            icon={<XTwitterIcon className="h-3.5 w-3.5" />}
+                            label="X"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </motion.div>
+                </motion.div>
+              </motion.div>
+            </Dialog.Content>
+          </Dialog.Portal>
+        )}
+      </AnimatePresence>
+    </Dialog.Root>
+  );
+}
+
+function ContactLink({
+  href,
+  icon,
+  label,
+}: {
+  href: string;
+  icon: React.ReactNode;
+  label: string;
+}) {
+  return (
+    <a
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="inline-flex h-7 cursor-default items-center gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 text-xs font-medium text-muted-foreground transition-all hover:border-border hover:bg-background hover:text-foreground  dark:border-border/40 dark:bg-background/50 dark:hover:bg-background"
+    >
+      {icon}
+      {label}
+    </a>
+  );
+}
+
+function CopyEmailButton({ email }: { email: string }) {
+  const [copied, setCopied] = React.useState(false);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(email);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      // Fallback for older browsers
+      const textArea = document.createElement("textarea");
+      textArea.value = email;
+      document.body.appendChild(textArea);
+      textArea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textArea);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    }
+  };
+
+  return (
+    <button
+      type="button"
+      onClick={handleCopy}
+      className="inline-flex h-7 cursor-default items-center gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 text-xs font-medium text-muted-foreground transition-all hover:border-border hover:bg-background hover:text-foreground  dark:border-border/40 dark:bg-background/50 dark:hover:bg-background"
+    >
+      {copied ? <Check className="h-3.5 w-3.5" /> : <Mail className="h-3.5 w-3.5" />}
+      Email
+    </button>
+  );
+}
diff --git a/apps/app/src/components/post-export/index.ts b/apps/app/src/components/post-export/index.ts
new file mode 100644
index 00000000..3103c7ef
--- /dev/null
+++ b/apps/app/src/components/post-export/index.ts
@@ -0,0 +1 @@
+export { ExportSuccessModal } from "./export-success-sheet";
diff --git a/apps/app/src/components/ui/adrian-avatar.tsx b/apps/app/src/components/ui/adrian-avatar.tsx
new file mode 100644
index 00000000..85f1806d
--- /dev/null
+++ b/apps/app/src/components/ui/adrian-avatar.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+interface AdrianAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Size variant
+   */
+  size?: "sm" | "md" | "lg";
+}
+
+const sizeClasses = {
+  sm: "h-9 w-9",
+  md: "h-11 w-11",
+  lg: "h-14 w-14",
+};
+
+/**
+ * Adrian's personal avatar component for building connection and trust
+ */
+export function AdrianAvatar({ size = "md", className, ...props }: AdrianAvatarProps) {
+  const [imageError, setImageError] = React.useState(false);
+
+  return (
+    <div
+      className={cn(
+        "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full",
+        "border border-border/20",
+        sizeClasses[size],
+        className,
+      )}
+      {...props}
+    >
+      {!imageError ? (
+        <img
+          src="/me.jpg"
+          alt="Adrian from dopeshot"
+          className="h-full w-full scale-150 object-cover object-[center_15%]"
+          onError={() => setImageError(true)}
+        />
+      ) : (
+        // Fallback to initials if image doesn't load
+        <div className="flex h-full w-full items-center justify-center bg-muted text-muted-foreground font-medium text-sm">
+          AP
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/apps/app/src/domain/layout/export.ts b/apps/app/src/domain/layout/export.ts
index daf76b9f..1a5e125e 100644
--- a/apps/app/src/domain/layout/export.ts
+++ b/apps/app/src/domain/layout/export.ts
@@ -11,8 +11,9 @@ async function waitForRender(): Promise<void> {
     requestAnimationFrame(() => {
       // Use requestIdleCallback if available, otherwise use a short timeout
       if ("requestIdleCallback" in window) {
-        (window as typeof window & { requestIdleCallback: (cb: () => void) => void })
-          .requestIdleCallback(() => resolve(), { timeout: 100 });
+        (
+          window as typeof window & { requestIdleCallback: (cb: () => void) => void }
+        ).requestIdleCallback(() => resolve(), { timeout: 100 });
       } else {
         setTimeout(resolve, 50);
       }
@@ -46,24 +47,23 @@ type ExportSizeOptions = {
  * Defaults to device pixel ratio or 2 (whichever is higher).
  * Respects maxImageScale to prevent upscaling beyond natural resolution.
  */
-export function calculatePixelRatio(options: {
-  desiredPixelRatio?: number;
-  maxImageScale?: number;
-  devicePixelRatio?: number;
-} = {}): number {
+export function calculatePixelRatio(
+  options: {
+    desiredPixelRatio?: number;
+    maxImageScale?: number;
+    devicePixelRatio?: number;
+  } = {},
+): number {
   const {
     desiredPixelRatio,
     maxImageScale,
-    devicePixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio : 1,
+    devicePixelRatio = typeof window !== "undefined" ? window.devicePixelRatio : 1,
   } = options;
 
   const desired = desiredPixelRatio ?? Math.max(devicePixelRatio, 2);
   const maxScale = maxImageScale && Number.isFinite(maxImageScale) ? maxImageScale : Infinity;
 
-  return Math.min(
-    Math.max(desired, 1),
-    Math.max(Math.min(3, maxScale), 1)
-  );
+  return Math.min(Math.max(desired, 1), Math.max(Math.min(3, maxScale), 1));
 }
 
 /**
@@ -187,3 +187,34 @@ export async function exportLayoutAsPng(
     }
   }
 }
+
+/**
+ * Generate a small thumbnail preview of the layout
+ * Used for post-export success UI
+ */
+export async function generateThumbnail(elementId: string): Promise<string> {
+  const element = document.getElementById(elementId);
+  if (!element) {
+    throw new Error(`Export target with id "${elementId}" not found`);
+  }
+
+  try {
+    await waitForRender();
+
+    // Capture full element at low resolution for thumbnail
+    // CSS handles display sizing - we just need a lightweight capture
+    const dataUrl = await toPng(element, {
+      cacheBust: true,
+      pixelRatio: 0.5, // Half resolution for smaller file size
+      style: {
+        visibility: "visible",
+        zIndex: "auto",
+      } as Partial<CSSStyleDeclaration>,
+    });
+
+    return dataUrl;
+  } catch (err) {
+    console.error("Failed to generate thumbnail:", err);
+    throw new Error("Thumbnail generation failed");
+  }
+}
diff --git a/apps/app/src/hooks/atoms.ts b/apps/app/src/hooks/atoms.ts
index 06d55d8f..b83de9a9 100644
--- a/apps/app/src/hooks/atoms.ts
+++ b/apps/app/src/hooks/atoms.ts
@@ -127,4 +127,8 @@ export const hasExportedAtom = atom<boolean>(false); // True after successful ex
 export const currentExportBlobAtom = atom<Blob | null>(null); // Store blob for save
 export const isSavingAtom = atom<boolean>(false); // Save in progress
 
+// Export success sheet state
+export const showExportSheetAtom = atom<boolean>(false); // Show post-export sheet
+export const exportThumbnailAtom = atom<string | null>(null); // Thumbnail preview URL
+
 
diff --git a/apps/app/src/hooks/use-playground-controller.ts b/apps/app/src/hooks/use-playground-controller.ts
index ac5e7678..d5b0db07 100644
--- a/apps/app/src/hooks/use-playground-controller.ts
+++ b/apps/app/src/hooks/use-playground-controller.ts
@@ -15,7 +15,12 @@ import { getPreferredGradientAngle } from "@/domain/layout/gradient-application"
 import { getRandomDemoPreset } from "@/domain/demo/presets";
 import type { LayoutDefinition } from "@/domain/layout-def/definitions";
 import type { GradientPreferences } from "@/domain/gradient-generation";
-import { exportLayoutAsPng, exportLayoutAsPngWithBlob } from "@/domain/layout/export";
+import {
+  exportLayoutAsPng,
+  exportLayoutAsPngWithBlob,
+  generateThumbnail,
+} from "@/domain/layout/export";
+import { useSession } from "@/lib/auth/auth-client";
 import type { LayoutConfig } from "@/domain/layout/types";
 import type { Asset } from "@/domain/asset/types";
 import {
@@ -29,6 +34,8 @@ import {
   statusMessageAtom,
   hasExportedAtom,
   currentExportBlobAtom,
+  showExportSheetAtom,
+  exportThumbnailAtom,
 } from "@/hooks/atoms";
 import {
   canvasAtom,
@@ -57,6 +64,9 @@ interface ExportContext {
   orientation: "mobile" | "desktop";
   setHasExported: Setter<boolean>;
   setCurrentExportBlob: Setter<Blob | null>;
+  setShowExportSheet: Setter<boolean>;
+  setExportThumbnail: Setter<string | null>;
+  isAuthenticated: boolean;
 }
 
 type Setter<T> = (value: T | ((prev: T) => T)) => void;
@@ -102,6 +112,13 @@ export function usePlaygroundController({ demoEnabled }: { demoEnabled: boolean
   const setHasExported = useSetAtom(hasExportedAtom);
   const setCurrentExportBlob = useSetAtom(currentExportBlobAtom);
 
+  // Export sheet atoms for post-export UI
+  const setShowExportSheet = useSetAtom(showExportSheetAtom);
+  const setExportThumbnail = useSetAtom(exportThumbnailAtom);
+
+  // Auth state for conditional sheet display
+  const { data: session } = useSession();
+
   usePlaceholderGradientBootstrap({ assets, config, processColorAnalysis });
 
   const showFocusHint = useFocusHint(isScreenshotFocusedMode, lookCapabilities?.focusMode);
@@ -121,6 +138,9 @@ export function usePlaygroundController({ demoEnabled }: { demoEnabled: boolean
     orientation,
     setHasExported,
     setCurrentExportBlob,
+    setShowExportSheet,
+    setExportThumbnail,
+    isAuthenticated: Boolean(session?.session),
   });
 
   const toggleCanvasMode = useCanvasModeToggle(setConfig);
@@ -272,6 +292,9 @@ function useExportHandler({
   orientation,
   setHasExported,
   setCurrentExportBlob,
+  setShowExportSheet,
+  setExportThumbnail,
+  isAuthenticated,
 }: ExportContext) {
   return useCallback(async () => {
     if (requiresScreenshot && !hasScreenshot) {
@@ -325,6 +348,29 @@ function useExportHandler({
         look_id: config.layoutId,
         orientation,
       });
+
+      // DEV FLAG: Force show modal for all users in development
+      const DEV_FORCE_SHOW_MODAL = process.env.NODE_ENV === "development" && false; // Set to true to test modal
+
+      // Show export success sheet for anonymous users (or all users if dev flag enabled)
+      if (!isAuthenticated || DEV_FORCE_SHOW_MODAL) {
+        // Generate thumbnail for the success sheet
+        try {
+          const thumbnail = await generateThumbnail("export-container");
+          setExportThumbnail(thumbnail);
+        } catch (err) {
+          console.warn("Failed to generate thumbnail:", err);
+          // Continue without thumbnail
+        }
+
+        // Show sheet after a short delay to let download complete
+        setTimeout(() => {
+          setShowExportSheet(true);
+          track("export_sheet_shown", {
+            user_type: DEV_FORCE_SHOW_MODAL ? "dev_testing" : "anonymous",
+          });
+        }, 500);
+      }
     } catch (error) {
       console.error("Export Error Handler:", error);
       const msg = error instanceof Error ? error.message : "Unknown error occurred";
@@ -360,6 +406,9 @@ function useExportHandler({
     setStatusMessage,
     setHasExported,
     setCurrentExportBlob,
+    setShowExportSheet,
+    setExportThumbnail,
+    isAuthenticated,
   ]);
 }
 
diff --git a/apps/app/tests/ui/feedback-modal.test.tsx b/apps/app/tests/ui/feedback-modal.test.tsx
index 209c1ebe..c50f44a2 100644
--- a/apps/app/tests/ui/feedback-modal.test.tsx
+++ b/apps/app/tests/ui/feedback-modal.test.tsx
@@ -30,23 +30,18 @@ describe("FeedbackModal", () => {
 
   it("renders when open is true", () => {
     render(<FeedbackModal {...defaultProps} />);
-    expect(screen.getByText("Share Your Feedback")).toBeInTheDocument();
-    expect(
-      screen.getByText("Help us improve dopeshot for you")
-    ).toBeInTheDocument();
+    expect(screen.getByText("Share your feedback")).toBeInTheDocument();
   });
 
   it("does not render when open is false", () => {
     render(<FeedbackModal {...defaultProps} open={false} />);
-    expect(screen.queryByText("Share Your Feedback")).not.toBeInTheDocument();
+    expect(screen.queryByText("Share your feedback")).not.toBeInTheDocument();
   });
 
   it("displays the feedback textarea with correct label", () => {
     render(<FeedbackModal {...defaultProps} />);
     expect(
-      screen.getByLabelText(
-        /What are you trying to do, and what would make dopeshot better for you/i
-      )
+      screen.getByLabelText(/What would make dopeshot better for you/i)
     ).toBeInTheDocument();
   });
 
@@ -55,43 +50,18 @@ describe("FeedbackModal", () => {
     expect(screen.getByLabelText(/Email/i)).toBeInTheDocument();
   });
 
-  it("shows screenshot toggle when screenshotDataUrl is provided", () => {
+  it("renders with screenshot when screenshotDataUrl is provided", () => {
     const screenshotDataUrl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
     render(
       <FeedbackModal {...defaultProps} screenshotDataUrl={screenshotDataUrl} />
     );
-    expect(screen.getByText("Include screenshot")).toBeInTheDocument();
-    expect(screen.getByText(/Attach a screenshot of your current canvas/i)).toBeInTheDocument();
-    const toggle = screen.getByRole("switch", { name: /Include screenshot/i });
-    expect(toggle).toBeInTheDocument();
-    expect(toggle).toBeChecked();
-  });
-
-  it("allows toggling screenshot inclusion", async () => {
-    const screenshotDataUrl = "data:image/png;base64,test";
-    render(
-      <FeedbackModal {...defaultProps} screenshotDataUrl={screenshotDataUrl} />
-    );
-
-    const toggle = screen.getByRole("switch", { name: /Include screenshot/i });
-    expect(toggle).toBeChecked();
-
-    // Toggle off
-    fireEvent.click(toggle);
-    await waitFor(() => {
-      expect(toggle).not.toBeChecked();
-    });
-
-    // Toggle back on
-    fireEvent.click(toggle);
-    await waitFor(() => {
-      expect(toggle).toBeChecked();
-    });
+    // Modal should render normally with screenshot prop
+    expect(screen.getByText("Share your feedback")).toBeInTheDocument();
   });
 
   it("disables submit button when feedback is empty", () => {
     render(<FeedbackModal {...defaultProps} />);
-    const submitButton = screen.getByRole("button", { name: /Send Feedback/i });
+    const submitButton = screen.getByRole("button", { name: /Send/i });
     expect(submitButton).toBeDisabled();
   });
 
@@ -99,11 +69,11 @@ describe("FeedbackModal", () => {
     render(<FeedbackModal {...defaultProps} />);
 
     const textarea = screen.getByLabelText(
-      /What are you trying to do, and what would make dopeshot better for you/i
+      /What would make dopeshot better for you/i
     );
     fireEvent.change(textarea, { target: { value: "This is my feedback" } });
 
-    const submitButton = screen.getByRole("button", { name: /Send Feedback/i });
+    const submitButton = screen.getByRole("button", { name: /Send/i });
     expect(submitButton).not.toBeDisabled();
   });
 
@@ -118,16 +88,16 @@ describe("FeedbackModal", () => {
     render(<FeedbackModal {...defaultProps} onOpenChange={onOpenChange} />);
 
     const textarea = screen.getByLabelText(
-      /What are you trying to do, and what would make dopeshot better for you/i
+      /What would make dopeshot better for you/i
     );
     fireEvent.change(textarea, { target: { value: "Great app!" } });
 
-    const submitButton = screen.getByRole("button", { name: /Send Feedback/i });
+    const submitButton = screen.getByRole("button", { name: /Send/i });
     fireEvent.click(submitButton);
 
     // Should show success message
     await waitFor(() => {
-      expect(screen.getByText("Thank you for your feedback!")).toBeInTheDocument();
+      expect(screen.getByText("Thank you!")).toBeInTheDocument();
     });
 
     // Should close modal after success
@@ -145,11 +115,11 @@ describe("FeedbackModal", () => {
     render(<FeedbackModal {...defaultProps} />);
 
     const textarea = screen.getByLabelText(
-      /What are you trying to do, and what would make dopeshot better for you/i
+      /What would make dopeshot better for you/i
     );
     fireEvent.change(textarea, { target: { value: "Great app!" } });
 
-    const submitButton = screen.getByRole("button", { name: /Send Feedback/i });
+    const submitButton = screen.getByRole("button", { name: /Send/i });
     fireEvent.click(submitButton);
 
     // Should show error message
@@ -167,14 +137,14 @@ describe("FeedbackModal", () => {
     render(<FeedbackModal {...defaultProps} />);
 
     const textarea = screen.getByLabelText(
-      /What are you trying to do, and what would make dopeshot better for you/i
+      /What would make dopeshot better for you/i
     );
     fireEvent.change(textarea, { target: { value: "Great app!" } });
 
     const emailInput = screen.getByLabelText(/Email/i);
     fireEvent.change(emailInput, { target: { value: "test@example.com" } });
 
-    const submitButton = screen.getByRole("button", { name: /Send Feedback/i });
+    const submitButton = screen.getByRole("button", { name: /Send/i });
     fireEvent.click(submitButton);
 
     await waitFor(() => {
@@ -201,11 +171,11 @@ describe("FeedbackModal", () => {
     );
 
     const textarea = screen.getByLabelText(
-      /What are you trying to do, and what would make dopeshot better for you/i
+      /What would make dopeshot better for you/i
     );
     fireEvent.change(textarea, { target: { value: "Great app!" } });
 
-    const submitButton = screen.getByRole("button", { name: /Send Feedback/i });
+    const submitButton = screen.getByRole("button", { name: /Send/i });
     fireEvent.click(submitButton);
 
     await waitFor(() => {
@@ -219,13 +189,13 @@ describe("FeedbackModal", () => {
     });
   });
 
-  it("allows canceling the feedback", () => {
+  it("allows closing the modal via close button", () => {
     const onOpenChange = vi.fn();
 
     render(<FeedbackModal {...defaultProps} onOpenChange={onOpenChange} />);
 
-    const cancelButton = screen.getByRole("button", { name: /Cancel/i });
-    fireEvent.click(cancelButton);
+    const closeButton = screen.getByRole("button", { name: /Close/i });
+    fireEvent.click(closeButton);
 
     expect(onOpenChange).toHaveBeenCalledWith(false);
   });
@@ -237,7 +207,7 @@ describe("FeedbackModal", () => {
     rerender(<FeedbackModal {...defaultProps} open={true} />);
 
     const textarea = screen.getByLabelText(
-      /What are you trying to do, and what would make dopeshot better for you/i
+      /What would make dopeshot better for you/i
     );
 
     // Form should be empty
diff --git a/package.json b/package.json
index 61616b47..3656892e 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,6 @@
   "private": true,
   "packageManager": "pnpm@9.15.0",
   "scripts": {
-    "predev": "scripts/check-dev-db.sh",
     "dev": "turbo run dev --parallel",
     "build": "turbo run build",
     "lint": "turbo run lint",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ddbe36cc..d6b23253 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,6 +75,9 @@ importers:
       flags:
         specifier: ^4.0.2
         version: 4.0.2(@opentelemetry/api@1.9.0)(next@16.1.1(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1))(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      framer-motion:
+        specifier: ^11.11.17
+        version: 11.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       geist:
         specifier: ^1.5.1
         version: 1.5.1(next@16.1.1(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.57.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1))
diff --git a/scripts/check-dev-db.sh b/scripts/check-dev-db.sh
deleted file mode 100755
index c7c53d77..00000000
--- a/scripts/check-dev-db.sh
+++ /dev/null
@@ -1,104 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-
-# Quick guard: skip if explicitly requested
-if [[ "${DEV_SKIP_DB_CHECK:-}" == "1" ]]; then
-  echo "Skipping DB status check (DEV_SKIP_DB_CHECK=1)."
-  exit 0
-fi
-
-ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
-APP_DIR="$ROOT_DIR/apps/app"
-cd "$APP_DIR"
-
-ENV_FILES=()
-if [[ -n "${DEV_DB_ENV_FILE:-}" ]]; then
-  ENV_FILES+=("$DEV_DB_ENV_FILE")
-fi
-ENV_FILES+=(".env.local" ".env")
-
-# Resolve DATABASE_URL / DIRECT_DATABASE_URL from env or local env files
-ENV_FILE_DB_URL="$(grep -h '^DATABASE_URL=' "${ENV_FILES[@]}" 2>/dev/null | tail -n1 | cut -d= -f2- || true)"
-ENV_FILE_DIRECT_URL="$(grep -h '^DIRECT_DATABASE_URL=' "${ENV_FILES[@]}" 2>/dev/null | tail -n1 | cut -d= -f2- || true)"
-ENV_FILE_DIRECT_ALT_URL="$(grep -h '^DIRECT_URL=' "${ENV_FILES[@]}" 2>/dev/null | tail -n1 | cut -d= -f2- || true)"
-
-ACTIVE_URL="${DIRECT_DATABASE_URL:-${DATABASE_URL:-${ENV_FILE_DIRECT_URL:-${ENV_FILE_DIRECT_ALT_URL:-$ENV_FILE_DB_URL}}}}"
-
-# Strip surrounding quotes if present
-strip_quotes() {
-  local s="$1"
-  s="${s%\"}"; s="${s#\"}"
-  s="${s%\'}"; s="${s#\'}"
-  echo "$s"
-}
-
-ACTIVE_URL="$(strip_quotes "$ACTIVE_URL")"
-
-if [[ -z "$ACTIVE_URL" ]]; then
-  cat <<'EOF'
-No DATABASE_URL / DIRECT_DATABASE_URL found. Skipping DB status check.
-Set one in apps/app/.env(.local) or export it, or set DEV_SKIP_DB_CHECK=1 to silence this message.
-EOF
-  exit 0
-fi
-
-AUTO_MIGRATE="${DEV_AUTO_MIGRATE:-1}"
-
-echo "Checking database status (prisma migrate status)..."
-if echo "$ACTIVE_URL" | grep -E ':6543(/|\\?|$)' >/dev/null; then
-  echo "Warning: URL uses the transaction pooler (6543). Prisma migrate deploy requires a session/direct URL on port 5432."
-fi
-if echo "$ACTIVE_URL" | grep -q "pooler" && echo "$ACTIVE_URL" | grep -q ":5432"; then
-  echo "Note: URL points to the Supabase session pooler on 5432; that's fine for Prisma CLI. Direct db.<ref>.supabase.co:5432 also works."
-fi
-OUTPUT="$(DATABASE_URL="$ACTIVE_URL" pnpm prisma migrate status 2>&1)" || status=$?
-
-PENDING=0
-if echo "$OUTPUT" | grep -q "have not yet been applied"; then
-  PENDING=1
-fi
-if echo "$OUTPUT" | grep -q "Database schema is up to date"; then
-  PENDING=0
-fi
-
-if [[ "$PENDING" -eq 0 && "${status:-0}" -eq 0 ]]; then
-  echo "Database schema looks good."
-  exit 0
-fi
-
-# If status failed (drift/network) and not just pending, bubble up
-if [[ "${status:-0}" -ne 0 && "$PENDING" -eq 0 ]]; then
-  echo "$OUTPUT"
-  cat <<'EOF'
-
-Prisma migrate status failed.
-
-Common fixes:
-- Ensure DIRECT_DATABASE_URL (or DATABASE_URL fallback) is set in apps/app/.env(.local) and is a valid Postgres URL.
-- Use the direct Supabase URL (not pooled) for migrations/CLI.
-- Make sure your database is reachable (local Postgres running or Supabase tunnel/VPN up).
-- If you're working without the app DB (e.g., landing-only), rerun with DEV_SKIP_DB_CHECK=1.
-EOF
-  exit "${status:-1}"
-fi
-
-echo "$OUTPUT"
-echo "Pending migrations detected."
-
-if [[ "$AUTO_MIGRATE" == "1" ]]; then
-  if echo "$ACTIVE_URL" | grep -E ':6543(/|\\?|$)' >/dev/null; then
-    echo "Auto-migrate blocked: URL is the transaction pooler (6543). Use session/direct on 5432."
-    exit 1
-  fi
-  echo "Applying pending migrations automatically (DEV_AUTO_MIGRATE=1)..."
-  DATABASE_URL="$ACTIVE_URL" pnpm prisma migrate deploy
-  exit $?
-fi
-
-cat <<'EOF'
-Run migrations now so dev uses the latest schema:
-  pnpm db:dev
-
-Auto-apply is ON by default. To disable, set DEV_AUTO_MIGRATE=0.
-EOF
-exit 1