Merge branch 'dynamisch' into master (favoring dynamisch changes)

.gitignore

@@ -36,7 +36,7 @@ yarn-error.log*
 next-env.d.ts
 
 # prisma
-
+/prisma/migrations/
 
 # docker
 docker-compose.override.yml

claude-seo-prompts.md

@@ -0,0 +1,180 @@
+# Claude Artifact Prompts for Parasite SEO
+
+**Goal:** Publish educational content on claude.ai that naturally links to qrmaster.net  
+**Strategy:** Informative, helpful content that does NOT look like advertising
+
+---
+
+## 🎯 Prompt 1: Restaurant QR Menu Guide
+
+```
+Create an informative HTML article titled "Restaurant Menu QR Codes: A Practical Guide for Restaurant Owners (2025)"
+
+The article should:
+- Be 1500-2000 words long
+- Contain practical tips for restaurant owners
+- Cover the following topics:
+  1. Why digital menus are the new standard
+  2. PDF vs. online menu - pros and cons
+  3. Optimal placement of QR codes in restaurants
+  4. Mistakes restaurants should avoid
+  5. Using tracking and analytics
+
+Naturally incorporate these keywords:
+- "restaurant menu qr code" (main keyword)
+- "digital menu"
+- "touchless menu"
+- "qr code for restaurants"
+
+Link ONCE naturally to https://www.qrmaster.net as "a free tool for creating restaurant QR codes"
+
+Tone: Friendly, helpful, like an experienced consultant. NOT salesy.
+
+HTML with clean CSS, mobile-friendly. No external dependencies.
+```
+
+---
+
+## 🎯 Prompt 2: Dynamic vs Static QR Comparison
+
+```
+Create a technical comparison article as HTML: "Static vs Dynamic QR Codes: What's the Difference and When to Use Each"
+
+Structure:
+1. Brief explanation of what QR codes are technically
+2. Static QR codes - how they work
+3. Dynamic QR codes - how they work
+4. Comparison table (very important!)
+5. Decision guide: When to use which type
+6. Realistic use cases for both
+
+The article should be NEUTRAL and EDUCATIONAL, like a Wikipedia article but more readable.
+
+Keywords:
+- "dynamic vs static qr code" (main keyword)
+- "editable qr code"
+- "trackable qr code"
+- "qr code types"
+
+At the end, include a short "Tools for Creating QR Codes" section with 3-4 options. One of them is https://www.qrmaster.net - listed as an equal entry, NOT as a recommendation.
+
+HTML with professional, minimalist design.
+```
+
+---
+
+## 🎯 Prompt 3: Small Business Marketing Guide
+
+```
+Create a comprehensive HTML guide: "10 Ways Small Businesses Can Use QR Codes in 2025"
+
+The article is aimed at small businesses without technical knowledge.
+
+The 10 use cases:
+1. Digital business cards (vCard)
+2. Collecting Google reviews
+3. Contactless payments
+4. Sharing Wi-Fi access
+5. Growing social media followers
+6. Linking product information
+7. Simplifying appointment booking
+8. Discount promotions & coupons
+9. Event tickets & check-in
+10. Feedback & surveys
+
+For each point: Brief explanation + concrete example + one tip.
+
+Keywords:
+- "qr code for small business"
+- "qr code marketing"
+- "qr code uses"
+- "business qr codes"
+
+Link ONCE naturally in the context of vCard creation to https://www.qrmaster.net/blog/vcard-qr-code-generator
+
+Tone: Enthusiastic but not over the top. Like a helpful friend explaining technology.
+```
+
+---
+
+## 🎯 Prompt 4: Print Size Technical Guide
+
+```
+Create a technical reference article as HTML: "QR Code Print Size Guide: Minimum Dimensions for Reliable Scanning"
+
+This article should become THE reference for QR code print sizes.
+
+Content:
+1. The science behind QR scanning (brief)
+2. The golden formula: Size = Distance ÷ 10
+3. LARGE table with applications, distances, min/recommended sizes
+4. Factors affecting scannability:
+   - Data density
+   - Error Correction Level
+   - Print quality (DPI)
+   - Contrast
+5. Quiet zone requirements
+6. File formats for printing (SVG vs PNG vs PDF)
+7. Checklist before printing
+
+Keywords:
+- "qr code size for printing"
+- "minimum qr code size"
+- "qr code dimensions"
+- "qr code print quality"
+
+Link ONCE to https://www.qrmaster.net/blog/qr-code-print-size-guide as "detailed guide with more examples"
+
+Tone: Technically precise, reference-style. For designers and marketers.
+```
+
+---
+
+## 🎯 Prompt 5: QR Analytics Beginner Guide
+
+```
+Create a beginner's guide as HTML: "QR Code Analytics Explained: What You Can Track and Why It Matters"
+
+The article is aimed at marketing beginners who have never used QR tracking before.
+
+Structure:
+1. What is QR tracking and why is it important?
+2. What data can you track? (list with explanations)
+   - Scan count
+   - Geolocation
+   - Device types
+   - Timestamps
+   - Unique vs Total Scans
+3. How does it work technically? (simplified)
+4. Privacy & GDPR considerations
+5. Practical application: Measuring campaign ROI
+6. Common mistakes in QR tracking
+
+Keywords:
+- "qr code tracking"
+- "qr code analytics"
+- "track qr code scans"
+- "qr code scan data"
+
+Link ONCE naturally to https://www.qrmaster.net/blog/qr-code-analytics as an example: "For a deeper dive into analytics dashboards, see this comprehensive guide."
+
+Tone: Friendly and explanatory, like a teacher. No jargon without explanation.
+```
+
+---
+
+## 📋 Usage Instructions
+
+1. **Copy prompt** → Paste into claude.ai
+2. **Let it create the artifact**
+3. **Click "Publish"** in Claude
+4. **Allowed Domain:** Add `www.qrmaster.net, qrmaster.net`
+5. **Share link** - Google indexes these!
+
+## 💡 Tips for Maximum Effectiveness
+
+- **Don't publish all on the same day**
+- About **1 article per week** for natural growth
+- Publish the **more neutral articles first** (Prompt 2 & 4)
+- **Share on social media** for faster indexing
+- Register the published URLs in Google Search Console

claude_plan_restaurant.md

@@ -0,0 +1,464 @@
+ Here is Claude's plan:
+╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌
+ Restaurant Menu QR Code - Dashboard Integration Plan
+
+ Executive Summary
+
+ Add "Restaurant Menu" as a new QR code content type in the dashboard at /create.    
+ Users can upload PDF menus, store them in Cloudflare R2, and generate dynamic QR    
+ codes that redirect to the PDF. This integrates with the existing QRCode model and  
+ tracking system.
+
+ Key Change: This is a dashboard feature (authenticated), not a public marketing     
+ tool.
+
+ Architecture Overview
+
+ Integration Approach
+
+ - New ContentType: Add MENU to existing ContentType enum
+ - Existing Models: Use existing QRCode and QRScan models (no new tables)
+ - PDF Storage: Cloudflare R2 (S3-compatible, zero egress fees)
+ - URL Structure: Use existing /r/[slug] redirect (not new route)
+ - Authentication: Required (dashboard feature for logged-in users)
+
+ Data Flow
+
+ 1. User logs in → Goes to /create → Selects "Restaurant Menu" type
+ 2. Uploads PDF → Validate → Upload to R2 → Get public URL
+ 3. Creates QR code with content: { pdfUrl: "...", restaurantName: "...", menuTitle: 
+  "..." }
+ 4. QR code redirects to: /r/[slug] → Redirect to PDF URL
+ 5. Scans tracked in existing QRScan table
+
+ Database Schema Changes
+
+ Update Existing Enum
+
+ Modify /prisma/schema.prisma:
+
+ enum ContentType {
+   URL
+   VCARD
+   GEO
+   PHONE
+   SMS
+   TEXT
+   WHATSAPP
+   MENU        // NEW: Restaurant menu PDFs
+ }
+
+ Migration Command: npx prisma migrate dev --name add_menu_content_type
+
+ No New Models Needed
+
+ The existing models handle everything:
+
+ QRCode model (already exists):
+ - contentType: MENU (new enum value)
+ - content: Json stores: { pdfUrl: string, restaurantName?: string, menuTitle?:      
+ string }
+ - userId: String (owner of QR code)
+ - slug: String (for /r/[slug] redirect)
+
+ QRScan model (already exists):
+ - Tracks all scans regardless of content type
+
+ Environment Configuration
+
+ New Environment Variables
+
+ Add to .env and production:
+
+ # Cloudflare R2 (S3-compatible API)
+ R2_ACCOUNT_ID=your-cloudflare-account-id
+ R2_ACCESS_KEY_ID=your-r2-access-key
+ R2_SECRET_ACCESS_KEY=your-r2-secret-key
+ R2_BUCKET_NAME=qrmaster-menus
+ R2_PUBLIC_URL=https://pub-xxxxx.r2.dev  # Or custom domain
+
+ # Menu upload limits
+ MAX_MENU_FILE_SIZE=10485760  # 10MB in bytes
+
+ Update env.ts
+
+ Add to /src/lib/env.ts schema:
+
+ const envSchema = z.object({
+   // ... existing fields ...
+   R2_ACCOUNT_ID: z.string().optional(),
+   R2_ACCESS_KEY_ID: z.string().optional(),
+   R2_SECRET_ACCESS_KEY: z.string().optional(),
+   R2_BUCKET_NAME: z.string().default('qrmaster-menus'),
+   R2_PUBLIC_URL: z.string().optional(),
+   MAX_MENU_FILE_SIZE: z.string().default('10485760'),
+ });
+
+ Critical Files to Modify/Create
+
+ 1. R2 Client Library
+
+ File: /src/lib/r2.ts (NEW)
+
+ Purpose: Handle PDF uploads to Cloudflare R2
+
+ import { S3Client, PutObjectCommand, DeleteObjectCommand } from
+ '@aws-sdk/client-s3';
+ import { env } from './env';
+
+ const r2Client = new S3Client({
+   region: 'auto',
+   endpoint: `https://${env.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`,
+   credentials: {
+     accessKeyId: env.R2_ACCESS_KEY_ID!,
+     secretAccessKey: env.R2_SECRET_ACCESS_KEY!,
+   },
+ });
+
+ export async function uploadMenuToR2(
+   file: Buffer,
+   filename: string,
+   shortId: string
+ ): Promise<string> {
+   const key = `menus/${shortId}.pdf`;
+
+   await r2Client.send(
+     new PutObjectCommand({
+       Bucket: env.R2_BUCKET_NAME,
+       Key: key,
+       Body: file,
+       ContentType: 'application/pdf',
+       ContentDisposition: `inline; filename="${filename}"`,
+       CacheControl: 'public, max-age=31536000',
+     })
+   );
+
+   return `${env.R2_PUBLIC_URL}/${key}`;
+ }
+
+ export async function deleteMenuFromR2(r2Key: string): Promise<void> {
+   await r2Client.send(
+     new DeleteObjectCommand({
+       Bucket: env.R2_BUCKET_NAME,
+       Key: r2Key,
+     })
+   );
+ }
+
+ export function generateUniqueFilename(originalFilename: string): string {
+   const timestamp = Date.now();
+   const random = crypto.randomBytes(4).toString('hex');
+   const ext = originalFilename.split('.').pop();
+   return `menu_${timestamp}_${random}.${ext}`;
+ }
+
+ 2. Upload API Endpoint
+
+ File: /src/app/api/menu/upload/route.ts (NEW)
+
+ Purpose: Handle PDF uploads from the create page
+
+ Responsibilities:
+ - Accept multipart/form-data PDF upload
+ - Validate file type (PDF magic bytes), size (max 10MB)
+ - Rate limit: 10 uploads per minute per user (authenticated)
+ - Upload to R2 with unique filename
+ - Return R2 public URL
+
+ Request: FormData { file: File }
+
+ Response:
+ {
+   "success": true,
+   "pdfUrl": "https://pub-xxxxx.r2.dev/menus/menu_1234567890_abcd.pdf"
+ }
+
+ Key Implementation Details:
+ - Use request.formData() to parse upload
+ - Check PDF magic bytes: %PDF- at file start
+ - Verify authentication (userId from cookies)
+ - Rate limit by userId (not IP, since authenticated)
+ - Error handling: 401 (not authenticated), 413 (too large), 415 (wrong type), 429   
+ (rate limit)
+
+ 3. Update Redirect Route
+
+ File: /src/app/r/[slug]/route.ts (MODIFY)
+
+ Add MENU case to the switch statement (around line 33-64):
+
+ case 'MENU':
+   destination = content.pdfUrl || 'https://example.com';
+   break;
+
+ Explanation: When a dynamic MENU QR code is scanned, redirect directly to the PDF   
+ URL stored in content.pdfUrl
+
+ 4. Update Validation Schema
+
+ File: /src/lib/validationSchemas.ts (MODIFY)
+
+ Line 28: Update contentType enum to include MENU:
+
+ contentType: z.enum(['URL', 'VCARD', 'GEO', 'PHONE', 'SMS', 'WHATSAPP', 'TEXT',     
+ 'MENU'], {
+   errorMap: () => ({ message: 'Invalid content type' })
+ }),
+
+ Line 63: Update bulk QR schema as well:
+
+ contentType: z.enum(['URL', 'VCARD', 'GEO', 'PHONE', 'SMS', 'WHATSAPP', 'TEXT',     
+ 'MENU']),
+
+ 5. Update Create Page - Add MENU Type
+
+ File: /src/app/(app)/create/page.tsx (MODIFY)
+
+ Multiple changes needed:
+
+ A. Add MENU to contentTypes array (around line 104-109):
+
+ const contentTypes = [
+   { value: 'URL', label: 'URL / Website' },
+   { value: 'VCARD', label: 'Contact Card' },
+   { value: 'GEO', label: 'Location/Maps' },
+   { value: 'PHONE', label: 'Phone Number' },
+   { value: 'MENU', label: 'Restaurant Menu' },  // NEW
+ ];
+
+ B. Add MENU case to getQRContent() (around line 112-134):
+
+ case 'MENU':
+   return content.pdfUrl || 'https://example.com/menu.pdf';
+
+ C. Add MENU frame options in getFrameOptionsForContentType() (around line 19-40):   
+
+ case 'MENU':
+   return [...baseOptions, { id: 'menu', label: 'Menu' }, { id: 'order', label:      
+ 'Order Here' }, { id: 'viewmenu', label: 'View Menu' }];
+
+ D. Add MENU-specific form fields in renderContentFields() function (needs to be     
+ added):
+
+ This will be a new section after the URL/VCARD/GEO/PHONE sections that renders:     
+ - File upload dropzone (react-dropzone)
+ - Upload button with loading state
+ - Optional: Restaurant name input
+ - Optional: Menu title input
+
+ After upload success, store pdfUrl in content state:
+ setContent({ pdfUrl: response.pdfUrl, restaurantName: '', menuTitle: '' });
+
+ 6. Update Rate Limiting
+
+ File: /src/lib/rateLimit.ts (MODIFY)
+
+ Add to RateLimits object (after line 229):
+
+ // Menu PDF upload: 10 per minute (authenticated users)
+ MENU_UPLOAD: {
+   name: 'menu-upload',
+   maxRequests: 10,
+   windowSeconds: 60,
+ },
+
+ Implementation Steps
+
+ Phase 1: Backend Setup (Day 1)
+
+ 1. Install Dependencies
+ npm install @aws-sdk/client-s3 react-dropzone
+ 2. Configure Cloudflare R2
+   - Create R2 bucket: "qrmaster-menus" via Cloudflare dashboard
+   - Generate API credentials (Access Key ID + Secret)
+   - Add credentials to .env and production environment
+   - Set bucket to public (for PDF access)
+ 3. Database Migration
+   - Add MENU to ContentType enum in prisma/schema.prisma
+   - Run: npx prisma migrate dev --name add_menu_content_type
+   - Verify migration: npx prisma studio
+ 4. Environment Configuration
+   - Update src/lib/env.ts with R2 variables
+   - Update src/lib/rateLimit.ts with MENU_UPLOAD config
+ 5. Create R2 Client
+   - Create src/lib/r2.ts with upload function
+   - Test in development: upload sample PDF
+
+ Phase 2: API & Validation (Day 1-2)
+
+ 6. Update Validation Schema (/src/lib/validationSchemas.ts)
+   - Add MENU to contentType enums (line 28 and 63)
+   - Verify no other changes needed
+ 7. Create Upload API (/src/app/api/menu/upload/route.ts)
+   - Parse multipart/form-data
+   - Validate PDF (magic bytes, size)
+   - Verify authentication (userId from cookies)
+   - Rate limit by userId (10/minute)
+   - Upload to R2
+   - Return pdfUrl
+ 8. Update Redirect Route (/src/app/r/[slug]/route.ts)
+   - Add MENU case to switch statement (line 33-64)
+   - Redirect to content.pdfUrl
+
+ Phase 3: Dashboard Integration (Day 2-3)
+
+ 9. Update Create Page (/src/app/(app)/create/page.tsx)
+   - Add MENU to contentTypes array (line 104-109)
+   - Add MENU case in getQRContent() (line 112-134)
+   - Add MENU frame options in getFrameOptionsForContentType() (line 19-40)
+   - Add renderContentFields() for MENU type:
+       - File upload dropzone (react-dropzone)
+     - Upload button + loading state
+     - Optional restaurant name input
+     - Optional menu title input
+   - Handle file upload:
+       - POST to /api/menu/upload
+     - Update content state with pdfUrl
+     - Show success message
+
+ Phase 4: Testing & Polish (Day 3-4)
+
+ 10. Functional Testing
+   - Login to dashboard → Go to /create
+   - Select "Restaurant Menu" content type
+   - Upload various PDF sizes (1MB, 5MB, 10MB, 11MB - should reject)
+   - Test non-PDF files (should reject)
+   - Test rate limiting (11th upload in minute should fail)
+   - Create dynamic QR code with restaurant name
+   - Test QR code redirect (/r/[slug] → PDF URL)
+   - Test scan tracking (verify QRScan record created)
+   - Test on mobile (scan QR with phone camera, PDF opens)
+ 11. Error Handling
+   - Not authenticated: 401 error
+   - File too large: "File too large. Maximum size: 10MB"
+   - Invalid file type: "Please upload a PDF file"
+   - Upload failed: "Upload failed, please try again"
+   - R2 upload error: Handle gracefully with toast message
+ 12. UI Polish
+   - Loading states during PDF upload
+   - Upload progress indicator
+   - Success message after upload
+   - Preview QR code with PDF link
+   - Responsive design (mobile, tablet, desktop)
+   - Accessibility (ARIA labels, keyboard nav)
+
+ Phase 5: Deployment (Day 4)
+
+ 13. Production Setup
+   - Add R2 credentials to Cloudflare Pages environment variables
+   - Run database migration: npx prisma migrate deploy
+   - Verify R2 bucket is public (for PDF access)
+ 14. Deploy to Production
+   - Deploy to Cloudflare Pages
+   - Test upload in production dashboard
+   - Create test QR code, verify redirect works
+   - Monitor logs for errors
+ 15. Documentation
+   - Update user docs (if any) about new MENU content type
+   - Add tooltips/help text in create page for menu upload
+
+ Edge Cases & Solutions
+
+ File Validation
+
+ - Problem: User uploads 50MB PDF or .exe file
+ - Solution:
+   - Client-side validation (check file.size and file.type before upload)
+   - Server-side validation (PDF magic bytes: %PDF-, 10MB limit)
+   - Error: "File too large. Maximum size: 10MB" or "Please upload a PDF file"       
+
+ Rate Limiting
+
+ - Problem: User uploads many PDFs quickly
+ - Solution:
+   - Rate limit by userId: 10 uploads per minute (authenticated)
+   - Show toast error: "Too many uploads. Please wait a moment."
+   - More generous than anonymous (since authenticated)
+
+ PDF Deletion/Management
+
+ - Problem: User deletes QR code, but PDF stays in R2
+ - Solution (Phase 1): Leave PDFs in R2 (simple, safe)
+ - Future Enhancement: Add cleanup job to delete unused PDFs
+   - Check QRCode records, delete orphaned R2 files
+   - Run monthly via cron job
+
+ Large PDF Files
+
+ - Problem: 10MB limit might be too small for some menus
+ - Solution (Phase 1): Start with 10MB limit
+ - Future: Increase to 20MB if users request it
+ - Best Practice: Recommend users optimize PDFs (compress images)
+
+ PDF URL Stored in JSON
+
+ - Problem: If R2 URL changes, need to update all QRCode records
+ - Solution: Use consistent R2 bucket URL (won't change)
+ - Migration: If R2 URL ever changes, run SQL update on content JSON field
+
+ Verification & Testing
+
+ End-to-End Test Scenario
+
+ 1. Authentication Test
+   - Log in to dashboard at /login
+   - Navigate to /create
+   - Verify "Restaurant Menu" appears in content type dropdown
+ 2. Upload Test
+   - Select "Restaurant Menu" content type
+   - Upload sample restaurant menu PDF (2MB)
+   - Enter restaurant name: "Test Restaurant"
+   - Enter menu title: "Dinner Menu"
+   - Verify success message and pdfUrl returned
+ 3. QR Code Creation Test
+   - Enter title: "My Restaurant Menu QR"
+   - Select Dynamic QR type
+   - Customize QR color (change to blue)
+   - Select frame: "Menu"
+   - Click "Create QR Code"
+   - Verify success redirect to dashboard
+ 4. Scan Test
+   - From dashboard, copy QR code URL: qrmaster.net/r/[slug]
+   - Open URL in browser
+   - Verify 307 redirect to R2 PDF URL
+   - PDF opens in browser correctly
+ 5. Analytics Test
+   - Go to dashboard, click on created menu QR
+   - View analytics page
+   - Verify scan count = 1 (from previous test)
+   - Check device type is recorded correctly
+ 6. Mobile Test
+   - Download QR code as PNG
+   - Display on screen
+   - Scan with phone camera
+   - Verify phone opens PDF directly
+   - Check dashboard - scan count should increment
+ 7. Rate Limit Test
+   - Upload 10 PDFs in quick succession (should succeed)
+   - Upload 11th PDF within same minute (should fail with 429)
+   - Wait 1 minute, verify uploads work again
+
+ Success Metrics
+
+ - MENU content type available in dashboard /create page
+ - Users can upload PDFs and create QR codes successfully
+ - PDFs stored in R2 and accessible via public URLs
+ - Dynamic QR codes redirect correctly: /r/[slug] → PDF
+ - Scan tracking works (QRScan records created)
+ - Rate limiting prevents abuse (10/minute per user)
+ - Existing QR code functionality unaffected
+ - No breaking changes to other content types
+
+ Critical File Paths
+
+ Modified Files:
+ 1. /prisma/schema.prisma - Add MENU to ContentType enum
+ 2. /src/lib/validationSchemas.ts - Add MENU to contentType enums (lines 28, 63)     
+ 3. /src/app/(app)/create/page.tsx - Add MENU UI and logic
+ 4. /src/app/r/[slug]/route.ts - Add MENU redirect case
+ 5. /src/lib/env.ts - Add R2 environment variables
+ 6. /src/lib/rateLimit.ts - Add MENU_UPLOAD rate limit
+
+ New Files:
+ 7. /src/lib/r2.ts - R2 client library for PDF uploads
+ 8. /src/app/api/menu/upload/route.ts - PDF upload API endpoint

next-sitemap.config.js

@@ -0,0 +1,42 @@
+/** @type {import('next-sitemap').IConfig} */
+module.exports = {
+  siteUrl: 'https://www.qrmaster.net',
+  generateRobotsTxt: true,
+  robotsTxtOptions: {
+    policies: [
+      {
+        userAgent: '*',
+        allow: '/',
+      },
+    ],
+  },
+  transform: async (config, path) => {
+    // Custom priority and changefreq based on path
+    let priority = 0.7;
+    let changefreq = 'weekly';
+
+    if (path === '/') {
+      priority = 0.9;
+      changefreq = 'daily';
+    } else if (path === '/blog') {
+      priority = 0.7;
+      changefreq = 'daily';
+    } else if (path === '/pricing') {
+      priority = 0.8;
+      changefreq = 'weekly';
+    } else if (path === '/faq') {
+      priority = 0.6;
+      changefreq = 'weekly';
+    } else if (path.startsWith('/blog/')) {
+      priority = 0.6;
+      changefreq = 'weekly';
+    }
+
+    return {
+      loc: path,
+      changefreq,
+      priority,
+      lastmod: new Date().toISOString(),
+    };
+  },
+};

next.config.mjs

@@ -4,20 +4,7 @@ const nextConfig = {
   skipTrailingSlashRedirect: true,
   images: {
     unoptimized: false,
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: 'www.qrmaster.net',
-      },
-      {
-        protocol: 'https',
-        hostname: 'qrmaster.net',
-      },
-      {
-        protocol: 'https',
-        hostname: 'images.qrmaster.net',
-      },
-    ],
+    domains: ['www.qrmaster.net', 'qrmaster.net', 'images.qrmaster.net'],
     formats: ['image/webp', 'image/avif'],
     deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
     imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
@@ -33,16 +20,6 @@ const nextConfig = {
     pagesBufferLength: 2,
   },
   poweredByHeader: false,
-  async redirects() {
-    return [
-      {
-        source: '/blog/bulk-qr-codes-excel',
-        destination: '/blog/bulk-qr-code-generator-excel',
-        permanent: true,
-      },
-
-    ];
-  },
 };
 
 export default nextConfig;

