major update

.env.example

@@ -1,8 +1,9 @@
 NEXT_PUBLIC_LACONIC_GQL_ENDPOINT="https://laconicd-sapo.laconic.com/api"
 NEXT_PUBLIC_ALWAYS_RANDOM_COORDS=true
 NEXT_PUBLIC_THEME=forest
-NEXT_PUBLIC_APP_TITLE="Wildlife Tracker"
-NEXT_PUBLIC_APP_DESCRIPTION="Document your wildlife encounters"
+NEXT_PUBLIC_APP_TITLE="Smokey The Bear"
+NEXT_PUBLIC_APP_DESCRIPTION="bears"
+NEXT_PUBLIC_APP_LOCATION="Texas"
 NEXT_PUBLIC_PORTAL_NAME=test-1234
 
 #can be a csv list

src/app/animals/page.tsx

@@ -115,10 +115,10 @@ export default function AnimalsPage() {
         
         <div className="text-center mb-8">
           <h1 className="text-4xl sm:text-5xl font-bold mb-4 text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300">
-            Animal Registry
+            {APP_CONFIG.title} Portal
           </h1>
           <p className="text-emerald-200 text-lg mb-8">
-            Discover wildlife sightings from our community
+            Discover {APP_CONFIG.description} sightings from our community in {APP_CONFIG.location}
           </p>
         </div>
 

src/app/page.tsx

@@ -27,10 +27,10 @@ const Page: React.FC = (): React.ReactElement => {
         
         <div className="text-center mb-8 pt-16 sm:pt-0">
           <h1 className={`text-4xl sm:text-5xl font-bold mb-4 text-transparent bg-clip-text bg-gradient-to-r from-${theme.primary}-400 to-${theme.secondary}-300`}>
-            {APP_CONFIG.title}
+            {APP_CONFIG.title} Data Portal
           </h1>
           <p className={`text-${theme.text}-200 text-lg mb-8`}>
-            {APP_CONFIG.description}
+            Document encounters with {APP_CONFIG.description} in {APP_CONFIG.location}
           </p>
           
         </div>
@@ -51,7 +51,7 @@ const Page: React.FC = (): React.ReactElement => {
         {/* Info Section */}
         <div className="mt-12 text-center text-emerald-300/60">
           <p className="text-sm">
-            Powered by Mark • Use at your own risk
+            Powered by Mito Systems
           </p>
         </div>
       </div>

src/components/ImageAnalysisCard.tsx

@@ -3,6 +3,7 @@
 
 import React, { useState, useRef } from 'react'
 import { Leaf } from 'lucide-react'
+import { APP_CONFIG } from '../config/appConfig'
 
 
 interface ImageAnalysisCardProps {
@@ -123,7 +124,7 @@ const ImageAnalysisCard: React.FC<ImageAnalysisCardProps> = ({
                     className="max-h-64 mx-auto rounded-lg"
                   />
                 ) : (
-                  <p>Share interesting animal behaviour...</p>
+                  <p>Share pictures of {APP_CONFIG.description}</p>
                 )}
               </div>
             </div>

src/components/Navigation.tsx

@@ -9,7 +9,7 @@ const Navigation = () => {
 
   const links = [
     { href: '/', label: 'Home' },
-    { href: '/animals', label: 'Animal Registry' },
+    { href: '/animals', label: 'Sightings' },
     { href: '/about', label: 'About' }
   ]
 

src/config/appConfig.ts

@@ -2,8 +2,9 @@
 
 export const APP_CONFIG = {
   theme: process.env.NEXT_PUBLIC_THEME || 'forest', // forest, ocean, desert, mountain
-  title: process.env.NEXT_PUBLIC_APP_TITLE || 'Ranger',
-  description: process.env.NEXT_PUBLIC_APP_DESCRIPTION || 'Go outside and touch grass',
+  title: process.env.NEXT_PUBLIC_APP_TITLE,
+  description: process.env.NEXT_PUBLIC_APP_DESCRIPTION,
+  location: process.env.NEXT_PUBLIC_APP_LOCATION,
   recordEnv: process.env.NEXT_PUBLIC_RECORD_ENV || 'production'
 }
 

src/services/googleVisionService.ts

@@ -1,5 +1,7 @@
 // src/services/googleVisionService.ts
 
+import { APP_CONFIG } from "../config/appConfig"
+
 export interface VisionAnalysisResult {
   description?: string
   error?: string
@@ -15,8 +17,8 @@ export interface VisionConfig {
 
 export const VISION_CONFIG: VisionConfig = {
   modelId: "google-vision-v1",
-  name: "Worldwide Animal Oracle",
-  description: "Upload photos of your wildlife encounters from the real world. Verified animal images will be added to the Animal Registry.",
+  name: "Wildlife Data Portal",
+  description: "Upload photos of " + APP_CONFIG.description + " from the wild, in " + APP_CONFIG.location + " to analyze and record your encounters.",
 }
 
 export async function analyzeImage(imageFile: File): Promise<VisionAnalysisResult> {