diff --git a/src/app/page.tsx b/src/app/page.tsx
index c21c7a1..8974802 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,8 +9,7 @@ import { analyzeImage, VisionAnalysisResult, VISION_CONFIG } from '../services/g
 import { processMTMPayment } from '../services/paymentService'
 import { connectWallet, WalletState } from '../services/walletService'
 import { WalletType } from '../services/types'
-
-const FREE_MODE = process.env.NEXT_PUBLIC_FREE_MODE === 'true'
+import { FREE_MODE } from '../config/freeMode'
 
 console.log('NEXT_PUBLIC_FREE_MODE value:', process.env.NEXT_PUBLIC_FREE_MODE)
 console.log('FREE_MODE computed value:', FREE_MODE)
diff --git a/src/components/ImageAnalysisCard.tsx b/src/components/ImageAnalysisCard.tsx
index 489ee67..6ba8f11 100644
--- a/src/components/ImageAnalysisCard.tsx
+++ b/src/components/ImageAnalysisCard.tsx
@@ -3,8 +3,8 @@
 
 import React, { useState, useRef } from 'react'
 import { Leaf } from 'lucide-react'
+import { FREE_MODE } from '../config/freeMode'
 
-const FREE_MODE = process.env.NEXT_PUBLIC_FREE_MODE === 'true'
 console.log('ImageAnalysisCard FREE_MODE value:', FREE_MODE)
 
 
diff --git a/src/config/freeMode.ts b/src/config/freeMode.ts
new file mode 100644
index 0000000..1f51aa6
--- /dev/null
+++ b/src/config/freeMode.ts
@@ -0,0 +1,2 @@
+// src/config/freeMode.ts
+export const FREE_MODE = process.env.NEXT_PUBLIC_FREE_MODE === 'true'