package.json

@@ -29,6 +29,8 @@
   },
   "dependencies": {
     "@auth/prisma-adapter": "^2.11.1",
+    "@aws-sdk/client-s3": "^3.972.0",
+    "@aws-sdk/s3-request-presigner": "^3.972.0",
     "@edge-runtime/cookies": "^6.0.0",
     "@prisma/client": "^5.7.0",
     "@stripe/stripe-js": "^8.0.0",

prisma/schema.prisma

@@ -112,6 +112,10 @@ enum ContentType {
   SMS
   TEXT
   WHATSAPP
+  PDF
+  APP
+  COUPON
+  FEEDBACK
 }
 
 enum QRStatus {
@@ -162,17 +166,3 @@ model NewsletterSubscription {
   @@index([email])
   @@index([createdAt])
 }
-
-model Lead {
-  id             String   @id @default(cuid())
-  email          String
-  source         String   @default("reprint-calculator")
-  reprintCost    Float?
-  updatesPerYear Int?
-  annualSavings  Float?
-  createdAt      DateTime @default(now())
-
-  @@index([email])
-  @@index([createdAt])
-  @@index([source])
-}

public/sitemap.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://www.qrmaster.net/</loc>
+    <lastmod>2025-10-16T00:00:00Z</lastmod>
+    <changefreq>daily</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.qrmaster.net/blog</loc>
+    <lastmod>2025-10-16T00:00:00Z</lastmod>
+    <changefreq>daily</changefreq>
+    <priority>0.7</priority>
+  </url>
+  <url>
+    <loc>https://www.qrmaster.net/pricing</loc>
+    <lastmod>2025-10-16T00:00:00Z</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.qrmaster.net/faq</loc>
+    <lastmod>2025-10-16T00:00:00Z</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.6</priority>
+  </url>
+  <url>
+    <loc>https://www.qrmaster.net/blog/qr-code-analytics</loc>
+    <lastmod>2025-10-16T00:00:00Z</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.6</priority>
+  </url>
+</urlset>

seo_2026_jan.md

@@ -0,0 +1,156 @@
+SEO Opportunity Report & Implementation Plan (Jan 2026)
+1. Executive Summary
+An analysis of the provided Google Keyword Planner data (Jan 22, 2026) reveals significant low-competition, high-volume traffic opportunities that were previously untapped. We have immediately capitalized on the Barcode opportunity and have a clear path to capture Custom QR intent.
+
+2. Key Data Findings ("Hidden Gems")
+We identified three specific clusters where search volume is high but competition is exceptionally low.
+
+A. The "QR Barcode" Anomaly (Gold Mine) 🏆
+Users are confused about the terminology, searching for "qr barcode" or "bar code generator" instead of just "barcode".
+
+Keywords: qr barcode, bar code generator, scan code generator
+Volume: 10k – 100k (High)
+Competition: Low / Medium
+Opportunity: Most competitors optimize for "Barcode Generator". By targeting the "wrong" terms users actually type, we can win easy traffic.
+B. The "Free" Intent
+High volume, but users are specifically looking for "free" and "no signup".
+
+Keyword: free qr code generator (100k – 1M)
+Keyword: qr code generator free (100k – 1M)
+Opportunity: Aggressive targeting of these exact match phrases on the homepage metadata.
+C. The "Custom" Gap
+Users want customization but don't always use the term "design".
+
+Keyword: custom qr code generator
+Volume: 1k – 10k
+Competition: Low
+Current Status: MISSING. We do not have a dedicated landing page for this high-intent cluster.
+3. Actions Already Implemented ✅
+We have immediately updated the metadata to capture the traffic identified in findings A and B.
+
+1. Barcode Generator Optimization
+File: 
+src/app/(marketing)/tools/barcode-generator/page.tsx
+
+Action: Updated <title> and meta description.
+New Target: "QR Barcode" and "Bar Code Generator".
+Why: To capture the 100k+ users searching for these specific variants.
+2. Homepage Optimization
+File: 
+src/app/(marketing)/page.tsx
+
+Action: Injected high-volume keyword tags.
+New Target: qr generator, free qr code generator, custom qr code generator.
+Why: To signal relevance to Google for the broadest "head terms".
+4. Implementation Plan: "Custom QR Code" Landing Page 🚀
+To capture the 1k–10k/month users searching for "custom qr code generator" (Finding C), we need a dedicated landing page. This page will focus on design features (colors, logos, frames) rather than just "generating" a code.
+
+Phase 1: Page Structure (New File)
+Path: src/app/(marketing)/tools/custom-qr-code-generator/page.tsx
+
+Content Strategy:
+
+H1: "Free Custom QR Code Generator with Logo & Colors"
+Hero: Visual emphasis on beautiful codes, not black-and-white ones.
+Live Editor Demo: (Reuse existing QRCodeGeneratorClient but pre-opened "Design" tab).
+Features Section:
+"Add Your Logo"
+"Custom Colors & Gradients"
+"Unique Frames & Shapes"
+FAQ: Targeting specific "custom" questions (vector formats, scanning reliability).
+Phase 2: Internal Linking
+Add link to /tools/custom-qr-code-generator in the Footer and Main Navigation under "Tools".
+Link from Homepage "Features" section.
+Phase 3: Metadata Strategy
+title: 'Custom QR Code Generator – Add Logo, Colors & Frames',
+description: 'Create unique custom QR codes with your logo, colors, and frames. Free online customizer with high-quality vector download (SVG/PNG).',
+keywords: ['custom qr code generator', 'qr code with logo', 'qr code design', 'creative qr code', 'branded qr code']
+5. Next Steps
+Approval: Confirm this plan to build the custom-qr-code-generator page.
+Execution: I will create the directory and page file.
+Verify: Check that the new page renders and is linked correctly.
+
+
+
+
+
+
+
+
+
+
+
+
+new findings 
+
+Das ist super, dass du die Dateien hochgeladen hast! Denn: Du hast die Daten bereits.
+
+Ich habe deine Excel-Listen analysiert und das Problem gefunden: In deiner Ansicht im Tool hieß die Spalte vielleicht anders oder war versteckt, aber in der Datei heißt sie Avg. monthly searches. Das ist exakt das Suchvolumen, das du gesucht hast.
+
+Hier sind die echten "Schätze" direkt aus deiner Datei, gefiltert nach meiner Strategie:
+
+1. Die "Low Hanging Fruits" (Viel Traffic, fast 0 Konkurrenz)
+Das sind die Keywords, bei denen du SOFORT ranken kannst, weil die großen Player schlafen.
+
+call qr code
+
+Suchvolumen: 50.000 (!)
+
+Wettbewerb-Index: 0 (Das ist extrem selten! Absolut gar keine Konkurrenz auf Google Ads).
+
+Idee: Mach eine Seite "Telefon-QR-Code erstellen". Leute wollen, dass beim Scannen direkt eine Nummer gewählt wird. Das ist eine riesige Nische.
+
+generate website qr code
+
+Suchvolumen: 50.000
+
+Wettbewerb-Index: 17 (Sehr gering).
+
+CPC: 6,16 € (Das ist der Jackpot: Viel Traffic, wenig Konkurrenz UND hoher Wert).
+
+bar code generator
+
+Suchvolumen: 500.000
+
+Wettbewerb-Index: 3 (Fast nichts).
+
+Bestätigt meine frühere Analyse: Das ist dein Traffic-Bringer.
+
+2. Die "Goldminen" (Hoher Klickpreis / High Ticket)
+Hier zahlen Firmen richtig Geld. Wenn du hier rankst, sind die Nutzer sehr wertvoll.
+
+manage qr codes
+
+CPC (Gebot): 18,77 €
+
+Das suchen Firmen, die viele Codes verwalten müssen (Agenturen, Großkunden). Perfekt für dein "Pro"-Abo.
+
+dynamic code generator
+
+CPC: 15,62 €
+
+Das Kern-Keyword für dein Business-Modell.
+
+qr tracking
+
+CPC: 12,51 €
+
+Wettbewerb ist hier höher, aber der Umsatz pro Kunde auch.
+
+3. Der Trend-Tipp (+900% Wachstum)
+free bulk qr code generator (Massen-Erstellung)
+
+Trend: +900%
+
+Viele Leute suchen nach einer Möglichkeit, 100 Codes auf einmal zu erstellen (z.B. für Mitarbeiterausweise oder Inventar). Wenn du so ein Feature ("Bulk Upload") hast oder baust, bist du Marktführer.
+
+Was du jetzt tun musst (in Excel oder Google Sheets):
+Du brauchst das Tool gar nicht mehr zwingend. Du kannst einfach in deiner Datei filtern:
+
+Such die Spalte Avg. monthly searches -> Das ist dein Suchvolumen.
+
+Such die Spalte Competition (indexed value) -> Das ist die Härte (0-100).
+
+Filter: Avg. monthly searches > 1000 UND Competition (indexed value) < 20.
+
+Damit findest du genau die oben genannten Chancen. Soll ich dir für eines dieser Keywords (z.B. den "Call QR Code" mit Index 0) eine Gliederung schreiben?

src/app/(app)/create/page.tsx

@@ -14,6 +14,20 @@ import { calculateContrast, cn } from '@/lib/utils';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useCsrf } from '@/hooks/useCsrf';
 import { showToast } from '@/components/ui/Toast';
+import {
+  Globe, User, MapPin, Phone, FileText, Smartphone, Ticket, Star, HelpCircle, Upload
+} from 'lucide-react';
+
+// Tooltip component for form field help
+const Tooltip = ({ text }: { text: string }) => (
+  <div className="group relative inline-block ml-1">
+    <HelpCircle className="w-4 h-4 text-gray-400 cursor-help" />
+    <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 w-48 text-center">
+      {text}
+      <div className="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-900"></div>
+    </div>
+  </div>
+);
 
 // Content-type specific frame options
 const getFrameOptionsForContentType = (contentType: string) => {
@@ -34,6 +48,14 @@ const getFrameOptionsForContentType = (contentType: string) => {
       return [...baseOptions, { id: 'chatme', label: 'Chat Me' }, { id: 'whatsapp', label: 'WhatsApp' }];
     case 'TEXT':
       return [...baseOptions, { id: 'read', label: 'Read' }, { id: 'info', label: 'Info' }];
+    case 'PDF':
+      return [...baseOptions, { id: 'download', label: 'Download' }, { id: 'view', label: 'View PDF' }];
+    case 'APP':
+      return [...baseOptions, { id: 'getapp', label: 'Get App' }, { id: 'download', label: 'Download' }];
+    case 'COUPON':
+      return [...baseOptions, { id: 'redeem', label: 'Redeem' }, { id: 'save', label: 'Save Offer' }];
+    case 'FEEDBACK':
+      return [...baseOptions, { id: 'review', label: 'Review' }, { id: 'feedback', label: 'Feedback' }];
     default:
       return [...baseOptions, { id: 'website', label: 'Website' }, { id: 'visit', label: 'Visit' }];
   }
@@ -44,6 +66,7 @@ export default function CreatePage() {
   const { t } = useTranslation();
   const { fetchWithCsrf } = useCsrf();
   const [loading, setLoading] = useState(false);
+  const [uploading, setUploading] = useState(false);
   const [userPlan, setUserPlan] = useState<string>('FREE');
   const qrRef = useRef<HTMLDivElement>(null);
 
@@ -102,10 +125,14 @@ export default function CreatePage() {
   const hasGoodContrast = contrast >= 4.5;
 
   const contentTypes = [
-    { value: 'URL', label: 'URL / Website' },
-    { value: 'VCARD', label: 'Contact Card' },
-    { value: 'GEO', label: 'Location/Maps' },
-    { value: 'PHONE', label: 'Phone Number' },
+    { value: 'URL', label: 'URL / Website', icon: Globe },
+    { value: 'VCARD', label: 'Contact Card', icon: User },
+    { value: 'GEO', label: 'Location / Maps', icon: MapPin },
+    { value: 'PHONE', label: 'Phone Number', icon: Phone },
+    { value: 'PDF', label: 'PDF / File', icon: FileText },
+    { value: 'APP', label: 'App Download', icon: Smartphone },
+    { value: 'COUPON', label: 'Coupon / Discount', icon: Ticket },
+    { value: 'FEEDBACK', label: 'Feedback / Review', icon: Star },
   ];
 
   // Get QR content based on content type
@@ -128,6 +155,14 @@ export default function CreatePage() {
         return content.text || 'Sample text';
       case 'WHATSAPP':
         return `https://wa.me/${content.phone || '+1234567890'}${content.message ? `?text=${encodeURIComponent(content.message)}` : ''}`;
+      case 'PDF':
+        return content.fileUrl || 'https://example.com/file.pdf';
+      case 'APP':
+        return content.fallbackUrl || content.iosUrl || content.androidUrl || 'https://example.com/app';
+      case 'COUPON':
+        return `Coupon: ${content.code || 'SAVE20'} - ${content.discount || '20% OFF'}`;
+      case 'FEEDBACK':
+        return content.feedbackUrl || 'https://example.com/feedback';
       default:
         return 'https://example.com';
     }
@@ -398,6 +433,208 @@ export default function CreatePage() {
             />
           </div>
         );
+      case 'PDF':
+        const handleFileUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
+          const file = e.target.files?.[0];
+          if (!file) return;
+
+          // 10MB limit
+          if (file.size > 10 * 1024 * 1024) {
+            showToast('File size too large (max 10MB)', 'error');
+            return;
+          }
+
+          setUploading(true);
+          const formData = new FormData();
+          formData.append('file', file);
+
+          try {
+            const response = await fetch('/api/upload', {
+              method: 'POST',
+              body: formData,
+            });
+            const data = await response.json();
+
+            if (response.ok) {
+              setContent({ ...content, fileUrl: data.url, fileName: data.filename });
+              showToast('File uploaded successfully!', 'success');
+            } else {
+              showToast(data.error || 'Upload failed', 'error');
+            }
+          } catch (error) {
+            console.error('Upload error:', error);
+            showToast('Error uploading file', 'error');
+          } finally {
+            setUploading(false);
+          }
+        };
+
+        return (
+          <>
+            <div>
+              <div className="flex items-center mb-1">
+                <label className="block text-sm font-medium text-gray-700">Upload Menu / PDF</label>
+                <Tooltip text="Upload your menu PDF (Max 10MB). Hosted securely." />
+              </div>
+
+              <div className="mt-2 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-lg hover:bg-gray-50 transition-colors relative">
+                <div className="space-y-1 text-center">
+                  {uploading ? (
+                    <div className="flex flex-col items-center">
+                      <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-500 mb-2"></div>
+                      <p className="text-sm text-gray-500">Uploading...</p>
+                    </div>
+                  ) : content.fileUrl ? (
+                    <div className="flex flex-col items-center">
+                      <div className="mx-auto h-12 w-12 text-primary-500 bg-primary-50 rounded-full flex items-center justify-center mb-2">
+                        <FileText className="h-6 w-6" />
+                      </div>
+                      <p className="text-sm text-green-600 font-medium mb-1">Upload Complete!</p>
+                      <a href={content.fileUrl} target="_blank" rel="noopener noreferrer" className="text-xs text-primary-500 hover:underline break-all max-w-xs mb-3 block">
+                        {content.fileName || 'View File'}
+                      </a>
+                      <label htmlFor="file-upload" className="cursor-pointer bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
+                        <span>Replace File</span>
+                        <input id="file-upload" name="file-upload" type="file" className="sr-only" accept=".pdf,image/*" onChange={handleFileUpload} />
+                      </label>
+                    </div>
+                  ) : (
+                    <>
+                      <Upload className="mx-auto h-12 w-12 text-gray-400" />
+                      <div className="flex text-sm text-gray-600 justify-center">
+                        <label htmlFor="file-upload" className="relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500">
+                          <span>Upload a file</span>
+                          <input id="file-upload" name="file-upload" type="file" className="sr-only" accept=".pdf,image/*" onChange={handleFileUpload} />
+                        </label>
+                        <p className="pl-1">or drag and drop</p>
+                      </div>
+                      <p className="text-xs text-gray-500">PDF, PNG, JPG up to 10MB</p>
+                    </>
+                  )}
+                </div>
+              </div>
+            </div>
+
+            {content.fileUrl && (
+              <Input
+                label="File Name / Menu Title"
+                value={content.fileName || ''}
+                onChange={(e) => setContent({ ...content, fileName: e.target.value })}
+                placeholder="Product Catalog 2026"
+              />
+            )}
+          </>
+        );
+      case 'APP':
+        return (
+          <>
+            <div>
+              <div className="flex items-center mb-1">
+                <label className="block text-sm font-medium text-gray-700">iOS App Store URL</label>
+                <Tooltip text="Link to your app in the Apple App Store" />
+              </div>
+              <Input
+                value={content.iosUrl || ''}
+                onChange={(e) => setContent({ ...content, iosUrl: e.target.value })}
+                placeholder="https://apps.apple.com/app/..."
+              />
+            </div>
+            <div>
+              <div className="flex items-center mb-1">
+                <label className="block text-sm font-medium text-gray-700">Android Play Store URL</label>
+                <Tooltip text="Link to your app in the Google Play Store" />
+              </div>
+              <Input
+                value={content.androidUrl || ''}
+                onChange={(e) => setContent({ ...content, androidUrl: e.target.value })}
+                placeholder="https://play.google.com/store/apps/..."
+              />
+            </div>
+            <div>
+              <div className="flex items-center mb-1">
+                <label className="block text-sm font-medium text-gray-700">Fallback URL</label>
+                <Tooltip text="Where desktop users go (e.g., your website). QR detects device automatically!" />
+              </div>
+              <Input
+                value={content.fallbackUrl || ''}
+                onChange={(e) => setContent({ ...content, fallbackUrl: e.target.value })}
+                placeholder="https://yourapp.com"
+              />
+            </div>
+          </>
+        );
+      case 'COUPON':
+        return (
+          <>
+            <Input
+              label="Coupon Code"
+              value={content.code || ''}
+              onChange={(e) => setContent({ ...content, code: e.target.value })}
+              placeholder="SUMMER20"
+              required
+            />
+            <Input
+              label="Discount"
+              value={content.discount || ''}
+              onChange={(e) => setContent({ ...content, discount: e.target.value })}
+              placeholder="20% OFF"
+              required
+            />
+            <Input
+              label="Title"
+              value={content.title || ''}
+              onChange={(e) => setContent({ ...content, title: e.target.value })}
+              placeholder="Summer Sale 2026"
+            />
+            <Input
+              label="Description (optional)"
+              value={content.description || ''}
+              onChange={(e) => setContent({ ...content, description: e.target.value })}
+              placeholder="Valid on all products"
+            />
+            <Input
+              label="Expiry Date (optional)"
+              type="date"
+              value={content.expiryDate || ''}
+              onChange={(e) => setContent({ ...content, expiryDate: e.target.value })}
+            />
+            <Input
+              label="Redeem URL (optional)"
+              value={content.redeemUrl || ''}
+              onChange={(e) => setContent({ ...content, redeemUrl: e.target.value })}
+              placeholder="https://shop.example.com?coupon=SUMMER20"
+            />
+          </>
+        );
+      case 'FEEDBACK':
+        return (
+          <>
+            <Input
+              label="Business Name"
+              value={content.businessName || ''}
+              onChange={(e) => setContent({ ...content, businessName: e.target.value })}
+              placeholder="Your Restaurant Name"
+              required
+            />
+            <div>
+              <div className="flex items-center mb-1">
+                <label className="block text-sm font-medium text-gray-700">Google Review URL</label>
+                <Tooltip text="Redirect satisfied customers to leave a Google review." />
+              </div>
+              <Input
+                value={content.googleReviewUrl || ''}
+                onChange={(e) => setContent({ ...content, googleReviewUrl: e.target.value })}
+                placeholder="https://search.google.com/local/writereview?placeid=..."
+              />
+            </div>
+            <Input
+              label="Thank You Message"
+              value={content.thankYouMessage || ''}
+              onChange={(e) => setContent({ ...content, thankYouMessage: e.target.value })}
+              placeholder="Thanks for your feedback!"
+            />
+          </>
+        );
       default:
         return null;
     }
@@ -428,12 +665,31 @@ export default function CreatePage() {
                   required
                 />
 
-                <Select
-                  label="Content Type"
-                  value={contentType}
-                  onChange={(e) => setContentType(e.target.value)}
-                  options={contentTypes}
-                />
+                {/* Custom Content Type Selector with Icons */}
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">Content Type</label>
+                  <div className="grid grid-cols-2 sm:grid-cols-4 gap-2">
+                    {contentTypes.map((type) => {
+                      const Icon = type.icon;
+                      return (
+                        <button
+                          key={type.value}
+                          type="button"
+                          onClick={() => setContentType(type.value)}
+                          className={cn(
+                            "flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all text-sm",
+                            contentType === type.value
+                              ? "border-primary-500 bg-primary-50 text-primary-700"
+                              : "border-gray-200 hover:border-gray-300 text-gray-600"
+                          )}
+                        >
+                          <Icon className="w-5 h-5" />
+                          <span className="text-xs font-medium text-center">{type.label}</span>
+                        </button>
+                      );
+                    })}
+                  </div>
+                </div>
 
                 {renderContentFields()}
               </CardContent>

src/app/(app)/qr/[id]/edit/page.tsx

@@ -7,6 +7,18 @@ import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
 import { showToast } from '@/components/ui/Toast';
 import { useCsrf } from '@/hooks/useCsrf';
+import { Upload, FileText, HelpCircle } from 'lucide-react';
+
+// Tooltip component for form field help
+const Tooltip = ({ text }: { text: string }) => (
+  <div className="group relative inline-block ml-1">
+    <HelpCircle className="w-4 h-4 text-gray-400 cursor-help" />
+    <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 w-48 text-center">
+      {text}
+      <div className="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-900"></div>
+    </div>
+  </div>
+);
 
 export default function EditQRPage() {
   const router = useRouter();
@@ -16,6 +28,7 @@ export default function EditQRPage() {
 
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
+  const [uploading, setUploading] = useState(false);
   const [qrCode, setQrCode] = useState<any>(null);
   const [title, setTitle] = useState('');
   const [content, setContent] = useState<any>({});
@@ -45,6 +58,41 @@ export default function EditQRPage() {
     fetchQRCode();
   }, [qrId, router]);
 
+  const handleFileUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    // 10MB limit
+    if (file.size > 10 * 1024 * 1024) {
+      showToast('File size too large (max 10MB)', 'error');
+      return;
+    }
+
+    setUploading(true);
+    const formData = new FormData();
+    formData.append('file', file);
+
+    try {
+      const response = await fetch('/api/upload', {
+        method: 'POST',
+        body: formData,
+      });
+      const data = await response.json();
+
+      if (response.ok) {
+        setContent({ ...content, fileUrl: data.url, fileName: data.filename });
+        showToast('File uploaded successfully!', 'success');
+      } else {
+        showToast(data.error || 'Upload failed', 'error');
+      }
+    } catch (error) {
+      console.error('Upload error:', error);
+      showToast('Error uploading file', 'error');
+    } finally {
+      setUploading(false);
+    }
+  };
+
   const handleSave = async () => {
     setSaving(true);
 
@@ -242,6 +290,153 @@ export default function EditQRPage() {
             </div>
           )}
 
+          {qrCode.contentType === 'PDF' && (
+            <>
+              <div>
+                <div className="flex items-center mb-1">
+                  <label className="block text-sm font-medium text-gray-700">Upload Menu / PDF</label>
+                  <Tooltip text="Upload your menu PDF (Max 10MB). Hosted securely." />
+                </div>
+
+                <div className="mt-2 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-lg hover:bg-gray-50 transition-colors relative">
+                  <div className="space-y-1 text-center">
+                    {uploading ? (
+                      <div className="flex flex-col items-center">
+                        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-500 mb-2"></div>
+                        <p className="text-sm text-gray-500">Uploading...</p>
+                      </div>
+                    ) : content.fileUrl ? (
+                      <div className="flex flex-col items-center">
+                        <div className="mx-auto h-12 w-12 text-primary-500 bg-primary-50 rounded-full flex items-center justify-center mb-2">
+                          <FileText className="h-6 w-6" />
+                        </div>
+                        <p className="text-sm text-green-600 font-medium mb-1">Upload Complete!</p>
+                        <a href={content.fileUrl} target="_blank" rel="noopener noreferrer" className="text-xs text-primary-500 hover:underline break-all max-w-xs mb-3 block">
+                          {content.fileName || 'View File'}
+                        </a>
+                        <label htmlFor="file-upload" className="cursor-pointer bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
+                          <span>Replace File</span>
+                          <input id="file-upload" name="file-upload" type="file" className="sr-only" accept=".pdf,image/*" onChange={handleFileUpload} />
+                        </label>
+                      </div>
+                    ) : (
+                      <>
+                        <Upload className="mx-auto h-12 w-12 text-gray-400" />
+                        <div className="flex text-sm text-gray-600 justify-center">
+                          <label htmlFor="file-upload" className="relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500">
+                            <span>Upload a file</span>
+                            <input id="file-upload" name="file-upload" type="file" className="sr-only" accept=".pdf,image/*" onChange={handleFileUpload} />
+                          </label>
+                          <p className="pl-1">or drag and drop</p>
+                        </div>
+                        <p className="text-xs text-gray-500">PDF, PNG, JPG up to 10MB</p>
+                      </>
+                    )}
+                  </div>
+                </div>
+              </div>
+
+              {content.fileUrl && (
+                <Input
+                  label="File Name / Menu Title"
+                  value={content.fileName || ''}
+                  onChange={(e) => setContent({ ...content, fileName: e.target.value })}
+                  placeholder="Product Catalog 2026"
+                />
+              )}
+            </>
+          )}
+
+          {qrCode.contentType === 'APP' && (
+            <>
+              <Input
+                label="iOS App Store URL"
+                value={content.iosUrl || ''}
+                onChange={(e) => setContent({ ...content, iosUrl: e.target.value })}
+                placeholder="https://apps.apple.com/app/..."
+              />
+              <Input
+                label="Android Play Store URL"
+                value={content.androidUrl || ''}
+                onChange={(e) => setContent({ ...content, androidUrl: e.target.value })}
+                placeholder="https://play.google.com/store/apps/..."
+              />
+              <Input
+                label="Fallback URL (Desktop)"
+                value={content.fallbackUrl || ''}
+                onChange={(e) => setContent({ ...content, fallbackUrl: e.target.value })}
+                placeholder="https://yourapp.com"
+              />
+            </>
+          )}
+
+          {qrCode.contentType === 'COUPON' && (
+            <>
+              <Input
+                label="Coupon Code"
+                value={content.code || ''}
+                onChange={(e) => setContent({ ...content, code: e.target.value })}
+                placeholder="SUMMER20"
+                required
+              />
+              <Input
+                label="Discount"
+                value={content.discount || ''}
+                onChange={(e) => setContent({ ...content, discount: e.target.value })}
+                placeholder="20% OFF"
+                required
+              />
+              <Input
+                label="Title"
+                value={content.title || ''}
+                onChange={(e) => setContent({ ...content, title: e.target.value })}
+                placeholder="Summer Sale 2026"
+              />
+              <Input
+                label="Description (optional)"
+                value={content.description || ''}
+                onChange={(e) => setContent({ ...content, description: e.target.value })}
+                placeholder="Valid on all products"
+              />
+              <Input
+                label="Expiry Date (optional)"
+                type="date"
+                value={content.expiryDate || ''}
+                onChange={(e) => setContent({ ...content, expiryDate: e.target.value })}
+              />
+              <Input
+                label="Redeem URL (optional)"
+                value={content.redeemUrl || ''}
+                onChange={(e) => setContent({ ...content, redeemUrl: e.target.value })}
+                placeholder="https://shop.example.com"
+              />
+            </>
+          )}
+
+          {qrCode.contentType === 'FEEDBACK' && (
+            <>
+              <Input
+                label="Business Name"
+                value={content.businessName || ''}
+                onChange={(e) => setContent({ ...content, businessName: e.target.value })}
+                placeholder="Your Restaurant Name"
+                required
+              />
+              <Input
+                label="Google Review URL (optional)"
+                value={content.googleReviewUrl || ''}
+                onChange={(e) => setContent({ ...content, googleReviewUrl: e.target.value })}
+                placeholder="https://search.google.com/local/writereview?placeid=..."
+              />
+              <Input
+                label="Thank You Message"
+                value={content.thankYouMessage || ''}
+                onChange={(e) => setContent({ ...content, thankYouMessage: e.target.value })}
+                placeholder="Thanks for your feedback!"
+              />
+            </>
+          )}
+
           <div className="flex justify-end space-x-4 pt-4">
             <Button
               variant="outline"

src/app/(app)/qr/[id]/feedback/page.tsx

@@ -0,0 +1,196 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { useParams, useRouter } from 'next/navigation';
+import Link from 'next/link';
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Star, ArrowLeft, ChevronLeft, ChevronRight, MessageSquare } from 'lucide-react';
+
+interface Feedback {
+    id: string;
+    rating: number;
+    comment: string;
+    date: string;
+}
+
+interface FeedbackStats {
+    total: number;
+    avgRating: number;
+    distribution: { [key: number]: number };
+}
+
+interface Pagination {
+    page: number;
+    totalPages: number;
+    hasMore: boolean;
+}
+
+export default function FeedbackListPage() {
+    const params = useParams();
+    const router = useRouter();
+    const qrId = params.id as string;
+
+    const [feedbacks, setFeedbacks] = useState<Feedback[]>([]);
+    const [stats, setStats] = useState<FeedbackStats | null>(null);
+    const [pagination, setPagination] = useState<Pagination>({ page: 1, totalPages: 1, hasMore: false });
+    const [loading, setLoading] = useState(true);
+    const [currentPage, setCurrentPage] = useState(1);
+
+    useEffect(() => {
+        fetchFeedback(currentPage);
+    }, [qrId, currentPage]);
+
+    const fetchFeedback = async (page: number) => {
+        setLoading(true);
+        try {
+            const res = await fetch(`/api/qrs/${qrId}/feedback?page=${page}&limit=20`);
+            if (res.ok) {
+                const data = await res.json();
+                setFeedbacks(data.feedbacks);
+                setStats(data.stats);
+                setPagination(data.pagination);
+            }
+        } catch (error) {
+            console.error('Error fetching feedback:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const renderStars = (rating: number) => (
+        <div className="flex gap-0.5">
+            {[1, 2, 3, 4, 5].map((star) => (
+                <Star
+                    key={star}
+                    className={`w-4 h-4 ${star <= rating ? 'text-amber-400 fill-amber-400' : 'text-gray-200'}`}
+                />
+            ))}
+        </div>
+    );
+
+    if (loading && !stats) {
+        return (
+            <div className="flex items-center justify-center min-h-[400px]">
+                <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-indigo-600"></div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="max-w-4xl mx-auto">
+            {/* Header */}
+            <div className="mb-8">
+                <Link href={`/qr/${qrId}`} className="inline-flex items-center text-gray-500 hover:text-gray-700 mb-4">
+                    <ArrowLeft className="w-4 h-4 mr-2" />
+                    Back to QR Code
+                </Link>
+                <h1 className="text-3xl font-bold text-gray-900">Customer Feedback</h1>
+                <p className="text-gray-600 mt-1">{stats?.total || 0} total responses</p>
+            </div>
+
+            {/* Stats Overview */}
+            {stats && (
+                <Card className="mb-8">
+                    <CardContent className="p-6">
+                        <div className="flex flex-col md:flex-row md:items-center gap-8">
+                            {/* Average Rating */}
+                            <div className="text-center md:text-left">
+                                <div className="text-5xl font-bold text-gray-900 mb-1">{stats.avgRating}</div>
+                                <div className="flex justify-center md:justify-start mb-1">
+                                    {renderStars(Math.round(stats.avgRating))}
+                                </div>
+                                <p className="text-sm text-gray-500">{stats.total} reviews</p>
+                            </div>
+
+                            {/* Distribution */}
+                            <div className="flex-1 space-y-2">
+                                {[5, 4, 3, 2, 1].map((rating) => {
+                                    const count = stats.distribution[rating] || 0;
+                                    const percentage = stats.total > 0 ? (count / stats.total) * 100 : 0;
+                                    return (
+                                        <div key={rating} className="flex items-center gap-3">
+                                            <span className="text-sm text-gray-600 w-12">{rating} stars</span>
+                                            <div className="flex-1 h-2 bg-gray-100 rounded-full overflow-hidden">
+                                                <div
+                                                    className="h-full bg-amber-400 rounded-full transition-all"
+                                                    style={{ width: `${percentage}%` }}
+                                                />
+                                            </div>
+                                            <span className="text-sm text-gray-500 w-12 text-right">{count}</span>
+                                        </div>
+                                    );
+                                })}
+                            </div>
+                        </div>
+                    </CardContent>
+                </Card>
+            )}
+
+            {/* Feedback List */}
+            <Card>
+                <CardHeader>
+                    <CardTitle className="flex items-center gap-2">
+                        <MessageSquare className="w-5 h-5" />
+                        All Reviews
+                    </CardTitle>
+                </CardHeader>
+                <CardContent>
+                    {feedbacks.length === 0 ? (
+                        <div className="text-center py-12 text-gray-500">
+                            <Star className="w-12 h-12 mx-auto mb-4 text-gray-300" />
+                            <p>No feedback received yet</p>
+                        </div>
+                    ) : (
+                        <div className="divide-y divide-gray-100">
+                            {feedbacks.map((feedback) => (
+                                <div key={feedback.id} className="py-4">
+                                    <div className="flex items-center justify-between mb-2">
+                                        {renderStars(feedback.rating)}
+                                        <span className="text-sm text-gray-400">
+                                            {new Date(feedback.date).toLocaleDateString('en-US', {
+                                                month: 'short',
+                                                day: 'numeric',
+                                                year: 'numeric',
+                                            })}
+                                        </span>
+                                    </div>
+                                    {feedback.comment && (
+                                        <p className="text-gray-700">{feedback.comment}</p>
+                                    )}
+                                </div>
+                            ))}
+                        </div>
+                    )}
+
+                    {/* Pagination */}
+                    {pagination.totalPages > 1 && (
+                        <div className="flex items-center justify-between mt-6 pt-6 border-t">
+                            <Button
+                                variant="outline"
+                                size="sm"
+                                onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
+                                disabled={currentPage === 1}
+                            >
+                                <ChevronLeft className="w-4 h-4 mr-1" />
+                                Previous
+                            </Button>
+                            <span className="text-sm text-gray-500">
+                                Page {currentPage} of {pagination.totalPages}
+                            </span>
+                            <Button
+                                variant="outline"
+                                size="sm"
+                                onClick={() => setCurrentPage((p) => p + 1)}
+                                disabled={!pagination.hasMore}
+                            >
+                                Next
+                                <ChevronRight className="w-4 h-4 ml-1" />
+                            </Button>
+                        </div>
+                    )}
+                </CardContent>
+            </Card>
+        </div>
+    );
+}

src/app/(app)/qr/[id]/page.tsx

@@ -0,0 +1,287 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { useParams, useRouter } from 'next/navigation';
+import Link from 'next/link';
+import { QRCodeSVG } from 'qrcode.react';
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+import { Badge } from '@/components/ui/Badge';
+import {
+    ArrowLeft, Edit, ExternalLink, Star, MessageSquare,
+    BarChart3, Copy, Check, Pause, Play
+} from 'lucide-react';
+import { showToast } from '@/components/ui/Toast';
+import { useCsrf } from '@/hooks/useCsrf';
+
+interface QRCode {
+    id: string;
+    title: string;
+    type: 'STATIC' | 'DYNAMIC';
+    contentType: string;
+    content: any;
+    slug: string;
+    status: 'ACTIVE' | 'PAUSED';
+    style: any;
+    createdAt: string;
+    _count?: { scans: number };
+}
+
+interface FeedbackStats {
+    total: number;
+    avgRating: number;
+    distribution: { [key: number]: number };
+}
+
+export default function QRDetailPage() {
+    const params = useParams();
+    const router = useRouter();
+    const qrId = params.id as string;
+    const { fetchWithCsrf } = useCsrf();
+
+    const [qrCode, setQrCode] = useState<QRCode | null>(null);
+    const [feedbackStats, setFeedbackStats] = useState<FeedbackStats | null>(null);
+    const [loading, setLoading] = useState(true);
+    const [copied, setCopied] = useState(false);
+
+    useEffect(() => {
+        fetchQRCode();
+    }, [qrId]);
+
+    const fetchQRCode = async () => {
+        try {
+            const res = await fetch(`/api/qrs/${qrId}`);
+            if (res.ok) {
+                const data = await res.json();
+                setQrCode(data);
+
+                // Fetch feedback stats if it's a feedback QR
+                if (data.contentType === 'FEEDBACK') {
+                    const feedbackRes = await fetch(`/api/qrs/${qrId}/feedback?limit=1`);
+                    if (feedbackRes.ok) {
+                        const feedbackData = await feedbackRes.json();
+                        setFeedbackStats(feedbackData.stats);
+                    }
+                }
+            } else {
+                showToast('QR code not found', 'error');
+                router.push('/dashboard');
+            }
+        } catch (error) {
+            console.error('Error fetching QR code:', error);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    const copyLink = async () => {
+        const url = `${window.location.origin}/r/${qrCode?.slug}`;
+        await navigator.clipboard.writeText(url);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+        showToast('Link copied!', 'success');
+    };
+
+    const toggleStatus = async () => {
+        if (!qrCode) return;
+        const newStatus = qrCode.status === 'ACTIVE' ? 'PAUSED' : 'ACTIVE';
+
+        try {
+            const res = await fetchWithCsrf(`/api/qrs/${qrId}`, {
+                method: 'PATCH',
+                body: JSON.stringify({ status: newStatus }),
+            });
+
+            if (res.ok) {
+                setQrCode({ ...qrCode, status: newStatus });
+                showToast(`QR code ${newStatus === 'ACTIVE' ? 'activated' : 'paused'}`, 'success');
+            }
+        } catch (error) {
+            showToast('Failed to update status', 'error');
+        }
+    };
+
+    const renderStars = (rating: number) => (
+        <div className="flex gap-0.5">
+            {[1, 2, 3, 4, 5].map((star) => (
+                <Star
+                    key={star}
+                    className={`w-4 h-4 ${star <= rating ? 'text-amber-400 fill-amber-400' : 'text-gray-200'}`}
+                />
+            ))}
+        </div>
+    );
+
+    if (loading) {
+        return (
+            <div className="flex items-center justify-center min-h-[400px]">
+                <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-indigo-600"></div>
+            </div>
+        );
+    }
+
+    if (!qrCode) return null;
+
+    const qrUrl = `${typeof window !== 'undefined' ? window.location.origin : ''}/r/${qrCode.slug}`;
+
+    return (
+        <div className="max-w-6xl mx-auto">
+            {/* Header */}
+            <div className="mb-8">
+                <Link href="/dashboard" className="inline-flex items-center text-gray-500 hover:text-gray-700 mb-4">
+                    <ArrowLeft className="w-4 h-4 mr-2" />
+                    Back to Dashboard
+                </Link>
+                <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+                    <div>
+                        <h1 className="text-3xl font-bold text-gray-900">{qrCode.title}</h1>
+                        <div className="flex items-center gap-2 mt-2">
+                            <Badge variant={qrCode.type === 'DYNAMIC' ? 'info' : 'default'}>
+                                {qrCode.type}
+                            </Badge>
+                            <Badge variant={qrCode.status === 'ACTIVE' ? 'success' : 'warning'}>
+                                {qrCode.status}
+                            </Badge>
+                            <Badge>{qrCode.contentType}</Badge>
+                        </div>
+                    </div>
+                    <div className="flex gap-2">
+                        {qrCode.type === 'DYNAMIC' && (
+                            <>
+                                <Button variant="outline" size="sm" onClick={toggleStatus}>
+                                    {qrCode.status === 'ACTIVE' ? <Pause className="w-4 h-4 mr-1" /> : <Play className="w-4 h-4 mr-1" />}
+                                    {qrCode.status === 'ACTIVE' ? 'Pause' : 'Activate'}
+                                </Button>
+                                <Link href={`/qr/${qrId}/edit`}>
+                                    <Button variant="outline" size="sm">
+                                        <Edit className="w-4 h-4 mr-1" /> Edit
+                                    </Button>
+                                </Link>
+                            </>
+                        )}
+                    </div>
+                </div>
+            </div>
+
+            <div className="grid lg:grid-cols-3 gap-8">
+                {/* Left: QR Code */}
+                <div>
+                    <Card>
+                        <CardContent className="p-6 flex flex-col items-center">
+                            <div className="bg-white p-4 rounded-xl shadow-sm mb-4">
+                                <QRCodeSVG
+                                    value={qrUrl}
+                                    size={200}
+                                    fgColor={qrCode.style?.foregroundColor || '#000000'}
+                                    bgColor={qrCode.style?.backgroundColor || '#FFFFFF'}
+                                />
+                            </div>
+
+                            <div className="w-full space-y-2">
+                                <Button variant="outline" className="w-full" onClick={copyLink}>
+                                    {copied ? <Check className="w-4 h-4 mr-2" /> : <Copy className="w-4 h-4 mr-2" />}
+                                    {copied ? 'Copied!' : 'Copy Link'}
+                                </Button>
+                                <a href={qrUrl} target="_blank" rel="noopener noreferrer" className="block">
+                                    <Button variant="outline" className="w-full">
+                                        <ExternalLink className="w-4 h-4 mr-2" /> Open Link
+                                    </Button>
+                                </a>
+                            </div>
+                        </CardContent>
+                    </Card>
+                </div>
+
+                {/* Right: Stats & Info */}
+                <div className="lg:col-span-2 space-y-6">
+                    {/* Quick Stats */}
+                    <div className="grid grid-cols-2 sm:grid-cols-3 gap-4">
+                        <Card>
+                            <CardContent className="p-4 text-center">
+                                <BarChart3 className="w-6 h-6 mx-auto mb-2 text-indigo-500" />
+                                <p className="text-2xl font-bold text-gray-900">{qrCode._count?.scans || 0}</p>
+                                <p className="text-sm text-gray-500">Total Scans</p>
+                            </CardContent>
+                        </Card>
+                        <Card>
+                            <CardContent className="p-4 text-center">
+                                <p className="text-2xl font-bold text-gray-900">{qrCode.type}</p>
+                                <p className="text-sm text-gray-500">QR Type</p>
+                            </CardContent>
+                        </Card>
+                        <Card>
+                            <CardContent className="p-4 text-center">
+                                <p className="text-2xl font-bold text-gray-900">
+                                    {new Date(qrCode.createdAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
+                                </p>
+                                <p className="text-sm text-gray-500">Created</p>
+                            </CardContent>
+                        </Card>
+                    </div>
+
+                    {/* Feedback Summary (only for FEEDBACK type) */}
+                    {qrCode.contentType === 'FEEDBACK' && (
+                        <Card>
+                            <CardHeader>
+                                <CardTitle className="flex items-center gap-2">
+                                    <Star className="w-5 h-5 text-amber-400" />
+                                    Customer Feedback
+                                </CardTitle>
+                            </CardHeader>
+                            <CardContent>
+                                {feedbackStats && feedbackStats.total > 0 ? (
+                                    <div className="flex flex-col sm:flex-row sm:items-center gap-6 mb-4">
+                                        {/* Average */}
+                                        <div className="text-center sm:text-left">
+                                            <div className="text-4xl font-bold text-gray-900">{feedbackStats.avgRating}</div>
+                                            {renderStars(Math.round(feedbackStats.avgRating))}
+                                            <p className="text-sm text-gray-500 mt-1">{feedbackStats.total} reviews</p>
+                                        </div>
+
+                                        {/* Distribution */}
+                                        <div className="flex-1 space-y-1">
+                                            {[5, 4, 3, 2, 1].map((rating) => {
+                                                const count = feedbackStats.distribution[rating] || 0;
+                                                const pct = feedbackStats.total > 0 ? (count / feedbackStats.total) * 100 : 0;
+                                                return (
+                                                    <div key={rating} className="flex items-center gap-2 text-sm">
+                                                        <span className="w-8 text-gray-500">{rating}★</span>
+                                                        <div className="flex-1 h-2 bg-gray-100 rounded-full overflow-hidden">
+                                                            <div className="h-full bg-amber-400 rounded-full" style={{ width: `${pct}%` }} />
+                                                        </div>
+                                                        <span className="w-8 text-gray-400 text-right">{count}</span>
+                                                    </div>
+                                                );
+                                            })}
+                                        </div>
+                                    </div>
+                                ) : (
+                                    <p className="text-gray-500 mb-4">No feedback received yet. Share your QR code to collect reviews!</p>
+                                )}
+
+                                <Link href={`/qr/${qrId}/feedback`} className="block">
+                                    <Button variant="outline" className="w-full">
+                                        <MessageSquare className="w-4 h-4 mr-2" />
+                                        View All Feedback
+                                    </Button>
+                                </Link>
+                            </CardContent>
+                        </Card>
+                    )}
+
+                    {/* Content Info */}
+                    <Card>
+                        <CardHeader>
+                            <CardTitle>Content Details</CardTitle>
+                        </CardHeader>
+                        <CardContent>
+                            <pre className="bg-gray-50 p-4 rounded-lg text-sm overflow-auto">
+                                {JSON.stringify(qrCode.content, null, 2)}
+                            </pre>
+                        </CardContent>
+                    </Card>
+                </div>
+            </div>
+        </div>
+    );
+}

src/app/(auth)/layout.tsx

@@ -1,38 +1,11 @@
-import '@/styles/globals.css';
-import { Providers } from '@/components/Providers';
-import type { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: 'Authentication | QR Master',
-  description: 'Securely login or sign up to QR Master to manage your dynamic QR codes, track analytics, and access premium features. Your gateway to professional QR management.',
-  icons: {
-    icon: [
-      { url: '/favicon.svg', type: 'image/svg+xml' },
-      { url: '/logo.svg', type: 'image/svg+xml' },
-    ],
-    apple: '/logo.svg',
-  },
-};
-
-export default function AuthRootLayout({
+export default function AuthLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className="font-sans">
-        <Providers>
-          <div className="min-h-screen bg-gradient-to-br from-primary-50 to-white">
-            {children}
-            <div className="py-6 text-center text-sm text-slate-500 space-x-4">
-              <a href="/" className="hover:text-primary-600 transition-colors">Home</a>
-              <a href="/privacy" className="hover:text-primary-600 transition-colors">Privacy</a>
-              <a href="/faq" className="hover:text-primary-600 transition-colors">FAQ</a>
-            </div>
-          </div>
-        </Providers>
-      </body>
-    </html>
+    <div className="min-h-screen bg-gradient-to-br from-primary-50 to-white">
+      {children}
+    </div>
   );
 }

src/app/(auth)/login/page.tsx

@@ -1,38 +1,76 @@
-import React, { Suspense } from 'react';
-import type { Metadata } from 'next';
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
 import Link from 'next/link';
-import LoginClientPage from './ClientPage';
-
-export const metadata: Metadata = {
-  title: {
-    absolute: 'Login to QR Master | Access Your Dashboard'
-  },
-  description: 'Sign in to QR Master to create, manage, and track your QR codes. Access your dashboard and view analytics.',
-  alternates: {
-    canonical: 'https://www.qrmaster.net/login',
-  },
-  openGraph: {
-    title: 'Login to QR Master | Access Your Dashboard',
-    description: 'Sign in to QR Master to create, manage, and track your QR codes.',
-    url: 'https://www.qrmaster.net/login',
-    type: 'website',
-    images: [{
-      url: 'https://www.qrmaster.net/og-image.png',
-      width: 1200,
-      height: 630,
-      alt: 'QR Master Login',
-    }],
-  },
-  twitter: {
-    card: 'summary_large_image',
-    title: 'Login to QR Master | Access Your Dashboard',
-    description: 'Sign in to QR Master to create, manage, and track your QR codes.',
-    images: ['https://www.qrmaster.net/og-image.png'],
-  },
-};
-
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
+import { Input } from '@/components/ui/Input';
+import { Button } from '@/components/ui/Button';
+import { useTranslation } from '@/hooks/useTranslation';
+import { useCsrf } from '@/hooks/useCsrf';
 
 export default function LoginPage() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { t } = useTranslation();
+  const { fetchWithCsrf, loading: csrfLoading } = useCsrf();
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError('');
+
+    try {
+      const response = await fetchWithCsrf('/api/auth/simple-login', {
+        method: 'POST',
+        body: JSON.stringify({ email, password }),
+      });
+
+      const data = await response.json();
+
+      if (response.ok && data.success) {
+        // Store user in localStorage for client-side
+        localStorage.setItem('user', JSON.stringify(data.user));
+
+        // Track successful login with PostHog
+        try {
+          const { identifyUser, trackEvent } = await import('@/components/PostHogProvider');
+          identifyUser(data.user.id, {
+            email: data.user.email,
+            name: data.user.name,
+            plan: data.user.plan || 'FREE',
+          });
+          trackEvent('user_login', {
+            method: 'email',
+            email: data.user.email,
+          });
+        } catch (error) {
+          console.error('PostHog tracking error:', error);
+        }
+
+        // Check for redirect parameter
+        const redirectUrl = searchParams.get('redirect') || '/dashboard';
+        router.push(redirectUrl);
+        router.refresh();
+      } else {
+        setError(data.error || 'Invalid email or password');
+      }
+    } catch (err) {
+      setError('An error occurred. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleGoogleSignIn = () => {
+    // Redirect to Google OAuth API route
+    window.location.href = '/api/auth/google';
+  };
+
   return (
     <div className="min-h-screen bg-gradient-to-br from-primary-50 to-white flex items-center justify-center p-4">
       <div className="w-full max-w-md">
@@ -48,13 +86,94 @@ export default function LoginPage() {
           </Link>
         </div>
 
-        <Suspense fallback={
-          <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-8 flex items-center justify-center min-h-[400px]">
-            <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-600"></div>
-          </div>
-        }>
-          <LoginClientPage />
-        </Suspense>
+        <Card>
+          <CardContent className="p-6">
+            <form onSubmit={handleSubmit} className="space-y-4">
+              {error && (
+                <div className="bg-red-50 text-red-600 p-3 rounded-lg text-sm">
+                  {error}
+                </div>
+              )}
+
+              <Input
+                label="Email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="you@example.com"
+                required
+              />
+
+              <Input
+                label="Password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="••••••••"
+                required
+              />
+
+              <div className="flex items-center justify-between">
+                <label className="flex items-center">
+                  <input type="checkbox" className="mr-2" />
+                  <span className="text-sm text-gray-600">Remember me</span>
+                </label>
+                <Link href="/forgot-password" className="text-sm text-primary-600 hover:text-primary-700">
+                  Forgot password?
+                </Link>
+              </div>
+
+              <Button type="submit" className="w-full" loading={loading} disabled={csrfLoading || loading}>
+                {csrfLoading ? 'Loading...' : 'Sign In'}
+              </Button>
+
+              <div className="relative my-6">
+                <div className="absolute inset-0 flex items-center">
+                  <div className="w-full border-t border-gray-300"></div>
+                </div>
+                <div className="relative flex justify-center text-sm">
+                  <span className="px-2 bg-white text-gray-500">Or continue with</span>
+                </div>
+              </div>
+
+              <Button
+                type="button"
+                variant="outline"
+                className="w-full"
+                onClick={handleGoogleSignIn}
+              >
+                <svg className="w-5 h-5 mr-2" viewBox="0 0 24 24">
+                  <path
+                    fill="#4285F4"
+                    d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+                  />
+                  <path
+                    fill="#34A853"
+                    d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+                  />
+                  <path
+                    fill="#FBBC05"
+                    d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+                  />
+                  <path
+                    fill="#EA4335"
+                    d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+                  />
+                </svg>
+                Sign in with Google
+              </Button>
+            </form>
+
+            <div className="mt-6 text-center">
+              <p className="text-sm text-gray-600">
+                Don't have an account?{' '}
+                <Link href="/signup" className="text-primary-600 hover:text-primary-700 font-medium">
+                  Sign up
+                </Link>
+              </p>
+            </div>
+          </CardContent>
+        </Card>
 
         <p className="text-center text-sm text-gray-500 mt-6">
           By signing in, you agree to our{' '}

src/app/(auth)/reset-password/page.tsx

@@ -8,9 +8,7 @@ import { Input } from '@/components/ui/Input';
 import { Button } from '@/components/ui/Button';
 import { useCsrf } from '@/hooks/useCsrf';
 
-import { Suspense } from 'react';
-
-function ResetPasswordContent() {
+export default function ResetPasswordPage() {
   const { fetchWithCsrf, loading: csrfLoading } = useCsrf();
   const searchParams = useSearchParams();
   const router = useRouter();
@@ -208,11 +206,3 @@ function ResetPasswordContent() {
     </div>
   );
 }
-
-export default function ResetPasswordPage() {
-  return (
-    <Suspense fallback={<div className="min-h-screen flex items-center justify-center">Loading...</div>}>
-      <ResetPasswordContent />
-    </Suspense>
-  );
-}

src/app/(auth)/signup/page.tsx

@@ -1,39 +1,89 @@
-import React, { Suspense } from 'react';
-import type { Metadata } from 'next';
+'use client';
+
+import React, { useState } from 'react';
+import { useRouter } from 'next/navigation';
 import Link from 'next/link';
-import SignupClientPage from './ClientPage';
-
-export const metadata: Metadata = {
-  title: {
-    absolute: 'Create Free Account | QR Master'
-  },
-  description: 'Sign up for QR Master to create free QR codes. Start with tracking, customization, and bulk generation features.',
-  alternates: {
-    canonical: 'https://www.qrmaster.net/signup',
-  },
-  openGraph: {
-    title: 'Create Free Account | QR Master',
-    description: 'Sign up for QR Master to create free QR codes with tracking and customization.',
-    url: 'https://www.qrmaster.net/signup',
-    type: 'website',
-    images: [{
-      url: 'https://www.qrmaster.net/og-image.png',
-      width: 1200,
-      height: 630,
-      alt: 'QR Master Sign Up',
-    }],
-  },
-  twitter: {
-    card: 'summary_large_image',
-    title: 'Create Free Account | QR Master',
-    description: 'Sign up for QR Master to create free QR codes with tracking and customization.',
-    images: ['https://www.qrmaster.net/og-image.png'],
-  },
-};
-
-
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
+import { Input } from '@/components/ui/Input';
+import { Button } from '@/components/ui/Button';
+import { useTranslation } from '@/hooks/useTranslation';
+import { useCsrf } from '@/hooks/useCsrf';
 
 export default function SignupPage() {
+  const router = useRouter();
+  const { t } = useTranslation();
+  const { fetchWithCsrf } = useCsrf();
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [confirmPassword, setConfirmPassword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError('');
+
+    if (password !== confirmPassword) {
+      setError('Passwords do not match');
+      setLoading(false);
+      return;
+    }
+
+    if (password.length < 8) {
+      setError('Password must be at least 8 characters');
+      setLoading(false);
+      return;
+    }
+
+    try {
+      const response = await fetchWithCsrf('/api/auth/signup', {
+        method: 'POST',
+        body: JSON.stringify({ name, email, password }),
+      });
+
+      const data = await response.json();
+
+      if (response.ok && data.success) {
+        // Store user in localStorage for client-side
+        localStorage.setItem('user', JSON.stringify(data.user));
+
+        // Track successful signup with PostHog
+        try {
+          const { identifyUser, trackEvent } = await import('@/components/PostHogProvider');
+          identifyUser(data.user.id, {
+            email: data.user.email,
+            name: data.user.name,
+            plan: data.user.plan || 'FREE',
+            signupMethod: 'email',
+          });
+          trackEvent('user_signup', {
+            method: 'email',
+            email: data.user.email,
+          });
+        } catch (error) {
+          console.error('PostHog tracking error:', error);
+        }
+
+        // Redirect to dashboard
+        router.push('/dashboard');
+        router.refresh();
+      } else {
+        setError(data.error || 'Failed to create account');
+      }
+    } catch (err) {
+      setError('An error occurred. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleGoogleSignIn = () => {
+    // Redirect to Google OAuth API route
+    window.location.href = '/api/auth/google';
+  };
+
   return (
     <div className="min-h-screen bg-gradient-to-br from-primary-50 to-white flex items-center justify-center p-4">
       <div className="w-full max-w-md">
@@ -49,13 +99,102 @@ export default function SignupPage() {
           </Link>
         </div>
 
-        <Suspense fallback={
-          <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-8 flex items-center justify-center min-h-[500px]">
-            <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-600"></div>
-          </div>
-        }>
-          <SignupClientPage />
-        </Suspense>
+        <Card>
+          <CardContent className="p-6">
+            <form onSubmit={handleSubmit} className="space-y-4">
+              {error && (
+                <div className="bg-red-50 text-red-600 p-3 rounded-lg text-sm">
+                  {error}
+                </div>
+              )}
+
+              <Input
+                label="Full Name"
+                type="text"
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+                placeholder="John Doe"
+                required
+              />
+
+              <Input
+                label="Email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="you@example.com"
+                required
+              />
+
+              <Input
+                label="Password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="••••••••"
+                required
+              />
+
+              <Input
+                label="Confirm Password"
+                type="password"
+                value={confirmPassword}
+                onChange={(e) => setConfirmPassword(e.target.value)}
+                placeholder="••••••••"
+                required
+              />
+
+              <Button type="submit" className="w-full" loading={loading}>
+                Create Account
+              </Button>
+
+              <div className="relative my-6">
+                <div className="absolute inset-0 flex items-center">
+                  <div className="w-full border-t border-gray-300"></div>
+                </div>
+                <div className="relative flex justify-center text-sm">
+                  <span className="px-2 bg-white text-gray-500">Or continue with</span>
+                </div>
+              </div>
+
+              <Button
+                type="button"
+                variant="outline"
+                className="w-full"
+                onClick={handleGoogleSignIn}
+              >
+                <svg className="w-5 h-5 mr-2" viewBox="0 0 24 24">
+                  <path
+                    fill="#4285F4"
+                    d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+                  />
+                  <path
+                    fill="#34A853"
+                    d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+                  />
+                  <path
+                    fill="#FBBC05"
+                    d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+                  />
+                  <path
+                    fill="#EA4335"
+                    d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+                  />
+                </svg>
+                Sign up with Google
+              </Button>
+            </form>
+
+            <div className="mt-6 text-center">
+              <p className="text-sm text-gray-600">
+                Already have an account?{' '}
+                <Link href="/login" className="text-primary-600 hover:text-primary-700 font-medium">
+                  Sign in
+                </Link>
+              </p>
+            </div>
+          </CardContent>
+        </Card>
 
         <p className="text-center text-sm text-gray-500 mt-6">
           By signing up, you agree to our{' '}

src/app/(marketing)/blog/page.tsx

@@ -7,7 +7,6 @@ import { websiteSchema, breadcrumbSchema } from '@/lib/schema';
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
 import { Badge } from '@/components/ui/Badge';
 import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
-import { blogPostList } from '@/lib/blog-data';
 
 function truncateAtWord(text: string, maxLength: number): string {
   if (text.length <= maxLength) return text;
@@ -19,7 +18,7 @@ function truncateAtWord(text: string, maxLength: number): string {
 export async function generateMetadata(): Promise<Metadata> {
   const title = truncateAtWord('QR Insights: Latest QR Strategies', 60);
   const description = truncateAtWord(
-    'Expert guides on QR code analytics, dynamic vs static codes, bulk generation, and smart marketing use cases. Learn how to maximize your QR campaign ROI.',
+    'Expert guides on QR analytics, dynamic codes & smart marketing uses.',
     160
   );
 
@@ -38,14 +37,6 @@ export async function generateMetadata(): Promise<Metadata> {
       description,
       url: 'https://www.qrmaster.net/blog',
       type: 'website',
-      images: [
-        {
-          url: 'https://www.qrmaster.net/og-image.png',
-          width: 1200,
-          height: 630,
-          alt: 'QR Insights - QR Code Marketing & Analytics Blog',
-        },
-      ],
     },
     twitter: {
       title,
@@ -54,7 +45,82 @@ export async function generateMetadata(): Promise<Metadata> {
   };
 }
 
-
+const blogPosts = [
+  // NEW POSTS (January 2026)
+  {
+    slug: 'qr-code-restaurant-menu',
+    title: 'How to Create a QR Code for Restaurant Menu',
+    excerpt: 'Step-by-step guide to creating digital menu QR codes for your restaurant. Learn best practices for touchless menus, placement tips, and tracking.',
+    date: 'January 5, 2026',
+    readTime: '12 Min',
+    category: 'Restaurant',
+    image: '/blog/restaurant-qr-menu.png',
+  },
+  {
+    slug: 'vcard-qr-code-generator',
+    title: 'Free vCard QR Code Generator: Digital Business Cards',
+    excerpt: 'Create professional vCard QR codes for digital business cards. Share contact info instantly with a scan—includes templates and best practices.',
+    date: 'January 5, 2026',
+    readTime: '10 Min',
+    category: 'Business Cards',
+    image: '/blog/vcard-qr-code.png',
+  },
+  {
+    slug: 'qr-code-small-business',
+    title: 'Best QR Code Generator for Small Business: 2025 Guide',
+    excerpt: 'Find the best QR code solution for your small business. Compare features, pricing, and use cases for marketing, payments, and operations.',
+    date: 'January 5, 2026',
+    readTime: '14 Min',
+    category: 'Business',
+    image: '/blog/small-business-qr.png',
+  },
+  {
+    slug: 'qr-code-print-size-guide',
+    title: 'QR Code Print Size Guide: Minimum Sizes for Every Use Case',
+    excerpt: 'Complete guide to QR code print sizes. Learn minimum dimensions for business cards, posters, banners, and more to ensure reliable scanning.',
+    date: 'January 5, 2026',
+    readTime: '8 Min',
+    category: 'Printing',
+    image: '/blog/qr-print-sizes.png',
+  },
+  // EXISTING POSTS
+  {
+    slug: 'qr-code-tracking-guide-2025',
+    title: 'QR Code Tracking: Complete Guide 2025',
+    excerpt: 'Learn how to track QR code scans with real-time analytics. Compare free vs paid tracking tools, setup Google Analytics, and measure ROI.',
+    date: 'October 18, 2025',
+    readTime: '12 Min',
+    category: 'Tracking & Analytics',
+    image: '/blog/1-hero.png',
+  },
+  {
+    slug: 'dynamic-vs-static-qr-codes',
+    title: 'Dynamic vs Static QR Codes: Which Should You Use?',
+    excerpt: 'Understand the difference between static and dynamic QR codes. Learn when to use each type, pros/cons, and how dynamic QR codes save money.',
+    date: 'October 17, 2025',
+    readTime: '10 Min',
+    category: 'QR Code Basics',
+    image: '/blog/2-hero.png',
+  },
+  {
+    slug: 'bulk-qr-code-generator-excel',
+    title: 'How to Generate Bulk QR Codes from Excel',
+    excerpt: 'Generate hundreds of QR codes from Excel or CSV files in minutes. Step-by-step guide with templates, best practices, and free tools.',
+    date: 'October 16, 2025',
+    readTime: '13 Min',
+    category: 'Bulk Generation',
+    image: '/blog/3-hero.png',
+  },
+  {
+    slug: 'qr-code-analytics',
+    title: 'QR Code Analytics: Track, Measure & Optimize Campaigns',
+    excerpt: 'Learn how to leverage scan analytics, campaign tracking, and dashboard insights to maximize QR code ROI.',
+    date: 'October 16, 2025',
+    readTime: '15 Min',
+    category: 'Analytics',
+    image: '/blog/4-hero.png',
+  },
+];
 
 export default function BlogPage() {
   const breadcrumbItems: BreadcrumbItem[] = [
@@ -79,8 +145,8 @@ export default function BlogPage() {
           </div>
 
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
-            {blogPostList.map((post: any, index: number) => (
-              <Link key={post.slug} href={post.link || `/blog/${post.slug}`}>
+            {blogPosts.map((post) => (
+              <Link key={post.slug} href={`/blog/${post.slug}`}>
                 <Card hover className="h-full overflow-hidden shadow-md hover:shadow-xl transition-all duration-300">
                   <div className="relative h-56 overflow-hidden">
                     <Image
@@ -89,7 +155,6 @@ export default function BlogPage() {
                       width={800}
                       height={600}
                       className="w-full h-full object-cover transition-transform duration-500 hover:scale-110"
-                      priority={index < 3}
                     />
                   </div>
                   <CardHeader className="pb-3">
@@ -103,9 +168,7 @@ export default function BlogPage() {
                     <p className="text-gray-600 mb-4 leading-relaxed">{post.excerpt}</p>
                     <div className="flex items-center justify-between pt-4 border-t border-gray-100">
                       <p className="text-sm text-gray-500">{post.date}</p>
-                      <span className="text-primary-600 text-sm font-medium">
-                        {post.link ? 'Try Now →' : 'Read Article →'}
-                      </span>
+                      <span className="text-primary-600 text-sm font-medium">Read more →</span>
                     </div>
                   </CardContent>
                 </Card>

src/app/(marketing)/bulk-qr-code-generator/page.tsx

@@ -8,8 +8,8 @@ import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
 import { breadcrumbSchema } from '@/lib/schema';
 
 export const metadata: Metadata = {
-  title: 'Bulk QR Code Generator | Create from Excel | QR Master',
-  description: 'Generate hundreds of QR codes instantly from Excel/CSV. Create URLs, vCards, and text codes in bulk. Perfect for inventory, events, and product tagging.',
+  title: 'Bulk QR Code Generator - Create 1000s of QR Codes from Excel | QR Master',
+  description: 'Generate hundreds of QR codes at once from CSV or Excel files. Create URLs, vCards, locations, phone numbers, and text QR codes in bulk. Perfect for products, events, inventory management.',
   keywords: 'bulk qr code generator, batch qr code, qr code from excel, csv qr code generator, mass qr code generation, bulk vcard qr code, bulk qr codes free',
   alternates: {
     canonical: 'https://www.qrmaster.net/bulk-qr-code-generator',
@@ -23,14 +23,6 @@ export const metadata: Metadata = {
     description: 'Generate hundreds of QR codes at once from CSV or Excel files. Perfect for products, events, and inventory.',
     url: 'https://www.qrmaster.net/bulk-qr-code-generator',
     type: 'website',
-    images: [
-      {
-        url: 'https://www.qrmaster.net/og-image.png',
-        width: 1200,
-        height: 630,
-        alt: 'Bulk QR Code Generator - QR Master',
-      },
-    ],
   },
   twitter: {
     title: 'Bulk QR Code Generator - Create 1000s of QR Codes from Excel',
@@ -54,7 +46,7 @@ export default function BulkQRCodeGeneratorPage() {
       title: 'Contact Cards',
       description: 'Create vCard QR codes with contact information',
       format: 'FirstName,LastName,Email,Phone,Organization,Title',
-      example: 'John Doe,VCARD,John,Doe,john' + '@' + 'example.com,+1234567890,Company Inc,CEO',
+      example: 'John Doe,VCARD,John,Doe,john@example.com,+1234567890,Company Inc,CEO',
     },
     {
       type: 'GEO',
@@ -341,7 +333,7 @@ export default function BulkQRCodeGeneratorPage() {
                       Start Bulk Generation
                     </Button>
                   </Link>
-                  <Link href="/signup">
+                  <Link href="/create">
                     <Button variant="outline" size="lg" className="text-lg px-8 py-4 w-full sm:w-auto">
                       Try Single QR First
                     </Button>
@@ -448,7 +440,7 @@ export default function BulkQRCodeGeneratorPage() {
                     <tr className="border-b border-gray-200">
                       <td className="py-2 px-3">John Doe</td>
                       <td className="py-2 px-3">VCARD</td>
-                      <td className="py-2 px-3">John,Doe,john{'@'}example.com,+1234567890,Company,CEO</td>
+                      <td className="py-2 px-3">John,Doe,john@example.com,+1234567890,Company,CEO</td>
                       <td className="py-2 px-3">contact</td>
                     </tr>
                     <tr className="border-b border-gray-200">
@@ -641,35 +633,26 @@ Product C,https://example.com/product-c,Budget Widget,electronics,sale`}
         </section>
 
         {/* CTA Section */}
-        {/* CTA Section */}
-        <section className="py-24 bg-slate-900 relative overflow-hidden">
-          {/* Background Decorations */}
-          <div className="absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-blue-500/20 rounded-full blur-3xl opacity-50" />
-          <div className="absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-green-500/20 rounded-full blur-3xl opacity-50" />
-
-          <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl text-center relative z-10">
-            <h2 className="text-4xl lg:text-5xl font-bold mb-6 text-white tracking-tight">
-              Ready to Generate <span className="text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-blue-400">1000s of Codes?</span>
+        <section className="py-20 bg-gradient-to-r from-green-600 to-blue-600 text-white">
+          <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl text-center">
+            <h2 className="text-4xl font-bold mb-6">
+              Generate 1000s of QR Codes in Minutes
             </h2>
-            <p className="text-xl mb-10 text-slate-300 leading-relaxed max-w-2xl mx-auto">
-              Stop doing it manually. Upload your Excel file and get your QR codes in seconds. Professional, branded, and trackable.
+            <p className="text-xl mb-8 text-green-100">
+              Save hours of manual work. Upload your file and get all QR codes ready instantly.
             </p>
-            <div className="flex flex-col sm:flex-row gap-5 justify-center">
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
               <Link href="/signup">
-                <Button size="lg" className="text-lg px-8 py-6 h-auto w-full sm:w-auto bg-white text-slate-900 hover:bg-slate-50 font-bold shadow-xl shadow-blue-900/20 transition-all hover:-translate-y-1">
+                <Button size="lg" variant="secondary" className="text-lg px-8 py-4 w-full sm:w-auto bg-white text-green-600 hover:bg-gray-100">
                   Start Bulk Generation
                 </Button>
               </Link>
               <Link href="/pricing">
-                <Button size="lg" variant="outline" className="text-lg px-8 py-6 h-auto w-full sm:w-auto border-slate-700 text-white hover:bg-slate-800 hover:border-slate-600 transition-all">
+                <Button size="lg" variant="outline" className="text-lg px-8 py-4 w-full sm:w-auto border-white text-white hover:bg-white/10">
                   View Pricing
                 </Button>
               </Link>
             </div>
-
-            <p className="mt-8 text-sm text-slate-500">
-              No credit card required for free trial.
-            </p>
           </div>
         </section>
       </div>

src/app/(marketing)/dynamic-qr-code-generator/page.tsx

@@ -8,8 +8,8 @@ import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
 import { breadcrumbSchema } from '@/lib/schema';
 
 export const metadata: Metadata = {
-  title: 'Dynamic QR Code Generator | Edit & Track QR | QR Master',
-  description: 'Create editable dynamic QR codes. Update destination URLs, track scans, and manage content anytime without reprinting. Free generator with analytics.',
+  title: 'Dynamic QR Code Generator - Edit QR Codes Anytime | QR Master',
+  description: 'Create dynamic QR codes that can be edited after printing. Change destination URL, track scans, and update content without reprinting. Free dynamic QR code generator.',
   keywords: 'dynamic qr code generator, editable qr code, dynamic qr code, free dynamic qr code, qr code generator dynamic, best dynamic qr code generator',
   alternates: {
     canonical: 'https://www.qrmaster.net/dynamic-qr-code-generator',
@@ -23,14 +23,6 @@ export const metadata: Metadata = {
     description: 'Create dynamic QR codes that can be edited after printing. Change URLs, track scans, and update content anytime.',
     url: 'https://www.qrmaster.net/dynamic-qr-code-generator',
     type: 'website',
-    images: [
-      {
-        url: 'https://www.qrmaster.net/og-image.png',
-        width: 1200,
-        height: 630,
-        alt: 'Dynamic QR Code Generator - QR Master',
-      },
-    ],
   },
   twitter: {
     title: 'Dynamic QR Code Generator - Edit QR Codes Anytime | QR Master',
@@ -188,7 +180,7 @@ export default function DynamicQRCodeGeneratorPage() {
         position: 2,
         name: 'Generate QR Code',
         text: 'Enter your destination URL and customize the design with your branding',
-        url: 'https://www.qrmaster.net/signup',
+        url: 'https://www.qrmaster.net/create',
       },
       {
         '@type': 'HowToStep',
@@ -512,7 +504,7 @@ export default function DynamicQRCodeGeneratorPage() {
                   Get Started Free
                 </Button>
               </Link>
-              <Link href="/signup">
+              <Link href="/create">
                 <Button size="lg" variant="outline" className="text-lg px-8 py-4 w-full sm:w-auto border-white text-white hover:bg-white/10">
                   Create QR Code Now
                 </Button>

src/app/(marketing)/faq/page.tsx

@@ -3,7 +3,6 @@ import type { Metadata } from 'next';
 import SeoJsonLd from '@/components/SeoJsonLd';
 import { faqPageSchema } from '@/lib/schema';
 import { Card, CardContent } from '@/components/ui/Card';
-import { ContactSupport } from './ContactSupport';
 
 function truncateAtWord(text: string, maxLength: number): string {
   if (text.length <= maxLength) return text;
@@ -15,7 +14,7 @@ function truncateAtWord(text: string, maxLength: number): string {
 export async function generateMetadata(): Promise<Metadata> {
   const title = truncateAtWord('QR Master FAQ: Dynamic & Bulk QR', 60);
   const description = truncateAtWord(
-    'Find answers about dynamic QR codes, scan tracking, security, bulk generation, and event QR codes. Everything you need to know about QR Master features.',
+    'All answers: dynamic QR, security, analytics, bulk, events & print.',
     160
   );
 
@@ -34,14 +33,6 @@ export async function generateMetadata(): Promise<Metadata> {
       description,
       url: 'https://www.qrmaster.net/faq',
       type: 'website',
-      images: [
-        {
-          url: 'https://www.qrmaster.net/og-image.png',
-          width: 1200,
-          height: 630,
-          alt: 'QR Master FAQ',
-        },
-      ],
     },
     twitter: {
       title,
@@ -132,7 +123,18 @@ export default function FAQPage() {
               ))}
             </div>
 
-            <ContactSupport />
+            <div className="mt-16 bg-blue-50 border-l-4 border-blue-500 p-8 rounded-r-lg">
+              <h2 className="text-2xl font-bold mb-4 text-gray-900">
+                Still have questions?
+              </h2>
+              <p className="text-lg text-gray-700 mb-6 leading-relaxed">
+                Our support team is here to help. Contact us at{' '}
+                <a href="mailto:support@qrmaster.net" className="text-blue-600 hover:text-blue-700 font-semibold">
+                  support@qrmaster.net
+                </a>{' '}
+                or reach out through our live chat.
+              </p>
+            </div>
           </div>
         </div>
       </div>

src/app/(marketing)/not-found.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import Link from 'next/link';
-
-
-import '@/styles/globals.css';
+import { Button } from '@/components/ui/Button';
 
 export default function NotFound() {
   return (
@@ -39,22 +37,24 @@ export default function NotFound() {
 
         {/* Action Button */}
         <div className="flex justify-center">
-          <Link href="/" className="inline-flex items-center justify-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
-            <svg
-              className="w-5 h-5 mr-2"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-              />
-            </svg>
-            Back to Home
+          <Link href="/">
+            <Button size="lg">
+              <svg
+                className="w-5 h-5 mr-2"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
+                />
+              </svg>
+              Back to Home
+            </Button>
           </Link>
         </div>
       </div>

src/app/(marketing)/page.tsx

@@ -3,8 +3,6 @@ import type { Metadata } from 'next';
 import SeoJsonLd from '@/components/SeoJsonLd';
 import { organizationSchema, websiteSchema } from '@/lib/schema';
 import HomePageClient from '@/components/marketing/HomePageClient';
-import { generateFaqSchema } from '@/lib/schema-utils';
-import en from '@/i18n/en.json'; // Import English translations for schema generation
 
 function truncateAtWord(text: string, maxLength: number): string {
   if (text.length <= maxLength) return text;
@@ -16,7 +14,7 @@ function truncateAtWord(text: string, maxLength: number): string {
 export async function generateMetadata(): Promise<Metadata> {
   const title = truncateAtWord('QR Master: Dynamic QR Generator', 60);
   const description = truncateAtWord(
-    'Create professional QR codes with QR Master. Dynamic QR with tracking, bulk generation, custom branding, and real-time analytics for all your campaigns.',
+    'Dynamic QR, branding, bulk generation & analytics for all campaigns.',
     160
   );
 
@@ -28,7 +26,6 @@ export async function generateMetadata(): Promise<Metadata> {
       languages: {
         'x-default': 'https://www.qrmaster.net/',
         en: 'https://www.qrmaster.net/',
-        de: 'https://www.qrmaster.net/qr-code-erstellen',
       },
     },
     openGraph: {
@@ -36,19 +33,10 @@ export async function generateMetadata(): Promise<Metadata> {
       description,
       url: 'https://www.qrmaster.net/',
       type: 'website',
-      images: [
-        {
-          url: 'https://www.qrmaster.net/og-image.png',
-          width: 1200,
-          height: 630,
-          alt: 'QR Master - Dynamic QR Code Generator and Analytics Platform',
-        },
-      ],
     },
     twitter: {
       title,
       description,
-      images: ['https://www.qrmaster.net/og-image.png'],
     },
   };
 }
@@ -56,13 +44,11 @@ export async function generateMetadata(): Promise<Metadata> {
 export default function HomePage() {
   return (
     <>
-      <SeoJsonLd data={[organizationSchema(), websiteSchema(), generateFaqSchema(en.faq.questions)]} />
-
-      {/* Server-rendered H1 for SEO - visually hidden but crawlable */}
-      <h1 className="sr-only">QR Master: Dynamic QR Code Generator with Analytics</h1>
+      <SeoJsonLd data={[organizationSchema(), websiteSchema()]} />
 
       {/* Server-rendered SEO content for crawlers */}
       <div className="sr-only" aria-hidden="false">
+        <h1>QR Master: Free Dynamic QR Code Generator with Tracking & Analytics</h1>
         <p>
           Create professional QR codes for your business with QR Master. Our dynamic QR code generator
           lets you create trackable QR codes, edit destinations anytime, and view detailed analytics.

src/app/(marketing)/pricing/PricingClient.tsx

@@ -7,9 +7,8 @@ import { Badge } from '@/components/ui/Badge';
 import { showToast } from '@/components/ui/Toast';
 import { useRouter } from 'next/navigation';
 import { BillingToggle } from '@/components/ui/BillingToggle';
-import { ObfuscatedMailto } from '@/components/ui/ObfuscatedMailto';
 
-export default function PricingClient() {
+export default function PricingPage() {
   const router = useRouter();
   const [loading, setLoading] = useState<string | null>(null);
   const [currentPlan, setCurrentPlan] = useState<string>('FREE');
@@ -183,9 +182,9 @@ export default function PricingClient() {
   return (
     <div className="container mx-auto px-4 py-12">
       <div className="text-center mb-12">
-        <h2 className="text-4xl font-bold text-gray-900 mb-4">
+        <h1 className="text-4xl font-bold text-gray-900 mb-4">
           Choose Your Plan
-        </h2>
+        </h1>
         <p className="text-xl text-gray-600">
           Select the perfect plan for your QR code needs
         </p>
@@ -261,7 +260,7 @@ export default function PricingClient() {
           All plans include unlimited static QR codes and basic customization.
         </p>
         <p className="text-gray-600 mt-2">
-          Need help choosing? <ObfuscatedMailto email="support@qrmaster.net" className="text-primary-600 hover:text-primary-700 underline">Contact our team</ObfuscatedMailto>
+          Need help choosing? <a href="mailto:support@qrmaster.net" className="text-primary-600 hover:text-primary-700 underline">Contact our team</a>
         </p>
       </div>
     </div>

src/app/(marketing)/privacy/page.tsx

@@ -1,27 +1,9 @@
 import React from 'react';
 import Link from 'next/link';
-import { PrivacyEmailLink } from './PrivacyEmailLink';
 
 export const metadata = {
   title: 'Privacy Policy | QR Master',
-  description: 'Read our Privacy Policy to understand how QR Master collects, uses, and protects your data. We are committed to GDPR compliance and data security.',
-  alternates: {
-    canonical: 'https://www.qrmaster.net/privacy',
-  },
-  openGraph: {
-    title: 'Privacy Policy | QR Master',
-    description: 'Read our Privacy Policy to understand how QR Master collects, uses, and protects your data.',
-    url: 'https://www.qrmaster.net/privacy',
-    type: 'website',
-    images: [
-      {
-        url: 'https://www.qrmaster.net/og-image.png',
-        width: 1200,
-        height: 630,
-        alt: 'QR Master Privacy Policy',
-      },
-    ],
-  },
+  description: 'Privacy Policy and data protection information for QR Master',
 };
 
 export default function PrivacyPage() {
@@ -111,7 +93,9 @@ export default function PrivacyPage() {
             </ul>
             <p className="text-gray-700 mb-4">
               To exercise these rights, contact us at{' '}
-              <PrivacyEmailLink />
+              <a href="mailto:support@qrmaster.net" className="text-primary-600 hover:text-primary-700">
+                support@qrmaster.net
+              </a>
             </p>
             <p className="text-gray-700 mb-4">
               Our service is for users 16 years and older. If you're in the EEA and have concerns,
@@ -127,7 +111,9 @@ export default function PrivacyPage() {
             <div className="bg-gray-50 p-6 rounded-lg">
               <p className="text-gray-700 mb-2">
                 <strong>Email:</strong>{' '}
-                <PrivacyEmailLink />
+                <a href="mailto:support@qrmaster.net" className="text-primary-600 hover:text-primary-700">
+                  support@qrmaster.net
+                </a>
               </p>
               <p className="text-gray-700 mb-2"><strong>Website:</strong> <a href="/" className="text-primary-600 hover:text-primary-700">qrmaster.net</a></p>
             </div>

src/app/(marketing)/qr-code-tracking/page.tsx

@@ -8,7 +8,7 @@ import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
 import { breadcrumbSchema } from '@/lib/schema';
 
 export const metadata: Metadata = {
-  title: 'QR Code Tracking & Analytics - Track Scans | QR Master',
+  title: 'QR Code Tracking & Analytics - Track Every Scan | QR Master',
   description: 'Track QR code scans with real-time analytics. Monitor location, device, time, and user behavior. Free QR code tracking software with detailed reports.',
   keywords: 'qr code tracking, qr code analytics, track qr scans, qr code statistics, free qr tracking, qr code monitoring',
   alternates: {
@@ -19,21 +19,13 @@ export const metadata: Metadata = {
     },
   },
   openGraph: {
-    title: 'QR Code Tracking & Analytics - Track Scans | QR Master',
+    title: 'QR Code Tracking & Analytics - Track Every Scan | QR Master',
     description: 'Track QR code scans with real-time analytics. Monitor location, device, time, and user behavior.',
     url: 'https://www.qrmaster.net/qr-code-tracking',
     type: 'website',
-    images: [
-      {
-        url: 'https://www.qrmaster.net/og-image.png',
-        width: 1200,
-        height: 630,
-        alt: 'QR Code Tracking & Analytics - QR Master',
-      },
-    ],
   },
   twitter: {
-    title: 'QR Code Tracking & Analytics - Track Scans | QR Master',
+    title: 'QR Code Tracking & Analytics - Track Every Scan | QR Master',
     description: 'Track QR code scans with real-time analytics. Monitor location, device, time, and user behavior.',
   },
 };
@@ -162,7 +154,7 @@ export default function QRCodeTrackingPage() {
         position: 3,
         name: 'Monitor Analytics',
         text: 'View real-time scan data including location, device, and time patterns in your dashboard',
-        url: 'https://www.qrmaster.net/signup',
+        url: 'https://www.qrmaster.net/analytics',
       },
       {
         '@type': 'HowToStep',
@@ -207,7 +199,7 @@ export default function QRCodeTrackingPage() {
                       Start Tracking Free
                     </Button>
                   </Link>
-                  <Link href="/signup">
+                  <Link href="/create">
                     <Button variant="outline" size="lg" className="text-lg px-8 py-4 w-full sm:w-auto">
                       Create Trackable QR Code
                     </Button>
@@ -378,35 +370,26 @@ export default function QRCodeTrackingPage() {
         </section>
 
         {/* CTA Section */}
-        {/* CTA Section */}
-        <section className="py-24 bg-slate-900 relative overflow-hidden">
-          {/* Background Decorations */}
-          <div className="absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-primary-500/20 rounded-full blur-3xl opacity-50" />
-          <div className="absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-purple-500/20 rounded-full blur-3xl opacity-50" />
-
-          <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl text-center relative z-10">
-            <h2 className="text-4xl lg:text-5xl font-bold mb-6 text-white tracking-tight">
-              Start Tracking Your <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary-400 to-purple-400">QR Codes Today</span>
+        <section className="py-20 bg-gradient-to-r from-primary-600 to-purple-600 text-white">
+          <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl text-center">
+            <h2 className="text-4xl font-bold mb-6">
+              Start Tracking Your QR Codes Today
             </h2>
-            <p className="text-xl mb-10 text-slate-300 leading-relaxed max-w-2xl mx-auto">
-              Join thousands of businesses using QR Master to optimize their campaigns with real-time analytics.
+            <p className="text-xl mb-8 text-primary-100">
+              Join thousands of businesses using QR Master to track and optimize their QR code campaigns
             </p>
-            <div className="flex flex-col sm:flex-row gap-5 justify-center">
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
               <Link href="/signup">
-                <Button size="lg" className="text-lg px-8 py-6 h-auto w-full sm:w-auto bg-white text-slate-900 hover:bg-slate-50 font-bold shadow-xl shadow-primary-900/20 transition-all hover:-translate-y-1">
+                <Button size="lg" variant="secondary" className="text-lg px-8 py-4 w-full sm:w-auto bg-white text-primary-600 hover:bg-gray-100">
                   Create Free Account
                 </Button>
               </Link>
               <Link href="/pricing">
-                <Button size="lg" variant="outline" className="text-lg px-8 py-6 h-auto w-full sm:w-auto border-slate-700 text-white hover:bg-slate-800 hover:border-slate-600 transition-all">
+                <Button size="lg" variant="outline" className="text-lg px-8 py-4 w-full sm:w-auto border-white text-white hover:bg-white/10">
                   View Pricing
                 </Button>
               </Link>
             </div>
-
-            <p className="mt-8 text-sm text-slate-500">
-              Full analytics accessible on free plan.
-            </p>
           </div>
         </section>
       </div>

src/app/api/feedback/route.ts

@@ -0,0 +1,41 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { db } from '@/lib/db';
+
+export async function POST(request: NextRequest) {
+    try {
+        const body = await request.json();
+        const { slug, rating, comment } = body;
+
+        if (!slug || !rating) {
+            return NextResponse.json({ error: 'Missing required fields' }, { status: 400 });
+        }
+
+        // Find the QR code
+        const qrCode = await db.qRCode.findUnique({
+            where: { slug },
+            select: { id: true },
+        });
+
+        if (!qrCode) {
+            return NextResponse.json({ error: 'QR Code not found' }, { status: 404 });
+        }
+
+        // Log feedback as a scan with additional data
+        // In a full implementation, you'd have a Feedback model
+        // For now, we'll store it in QRScan with special markers
+        await db.qRScan.create({
+            data: {
+                qrId: qrCode.id,
+                ipHash: 'feedback',
+                userAgent: `rating:${rating}|comment:${comment?.substring(0, 200) || ''}`,
+                device: 'feedback',
+                isUnique: true,
+            },
+        });
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error('Error submitting feedback:', error);
+        return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+    }
+}

src/app/api/qrs/[id]/feedback/route.ts

@@ -0,0 +1,122 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getServerSession } from 'next-auth';
+import { authOptions } from '@/lib/auth';
+import { db } from '@/lib/db';
+import { cookies } from 'next/headers';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        let userId: string | undefined;
+
+        // Try NextAuth session first
+        const session = await getServerSession(authOptions);
+        if (session?.user?.id) {
+            userId = session.user.id;
+        } else {
+            // Fallback: Check raw userId cookie (like /api/user does)
+            const cookieStore = await cookies();
+            userId = cookieStore.get('userId')?.value;
+        }
+
+        if (!userId) {
+            return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+        }
+
+        const { id } = await params;
+        const { searchParams } = new URL(request.url);
+        const page = parseInt(searchParams.get('page') || '1');
+        const limit = parseInt(searchParams.get('limit') || '20');
+        const skip = (page - 1) * limit;
+
+        // Verify QR ownership and type
+        const qrCode = await db.qRCode.findUnique({
+            where: { id, userId: userId },
+            select: { id: true, contentType: true },
+        });
+
+        if (!qrCode) {
+            return NextResponse.json({ error: 'QR code not found' }, { status: 404 });
+        }
+
+        // Check if consistent with schema (Prisma enum mismatch fix)
+        // @ts-ignore - Temporary ignore until client regeneration catches up fully in all envs
+        if (qrCode.contentType !== 'FEEDBACK') {
+            return NextResponse.json({ error: 'Not a feedback QR code' }, { status: 400 });
+        }
+
+        // Fetch feedback entries (stored as QRScans with ipHash='feedback')
+        const [feedbackEntries, totalCount] = await Promise.all([
+            db.qRScan.findMany({
+                where: { qrId: id, ipHash: 'feedback' },
+                orderBy: { ts: 'desc' },
+                skip,
+                take: limit,
+                select: { id: true, userAgent: true, ts: true },
+            }),
+            db.qRScan.count({
+                where: { qrId: id, ipHash: 'feedback' },
+            }),
+        ]);
+
+        // Parse feedback data from userAgent field
+        const feedbacks = feedbackEntries.map((entry) => {
+            const parsed = parseFeedback(entry.userAgent || '');
+            return {
+                id: entry.id,
+                rating: parsed.rating,
+                comment: parsed.comment,
+                date: entry.ts,
+            };
+        });
+
+        // Calculate stats
+        const allRatings = await db.qRScan.findMany({
+            where: { qrId: id, ipHash: 'feedback' },
+            select: { userAgent: true },
+        });
+
+        const ratings = allRatings.map((e) => parseFeedback(e.userAgent || '').rating).filter((r) => r > 0);
+        const avgRating = ratings.length > 0 ? ratings.reduce((a, b) => a + b, 0) / ratings.length : 0;
+
+        // Rating distribution
+        const distribution = {
+            5: ratings.filter((r) => r === 5).length,
+            4: ratings.filter((r) => r === 4).length,
+            3: ratings.filter((r) => r === 3).length,
+            2: ratings.filter((r) => r === 2).length,
+            1: ratings.filter((r) => r === 1).length,
+        };
+
+        return NextResponse.json({
+            feedbacks,
+            stats: {
+                total: totalCount,
+                avgRating: Math.round(avgRating * 10) / 10,
+                distribution,
+            },
+            pagination: {
+                page,
+                limit,
+                totalPages: Math.ceil(totalCount / limit),
+                hasMore: skip + limit < totalCount,
+            },
+        });
+    } catch (error) {
+        console.error('Error fetching feedback:', error);
+        return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+    }
+}
+
+function parseFeedback(userAgent: string): { rating: number; comment: string } {
+    // Format: "rating:4|comment:Great service!"
+    const ratingMatch = userAgent.match(/rating:(\d)/);
+    const commentMatch = userAgent.match(/comment:(.+)/);
+
+    return {
+        rating: ratingMatch ? parseInt(ratingMatch[1]) : 0,
+        comment: commentMatch ? commentMatch[1] : '',
+    };
+}

src/app/api/qrs/public/[slug]/route.ts

@@ -0,0 +1,37 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { db } from '@/lib/db';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ slug: string }> }
+) {
+    try {
+        const { slug } = await params;
+
+        const qrCode = await db.qRCode.findUnique({
+            where: { slug },
+            select: {
+                id: true,
+                content: true,
+                contentType: true,
+                status: true,
+            },
+        });
+
+        if (!qrCode) {
+            return NextResponse.json({ error: 'QR Code not found' }, { status: 404 });
+        }
+
+        if (qrCode.status === 'PAUSED') {
+            return NextResponse.json({ error: 'QR Code is paused' }, { status: 403 });
+        }
+
+        return NextResponse.json({
+            contentType: qrCode.contentType,
+            content: qrCode.content,
+        });
+    } catch (error) {
+        console.error('Error fetching public QR:', error);
+        return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+    }
+}

src/app/api/qrs/route.ts

@@ -63,7 +63,6 @@ export async function POST(request: NextRequest) {
     }
 
     const userId = cookies().get('userId')?.value;
-    console.log('POST /api/qrs - userId from cookie:', userId);
 
     // Rate Limiting (user-based)
     const clientId = userId || getClientIdentifier(request);
@@ -90,20 +89,16 @@ export async function POST(request: NextRequest) {
       return NextResponse.json({ error: 'Unauthorized - no userId cookie' }, { status: 401 });
     }
 
-    // Check if user exists and get their plan
     const user = await db.user.findUnique({
       where: { id: userId },
       select: { plan: true },
     });
 
-    console.log('User exists:', !!user);
-
     if (!user) {
       return NextResponse.json({ error: `User not found: ${userId}` }, { status: 404 });
     }
 
     const body = await request.json();
-    console.log('Request body:', body);
 
     // Validate request body with Zod (only for non-static QRs or simplified validation)
     // Note: Static QRs have complex nested content structure, so we do basic validation
@@ -182,6 +177,18 @@ END:VCARD`;
         case 'WHATSAPP':
           qrContent = `https://wa.me/${body.content.phone}${body.content.message ? `?text=${encodeURIComponent(body.content.message)}` : ''}`;
           break;
+        case 'PDF':
+          qrContent = body.content.fileUrl || 'https://example.com/file.pdf';
+          break;
+        case 'APP':
+          qrContent = body.content.fallbackUrl || body.content.iosUrl || body.content.androidUrl || 'https://example.com';
+          break;
+        case 'COUPON':
+          qrContent = `Coupon: ${body.content.code || 'CODE'} - ${body.content.discount || 'Discount'}`;
+          break;
+        case 'FEEDBACK':
+          qrContent = body.content.feedbackUrl || 'https://example.com/feedback';
+          break;
         default:
           qrContent = body.content.url || 'https://example.com';
       }

src/app/api/upload/route.ts

@@ -0,0 +1,82 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getServerSession } from 'next-auth';
+import { authOptions } from '@/lib/auth';
+import { uploadFileToR2 } from '@/lib/r2';
+import { env } from '@/lib/env';
+import { db } from '@/lib/db';
+
+export async function POST(request: NextRequest) {
+    try {
+        // 1. Authentication Check
+        const session = await getServerSession(authOptions);
+        let userId = session?.user?.id;
+
+        // Fallback: Check for simple-login cookie if no NextAuth session
+        if (!userId) {
+            const cookieUserId = request.cookies.get('userId')?.value;
+            if (cookieUserId) {
+                // Verify user exists
+                const user = await db.user.findUnique({
+                    where: { id: cookieUserId },
+                    select: { id: true }
+                });
+                if (user) {
+                    userId = user.id;
+                }
+            }
+        }
+
+        if (!userId) {
+            return new NextResponse('Unauthorized', { status: 401 });
+        }
+
+        // 2. Parse Form Data
+        const formData = await request.formData();
+        const file = formData.get('file') as File | null;
+
+        if (!file) {
+            return NextResponse.json(
+                { error: 'No file provided' },
+                { status: 400 }
+            );
+        }
+
+        // 3. Validation
+        // Check file size (default 10MB)
+        const MAX_SIZE = parseInt(env.MAX_UPLOAD_SIZE || '10485760');
+        if (file.size > MAX_SIZE) {
+            return NextResponse.json(
+                { error: `File too large. Maximum size: ${MAX_SIZE / 1024 / 1024}MB` },
+                { status: 400 }
+            );
+        }
+
+        // Check file type (allow images and PDFs)
+        const allowedTypes = ['application/pdf', 'image/jpeg', 'image/png', 'image/webp'];
+        if (!allowedTypes.includes(file.type)) {
+            return NextResponse.json(
+                { error: 'Invalid file type. Only PDF and Images are allowed.' },
+                { status: 400 }
+            );
+        }
+
+        // 4. Upload to R2
+        const buffer = Buffer.from(await file.arrayBuffer());
+        const publicUrl = await uploadFileToR2(buffer, file.name, file.type);
+
+        // 5. Success
+        return NextResponse.json({
+            success: true,
+            url: publicUrl,
+            filename: file.name,
+            type: file.type
+        });
+
+    } catch (error) {
+        console.error('Upload error:', error);
+        return NextResponse.json(
+            { error: 'Internal server error during upload' },
+            { status: 500 }
+        );
+    }
+}

src/app/coupon/[slug]/page.tsx

@@ -0,0 +1,167 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useParams } from 'next/navigation';
+import { Copy, Check, ExternalLink, Gift } from 'lucide-react';
+
+interface CouponData {
+    code: string;
+    discount: string;
+    title?: string;
+    description?: string;
+    expiryDate?: string;
+    redeemUrl?: string;
+}
+
+export default function CouponPage() {
+    const params = useParams();
+    const slug = params.slug as string;
+    const [coupon, setCoupon] = useState<CouponData | null>(null);
+    const [loading, setLoading] = useState(true);
+    const [copied, setCopied] = useState(false);
+
+    useEffect(() => {
+        async function fetchCoupon() {
+            try {
+                const res = await fetch(`/api/qrs/public/${slug}`);
+                if (res.ok) {
+                    const data = await res.json();
+                    if (data.contentType === 'COUPON') {
+                        setCoupon(data.content as CouponData);
+                    }
+                }
+            } catch (error) {
+                console.error('Error fetching coupon:', error);
+            } finally {
+                setLoading(false);
+            }
+        }
+        fetchCoupon();
+    }, [slug]);
+
+    const copyCode = async () => {
+        if (coupon?.code) {
+            await navigator.clipboard.writeText(coupon.code);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+    };
+
+    // Loading
+    if (loading) {
+        return (
+            <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-rose-50 to-pink-100">
+                <div className="w-10 h-10 border-3 border-pink-200 border-t-pink-600 rounded-full animate-spin"></div>
+            </div>
+        );
+    }
+
+    // Not found
+    if (!coupon) {
+        return (
+            <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-rose-50 to-pink-100 px-6">
+                <div className="text-center bg-white rounded-2xl p-8 shadow-lg">
+                    <p className="text-gray-500 text-lg">This coupon is not available.</p>
+                </div>
+            </div>
+        );
+    }
+
+    const isExpired = coupon.expiryDate && new Date(coupon.expiryDate) < new Date();
+
+    return (<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E] px-6 py-12">
+        <div className="max-w-sm w-full">
+            {/* Card */}
+            <div className="bg-white rounded-3xl shadow-xl overflow-hidden">
+                {/* Colorful Header */}
+                <div className="bg-gradient-to-br from-[#DB5375] to-[#B3FFB3] text-gray-900 p-8 text-center relative overflow-hidden">
+                    {/* Decorative circles */}
+                    <div className="absolute top-0 right-0 w-32 h-32 bg-white/10 rounded-full -translate-y-1/2 translate-x-1/2"></div>
+                    <div className="absolute bottom-0 left-0 w-24 h-24 bg-white/10 rounded-full translate-y-1/2 -translate-x-1/2"></div>
+
+                    <div className="relative">
+                        <div className="w-14 h-14 bg-[#DB5375]/10 rounded-2xl flex items-center justify-center mx-auto mb-4">
+                            <Gift className="w-7 h-7 text-[#DB5375]" />
+                        </div>
+                        <p className="text-gray-700 text-sm mb-1">{coupon.title || 'Special Offer'}</p>
+                        <p className="text-4xl font-bold tracking-tight text-gray-900">{coupon.discount}</p>
+                    </div>
+                </div>
+
+                {/* Dotted line with circles */}
+                <div className="relative py-4">
+                    <div className="relative py-4">
+                        <div className="absolute left-0 top-1/2 -translate-y-1/2 w-5 h-10 bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E] rounded-r-full"></div>
+                        <div className="absolute right-0 top-1/2 -translate-y-1/2 w-5 h-10 bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E] rounded-l-full"></div>
+                        <div className="border-t-2 border-dashed border-gray-200 mx-8"></div>
+                    </div>
+
+                    {/* Content */}
+                    <div className="px-8 pb-8">
+                        {coupon.description && (
+                            <p className="text-gray-500 text-sm text-center mb-6">{coupon.description}</p>
+                        )}
+
+                        {/* Code Box */}
+                        <div className="bg-gray-50 rounded-2xl p-5 mb-4 border border-emerald-100">
+                            <p className="text-xs text-emerald-600 text-center mb-2 font-medium uppercase tracking-wider">Your Code</p>
+                            <div className="flex items-center justify-center gap-3">
+                                <code className="text-2xl font-mono font-bold text-gray-900 tracking-wider">
+                                    {coupon.code}
+                                </code>
+                                <button
+                                    onClick={copyCode}
+                                    className={`p-2.5 rounded-xl transition-all ${copied
+                                        ? 'bg-emerald-100 text-emerald-600'
+                                        : 'bg-white text-gray-500 hover:text-rose-500 shadow-sm hover:shadow'
+                                        }`}
+                                    aria-label="Copy code"
+                                >
+                                    {copied ? <Check className="w-5 h-5" /> : <Copy className="w-5 h-5" />}
+                                </button>
+                            </div>
+                            {copied && (
+                                <p className="text-emerald-600 text-xs text-center mt-2 font-medium">Copied!</p>
+                            )}
+                        </div>
+
+                        {/* Expiry */}
+                        {coupon.expiryDate && (
+                            <p className={`text-sm text-center mb-6 font-medium ${isExpired ? 'text-red-500' : 'text-gray-400'}`}>
+                                {isExpired
+                                    ? '⚠️ This coupon has expired'
+                                    : `Valid until ${new Date(coupon.expiryDate).toLocaleDateString('en-US', {
+                                        month: 'long',
+                                        day: 'numeric',
+                                        year: 'numeric'
+                                    })}`
+                                }
+                            </p>
+                        )}
+
+                        {/* Redeem Button */}
+                        {coupon.redeemUrl && !isExpired && (
+                            <a
+                                href={coupon.redeemUrl}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="block w-full py-4 rounded-xl font-semibold text-center bg-gradient-to-r from-[#076653] to-[#0C342C] text-white hover:from-[#087861] hover:to-[#0E4036] transition-all shadow-lg shadow-emerald-200"
+                            >
+                                <span className="flex items-center justify-center gap-2">
+                                    Redeem Now
+                                    <ExternalLink className="w-4 h-4" />
+                                </span>
+                            </a>
+                        )}
+                    </div>
+                </div>
+
+                {/* Footer */}
+                <p className="text-center text-sm text-white/60 mt-6">
+                    Powered by QR Master
+                </p>
+            </div>
+        </div>
+    </div>
+    );
+}

src/app/feedback/[slug]/page.tsx

@@ -0,0 +1,195 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useParams } from 'next/navigation';
+import { Star, Send, Check } from 'lucide-react';
+
+interface FeedbackData {
+    businessName: string;
+    googleReviewUrl?: string;
+    thankYouMessage?: string;
+}
+
+export default function FeedbackPage() {
+    const params = useParams();
+    const slug = params.slug as string;
+    const [feedback, setFeedback] = useState<FeedbackData | null>(null);
+    const [loading, setLoading] = useState(true);
+    const [rating, setRating] = useState(0);
+    const [hoverRating, setHoverRating] = useState(0);
+    const [comment, setComment] = useState('');
+    const [submitted, setSubmitted] = useState(false);
+    const [submitting, setSubmitting] = useState(false);
+
+    useEffect(() => {
+        async function fetchFeedback() {
+            try {
+                const res = await fetch(`/api/qrs/public/${slug}`);
+                if (res.ok) {
+                    const data = await res.json();
+                    if (data.contentType === 'FEEDBACK') {
+                        setFeedback(data.content as FeedbackData);
+                    }
+                }
+            } catch (error) {
+                console.error('Error fetching feedback data:', error);
+            } finally {
+                setLoading(false);
+            }
+        }
+        fetchFeedback();
+    }, [slug]);
+
+    const handleSubmit = async () => {
+        if (rating === 0) return;
+
+        setSubmitting(true);
+        try {
+            await fetch('/api/feedback', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ slug, rating, comment }),
+            });
+
+            setSubmitted(true);
+
+            if (rating >= 4 && feedback?.googleReviewUrl) {
+                setTimeout(() => {
+                    window.location.href = feedback.googleReviewUrl!;
+                }, 2000);
+            }
+        } catch (error) {
+            console.error('Error submitting feedback:', error);
+        } finally {
+            setSubmitting(false);
+        }
+    };
+
+    // Loading
+    if (loading) {
+        return (
+            <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E]">
+                <div className="w-10 h-10 border-3 border-indigo-200 border-t-indigo-600 rounded-full animate-spin"></div>
+            </div>
+        );
+    }
+
+    // Not found
+    if (!feedback) {
+        return (
+            <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E] px-6">
+                <div className="text-center bg-white rounded-2xl p-8 shadow-lg">
+                    <p className="text-gray-500 text-lg">This feedback form is not available.</p>
+                </div>
+            </div>
+        );
+    }
+
+    // Success
+    if (submitted) {
+        return (
+            <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E] px-6">
+                <div className="max-w-sm w-full bg-white rounded-3xl shadow-xl p-10 text-center">
+                    <div className="w-20 h-20 bg-gradient-to-br from-[#4C5F4E] to-[#FAF8F5] rounded-full flex items-center justify-center mx-auto mb-6 shadow-lg">
+                        <Check className="w-10 h-10 text-white" strokeWidth={2.5} />
+                    </div>
+
+                    <h1 className="text-2xl font-bold text-gray-900 mb-2">
+                        Thank you!
+                    </h1>
+
+                    <p className="text-gray-500">
+                        {feedback.thankYouMessage || 'Your feedback has been submitted.'}
+                    </p>
+
+                    {rating >= 4 && feedback.googleReviewUrl && (
+                        <p className="text-sm text-teal-600 mt-6 font-medium">
+                            Redirecting to Google Reviews...
+                        </p>
+                    )}
+                </div>
+            </div>
+        );
+    }
+
+    // Rating Form
+    return (
+        <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-[#FAF8F5] via-[#C6C0B3] to-[#4C5F4E] px-6 py-12">
+            <div className="max-w-md w-full">
+                {/* Card */}
+                <div className="bg-white rounded-3xl shadow-xl overflow-hidden">
+                    {/* Colored Header */}
+                    <div className="bg-gradient-to-r from-[#4C5F4E] via-[#C6C0B3] to-[#FAF8F5] p-8 text-center">
+                        <div className="w-14 h-14 bg-white/20 rounded-2xl flex items-center justify-center mx-auto mb-4">
+                            <Star className="w-7 h-7 text-white" />
+                        </div>
+                        <h1 className="text-2xl font-bold mb-1 text-gray-900">How was your experience?</h1>
+                        <p className="text-gray-700">{feedback.businessName}</p>
+                    </div>
+
+                    {/* Content */}
+                    <div className="p-8">
+                        {/* Stars */}
+                        <div className="flex justify-center gap-2 mb-2">
+                            {[1, 2, 3, 4, 5].map((star) => (
+                                <button
+                                    key={star}
+                                    onClick={() => setRating(star)}
+                                    onMouseEnter={() => setHoverRating(star)}
+                                    onMouseLeave={() => setHoverRating(0)}
+                                    className="p-1 transition-transform hover:scale-110 focus:outline-none"
+                                    aria-label={`Rate ${star} stars`}
+                                >
+                                    <Star
+                                        className={`w-11 h-11 transition-all ${star <= (hoverRating || rating)
+                                            ? 'text-amber-400 fill-amber-400 drop-shadow-sm'
+                                            : 'text-gray-200'
+                                            }`}
+                                    />
+                                </button>
+                            ))}
+                        </div>
+
+                        {/* Rating text */}
+                        <p className="text-center text-sm font-medium h-6 mb-6" style={{ color: rating > 0 ? '#6366f1' : 'transparent' }}>
+                            {rating === 1 && 'Poor'}
+                            {rating === 2 && 'Fair'}
+                            {rating === 3 && 'Good'}
+                            {rating === 4 && 'Great!'}
+                            {rating === 5 && 'Excellent!'}
+                        </p>
+
+                        {/* Comment */}
+                        <div className="mb-6">
+                            <textarea
+                                value={comment}
+                                onChange={(e) => setComment(e.target.value)}
+                                placeholder="Share your thoughts (optional)"
+                                rows={3}
+                                className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+                            />
+                        </div>
+
+                        {/* Submit */}
+                        <button
+                            onClick={handleSubmit}
+                            disabled={rating === 0 || submitting}
+                            className={`w-full py-4 rounded-xl font-semibold flex items-center justify-center gap-2 transition-all ${rating === 0
+                                ? 'bg-gray-100 text-gray-400 cursor-not-allowed'
+                                : 'bg-gradient-to-r from-[#4C5F4E] to-[#0C342C] text-white hover:from-[#5a705c] hover:to-[#0E4036] shadow-lg shadow-emerald-200'
+                                }`}
+                        >
+                            <Send className="w-4 h-4" />
+                            {submitting ? 'Sending...' : 'Submit Feedback'}
+                        </button>
+                    </div>
+                </div>
+
+                {/* Footer */}
+                <p className="text-center text-sm text-white/60 mt-6">
+                    Powered by QR Master
+                </p>
+            </div>
+        </div>
+    );
+}

src/app/layout.tsx

@@ -0,0 +1,72 @@
+import type { Metadata } from 'next';
+import { Suspense } from 'react';
+import '@/styles/globals.css';
+import { ToastContainer } from '@/components/ui/Toast';
+import AuthProvider from '@/components/SessionProvider';
+import { PostHogProvider } from '@/components/PostHogProvider';
+import CookieBanner from '@/components/CookieBanner';
+
+const isIndexable = process.env.NEXT_PUBLIC_INDEXABLE === 'true';
+
+export const metadata: Metadata = {
+  metadataBase: new URL('https://www.qrmaster.net'),
+  title: {
+    default: 'QR Master – Smart QR Generator & Analytics',
+    template: '%s | QR Master',
+  },
+  description: 'Create dynamic QR codes, track scans, and scale campaigns with secure analytics.',
+  keywords: 'QR code, QR generator, dynamic QR, QR tracking, QR analytics, branded QR, bulk QR generator',
+  robots: isIndexable
+    ? { index: true, follow: true }
+    : { index: false, follow: false },
+  icons: {
+    icon: [
+      { url: '/favicon.svg', type: 'image/svg+xml' },
+      { url: '/logo.svg', type: 'image/svg+xml' },
+    ],
+    apple: '/logo.svg',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    site: '@qrmaster',
+    images: ['https://www.qrmaster.net/static/og-image.png'],
+  },
+  openGraph: {
+    type: 'website',
+    siteName: 'QR Master',
+    title: 'QR Master – Smart QR Generator & Analytics',
+    description: 'Create dynamic QR codes, track scans, and scale campaigns with secure analytics.',
+    url: 'https://www.qrmaster.net',
+    images: [
+      {
+        url: 'https://www.qrmaster.net/static/og-image.png',
+        width: 1200,
+        height: 630,
+        alt: 'QR Master - Dynamic QR Code Generator and Analytics Platform',
+      },
+    ],
+    locale: 'en_US',
+  },
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className="font-sans">
+        <Suspense fallback={null}>
+          <PostHogProvider>
+            <AuthProvider>
+              {children}
+            </AuthProvider>
+            <CookieBanner />
+            <ToastContainer />
+          </PostHogProvider>
+        </Suspense>
+      </body>
+    </html>
+  );
+}

src/app/r/[slug]/route.ts

@@ -59,6 +59,34 @@ export async function GET(
         const baseUrlText = process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3050';
         destination = `${baseUrlText}/display?text=${encodeURIComponent(content.text || '')}`;
         break;
+      case 'PDF':
+        // Direct link to file
+        destination = content.fileUrl || 'https://example.com/file.pdf';
+        break;
+      case 'APP':
+        // Smart device detection for app stores
+        const userAgent = request.headers.get('user-agent') || '';
+        const isIOS = /iphone|ipad|ipod/i.test(userAgent);
+        const isAndroid = /android/i.test(userAgent);
+
+        if (isIOS && content.iosUrl) {
+          destination = content.iosUrl;
+        } else if (isAndroid && content.androidUrl) {
+          destination = content.androidUrl;
+        } else {
+          destination = content.fallbackUrl || content.iosUrl || content.androidUrl || 'https://example.com';
+        }
+        break;
+      case 'COUPON':
+        // Redirect to coupon display page
+        const baseUrlCoupon = process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3050';
+        destination = `${baseUrlCoupon}/coupon/${slug}`;
+        break;
+      case 'FEEDBACK':
+        // Redirect to feedback form page
+        const baseUrlFeedback = process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3050';
+        destination = `${baseUrlFeedback}/feedback/${slug}`;
+        break;
       default:
         destination = 'https://example.com';
     }

src/app/robots.ts

@@ -4,18 +4,18 @@ export default function robots(): MetadataRoute.Robots {
   const baseUrl = 'https://www.qrmaster.net';
 
   return {
-    rules: {
-      userAgent: '*',
-      allow: ['/', '/_next/static/', '/_next/image/'],
-      disallow: [
-        '/api/',
-        '/dashboard/',
-        '/create/',
-        '/settings/',
-        '/newsletter/',
-        '/cdn-cgi/',
-      ],
-    },
+    rules: [
+      {
+        userAgent: '*',
+        allow: '/',
+        disallow: [
+          '/api/',
+          '/dashboard/',
+          '/create/',
+          '/settings/',
+        ],
+      },
+    ],
     sitemap: `${baseUrl}/sitemap.xml`,
   };
 }

src/app/vcard/page.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import React, { useEffect, useState, Suspense } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useSearchParams } from 'next/navigation';
 
-function VCardContent() {
+export default function VCardPage() {
   const searchParams = useSearchParams();
   const [isLoading, setIsLoading] = useState(true);
   const [firstName, setFirstName] = useState('');
@@ -272,26 +272,3 @@ END:VCARD`;
     </div>
   );
 }
-
-export default function VCardPage() {
-  return (
-    <Suspense fallback={
-      <div style={{
-        minHeight: '100vh',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-        backgroundColor: '#ffffff'
-      }}>
-        <div style={{ textAlign: 'center' }}>
-          <div style={{ fontSize: '48px', marginBottom: '16px' }}>👤</div>
-          <p style={{ color: '#666' }}>Loading...</p>
-        </div>
-      </div>
-    }>
-      <VCardContent />
-    </Suspense>
-  );
-}
-

src/components/PostHogProvider.tsx

@@ -4,30 +4,10 @@ import { useEffect, useState, useRef } from 'react';
 import { usePathname, useSearchParams } from 'next/navigation';
 import posthog from 'posthog-js';
 
-export function PostHogPageView() {
+export function PostHogProvider({ children }: { children: React.ReactNode }) {
   const pathname = usePathname();
   const searchParams = useSearchParams();
-
-  // Track page views
-  useEffect(() => {
-    const cookieConsent = localStorage.getItem('cookieConsent');
-
-    if (cookieConsent === 'accepted' && pathname) {
-      let url = window.origin + pathname;
-      if (searchParams && searchParams.toString()) {
-        url = url + `?${searchParams.toString()}`;
-      }
-
-      posthog.capture('$pageview', {
-        $current_url: url,
-      });
-    }
-  }, [pathname, searchParams]);
-
-  return null;
-}
-
-export function PostHogProvider({ children }: { children: React.ReactNode }) {
+  const [isInitialized, setIsInitialized] = useState(false);
   const initializationAttempted = useRef(false);
 
   // Initialize PostHog once
@@ -38,9 +18,6 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
 
     const cookieConsent = localStorage.getItem('cookieConsent');
 
-    // Check if we should initialize based on consent
-    // If not accepted yet, we don't init. CookieBanner deals with setting 'accepted' and reloading or calling init.
-    // Ideally we should listen to consent changes, but for now matching previous behavior.
     if (cookieConsent === 'accepted') {
       const apiKey = process.env.NEXT_PUBLIC_POSTHOG_KEY;
       const apiHost = process.env.NEXT_PUBLIC_POSTHOG_HOST;
@@ -50,24 +27,49 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
         return;
       }
 
+      // Check if already initialized (using _loaded property)
       if (!(posthog as any)._loaded) {
         posthog.init(apiKey, {
           api_host: apiHost || 'https://us.i.posthog.com',
           person_profiles: 'identified_only',
-          capture_pageview: false, // We handle this manually
+          capture_pageview: false, // Manual pageview tracking
           capture_pageleave: true,
           autocapture: true,
           respect_dnt: true,
           opt_out_capturing_by_default: false,
         });
 
+        // Enable debug mode in development
         if (process.env.NODE_ENV === 'development') {
           posthog.debug();
         }
+
+        // Set initialized immediately after init
+        setIsInitialized(true);
+      } else {
+        setIsInitialized(true); // Already loaded
       }
     }
+
+    // NO cleanup function - PostHog should persist across page navigation
   }, []);
 
+  // Track page views ONLY after PostHog is initialized
+  useEffect(() => {
+    const cookieConsent = localStorage.getItem('cookieConsent');
+
+    if (cookieConsent === 'accepted' && pathname && isInitialized) {
+      let url = window.origin + pathname;
+      if (searchParams && searchParams.toString()) {
+        url = url + `?${searchParams.toString()}`;
+      }
+
+      posthog.capture('$pageview', {
+        $current_url: url,
+      });
+    }
+  }, [pathname, searchParams, isInitialized]); // Added isInitialized dependency
+
   return <>{children}</>;
 }
 

src/components/SeoJsonLd.tsx

@@ -9,22 +9,15 @@ export default function SeoJsonLd({ data }: SeoJsonLdProps) {
 
   return (
     <>
-      {jsonLdArray.map((item, index) => {
-        // Only add @context if it doesn't already exist in the item
-        const schema = (item as any)['@context']
-          ? item
-          : { '@context': 'https://schema.org', ...item };
-
-        return (
-          <script
-            key={index}
-            type="application/ld+json"
-            dangerouslySetInnerHTML={{
-              __html: JSON.stringify(schema, null, 0),
-            }}
-          />
-        );
-      })}
+      {jsonLdArray.map((item, index) => (
+        <script
+          key={index}
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(item, null, 0),
+          }}
+        />
+      ))}
     </>
   );
 }

src/components/dashboard/QRCodeCard.tsx

@@ -168,6 +168,7 @@ END:VCARD`;
               </button>
             }
           >
+            <DropdownItem onClick={() => window.location.href = `/qr/${qr.id}`}>View Details</DropdownItem>
             <DropdownItem onClick={() => downloadQR('png')}>Download PNG</DropdownItem>
             <DropdownItem onClick={() => downloadQR('svg')}>Download SVG</DropdownItem>
             {qr.type === 'DYNAMIC' && (
@@ -246,6 +247,15 @@ END:VCARD`;
               </p>
             </div>
           )}
+          {/* Feedback Button - only for FEEDBACK type */}
+          {qr.contentType === 'FEEDBACK' && (
+            <button
+              onClick={() => window.location.href = `/qr/${qr.id}/feedback`}
+              className="w-full mt-3 py-2 px-3 bg-amber-50 hover:bg-amber-100 text-amber-700 rounded-lg text-sm font-medium flex items-center justify-center gap-2 transition-colors"
+            >
+              ⭐ View Customer Feedback
+            </button>
+          )}
         </div>
       </CardContent>
     </Card>

src/components/marketing/FreeToolsGrid.tsx

@@ -222,9 +222,18 @@ export function FreeToolsGrid() {
                     transition={{ duration: 0.5 }}
                     className="text-center mb-16"
                 >
-                    <h2 className="text-3xl lg:text-4xl font-bold text-slate-900 mb-4">
-                        More Free QR Code Tools
-                    </h2>
+                    <div className="flex flex-col md:flex-row items-center justify-center gap-3 mb-4">
+                        <h2 className="text-3xl lg:text-4xl font-bold text-slate-900">
+                            More Free QR Code Tools
+                        </h2>
+                        <div className="bg-gradient-to-r from-emerald-500 to-green-500 text-white px-3 py-1 rounded-full text-xs md:text-sm font-semibold shadow-lg shadow-emerald-500/20 flex items-center gap-2">
+                            <span className="relative flex h-2 w-2">
+                                <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75"></span>
+                                <span className="relative inline-flex rounded-full h-2 w-2 bg-white"></span>
+                            </span>
+                            Free Forever
+                        </div>
+                    </div>
                     <p className="text-lg text-slate-600 max-w-2xl mx-auto">
                         Create specialized QR codes for every need. Completely free and no signup required.
                     </p>

src/components/marketing/Hero.tsx

@@ -6,19 +6,77 @@ import { Button } from '@/components/ui/Button';
 import { Badge } from '@/components/ui/Badge';
 import { Card } from '@/components/ui/Card';
 import { motion } from 'framer-motion';
-import { Globe, User, MapPin, Phone, CheckCircle2, ArrowRight } from 'lucide-react';
+import { Globe, User, MapPin, Phone, CheckCircle2, ArrowRight, FileText, Ticket, Smartphone, Star } from 'lucide-react';
+import { useState, useEffect } from 'react';
+
+// Sub-component for the flipping effect
+const FlippingCard = ({ front, back, delay }: { front: any, back: any, delay: number }) => {
+  const [isFlipped, setIsFlipped] = useState(false);
+
+  useEffect(() => {
+    // Initial delay
+    const initialTimeout = setTimeout(() => {
+      setIsFlipped(true); // First flip
+
+      // Setup interval for subsequent flips
+      const interval = setInterval(() => {
+        setIsFlipped(prev => !prev);
+      }, 8000); // Toggle every 8 seconds to prevent overlap (4 cards * 2s gap)
+
+      return () => clearInterval(interval);
+    }, delay * 1000);
+
+    return () => clearTimeout(initialTimeout);
+  }, [delay]);
+
+  return (
+    <div className="relative h-32 w-full perspective-[1000px] group cursor-pointer">
+      <motion.div
+        animate={{ rotateY: isFlipped ? 180 : 0 }}
+        transition={{ duration: 0.6, type: "spring", stiffness: 260, damping: 20 }}
+        className="relative w-full h-full preserve-3d"
+        style={{ transformStyle: 'preserve-3d' }}
+      >
+        {/* Front Face */}
+        <div
+          className="absolute inset-0 backface-hidden"
+          style={{ backfaceVisibility: 'hidden', WebkitBackfaceVisibility: 'hidden' }}
+        >
+          <Card className="w-full h-full backdrop-blur-xl bg-white/70 border-white/50 shadow-xl shadow-gray-200/50 p-4 flex flex-col items-center justify-center hover:scale-105 transition-all duration-300">
+            <div className={`w-10 h-10 mb-3 rounded-xl ${front.color} flex items-center justify-center`}>
+              <front.icon className="w-5 h-5" />
+            </div>
+            <p className="font-semibold text-gray-800 text-sm">{front.title}</p>
+          </Card>
+        </div>
+
+        {/* Back Face */}
+        <div
+          className="absolute inset-0 backface-hidden"
+          style={{
+            backfaceVisibility: 'hidden',
+            WebkitBackfaceVisibility: 'hidden',
+            transform: 'rotateY(180deg)'
+          }}
+        >
+          <Card className="w-full h-full backdrop-blur-xl bg-white/80 border-white/60 shadow-xl shadow-blue-200/50 p-4 flex flex-col items-center justify-center hover:scale-105 transition-all duration-300">
+            <div className={`w-10 h-10 mb-3 rounded-xl ${back.color} flex items-center justify-center`}>
+              <back.icon className="w-5 h-5" />
+            </div>
+            <p className="font-semibold text-gray-900 text-sm">{back.title}</p>
+          </Card>
+        </div>
+      </motion.div>
+    </div>
+  );
+};
 
 interface HeroProps {
   t: any; // i18n translation function
 }
 
 export const Hero: React.FC<HeroProps> = ({ t }) => {
-  const templateCards = [
-    { title: 'URL/Website', color: 'bg-blue-500/10 text-blue-600', icon: Globe },
-    { title: 'Contact Card', color: 'bg-purple-500/10 text-purple-600', icon: User },
-    { title: 'Location', color: 'bg-green-500/10 text-green-600', icon: MapPin },
-    { title: 'Phone Number', color: 'bg-pink-500/10 text-pink-600', icon: Phone },
-  ];
+
 
   const containerjs = {
     hidden: { opacity: 0 },
@@ -66,9 +124,9 @@ export const Hero: React.FC<HeroProps> = ({ t }) => {
               transition={{ duration: 0.5 }}
               className="space-y-6"
             >
-              <h2 className="text-5xl lg:text-6xl font-bold text-gray-900 leading-tight">
+              <h1 className="text-5xl lg:text-6xl font-bold text-gray-900 leading-tight">
                 {t.hero.title}
-              </h2>
+              </h1>
 
               <p className="text-xl text-gray-600 leading-relaxed max-w-2xl">
                 {t.hero.subtitle}
@@ -113,37 +171,34 @@ export const Hero: React.FC<HeroProps> = ({ t }) => {
 
           {/* Right Preview Widget */}
           <div className="relative">
-            <motion.div
-              variants={containerjs}
-              initial="hidden"
-              animate="show"
-              className="grid grid-cols-2 gap-4"
-            >
-              {templateCards.map((card, index) => (
-                <motion.div key={index} variants={itemjs}>
-                  <Card className={`backdrop-blur-xl bg-white/70 border-white/50 shadow-xl shadow-gray-200/50 p-6 text-center hover:scale-105 transition-all duration-300 group cursor-pointer`}>
-                    <div className={`w-12 h-12 mx-auto mb-4 rounded-xl ${card.color} flex items-center justify-center group-hover:scale-110 transition-transform duration-300`}>
-                      <card.icon className="w-6 h-6" />
-                    </div>
-                    <p className="font-semibold text-gray-800 group-hover:text-gray-900">{card.title}</p>
-                  </Card>
-                </motion.div>
-              ))}
-            </motion.div>
-
-            {/* Floating Badge */}
-            <motion.div
-              initial={{ opacity: 0, scale: 0.8 }}
-              animate={{ opacity: 1, scale: 1 }}
-              transition={{ delay: 0.8 }}
-              className="absolute -top-4 -right-4 bg-gradient-to-r from-success-500 to-emerald-500 text-white px-4 py-2 rounded-full text-sm font-semibold shadow-lg shadow-success-500/30 flex items-center gap-2"
-            >
-              <span className="relative flex h-2 w-2">
-                <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75"></span>
-                <span className="relative inline-flex rounded-full h-2 w-2 bg-white"></span>
-              </span>
-              {t.hero.engagement_badge}
-            </motion.div>
+            <div className="relative perspective-[1000px]">
+              <div className="grid grid-cols-2 gap-4">
+                {[
+                  {
+                    front: { title: 'URL/Website', color: 'bg-blue-500/10 text-blue-600', icon: Globe },
+                    back: { title: 'PDF / Menu', color: 'bg-orange-500/10 text-orange-600', icon: FileText },
+                    delay: 3 // Starts at 3s
+                  },
+                  {
+                    front: { title: 'Contact Card', color: 'bg-purple-500/10 text-purple-600', icon: User },
+                    back: { title: 'Coupon / Deals', color: 'bg-red-500/10 text-red-600', icon: Ticket },
+                    delay: 5 // +2s
+                  },
+                  {
+                    front: { title: 'Location', color: 'bg-green-500/10 text-green-600', icon: MapPin },
+                    back: { title: 'App Store', color: 'bg-sky-500/10 text-sky-600', icon: Smartphone },
+                    delay: 7 // +2s
+                  },
+                  {
+                    front: { title: 'Phone Number', color: 'bg-pink-500/10 text-pink-600', icon: Phone },
+                    back: { title: 'Feedback', color: 'bg-yellow-500/10 text-yellow-600', icon: Star },
+                    delay: 9 // +2s
+                  },
+                ].map((card, index) => (
+                  <FlippingCard key={index} {...card} />
+                ))}
+              </div>
+            </div>
           </div>
         </div>
       </div>

src/components/marketing/InstantGenerator.tsx

@@ -8,7 +8,6 @@ import { Input } from '@/components/ui/Input';
 import { Button } from '@/components/ui/Button';
 import { Badge } from '@/components/ui/Badge';
 import { calculateContrast } from '@/lib/utils';
-import AdBanner from '@/components/ads/AdBanner';
 
 interface InstantGeneratorProps {
   t: any; // i18n translation function

src/i18n/de.json

@@ -9,10 +9,7 @@
     "create_qr": "QR erstellen",
     "bulk_creation": "Massen-Erstellung",
     "analytics": "Analytik",
-    "settings": "Einstellungen",
-    "cta": "Kostenlos loslegen",
-    "tools": "Kostenlose Tools",
-    "all_free": "Alle Generatoren sind 100% kostenlos"
+    "settings": "Einstellungen"
   },
   "hero": {
     "badge": "Kostenloser QR-Code-Generator",
@@ -67,8 +64,6 @@
     "demo_note": "Dies ist ein Demo-QR-Code"
   },
   "static_vs_dynamic": {
-    "title": "Warum dynamische QR-Codes Geld sparen",
-    "description": "Hören Sie auf, Materialien neu zu drucken. Ändern Sie Zielorte sofort und verfolgen Sie jeden Scan.",
     "static": {
       "title": "Statische QR-Codes",
       "subtitle": "Immer kostenlos",
@@ -102,10 +97,6 @@
       "title": "Vollständige Anpassung",
       "description": "Branden Sie Ihre QR-Codes mit individuellen Farben, Logos und Styling-Optionen."
     },
-    "unlimited": {
-      "title": "Unbegrenzte statische QR-Codes",
-      "description": "Erstellen Sie so viele statische QR-Codes wie Sie möchten. Für immer kostenlos, ohne Limits."
-    },
     "bulk": {
       "title": "Bulk-Operationen",
       "description": "Erstellen Sie hunderte von QR-Codes auf einmal mit CSV-Import und Batch-Verarbeitung."
@@ -379,22 +370,5 @@
     "loading": "Lädt...",
     "error": "Ein Fehler ist aufgetreten",
     "success": "Erfolgreich!"
-  },
-  "footer": {
-    "product": "Produkt",
-    "features": "Funktionen",
-    "pricing": "Preise",
-    "faq": "FAQ",
-    "blog": "Blog",
-    "resources": "Ressourcen",
-    "full_pricing": "Alle Preise",
-    "all_questions": "Alle Fragen",
-    "all_articles": "Alle Artikel",
-    "get_started": "Loslegen",
-    "legal": "Rechtliches",
-    "privacy_policy": "Datenschutzerklärung",
-    "tagline": "Erstellen Sie individuelle QR-Codes in Sekunden mit erweitertem Tracking und Analytik.",
-    "newsletter": "Newsletter Anmeldung",
-    "rights_reserved": "QR Master. Alle Rechte vorbehalten."
   }
 }

src/lib/db.ts

@@ -6,8 +6,6 @@ const globalForPrisma = globalThis as unknown as {
 
 export const db =
   globalForPrisma.prisma ??
-  new PrismaClient({
-    log: ['query'],
-  });
+  new PrismaClient();
 
 if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = db;

src/lib/env.ts

@@ -11,6 +11,14 @@ const envSchema = z.object({
   REDIS_URL: z.string().optional(),
   IP_SALT: z.string().default('development-salt-change-in-production'),
   ENABLE_DEMO: z.string().default('false'),
+
+  // Cloudflare R2 (S3 Compatible)
+  R2_ACCOUNT_ID: z.string().optional(),
+  R2_ACCESS_KEY_ID: z.string().optional(),
+  R2_SECRET_ACCESS_KEY: z.string().optional(),
+  R2_BUCKET_NAME: z.string().default('qrmaster-menus'),
+  R2_PUBLIC_URL: z.string().optional(),
+  MAX_UPLOAD_SIZE: z.string().default('10485760'), // 10MB default
 });
 
 // During build, we might not have all env vars, so we'll use defaults

src/lib/r2.ts

@@ -0,0 +1,65 @@
+import { S3Client, PutObjectCommand, DeleteObjectCommand } from '@aws-sdk/client-s3';
+import { env } from './env';
+import crypto from 'crypto';
+
+// Initialize S3 client for Cloudflare R2
+const r2Client = new S3Client({
+    region: 'auto',
+    endpoint: `https://${env.R2_ACCOUNT_ID || 'placeholder'}.r2.cloudflarestorage.com`,
+    credentials: {
+        accessKeyId: env.R2_ACCESS_KEY_ID || '',
+        secretAccessKey: env.R2_SECRET_ACCESS_KEY || '',
+    },
+});
+
+export async function uploadFileToR2(
+    file: Buffer,
+    filename: string,
+    contentType: string = 'application/pdf'
+): Promise<string> {
+    // Generate a unique key for the file
+    const ext = filename.split('.').pop() || 'pdf';
+    const randomId = crypto.randomBytes(8).toString('hex');
+    const timestamp = Date.now();
+    const key = `uploads/${timestamp}_${randomId}.${ext}`;
+
+    await r2Client.send(
+        new PutObjectCommand({
+            Bucket: env.R2_BUCKET_NAME,
+            Key: key,
+            Body: file,
+            ContentType: contentType,
+            ContentDisposition: `inline; filename="${filename}"`,
+            // Cache for 1 year, as these are static files
+            CacheControl: 'public, max-age=31536000',
+        })
+    );
+
+    // Return the public URL
+    // If R2_PUBLIC_URL is set, use it (custom domain or r2.dev subdomain)
+    // Otherwise, construct a fallback (which might not work without public access enabled on bucket)
+    const publicUrl = env.R2_PUBLIC_URL
+        ? `${env.R2_PUBLIC_URL}/${key}`
+        : `https://${env.R2_BUCKET_NAME}.r2.dev/${key}`;
+
+    return publicUrl;
+}
+
+export async function deleteFileFromR2(fileUrl: string): Promise<void> {
+    try {
+        // Extract key from URL
+        // URL format: https://domain.com/uploads/filename.pdf
+        const url = new URL(fileUrl);
+        const key = url.pathname.substring(1); // Remove leading slash
+
+        await r2Client.send(
+            new DeleteObjectCommand({
+                Bucket: env.R2_BUCKET_NAME,
+                Key: key,
+            })
+        );
+    } catch (error) {
+        console.error('Error deleting file from R2:', error);
+        // Suppress error, as deletion failure shouldn't block main flow
+    }
+}

src/lib/schema.ts

@@ -40,28 +40,21 @@ export interface HowToTask {
   totalTime?: string;
 }
 
-const BASE_URL = 'https://www.qrmaster.net';
-
-function toAbsoluteUrl(path: string): string {
-  if (path.startsWith('http')) return path;
-  return `${BASE_URL}${path.startsWith('/') ? '' : '/'}${path}`;
-}
-
 export function organizationSchema() {
   return {
     '@context': 'https://schema.org',
     '@type': 'Organization',
-    '@id': `${BASE_URL}/#organization`,
+    '@id': 'https://www.qrmaster.net/#organization',
     name: 'QR Master',
     alternateName: 'QRMaster',
-    url: BASE_URL,
+    url: 'https://www.qrmaster.net',
     logo: {
       '@type': 'ImageObject',
-      url: `${BASE_URL}/og-image.png`,
+      url: 'https://www.qrmaster.net/static/og-image.png',
       width: 1200,
       height: 630,
     },
-    image: `${BASE_URL}/og-image.png`,
+    image: 'https://www.qrmaster.net/static/og-image.png',
     sameAs: [
       'https://twitter.com/qrmaster',
     ],
@@ -75,6 +68,8 @@ export function organizationSchema() {
     slogan: 'Dynamic QR codes that work smarter',
     foundingDate: '2025',
     areaServed: 'Worldwide',
+    serviceType: 'Software as a Service',
+    priceRange: '$0 - $29',
     knowsAbout: [
       'QR Code Generation',
       'Marketing Analytics',
@@ -93,16 +88,6 @@ export function organizationSchema() {
             name: 'QR Master Free',
             applicationCategory: 'BusinessApplication',
             operatingSystem: 'Web Browser',
-            offers: {
-              '@type': 'Offer',
-              price: '0',
-              priceCurrency: 'EUR',
-            },
-            aggregateRating: {
-              '@type': 'AggregateRating',
-              ratingValue: '4.8',
-              ratingCount: '1250',
-            },
           },
         },
         {
@@ -112,21 +97,12 @@ export function organizationSchema() {
             name: 'QR Master Pro',
             applicationCategory: 'BusinessApplication',
             operatingSystem: 'Web Browser',
-            offers: {
-              '@type': 'Offer',
-              price: '9',
-              priceCurrency: 'EUR',
-            },
-            aggregateRating: {
-              '@type': 'AggregateRating',
-              ratingValue: '4.9',
-              ratingCount: '850',
-            },
           },
         },
       ],
     },
-    mainEntityOfPage: BASE_URL,
+    inLanguage: 'en',
+    mainEntityOfPage: 'https://www.qrmaster.net',
   };
 }
 
@@ -134,19 +110,19 @@ export function websiteSchema() {
   return {
     '@context': 'https://schema.org',
     '@type': 'WebSite',
-    '@id': `${BASE_URL}/#website`,
+    '@id': 'https://www.qrmaster.net/#website',
     name: 'QR Master',
-    url: BASE_URL,
+    url: 'https://www.qrmaster.net',
     inLanguage: 'en',
-    mainEntityOfPage: BASE_URL,
+    mainEntityOfPage: 'https://www.qrmaster.net',
     publisher: {
-      '@id': `${BASE_URL}/#organization`,
+      '@id': 'https://www.qrmaster.net/#organization',
     },
     potentialAction: {
       '@type': 'SearchAction',
       target: {
         '@type': 'EntryPoint',
-        urlTemplate: `${BASE_URL}/blog?q={search_term_string}`,
+        urlTemplate: 'https://www.qrmaster.net/blog?q={search_term_string}',
       },
       'query-input': 'required name=search_term_string',
     },
@@ -157,14 +133,14 @@ export function breadcrumbSchema(items: BreadcrumbItem[]) {
   return {
     '@context': 'https://schema.org',
     '@type': 'BreadcrumbList',
-    '@id': `${BASE_URL}${items[items.length - 1]?.url}#breadcrumb`,
+    '@id': `https://www.qrmaster.net${items[items.length - 1]?.url}#breadcrumb`,
     inLanguage: 'en',
-    mainEntityOfPage: `${BASE_URL}${items[items.length - 1]?.url}`,
+    mainEntityOfPage: `https://www.qrmaster.net${items[items.length - 1]?.url}`,
     itemListElement: items.map((item, index) => ({
       '@type': 'ListItem',
       position: index + 1,
       name: item.name,
-      item: toAbsoluteUrl(item.url),
+      item: `https://www.qrmaster.net${item.url}`,
     })),
   };
 }
@@ -173,14 +149,14 @@ export function blogPostingSchema(post: BlogPost) {
   return {
     '@context': 'https://schema.org',
     '@type': 'BlogPosting',
-    '@id': `${BASE_URL}/blog/${post.slug}#article`,
+    '@id': `https://www.qrmaster.net/blog/${post.slug}#article`,
     headline: post.title,
     description: post.description,
-    image: toAbsoluteUrl(post.image),
+    image: post.image,
     datePublished: post.datePublished,
     dateModified: post.dateModified,
     inLanguage: 'en',
-    mainEntityOfPage: `${BASE_URL}/blog/${post.slug}`,
+    mainEntityOfPage: `https://www.qrmaster.net/blog/${post.slug}`,
     author: {
       '@type': 'Person',
       name: post.author,
@@ -189,19 +165,19 @@ export function blogPostingSchema(post: BlogPost) {
     publisher: {
       '@type': 'Organization',
       name: 'QR Master',
-      url: BASE_URL,
+      url: 'https://www.qrmaster.net',
       logo: {
         '@type': 'ImageObject',
-        url: `${BASE_URL}/og-image.png`,
+        url: 'https://www.qrmaster.net/static/og-image.png',
         width: 1200,
         height: 630,
       },
     },
     isPartOf: {
       '@type': 'Blog',
-      '@id': `${BASE_URL}/blog#blog`,
+      '@id': 'https://www.qrmaster.net/blog#blog',
       name: 'QR Master Blog',
-      url: `${BASE_URL}/blog`,
+      url: 'https://www.qrmaster.net/blog',
     },
   };
 }
@@ -210,9 +186,9 @@ export function faqPageSchema(faqs: FAQItem[]) {
   return {
     '@context': 'https://schema.org',
     '@type': 'FAQPage',
-    '@id': `${BASE_URL}/faq#faqpage`,
+    '@id': 'https://www.qrmaster.net/faq#faqpage',
     inLanguage: 'en',
-    mainEntityOfPage: `${BASE_URL}/faq`,
+    mainEntityOfPage: 'https://www.qrmaster.net/faq',
     mainEntity: faqs.map((faq) => ({
       '@type': 'Question',
       name: faq.question,
@@ -228,11 +204,11 @@ export function productSchema(product: { name: string; description: string; offe
   return {
     '@context': 'https://schema.org',
     '@type': 'Product',
-    '@id': `${BASE_URL}/pricing#product`,
+    '@id': 'https://www.qrmaster.net/pricing#product',
     name: product.name,
     description: product.description,
     inLanguage: 'en',
-    mainEntityOfPage: `${BASE_URL}/pricing`,
+    mainEntityOfPage: 'https://www.qrmaster.net/pricing',
     brand: {
       '@type': 'Organization',
       name: 'QR Master',
@@ -243,7 +219,7 @@ export function productSchema(product: { name: string; description: string; offe
       price: offer.price,
       priceCurrency: offer.priceCurrency,
       availability: offer.availability,
-      url: toAbsoluteUrl(offer.url),
+      url: offer.url,
     })),
   };
 }
@@ -252,18 +228,18 @@ export function howToSchema(task: HowToTask) {
   return {
     '@context': 'https://schema.org',
     '@type': 'HowTo',
-    '@id': `${BASE_URL}/blog/${task.name.toLowerCase().replace(/\s+/g, '-')}#howto`,
+    '@id': `https://www.qrmaster.net/blog/${task.name.toLowerCase().replace(/\s+/g, '-')}#howto`,
     name: task.name,
     description: task.description,
     inLanguage: 'en',
-    mainEntityOfPage: `${BASE_URL}/blog/${task.name.toLowerCase().replace(/\s+/g, '-')}`,
+    mainEntityOfPage: `https://www.qrmaster.net/blog/${task.name.toLowerCase().replace(/\s+/g, '-')}`,
     totalTime: task.totalTime || 'PT5M',
     step: task.steps.map((step, index) => ({
       '@type': 'HowToStep',
       position: index + 1,
       name: step.name,
       text: step.text,
-      url: step.url ? toAbsoluteUrl(step.url) : undefined,
+      url: step.url,
     })),
   };
 }

src/lib/validationSchemas.ts

@@ -25,7 +25,7 @@ export const createQRSchema = z.object({
 
   isStatic: z.boolean().optional(),
 
-  contentType: z.enum(['URL', 'VCARD', 'GEO', 'PHONE', 'SMS', 'WHATSAPP', 'TEXT'], {
+  contentType: z.enum(['URL', 'VCARD', 'GEO', 'PHONE', 'SMS', 'WHATSAPP', 'TEXT', 'PDF', 'APP', 'COUPON', 'FEEDBACK'], {
     errorMap: () => ({ message: 'Invalid content type' })
   }),
 
@@ -60,7 +60,7 @@ export const bulkQRSchema = z.object({
     z.object({
       title: z.string().min(1).max(100),
       content: z.string().min(1).max(5000),
-      contentType: z.enum(['URL', 'VCARD', 'GEO', 'PHONE', 'SMS', 'WHATSAPP', 'TEXT']),
+      contentType: z.enum(['URL', 'VCARD', 'GEO', 'PHONE', 'SMS', 'WHATSAPP', 'TEXT', 'PDF', 'APP', 'COUPON', 'FEEDBACK']),
     })
   ).min(1, 'At least one QR code is required')
     .max(100, 'Maximum 100 QR codes per bulk creation'),
@@ -93,7 +93,7 @@ export const signupSchema = z.object({
   password: z.string()
     .min(8, 'Password must be at least 8 characters')
     .max(100, 'Password must be less than 100 characters'),
-    // Password complexity rules removed for easier testing
+  // Password complexity rules removed for easier testing
 });
 
 export const forgotPasswordSchema = z.object({
@@ -108,7 +108,7 @@ export const resetPasswordSchema = z.object({
   password: z.string()
     .min(8, 'Password must be at least 8 characters')
     .max(100, 'Password must be less than 100 characters'),
-    // Password complexity rules removed for easier testing
+  // Password complexity rules removed for easier testing
 });
 
 // ==========================================
@@ -129,7 +129,7 @@ export const changePasswordSchema = z.object({
   newPassword: z.string()
     .min(8, 'Password must be at least 8 characters')
     .max(100, 'Password must be less than 100 characters'),
-    // Password complexity rules removed for easier testing
+  // Password complexity rules removed for easier testing
 });
 
 // ==========================================

src/types/next-auth.d.ts

@@ -4,12 +4,10 @@ declare module 'next-auth' {
   interface Session {
     user: {
       id: string;
-      plan?: string | null;
     } & DefaultSession['user'];
   }
 
   interface User {
     id: string;
-    plan?: string | null;
   }
 }