fix(spa): redesign remaining pages to light theme

fix_theme.js

@@ -0,0 +1,36 @@
+const fs = require('fs');
+
+const files = [
+  'apps/spa/src/pages/AboutPage.tsx',
+  'apps/spa/src/pages/ContactPage.tsx',
+  'apps/spa/src/pages/FaqPage.tsx',
+  'apps/spa/src/pages/ScentGuidePage.tsx',
+  'apps/spa/src/pages/NotFoundPage.tsx',
+  'apps/spa/src/pages/ArticleReaderPage.tsx'
+];
+
+for (const file of files) {
+  let content = fs.readFileSync(file, 'utf8');
+  
+  // Specific replaces for safety
+  content = content.replace(/bg-night-950/g, 'bg-pop-bg');
+  content = content.replace(/bg-night-900/g, 'bg-white');
+  content = content.replace(/bg-night-800\/20/g, 'bg-white border-b border-spa-stone/10');
+  content = content.replace(/bg-night-[0-9]+\/[0-9]+/g, 'bg-spa-stone/10');
+  
+  content = content.replace(/text-cyan-glow/g, 'text-spa-forest');
+  content = content.replace(/bg-cyan-glow\/[0-9]+/g, 'bg-spa-forest/10');
+  content = content.replace(/bg-cyan-glow/g, 'bg-spa-forest text-white');
+  
+  content = content.replace(/border-cyan-glow\/[0-9]+/g, 'border-spa-forest');
+  content = content.replace(/border-white\/[0-9]+/g, 'border-spa-stone/10');
+  
+  content = content.replace(/text-night-900/g, 'text-spa-forest');
+  content = content.replace(/to-night-700/g, 'to-spa-stone');
+  
+  // Replace glass with light theme equivalent
+  content = content.replace(/glass/g, 'bg-white shadow-sm border border-spa-stone/10');
+  
+  fs.writeFileSync(file, content);
+}
+console.log("Done fixing themes.");