Dep upd

app/config/app.ts

@@ -0,0 +1,41 @@
+export const appConfig = {
+  name: 'Shake the Frog',
+  description: 'A fun interactive frog that reacts to shaking!',
+  url: 'https://shakethefrog.com',
+  assets: {
+    favicon: '/images/frog.svg',
+    ogImage: {
+      width: 1200,
+      height: 630,
+      bgColor: '#c9ffda',
+      textColor: '#000000'
+    }
+  },
+  skins: {
+    frog: {
+      id: 'frog',
+      name: 'Frog',
+      normal: '/images/frog.svg',
+      shaken: '/images/frog-shaken.svg',
+      isPremium: false
+    },
+    mandarin: {
+      id: 'mandarin',
+      name: 'Mandarin',
+      normal: '/images/mandarin.svg',
+      // TODO: Create a proper shaken version of the mandarin skin
+      shaken: '/images/mandarin.svg', // Using the same image for both states until a shaken version is created
+      isPremium: false,
+      variantId: 'your_mandarin_variant_id_here' // Replace with actual variant ID when created
+    },
+    beaver: {
+      id: 'beaver',
+      name: 'Beaver',
+      normal: '/images/beaver.svg',
+      shaken: '/images/beaver-shaken.svg',
+      isPremium: true,
+      variantId: '1047017'
+    }
+  },
+  defaultSkin: 'frog'
+} as const