Email retention

src/app/(main)/(app)/dashboard/page.tsx

@@ -12,6 +12,7 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { useCsrf } from '@/hooks/useCsrf';
 import { showToast } from '@/components/ui/Toast';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@/components/ui/Dialog';
+import { QrCode } from 'lucide-react';
 
 interface QRCodeData {
   id: string;
@@ -45,68 +46,6 @@ export default function DashboardPage() {
   });
   const [analyticsData, setAnalyticsData] = useState<any>(null);
 
-  const mockQRCodes = [
-    {
-      id: '1',
-      title: 'Support Phone',
-      type: 'DYNAMIC' as const,
-      contentType: 'PHONE',
-      slug: 'support-phone-demo',
-      status: 'ACTIVE' as const,
-      createdAt: '2025-08-07T10:00:00Z',
-      scans: 0,
-    },
-    {
-      id: '2',
-      title: 'Event Details',
-      type: 'DYNAMIC' as const,
-      contentType: 'URL',
-      slug: 'event-details-demo',
-      status: 'ACTIVE' as const,
-      createdAt: '2025-08-07T10:01:00Z',
-      scans: 0,
-    },
-    {
-      id: '3',
-      title: 'Product Demo',
-      type: 'DYNAMIC' as const,
-      contentType: 'URL',
-      slug: 'product-demo-qr',
-      status: 'ACTIVE' as const,
-      createdAt: '2025-08-07T10:02:00Z',
-      scans: 0,
-    },
-    {
-      id: '4',
-      title: 'Company Website',
-      type: 'DYNAMIC' as const,
-      contentType: 'URL',
-      slug: 'company-website-qr',
-      status: 'ACTIVE' as const,
-      createdAt: '2025-08-07T10:03:00Z',
-      scans: 0,
-    },
-    {
-      id: '5',
-      title: 'Contact Card',
-      type: 'DYNAMIC' as const,
-      contentType: 'VCARD',
-      slug: 'contact-card-qr',
-      status: 'ACTIVE' as const,
-      createdAt: '2025-08-07T10:04:00Z',
-      scans: 0,
-    },
-    {
-      id: '6',
-      title: 'Event Details',
-      type: 'DYNAMIC' as const,
-      contentType: 'URL',
-      slug: 'event-details-dup',
-      status: 'ACTIVE' as const,
-      createdAt: '2025-08-07T10:05:00Z',
-      scans: 0,
-    },
-  ];
 
   const blogPosts = [
     // NEW POSTS
@@ -384,7 +323,11 @@ export default function DashboardPage() {
       <div className="flex items-start justify-between">
         <div>
           <h1 className="text-3xl font-bold text-gray-900">{t('dashboard.title')}</h1>
-          <p className="text-gray-600 mt-2">{t('dashboard.subtitle')}</p>
+          <p className="text-gray-600 mt-2">
+            {!loading && qrCodes.length === 0
+              ? 'Start here — create your first QR code in under 2 minutes'
+              : t('dashboard.subtitle')}
+          </p>
         </div>
         <div className="flex items-center space-x-3">
           <Badge variant={getPlanBadgeColor(userPlan)} className="text-lg px-4 py-2">
@@ -445,6 +388,17 @@ export default function DashboardPage() {
               </Card>
             ))}
           </div>
+        ) : qrCodes.length === 0 ? (
+          <div className="text-center py-16 border-2 border-dashed border-gray-200 rounded-xl">
+            <QrCode className="w-12 h-12 text-gray-300 mx-auto mb-4" />
+            <h3 className="text-lg font-semibold text-gray-700 mb-2">Create your first QR code</h3>
+            <p className="text-gray-500 mb-6 max-w-sm mx-auto">
+              You have 3 free dynamic QR codes. They redirect wherever you want and track every scan.
+            </p>
+            <Link href="/create">
+              <Button>Create QR Code — it takes 90 seconds</Button>
+            </Link>
+          </div>
         ) : (
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
             {qrCodes.map((qr) => (