Update deps

app/config/app.ts

@@ -1,14 +1,41 @@
 export const appConfig = {
   name: 'Shake the Frog',
   description: 'A fun interactive frog that reacts to shaking!',
-  url: 'https://shakethefrog.vercel.app',
+  url: 'https://shakethefrog.com',
   assets: {
     favicon: '/images/frog.svg',
     ogImage: {
       width: 1200,
       height: 630,
-      bgColor: '#f0fdf4',
-      textColor: '#374151'
+      bgColor: '#c9ffda',
+      textColor: '#000000'
     }
-  }
-} as const 
+  },
+  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